/****************************************************************************/
/****************************************************************************/
body.lr{
    background-image : url(c:/private/2001a928/qgn_graf_bgr_invite_portrait.png);
    background-repeat : repeat-x;
    background-attachment : fixed;
    direction : ltr;
}

body.rl{
    background-image : url(c:/private/2001a928/qgn_graf_bgr_invite_portrait.png);
    background-repeat : repeat-x;
    background-attachment : fixed;
    direction : rtl;
}

div.header{
    background-image  : url(c:/private/2001a928/my_profile_heading_pane.png);
    background-repeat : repeat-x;
    height            : 68px;
    vertical-align    : middle;
    overflow          : hidden;
    white-space       : nowrap;
    margin-top        : -8px;
    margin-left       : -8px;
    margin-right      : -8px;
}

#header table {
    width           : 100%;
    height          : 100%;
    border-collapse : collapse;
}

#header table td {
    padding : 2px;
    padding-left : 10px;
    width : 100%;
    white-space : nowrap;
    color      : #414141;
    font-size : 16pt;
}

#header #title_avatar {
    padding : 2px;
    width : 0px;
}

#header #title_avatar img {
    vertical-align : middle;
    horizontal-align : middle;
    float : left;
    height : 60px;
}

#title_nick {
    padding-top : 4px;
    height : 25px;
    font-weight : bold;
}

#title_nick img {
    position : absolute;
    right : 5px;
}

/* Status */
div.availability{
    position : relative;
    top : 5px;
    text-indent:10px;
    font-size:16pt;
    font-weight:bold;
    color:#48a24a;
    }


#status div{
    border-bottom:1px solid #e0e0e0;
    color      : #414141;
    border-collapse : collapse;
}

#friend_status {
    height : 60px;
}

#status img{
    position : relative;
    top : 13px;
    padding-left : 10px;
    padding-right : 5px;
    float : left;
}

#lastupdated {
    padding-top : 6px;
    padding-bottom : 6px;
    text-indent : 11px;
    overflow : hidden;
    white-space : nowrap;
    color : #7d7d7d;
}

.thetitle {
    padding-top : 8px;
    padding-bottom : 0px;
    height : 29px;
    text-indent : 10px;
    font-size : 16pt;
    font-weight : bold;
    color : #48a24a;
    white-space : nowrap;
}

.itemvalue {
    padding-top : 6px;
    padding-bottom : 4px;
    padding-left : 38px;
    color      :#414141;
    font-weight : normal;
    text-decoration : none;
    font-size : 14pt;
    overflow   : hidden;
}

.itemvalue img {
    position : absolute;
    left : 9px;
}

#title_presence {
    position : relative;
    top : 16px;
    left : 6px;
    color      :#414141;
    font-weight : normal;
    text-decoration : none;
    font-size : 16pt;
}

#title_status {
    position : relative;
    top : 7px;
    left : 8px;
    padding-bottom : 15px;
    color : #414141;
    font-weight : normal;
    text-decoration : none;
    font-size : 15pt;
    font-style : italic;
    overflow   : hidden;
}

.rl #title_status {
    direction : rtl;
    padding-right : 30px;
}

img.titleimg {
    padding-left : 10px;
}

/**
 * Now playing
 */
div.nowplaying_center{
    position:relative;
    padding-left:6px;
    height:35px;
}

img.nowplaying_center{
    padding-left:6px;
}

a.nowplaying_center{
    position:relative;
    top:-5px;
    padding-left:6px;
    text-decoration: none;
    color:#414141;
    font-size:14pt;
}

div.currentlocation_center{
    position:relative;
    padding-left:6px;
    height:35px;
}

span.currentlocation_center{
    position:relative;
    top:-5px;
    padding-left:6px;
    text-decoration: none;
    color:#414141;
    font-size:14pt;
}


.thetitle2, .thetitle4 {
    padding-left: 15px;
    padding-top : 7px;
    padding-bottom : 0px;
    text-indent : 18px;
    font-weight : bold;
    color      :#414141;
    white-space : nowrap;
    font-size : 16pt;
}

.thetitle2 img {
    padding-top : 7px;
    position : absolute;
    left : 15px;
}

.thetitle3 img {
    padding-top : 7px;
    position : absolute;
    left : 10px;
}
.rl .thetitle2 img {
    padding-top : 7px;
    position : absolute;
    right : 15px;
}

div.contactinformation{
    position:relative;
    padding-top : 5px;
    height : 29px;
    text-indent : 10px;
    font-size : 16pt;
    font-weight : bold;
    color : #48a24a;
}

/****************************************************************************/
/*  Selection styles */
/****************************************************************************/

a {
    text-decoration: none;
}

a:link, a:visited, a:visited {
    text-decoration : underline;
    color : #414141;
}

a:hover{
    outline: 3px solid #d8edda;
}

:focus{
    border-color: #d8edda;
    border-width: 3px;
}

a:focus{
    border-color: #d8edda;
    border-width: 3px;
 }

:focus img  {
    border-color: #d8edda;
}

/****************************************************************************/
/****************************************************************************/

.lr{}

.rl span, .rl .thetitle2, {
    direction : rtl;
    block-progression : rl;
    unicode-bidi : bidi-override;
    padding-right : 35px;
}

.rl .availability {
    direction : rtl;
    padding-right : 6px;
}

.rl .contactinformation {
    direction : rtl;
    padding-right : 6px;
}

.rl .titleimg {
    padding-right : 15px;
}

.rl .title_presence{
    padding-right : 5px;
}

.rl .thetitle4 {
    direction : rtl;
    padding-right : 15px;
}

.rl .thetitle {
    direction : rtl;
    padding-right : 6px;
}

.rl .itemvalue, .rl textarea{
    direction : rtl;
    padding-right : 38px;
}

.rl .thetitle3 img{
    direction : rtl;
    padding-top : 7px;
    position : absolute;
    right : 4px;
}

.rl #status img{
    padding-left : 5px;
    padding-right : 20px;
    float : right;
}

.rl #currentlocation_div img{
    direction : rtl;
    position : absolute;
    right : 15px;
}

.rl #nowplaying_div img{
    direction : rtl;
    position : absolute;
    right : 20px;
}

#content{
    margin-left:-8px;
    margin-right:-8px;
}

div.hidden
    {
    display : none;
    }

div.visible
    {
    display : block;
    }