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

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

textarea.input_textarea{
    width : 90%;
}

textarea.input_textarea_numbers{
    width : 90%;
}

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

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

/**
 * Offline note
 */

td.OfflineNote{
    font-size:12pt;
    color:black;
    background:white;
}

div.OfflineNote{
    border-bottom:1px solid grey;
    border-bottom:thin solid #c2c2c2;
    position:fixed;
    overflow : hidden;
    top : 0px;
    margin-left : -8px;
    margin-right: -8px;
    z-index: 2;
    background-color : white;
}

div.OfflineNote_Offline{
    display:block;
}

div.OfflineNote_Online{
    display:none;
}


/**
 * Header
 */

span.nick_name{
     font-size:14pt;
     font-weight:bold;
     color:black;
     white-space:nowrap;
 }

td.jid{
     top: -15px;
     font-size:12pt;
     color:black;
 }

img{
        border: 0px solid rgb(216,237,218);
}

/**
 * My status
 */
div.availability{
    position: relative;
    padding-top:8px;
    height:20px;
    font-size:12pt;
    font-weight:bold;
    color:#48a24a;
    }

.lr .availability{
    padding-left: 2px;
    }

.lr table.statustable{
    position: relative;
    padding-left:1px;
    padding-bottom:5px;
    }

.rl table.statustable{
    position: relative;
    padding-right:4px;
    padding-bottom:5px;
    }

td.mystatus_left_lr {
    background-image: url(c:/private/2001a928/qgn_prop_dropdwn_def_left.png);
    height:28px;
    width:6px;
    }

td.mystatus_left_rl {
    background-image: url(c:/private/2001a928/qgn_prop_dropdwn_def_left_mirrored.png);
    height:28px;
    width:6px;
    }

td.mystatus_middle {
    background-image: url(c:/private/2001a928/qgn_prop_dropdwn_def_middle.png);
    height:28px;
    }

td.mystatus_right_lr {
    background-image: url(c:/private/2001a928/qgn_prop_dropdwn_def_right.png);
    background-repeat: no-repeat;
    height:28px;
    width:20px;
    }

td.mystatus_right_rl {
    background-image: url(c:/private/2001a928/qgn_prop_dropdwn_def_right_mirrored.png);
    background-repeat: no-repeat;
    height:28px;
    width:20px;
    }

div.mystatus {
    min-width:140px;
    }

div.mystatus_center{
    position:relative;
}

a.mystatus_center {
    position:relative;
    font-weight:normal;
    top:0px;
    text-decoration: none;
    color:black;
    font-size:12pt;
}

div.horizontalline
    {
    background-color:rgb(221,222,222);
    height:1px;
    width:100%;
    }

/**
 * What are you doing
 */
div.whatareyoudoing{
    position: relative;
    padding-top:7px;
    padding-bottom:0px;
    height:20px;
    font-size:12pt;
    font-weight:bold;
    color:#48a24a;
}

.lr .whatareyoudoing{
    padding-left: 2px;
    }

a.whatareyoudoing_center{
    height:20px;
    text-indent:10px;
    font-size:12pt;
    color:#48a24a;
}

div.itemvalue_what {
    position: relative;
    font-size:12pt;
    padding-top:0px;
    padding-bottom:12px;
    overflow   : hidden;
    white-space: nowrap;
    color:grey;
    height:19px;
}

/**
 * My location
 */
.thetitle{
    position: relative;
    padding-top:0px;
    padding-bottom : 0px;
    height:20px;
    font-size:12pt;
    font-weight:bold;
    color:#48a24a;
    white-space : nowrap;
}

.lr .thetitle{
    padding-left: 2px;
}

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

a.mylocation_center{
    position:relative;
    text-decoration: none;
    color:grey;
    font-size:12pt;
}

.lr .mylocation_center{
    padding-left:0px;
}

/**
 * Now playing
 */
a.nowplaying_center{
    position:relative;
    top:0px;
    text-decoration: none;
    color:grey;
    font-size:12pt;
}

.lr .nowplaying_center{
    padding-left:0px;
}

/**
 * Contact information
 */
div.contactinformation{
    position: relative;
    padding-top:0px;
    height:25px;
    font-size:12pt;
    font-weight:bold;
    color:#48a24a;
}

.lr .contactinformation{
    padding-left: 2px;
}

/**
 * Sub titles
 */

span.subtitle{
    padding-bottom:0px;
    color:black;
    font-size:12pt;
    font-weight:bold;
}

div.subtitle_img{
    position: relative;
    vertical-align:middle;
}

.lr img.subtitle_img{
    padding-left:3px;
    padding-bottom:5px;
}

.itemvalue {
    font-size:12pt;
    padding-top   :0px;
    padding-bottom:10px;
    padding-right:0px;
    text-indent:15px;
    overflow   : hidden;
    white-space: nowrap;
    color:grey;
    height:17px;
}

textarea{
    padding-top:0px;
    height:21px;
    color:grey;
    font-size:12pt;
    outline: 0px solid #c2c2c2;
    outline-offset: 0px;
    border-color: #c2c2c2;
    white-space: nowrap;
    overflow:hidden;
}

/**
 * Sub titles no icon
 */
div.subtitle_no_icon{
    color:black;
    font-size:12pt;
    font-weight:bold;
    text-indent:15px;
}

a.subtitle{
}

a.link{
    padding-top:8px;
}

.lr{}

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

.rl .whatareyoudoing {
    direction: rtl;
    padding-right: 2px;
}

.rl .mylocation_center{
    padding-right:0px;
}

.rl .nowplaying_center{
    padding-right:0px;
}

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

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

.rl .input_textarea_numbers{
    direction: rtl;
    width : 90%;
}

.rl .input_textarea {
    direction: rtl;
    width : 90%;
}

.lr .itemvalue_what{
    padding-left: 2px;
}

.rl .itemvalue_what{
    padding-right: 4px;
}

.rl .itemvalue_what .input_textarea {
    direction: rtl;
}

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

.rl img.subtitle_img {
    padding-right : 10px;
    padding-bottom: 5px;
}

.rl .subtitle_no_icon {
    padding-right : 8px;
    direction: rtl;
}

.rl .subtitle {
    direction: rtl;
}

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

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

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


a:hover {
    outline: 0px solid #c2c2c2;
    outline-offset: 0px;
}

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

.mylocation_center a:focus{
    outline: 3px solid #d8edda;
}

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

.nowplaying_center a:focus{
    outline: 3px solid #d8edda;
}

.avatar_image img:hover{
    outline: 3px solid #d8edda;
}

.avatar_image img:focus{
    outline: 3px solid #d8edda;
}

.avatar_image img{
 height: 50px;
}

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

.mystatus_center a:focus{
    outline: 3px solid #d8edda;
}
