html,body{
    font:11px Arial, Helvetica, sans-serif;
    border:0;
    margin:0;
    padding:0;
    background:#010101}
h1,h2,h3,h4,caption,legend{
    font-size:16px;
    text-align:left;
    margin:0;
    padding:0 0 15px 0}
h1{
    padding:0;
    line-height:32px}
h2, caption{
    font-size:14px;
    font-weight:bold;
    margin:10px 0;
    padding:10px 0 15px 0}
h2, legend{
    padding:0 0 0 10px;
    line-height:26px}
h3{
    font-size:14px;
    padding:15px 0 0 0}
p{
    margin:0;
    padding:7px 0}
em{
    font-style:normal}
    em.star{
        font-size:16px;
        font-weight:bold;
        color:#FA0}
a{  
    text-decoration:underline;
    outline:none}
    a:hover{
        text-decoration:none}
img,a img,fieldset{
    border:0}
th{
    text-align:left}
form,input,fieldset,select{
    margin:0;
    padding:0}
    input{
        width:150px}
    select{
        width:154px}
textarea {
    overflow:auto}
/* --^-- Elements */
/* --v-- Page Structure ---------------------------- */
#hptp{
    width:880px;
    margin:0 auto}
    #hdptp{
        height:153px}
    #chptp{
        padding:38px 0 0 0;
        height:58px;
        margin:0;
        list-style:none}
        #chptp li{
            float:right}
        #chptp li a{
            display:block;
            font-size:9px;
            margin:24px 0 0 0;
            color:#FFBF00;
            padding:0 3px;
            text-decoration:none}
        #chptp li a:hover,#chptp li a.act{
            color:#fff}
        li#plogo{
            background:url(/img/logo.gif) left no-repeat;
            width:260px;
            height:85px;
            margin:-30px 0 0 0;
            float:left}
        li#plogo a{
            display:block;
            margin:0;
            padding:0;
            height:58px}
        li#plogo a span{
            display:none}
    #mptp{
        height:36px;
        font-size:12px;
        padding:12px 0 9px 5px;
        margin:0;
        list-style:none}
        #mptp li{
            float:left}
        #mptp li.last{
            background:0}
        #mptp li.last a{
            padding-right:0}
        #mptp li a{
            line-height:36px;
            white-space:nowrap;
            display:block;
            text-decoration:underline;
            font-weight:bold;
            padding:0 16px 0 15px}
        #mptp li a:hover{
            }
#ct{
    position:relative;
    text-align:left;
    padding:10px 230px 10px 20px;
    width:630px;
    float:left}
    #ctm{
        clear:both;
        z-index:100;
        position:relative;
        float:right;
        width:221px;
        height:105px;
        margin:0 0 0 -221px;
        padding:10px 0 0 0;
        text-align:left
        }

        #ctm ul, #searchnav{
            list-style:none;
            width:170px;
            padding:0 0 25px 0;
            margin:0 0 30px 35px
            }
        #ctm ul.last{
            border-bottom:none;
            padding-bottom:0;
            margin-bottom:0
            }
            #ctm ul li, #searchnav li{
                margin:0 0 12px 0;
                }
                #ctm ul li a{
                    text-decoration:underline}
#ftptp{
    clear:both}
    #ftptp ul{
        margin:0;
        padding:0;
        height:45px;
        text-align:center;
        list-style:none}
    #ftptp li{  
        display:inline;
        line-height:45px}
    #ftptp li.last{
        background:0}   
    #ftptp li a{
        padding:0 15px 0 14px;
        text-decoration:underline}
    #ftptp li a:hover{
        text-decoration:none}
    #ftptp p{
        text-align:center;
        margin:0;
        padding:0 0 10px 0}
/* --^-- Page Structure */
/* --v-- Other IDs/Classes ------------------------- */
#recover{
    margin:10px 4px 0}
#passform{
    background:#2E0017;
    padding:20px 0;
    margin:auto;
    width:520px}
#passform ol, #passform ul{
    list-style:none;
    margin:0;
    padding:0}
#passform fieldset{

    width:60%}
#passform h2{
    display:none}
#passform label{
    float:left;
    width:47%;
    text-align:right;
    margin:1px 5px 0 0}
#passform .field{
    width:100%;
    font-weight:bold;
    color:#fff;
    font-weight:bold;
    padding:6px 0;
    margin-bottom:2px}
#passform .border{
    text-align:center;
    height:26px;
    padding:4px 0px}

#popup{/* Popup Window container */
    height:auto;
    padding:5px;
    text-align:left}
    #popup h1{ /* Style used on popup pages for H1 */
        margin-bottom:10px}
#verisign {/* Verisign seal container */
    position:absolute;
    z-index:550;
    top:160px;
    right:50px;
    width:115px;
    height:82px}
.error{/* Class for ERROR messages */
    color:#F00}
/*--v Input/select fields definition*/
input.supershort{
    width:35px}
select.supershort{
    width:39px}
input.short{
    width:55px}
select.short{
    width:59px}
input.long{
    width:230px}
select.long{
    width:234px}
input.chkbx, input.rdbtn{/* Check-box and radio-button definitions */
    border:none;
    width:auto}
input.btn{/* Buttons */
    width:auto}
/*--^ Input fields */
.ac{
    text-align:center}
.ar{
    text-align:right}
.al{
    text-align:left}
.vam{
    vertical-align:middle}
.vat{
    vertical-align:top}
.oac{
    margin:0 auto}
.fl{
    float:left}
.fr{
    float:right}
.clr{
    clear:both}
.clrl{
    clear:left}
table.data{
    }
    table.data thead, table.data tfoot{
        height:25px}
    table.data caption{
        margin:20px 0 -2px 0;
        padding:3px 5px}
    table.data td, table.data th{
        padding:0 5px}
/* --^-- Other IDs/Classes */
/* --v-- Page Content ------------------------------ */

/*  #subtitle defines whether page subtitle is visible or hidden.
    If you don't need subtitle just add property "display:none".
*/
#subtitle{display:none}
.faqq{/* Numbered list */
    margin:0 30px
    }
    .faqq li{
        padding:0;
        margin:0 0 0 15px;
        list-style:decimal outside}
.note{
    text-align:center;
    padding:10px}
    
/* -----v- Who Is online --------------------------- */
.wioo{ /* WhoIsOnline Overview */
    height:100px;
    text-align:center;
    margin:20px 0;
    padding:0 0 10px 0;
    }
    .wioo.last{
        border-bottom:none}
    .wioo li{
        float:left;
        margin-left:5px;
        background-repeat:no-repeat;
        background-position:center 18px;
        display:inline
        }
        .wioo li img{
            margin:5px 0 0 0}
.wioocatname{
    width:150px
    }
    .wioocatname h2{
        margin:0;
        padding:0;
        background:none;
        font-size:14px;
        line-height:16px;
        text-align:left}
    .wioocatname a{
        height:auto}
    .wioocatname p{
        text-align:left;
        padding:3px 0 0 0
        }
        .wioo li.wioocatname p span{
            padding:0 5px 0 0;
            margin:0 5px 0 0}

#wobb{ /* WhoIsOnline Big Blocks */
    height:auto;
    width:630px;
    text-align:center;
    overflow:hidden
    }
    #wobb dt{
        width:160px;
        height:140px;
        float:left;
        margin:10px 23px 0 23px;
        display:inline;
        background-repeat:no-repeat;
        background-position:center bottom}
    #wobb dt a{
        display:block;
        height:140px}
    #wobb dd{
        width:160px;
        height:40px;
        float:left;
        margin:155px 0 20px -183px}
#fexpl{/* Features explained popup */
    height:auto;
    list-style:none;
    padding:15px 0 0 20px;
    margin:0}
    #fexpl li{
        height:auto;
        padding:0 0 8px 25px;
        background-repeat:no-repeat}
.sttl img{
    vertical-align:text-bottom;
    margin:0 1px}
#wodb{/* WhoIsOnline Description Blocks */
    }
    #wodb td{
        padding:12px 0;
        vertical-align:top
        }
        #wodb td div{
            margin:5px 0 10px 0}
        #wodb td div.lang{
            width:220px;
            height:8px;
            overflow:hidden
            }
            #wodb td div img{
                margin:0 10px 0 0}
        #wodb td.pic{
            text-align:center;
            width:90px}
        #wodb td.pic img{
            margin:0 0 10px 0}
        #wodb td.pic a{
            font-weight:bold}
        #wodb td.nav{
            width:149px}
        #wodb td.nav ul{
            width:109px;
            height:99px;
            padding:0;
            margin:0 0 0 20px;
            list-style:none;
            font-weight:bold
            }
            #wodb td.nav ul li{
                height:24px;
                width:79px;
                line-height:24px;
                margin:0 0 0 10px;
                padding:0 0 0 10px}
            #wodb td.nav ul li a:hover{
                margin:0 0 0 -10px;
                padding:0 0 0 10px}
#wiosb{/* WhoIsOnline Small Blocks */
    list-style:none;
    width:620px;
    padding:0;
    margin:20px 0
    }
    #wiosb li{
        float:left;
        height:100px;
        width:83px;
        margin:0 20px 0 0;
        background-repeat:no-repeat;
        padding:0;
        text-align:center
        }
        #wiosb li a{
            display:block;
            height:20px;
            padding:63px 0 0 0}
/* -----^- Who Is online */
/* -----v- Confirmcharges page --------------------- */
#f ol,#f li{
    width:230px;
    height:auto;
    list-style:none}
#f ol{
    margin:0 auto 8px auto;
    padding:10px 10px 0 10px;
    overflow:hidden
    }
    #f li{
        margin-bottom:7px}
    li.private{
        width:226px;
        padding:2px;
        float:right}
/* -----^- Confirmcharges page */
/* -----v- Exibit Profile page --------------------- */
#profileinfo1{
    height:22px;
    padding:8px 0 0 0;
    margin:1px 0 10px 0;
    text-align:right
    }
    #profileinfo1 li{
        display:inline;
        margin:0;
        padding:0 10px}
    #profileinfo1 li.nb{
        background:none}
    #profileinfo1 img{
        vertical-align:top}
#profbigpic{
    float:left;
    width:320px;
    height:240px;
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
    display:inline
    }
    #profbigpic a{
        position:relative;
        display:block;
        width:323px;
        height:243px;
        padding:0;
        text-decoration:none
        }
        #profbigpic strong{
            position:absolute;
            bottom:3px !important;
            bottom:6px;
            right:3px !important;
            right:6px;
            line-height:18px;
            padding:0 8px}
        #chonline strong{
            }
        #choffline strong{
            }
        a#chonline {
            }
        a#choffline{
            }
#profsmallpic{
    float:left;
    list-style:none;
    width:84px;
    margin:0 0 0 10px;
    padding:0
    }
    #profsmallpic li{
        height:63px;
        margin:0 0 25px 10px;
        padding:0;
        }/*
        #profsmallpic li a{
            display:block;
            width:84px;
            height:0;
            padding:63px 0 0 0;
            overflow:hidden}*/
#profnav{
    float:left;
    width:175px;
    list-style:none;
    padding:0;
    margin:0 0 0 20px
    }
    #profnav li{
        width:175px;
        height:34px;
        margin-bottom:6px}
    #profnav li.vchat{
        height:44px
        }
        #profnav li.vchat a{
            padding:44px 0 0 0}
    #profnav li.viewfav{
        margin-bottom:0
        }
    #profnav li a{
        display:block;
        height:0;
        padding:34px 0 0 0;
        overflow:hidden}
#profdetails{
    width:100%;
    height:auto;
    margin:0;
    overflow:auto}
    #profdetails table{
        width:100%;
        margin-bottom:17px}/* Space for horizontal scrollbar */
    #profdetails table td{
        text-align:center}
#profileinfo2{}
    #profileinfo2 dt{
         padding:0 0 0 5px}
    #profileinfo2 dd{
        margin:0 0 10px 0;
        padding:0 0 10px 5px}
/* -----^- Exibit Profile page */
/* -----v- Black list / White list pages ----------- */
form.bwlist{
     float:left;
     margin:10px -180px 0 0;
     padding:0;
     width:180px
     }
     form.bwlist ul{
        list-style:none;
        padding:0;
        margin:0}
div.bwlist{
    float:left;
    margin-left:180px;
    display:inline
    }
    .bwlist dt{
        float:left;
        width:120px}
    .bwlist dt,.bwlist dd{
        margin:0 0 5px 0}
/* -----^- Black list / White list pages */
/* -----v- FAQ pages ------------------------------- */
.faqq{ /* This style is used on mailfaq and faq, viewerservises and some other pages */
    padding:0}
.faqa{
    }
    .faqa dt{
        font-weight:bold;
        padding-top:15px;
        margin-top:15px
        }
        .faqa dt.nb{
            margin-top:0;
            padding-top:0}
    .faqa dd{
        padding:0;
        margin:5px 0 10px 10px}
    a.ttp {
        display:block;
        width:80px;
        margin:0 0 10px 0}
/* -----^- FAQ pages */
/* -----v- Othercams pages ------------------------- */
.viewby{ /* View by Category, by Country or by Language */
    height:auto;
    width:615px;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0 0 20px 5px
    }
    .viewby li{
        width:205px;
        float:left;
        padding:0;
        margin:0 0 5px 0}
#ocmenu{ /* Horizontal menu on othercams and whoisonlinenow pages */
    height:auto;
    padding:0;
    margin:0 0 10px 0
    }
    #ocmenu li{
        padding:0;
        margin:0}
        #ocmenu li span{
            display:block;
            margin:0;
            padding:0}
    #ocmenu .active{
        }
#searchtable{
    width:400px;
    margin-top:20px
    }
    #searchtable td, #searchtable th{
        padding:3px 10px}
#formSearch table th{
    text-align:left}
#chlist{
    }
    #chlist td{
        padding:12px 0;
        vertical-align:top
        }
        #chlist td div{
            margin:5px 0 10px 0}
        #chlist td div.lang{
            width:220px;
            height:8px;
            overflow:hidden
            }
            #wodb td div img{
                margin:0 10px 0 0}
        #chlist td.pic{
            text-align:center;
            width:90px;
            padding-right:20px}
        #chlist td.pic img{
            margin:0}
        #chlist td.pic a{
            font-weight:bold}
        #chlist td.feat{
            width:20px}
            #chlist td.feat img{
                margin-bottom:4px}

/* -----^- Othercams pages */
/* -----v- Viewer Archives page -------------------- */
#varch{
     height:auto;
     text-align:center;
     width:620px;
     padding:0;
     margin:0
     }
     #varch li{
         width:166px;
         float:left;
         padding:0;
         margin:0 40px 20px 0;
         display:inline;
         background-position:3px 3px;
         background-repeat:no-repeat}
         #varch li span{
            display:block;
            padding:5px 0 0 0}
/* -----^- Viewer Archives page */
/* -----v- Mail pages ------------------------------ */
#mlmenu{
     height:auto;
     list-style:none;
     padding:0
    }
    #mlmenu li{
        width:70px;
        height:35px;
        float:left}
    #mlmenu li a, p#ml12 a{
        display:block;
        width:70px;
        height:0;
        padding:35px 0 0 0;
        overflow:hidden}
        p#ml12{
            padding:0}
    #mlmenu dt{
        width:70px;
        height:35px}
    #mlmenu dt a{
        display:block;
        white-space: nowrap;
        height:35px;
        padding:3px 0 0 70px}
    #mlmenu dd {
        height:35px;
        margin:-16px 0 2px 70px}
    #ml1{
        background:url(/com/img/imail/newmessageup.gif) no-repeat}
    #ml1 a:hover{
        background:url(/com/img/imail/newmessageover.gif) no-repeat}
    #ml2{
        background:url(/com/img/imail/cpanelup.gif)}
    #ml2 a:hover{
        background:url(/com/img/imail/cpanelover.gif)}
    #ml3{
        background:url(/com/img/imail/refreshup.gif)}
    #ml3 a:hover{
        background:url(/com/img/imail/refreshover.gif)}
    #ml4{
        background:url(/com/img/imail/showallup.gif)}
    #ml4 a:hover{
        background:url(/com/img/imail/showallover.gif)}
    #ml5{
        background:url(/com/img/imail/markasreadup.gif)}
    #ml5 a:hover{
        background:url(/com/img/imail/markasreadover.gif)}
    #ml6{
        background:url(/com/img/imail/faq2up.gif)}
    #ml6 a:hover{
        background:url(/com/img/imail/faq2over.gif)}
    #ml7{
        background:url(/com/img/imail/inboxup.gif) no-repeat}
    #ml7 a:hover{
        background:url(/com/img/imail/inboxover.gif) no-repeat}
    #ml8{
        background:url(/com/img/imail/optionsup.gif) no-repeat}
    #ml8 a:hover{
        background:url(/com/img/imail/optionsover.gif) no-repeat}
    #ml9{
        background:url(/com/img/imail/whitelistup.gif) no-repeat}
    #ml9 a:hover{
        background:url(/com/img/imail/whitelistover.gif) no-repeat}
    #ml10{
        background:url(/com/img/imail/blacklistup.gif) no-repeat}
    #ml10 a:hover{
        background:url(/com/img/imail/blacklistover.gif) no-repeat}
    #ml11{
        background:url(/com/img/imail/replyup.gif) no-repeat}
    #ml11 a:hover{
        background:url(/com/img/imail/replyover.gif) no-repeat}
    #ml12{
        background:url(/com/img/imail/toinboxup.gif) no-repeat}
    #ml12 a:hover{
        background:url(/com/img/imail/toinboxover.gif) no-repeat}
    #ml13{
        background:url(/com/img/imail/tosentup.gif) no-repeat}
    #ml13 a:hover{
        background:url(/com/img/imail/tosentover.gif) no-repeat}
    #ml14{
        background:url(/com/img/imail/deleteup.gif) no-repeat}
    #ml14 a:hover{
        background:url(/com/img/imail/deleteover.gif) no-repeat}
    #ml15{
        background:url(/com/img/imail/allowuserup.gif) no-repeat}
    #ml15 a:hover{
        background:url(/com/img/imail/allowuserover.gif) no-repeat}
    #ml16{
        background:url(/com/img/imail/denyuserup.gif) no-repeat}
    #ml16 a:hover{
        background:url(/com/img/imail/denyuserover.gif) no-repeat}
#mailattachlist{/* Mail attachments */
    height:auto;
    list-style:none;
    padding:0;
    overflow:hidden
    }
    #mailattachlist li{/* Delete icon for attachment */
        height:18px;
        padding:2px 0;
        line-height:18px}
/* -----^- Mail pages */
/* -----v- Viewer Services pages ------------------- */
.brcmenu{/* Breadcrumb menu */
    list-style:none;
    padding:2px 5px;
    margin:1px 0 20px 0;
    }
    .brcmenu li{
        display:inline;
        padding:0 2px 0 0}
#helprhead{
    }
    #helprhead dt{
        height:20px}
    #helprhead dd{
        padding:0;
        margin:-20px 0 0 80px}
/* -----^- Viewer Services pages */

/*class disabling display on printed media*/
@media print{
    .noprint{
        display:none;
    }
  }
#f{
    margin:0 0 20px 0}
    #f fieldset{
        width:450px;
        margin:0 auto;
        padding:0 20px 15px 20px;
        border:1px solid #5B82BB}
    #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 #5B82BB}
        #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}
.vrate{
    height:13px;
    line-height:13px;
    font-weight:normal;
    display:block;
    padding:3px 0}
    .vrate span{
        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}
#subscr{
    width:270px;
    padding:5px 0 5px 30px;
    margin:5px auto;
    border:1px solid #555;
    background:#111}
    #subscr li{
        margin:0;
        padding:3px 0;
        list-style:none}
.notev{
    text-align:center;
    background:#333;
    border:1px solid #999;
    padding:9px;
    margin:6px 20px}
.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}