/* ---v- Elements -v--- */
html,body{
    height:100%;
    margin:0;
    padding:0;
    border:0}
body{
    font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
    color:#CCC;
    background:#2B2A2A url(/img/botstrip.gif) center repeat-y}
table{
    font:11px Arial, Helvetica, sans-serif;
    color:#CCC}
h1{
    font-size:14px;
    border-bottom:1px solid #444;
    padding:3px 0;
    margin:6px 0;
    color:#FFF}
h2{
    font:13px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFF}
h2,caption{
    color:#F90;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin-bottom:8px}
h3{
    color:#F90;
    font-size:12px;
    text-align:left;
    border-bottom:1px solid #CCC;
    padding:6px 3px 6px 3px}
h4{
    border-bottom:1px solid #CCC;
    color:#FFF;
    font-size:12px;
    font-weight:normal;
    margin:3px;
    padding-bottom:3px}
th{
    background:#999;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    color:#000}
hr{
    color:#666;
    background:#666}
p{
    padding:7px;
    margin:0}
dd {
    margin-top:10px;
    margin-bottom:20px}
.ac{
    text-align:center}
.fr{
    float:right}

#recover{
    margin:10px 4px 0}
#LogonForm a, #passform a{
    color:#fff}
#LogonForm a:hover, #passform a:hover{
    text-decoration:none}
#passform ol, #passform ul{
    list-style:none;
    margin:0;
    padding:0}
#passform fieldset{
    border:1px solid #666;
    margin:0 auto 20px;
    width:40%}
#passform h2{
    font-family:arial,helvetica, sans-serif;
    font-size:14px;
    text-align:center;
    color:#fff;
    border-bottom:1px solid #444;
    margin:7px 2px 2px}
#passform label{
    float:left;
    width:47%;
    text-align:right;
    margin:1px 5px 0 0}
#passform .field{
    width:100%;
    font-weight:bold;
    color:#ccc;
    padding:6px 0;
    margin-bottom:2px}
    #passform .field input{
        border:1px solid #999;
        background:#333}

#passform .border{
    text-align:center;
    padding:8px 0px}

/* ---^- Elements -^--- */
#top{
    background:#2B2A2A url(/img/toppattern.jpg) top repeat-x}
#bottom{
    font-family:Arial, Helvetica, sans-serif;
    background:#2B2A2A url(/img/bottompattern.jpg) top repeat-x;
    text-align:center}
.centerwrap{
    width:778px;
    margin:0 auto;
    padding:0;
    text-align:left}
.topbotmenu{
    font-family:Arial, Helvetica, sans-serif;
    width:778px;
    margin:0 auto}  
.topbotmenu a{
    display:block;
    line-height:280%;
    text-align:center;
    text-decoration:none;
    color:#000;
    height:34px}
#helpcontent{
    text-align:left}
.piccontainer{
    width:84px;
    text-align:center;
    margin-left:8px;
    float:left}
.piccontainer a{
    color:#393939;
    font-size:12px;
    text-decoration:none}
select.short{
    width:44px}
.conf{
    padding:7px 0;
    margin-top:0;
    margin-bottom:0}
.conf dt{
    padding:0 0 3px 0;
    margin:0}
    .conf dd{
        padding:3px 0 3px 40px;
        margin:0}
.viewby{
    height:auto;
    margin:10px 0 15px 10px;
    padding:0;
    overflow:hidden}
    .viewby li{
        width:31%;
        float:left;
        margin:0 5px 0 10px;
        padding:3px 0;
        display:inline}
.boldtext{
    font-weight:bold}
.redtext,.normalRedText, em, .error{
    color:#F00}
.smalltext{
    font-size:10px}
.tddark{
    background:#333}
.tdbottom{
    background:#444;
    color:#333}
.notetable{
    background:#EFEFEF;
    border:1px solid #FFA500;
    padding:10px}
/* ========== Links ========== */
.mainmenu a{
    color:#FFA500;
    font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none}
.mainmenu a:hover{
    color:#000;
    text-decoration:underline}
.h1link{
    color:#CCC;
    font-size:12px;
    text-decoration:none;
    font-weight:bold}
.h2link{
    color:#CCC;
    font-size:11px;
    text-decoration:underline;
    font-weight:bold}
.h2link:hover,.h1link:hover{
    color:#FFA500;
    text-decoration:underline}
.pagelink{
    color:#6B441D;
    font-size:12px;
    text-decoration:none}
.pagelink:hover{
    color:#000}
.arial{
    font:11px Arial, Helvetica, sans-serif}
/* ========== Inputs / Select boxes / Buttons ========== */
.normalInput{
    font:11px Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#F90;
    background:#333;
    border:1px solid #999}
.input250{
    width:250px;
    font-size:11px;
    font-weight:normal;
    color:#F90;
    background:#333;
    border:1px solid #999}
.select250{
    width:250px;
    font-size:11px;
    font-weight:normal;
    color:#F90;
    background:#333;
    border:1px solid #999}
.shortInput{
    width:40px;
    font-size:11px;
    font-weight:normal;
    color:#F90;
    background:#333;
    border:1px solid #999}
.shortSelect{
    font-size:11px;
    font-weight:normal;
    color:#F90;
    background:#333;
    border:1px solid #999}
/* ========== Videochat example style definitions ========== */
.normalRedBoldText{
    font:12px Arial, Helvetica, sans-serif;
    color:#F00;
    font-weight:bold}
.normalGreenBoldText{
    font:12px Arial, Helvetica, sans-serif;
    color:#0B0;
    font-weight:bold}
/* ========== Custom style definitions ========== */
.imgborder{
    color:#F90;
    border:1px solid #F90}
.bordertable{
    background:#EEE;
    border:1px solid #999;
    padding:3px;
    font-size:11px;
    color:#CCC}
.picture{
    border:1px solid #F90}
.chnick{
    font:13px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFF}
.greyborder{
    border:1px solid #666}
.normalButton{
    font:11px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333;
    border-top:1px solid #EBEBEB;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    border-left:1px solid #EBEBEB;
    height:22px;
    background:#CCC}
.longButton{
    font:11px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333;
    border-top:2px solid #EEE;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    border-left:2px solid #EEE;
    height:22px;
    background:#CCC}
.controlsButton{
    font:10px Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#000;
    border-top:1px solid #EBEBEB;
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    border-left:1px solid #EBEBEB;
    height:18px;
    background-color:#CCC}
.redLink{
    font:11px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#E70000;
    text-decoration:none}
.redLink:hover{
    font:11px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FF3F0F;
    text-decoration:underline}
.smallRedLink{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#E70000;
    text-decoration:none}
.smallRedLink:hover{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#FF3F0F;
    text-decoration:none}
.longSelect{
    font:11px Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#FFF;
    background:#333}
.selectedUp{
    font:10px Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding:2px;
    border:1px solid #666}
.smallgreylink{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#CCC;
    text-decoration:none}
.smallgreylink:hover{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#999;
    text-decoration:none}
.otherUp{
    font:10px Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding:2px;
    border:1px solid #666}
.chdescr{
    border:1px solid #666;
    padding:4px;
    margin-bottom:4px}
.greyborderTD{
    font:11px Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    border:1px solid #999}
.textarea500{
    font:11px Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#FFF;
    border:1px solid #666;
    background:#333;
    width:500px}
.normalRedLink,.redtext a{
    font:11px Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#FF0F09;
    text-decoration:underline}
.normalRedLink:hover,.redtext a:hover{
    font-weight:normal;
    color:#F60;
    text-decoration:underline}
.greyLink10{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333;
    text-decoration:underline}
.greyLink10:hover{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#444;
    text-decoration:none}
.imgredborder{
    font:11px Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#F00;
    border:1px solid #AD0000}
.underline{
    border-bottom:1px solid #444}
.redTextBig{
    font:12px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#F00}
#profdetails {
    height:auto;
    width:560px;
    overflow:auto;
    overflow-y:hidden}
#varch{
    clear:both;
    height:auto;
    text-align:center;
    padding:0;
    margin:0;
    overflow:hidden}
     #varch li{
        width:160px;
        float:left;
        margin:0 0 20px 20px;
        background-position:center top;
        background-repeat:no-repeat;
        display:inline}
    #varch span{
        display:block}
        #varch img{
            border:1px solid #F00}
#subscr{
    width:270px;
    padding:5px 0 5px 30px;
    margin:5px auto;
    border:1px solid #999;
    background:#333}
    #subscr li{
        margin:0;
        padding:3px 0;
        list-style:none}
/* -----v- Confirmcharges page ------------------------------- */
#f{
    margin:0 0 20px 0}
    #f fieldset{
        width:450px;
        margin:0 auto;
        padding:0 20px 15px 20px;
        border:1px solid #990000}
    #f legend{
        margin:0;
        padding:0 5px;
        font-size:14px;
        background:none;
        border:0}
    #f dl{
        height:auto !important;
        height:1%;
        margin:5px 0;
        overflow:hidden}
        #f dt,#f dd{
            height:30px;
            margin:0;
            padding:0;
            line-height:30px;
            background:none;
            border-bottom:1px solid #990000}
        #f dt{
            float:left;
            width:300px}
        #f dd{
            float:right;
            width:150px;
            text-align:right}
    #clothes{
        margin:10px 0;
        text-align:center}
    #f dt input{
        width:auto;
        margin:5px 3px 0 0;
        padding:0;
        border:0}
/* -----^- Confirmcharges page */
.videoheading{
    color:#FFF;
    font-size:11px;
    text-align:right}
    .videoheading i{
        font-weight:bold;
        color:#F00}
    .videoheading a{
        color:#FFF}
.indiv{
    color:#000}
    .indiv th{
        background:#CECFFF;
        color:#000;
        font-size:11px;
        border-bottom:2px solid #000}
    .indiv td{
        background:#E6E6E6;
        font-size:11px;
        color:#000}
#popup{
    text-align:left;
    padding:0 5px 5px 5px;
    margin:5px;
    background:#333;
    border:1px solid #000}
.vrate{
    height:13px;
    line-height:13px;
    font-weight:normal;
    display:block;
    padding:3px 0}
    .vrate span{
        float:left;
        margin:0 4px 0 0}
    .vrate .srv{
        width:69px;
        padding:13px 0 0 0;
        height:0;
        display:block;
        line-height:13px;
        background:url(/img/icons/stars.gif) 0 0 no-repeat}
    .vrate em{
        display:none}
    .vrate .srt0{
        background-position:0 0}
    .vrate .srt05{
        background-position:0 -13px}
    .vrate .srt10{
        background-position:0 -26px}
    .vrate .srt15{
        background-position:0 -39px}
    .vrate .srt20{
        background-position:0 -52px}
    .vrate .srt25{
        background-position:0 -65px}
    .vrate .srt30{
        background-position:0 -78px}
    .vrate .srt35{
        background-position:0 -91px}
    .vrate .srt40{
        background-position:0 -104px}
    .vrate .srt45{
        background-position:0 -117px}
    .vrate .srt50{
        background-position:0 -130px}
.strex{
    list-style:none;
    padding:0 0 0 20px;
    margin:0}
.strex li{
    padding:3px 0;
    margin:0}
    .strex strong{
        margin:1px 0 0 0;
        float:left;
        width:69px;
        height:0;
        padding:13px 3px 0 0;
        overflow:hidden;
        display:block;
        background:url(/img/icons/stars.gif) 0 0 no-repeat}
    .strex .str0{
        background-position:0 0}
    .strex .str1{
        background-position:0 -26px}
    .strex .str2{
        background-position:0 -52px}
    .strex .str3{
        background-position:0 -78px}
    .strex .str4{
        background-position:0 -104px}
    .strex .str5{
        background-position:0 -130px}
.faqq{ /* Class for FAQ pages */
    margin:5px 0 10px 30px;
    padding:0}
    .faqq li{
        padding:3px 0;
        margin:0 0 0 15px;
        list-style:decimal outside}
    .faqq li a{
        color:#F70000;
        font-weight:bold;
        text-decoration:none}
        .faqq li a:hover{
            color:#FF3F0F;
            text-decoration:underline}
.faqa{ /* Class for FAQ pages */
    padding:7px 3px;
    margin:0}
    .faqa dt{
        font-weight:bold;
        padding:0;
        margin:0}
    .faqa dd{
        padding:7px 0 10px 30px;
        margin:0}
        .faqa dd a{
            color:#F70000;
            font-weight:bold;
            text-decoration:none}
            .faqa dd a:hover{
                color:#FF3F0F;
                text-decoration:underline}
    a.ttp{
        display:block;
        width:80px;
        margin:10px 0}