html, body{
    margin:0;
    padding:0;
    border:0;
    height:100%;
    max-height:100%;
    overflow:hidden;
    background:#fff url(/img/bghtml.gif) left repeat-y;
    color:#404040;
    font:12px Arial, Helvetica, sans-serif}
* html body{
    padding: 0 0 0 160px}
* html #rightframe{
    height: 100%;
    width: 100%}
html,body,p,table,div,a{
    font:12px Arial, Helvetica, sans-serif}
h1,h2,h3,h4,caption,legend{
    font-size:16px;
    text-align:left;
    margin:0;
    padding:0 0 15px 0}
h1{
    color:#404040;
    font-size:16px;
    border-bottom:2px solid #E6B673;
    padding:0 0 0 10px;
    height:auto;
    line-height:23px}
    #subtitle{
        display:none}
caption,legend{
    font-size:14px;
    font-weight:bold;
    padding:0;
    color:#005580}
h2{
    font-size:13px;
    font-weight:bold;
    padding:3px 0 3px 10px;
    margin:10px 0;
    background:#ECECEC;
    border-top:1px solid #D9D9D9;
    color:#404040}
    h2.ih2{
        height:auto !important;
        height:1%;
        padding:0;
        margin:20px 0 0 0;
        font-size:12px;
        line-height:25px;
        color:#404040;
        text-transform:uppercase;
        border:0;
        background:transparent;
        overflow:hidden}
    h2.ih2 b{
        display:block;
        float:left;
        width:150px;
        padding:0 0 0 10px;
        background:#FFCA80 url(/img/bgh2.gif) right bottom no-repeat}
    h2.ih2 a{
        text-transform:none;
        padding:0 10px 0 0;
        font-weight:normal}
    h2.ih22{
        font-size:14px;
        font-weight:bold;
        background:0;
        border:0;
        padding:10px 0 6px 10px;
        margin:0;
        color:#404040}
h3{
    font-size:12px;
    background:#ECECEC;
    border-top:1px solid #D9D9D9;
    line-height:25px;
    padding:0 0 0 10px}
    h3 small{
        font-size:12px;
        font-weight:normal}
p{
    margin:0;
    padding:10px 0 0 0}
em{
    font-style:normal;
    color:#E30033}
    em a{
        color:#E30033}
a{
    text-decoration:underline;
    color:#005580;
    outline:none}
    a:hover{
        text-decoration:none;
        color:#f00}
img,a img,fieldset{
    border:0}
table thead{
    background:#FFE4BF;
    color:#005580}
table tfoot{
    background:#FFE4BF;
    color:#404040;
    font-weight:bold}
th{
    text-align:left}
table.data{
    background:#BBB;
    font-size:11px;
    width:100%}
    table.data thead{
        font-weight:bold;
        font-size:12px}
    table.data tfoot{
        background:#FFCA80;
        vertical-align:middle;
        color:#404040}
    table.data th{
        background:#EEE;
        color:#000}
    table.data .tdd{
        background:#F5F5F5}
.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}
form,input,fieldset,select{
    margin:0;
    padding:0}
    input{
        width:150px;
        border:1px solid;
        border-color:#888 #ccc #ccc #888}
    select{
        width:154px;
        border:1px solid;
        border-color:#888 #ccc #ccc #888}
    input.fbttn,input.btn{
        background:#D1D1D1;
        border:1px solid;
        width:auto;
        color:#222;
        font-size:11px;
        border-color:#ccc #888 #888 #ccc}
    .finp{
        width:30px}
textarea{
    overflow:auto}
hr{
    height:0;
    line-height:0;
    background:0;
    border:0;
    margin:0;
    padding:0;
    border-bottom:2px solid #ccc}

#passform ol, #passform ul{
    list-style:none;
    margin:0;
    padding:0}
#passform fieldset{
    width:69%}
#passform label{
    float:left;
    width:47%;
    text-align:right;
    margin:1px 5px 0 0}
#passform .field{
    width:100%;
    color:#404040;
    font-weight:bold;
    padding:6px 0;
    margin-bottom:1px}
#passform .border{
    text-align:center;
    height:26px;
    padding:4px 0px}
#leftframe{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    height:100%;
    width:159px;
    color:#404040;
    background:#FFCA80;
    overflow:auto}
#rightframe{
    position: fixed;
    top: 0;
    left: 160px; /*Set left value to WidthOfFrameDiv*/
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #fff}
#ct{
    text-align:center;
    margin:0 10px}
#lfm h1,#lfm dl,#lfm dd,#gp1,#lp,#gp2,#tp,#tp dt,#tp dd,#tp h2,.menu,#hd #rbl,#hd #htxt{
    margin:0;
    padding:0}
#lfm{
    }
    #lfm h1{
        padding:0;
        border:0;
        background:url(/img/webcamlifelogo.gif) no-repeat}
    #lfm h1 a{
        display:block;
        height:0;
        overflow:hidden;
        width:159px;
        padding:86px 0 0 0;
        text-align:center;
        text-decoration:none;
        color:#000}
        #lfm h1 a span{
            display:none}
    #cm a span span{
        color:#EA0000}
    #lfm a{
        color:#005580;
        display:block;
        text-decoration:underline}
    #lfm a:hover{
        color:#F00}
    #lfm dl{
        width:139px;
        height:auto}
    #lfm dl{
        margin:0 10px 0 10px}
    #lfm dt{
        font-weight:bold;
        padding:0 0 0 10px;
        line-height:20px;
        margin:0 0 8px 0;
        color:#404040;
        background:#E6B673}
    #lfm dd{
        background:url(/img/bgdd.gif) 3px center no-repeat;
        line-height:18px;
        padding:0 0 0 10px}
    #lfm dd.emp{
        background:0}
    #lfm dd.empb{
        background:url(/img/bgddemp.gif) -10px bottom no-repeat;
        margin:0 0 11px 0}
#cti,#hd{
    width:570px;
    text-align:left;
    margin:0 auto}
#hd{
    padding:38px 0 0 0}
    #hd #htxt{
        padding:0 0 28px 0;
        list-style:none;
        color:#808080;
        height:15px}
        #htxt li{
            float:left;
            padding:0 8px 0 8px}
        #rbl{
            color:#665133;
            list-style:none;
            line-height:30px;
            background:url(/img/bgrbl.gif) 0 5px no-repeat;
            height:32px}
        #rbl li{
            padding:0 0 0 10px;
            font-weight:bold}
        #rbl li#reg{
            float:right;
            padding:0 13px 0 0;
            height:32px;
            background:url(/img/bgreg.jpg) 0 0 no-repeat}
            #rbl li#reg a{
                display:block;
                height:0;
                overflow:hidden;
                width:153px;
                padding:32px 0 0 0}
            #rbl li#reg a span{
                display:none}
#ft ul{
    width:570px;
    background:#FFE4BF;
    height:25px;
    border-top:1px solid #E6B673;
    padding:0;
    margin:20px 0 0 0;
    list-style:none;
    text-align:center}
    #ft li{
        display:inline;
        background:url(/img/bgftli.gif) right no-repeat;
        padding:0 12px}
        #ft li a{
            color:#005580;
            line-height:24px;
            text-decoration:underline}
        #ft li a:hover{
            text-decoration:none;
            color:#f00}
        #ft li.first{
            padding-left:0}
        #ft li.last{
            background:none;
            padding-right:0}
        #ft p{
            text-align:center;
            padding:16px 0;
            margin:0;
            font-size:11px;
            color:#737373}
        #ft p a{
            font-size:11px}
#popup{
    height:auto;
    padding:10px;
    margin:0;
    background:#fff}
    #popup h1{
        margin-bottom:10px}
#verisign{
     width:115px;
     height:82px;
     margin:10px 0 0 10px}
.error{
    color:#F00}
.green{
    color:#090}
input.supershort{
    width:30px}
select.supershort{
    width:38px}
input.short{
    width:60px}
select.short{
    width:64px}
input.long{
    width:230px}
select.long{
    width:234px}
input.chkbx,input.rdbtn{
    border:none;
    width:auto}
input.btn{
    width:auto}
.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}
.tdl{
    background:#fff}
.tdd{
    background:#F0F0F0}
.menu{
    list-style:none}
.menu li{
    display:inline}
.red{
    color:#F00}
.black{
    color:#000}
.gotoform{
    padding:23px 0 0 0;
    margin:0;
    vertical-align:bottom}
.brdr{
    border:1px solid #D9D9D9}
    a:hover .brdr{
        border:1px solid #FFD580}
.ih2{
    font-size:16px;
    padding:0}
.faqq{
    margin:0 30px}
    .faqq li{
        padding:0;
        margin:0 0 0 15px;
        list-style:decimal outside}
.note{
    text-align:center;
    padding:5px;
    margin:10px 0;
    background:#FFC;
    border:1px solid #E6B673}
.wioo{
    height:94px;
    text-align:center;
    margin:0;
    padding:0;
    overflow:hidden}
    .wioo li{
        float:left;
        padding:7px 0 0 0;
        margin:0;
        display:inline}
    .wioo a{
        display:block;
        margin:3px 0 0 0;
        text-decoration:none;
        width:80px}
.wioop{
    display:none}
#wobb{
    height:auto;
    text-align:center;
    overflow:hidden}
    #wobb dt{
        border:1px solid #E6E6E6;
        border-bottom:0;
        width:186px;
        height:138px;
        float:left;
        margin:0 0 0 1px;
        display:inline;
        background:#FFF0BC}
    #wobb dt a{
        display:block;
        text-decoration:none;
        font-weight:bold}
    #wobb dd{
        border:1px solid #E6E6E6;
        border-top:0;
        width:186px;
        height:60px;
        float:left;
        background:#FFF0BC;
        margin:138px 0 30px -188px}
    #wobb dd p{
        padding:0;
        margin:0;
        font-size:11px}
#fexpl{
    height:auto;
    width:98%;
    list-style:none;
    margin:0;
    background:#fff;
    padding:0 2px}
    #fexpl li{
        height:auto;
        border-bottom:1px solid #C0C0C0;
        padding:6px 0 6px 32px;
        background-position:5px 5px;
        background-repeat:no-repeat}
    #f1{
        background-image:url(/img/icons/free.gif)}
    #f2{
        background-image:url(/img/icons/phone.gif)}
    #f3{
        background-image:url(/img/icons/homei.gif)}
    #f4{
        background-image:url(/img/icons/sound.gif)}
    #f5{
        background-image:url(/img/icons/speed.gif)}
    #f6{
        background-image:url(/com/img/icons/sgame.gif)}
table.whsd td{
    padding:17px 10px 0 10px;
    border-bottom:1px solid #E6C073}
    table.whsd td a.wol{
        display:block;
        margin:5px 0 0 0}
    table.whsd td div small{
        font-size:11px;
        color:#737373}
    table.whsd td div img{
        vertical-align:middle}
.whsdm{
    list-style:none;
    margin:0;
    height:97px;
    padding:0}
    .whsdm a{
        display:block;
        line-height:20px;
        font-weight:bold;
        width:89px;
        padding:0 0 0 5px;
        margin:0 0 2px 0}
    .whsdm a.act{
        background:url(/img/bgwhsdma.gif) top no-repeat;
        color:#404040;
        padding:0;
        text-decoration:none;
        text-align:center;
        text-transform:uppercase}
    .whsdm a.act:hover{
        color:#f00}
#f ol,#f li{
    height:auto}
#f ol{
    margin:0 auto 8px auto;
    padding:10px 10px 0 10px;
    overflow:hidden}
    #f li{
        margin-bottom:7px}
    li.private{
        border:1px solid #FFD580;
        width:226px;
        padding:5px;
        float:right}
#profnav{
    list-style:none;
    margin:0 0 15px 0;
    height:25px;
    background:#FFCA80;
    padding:0
    }
    #profnav li a{
        display:block;
        line-height:25px;
        padding:0 8px}
    #profnav li a.act{
        background:url(/img/profact.jpg) no-repeat;
        width:87px;
        height:25px;
        height:0;
        overflow:hidden;
        padding:25px 0 0 0}
    #profnav li a.act span{
        display:none}
    #profnav li{
        float:left;
        background:url(/img/bgprofli.gif) left no-repeat}
    #profnav li.nbg{
        background:0}
    #profnav a.last{
        padding-right:0}
#profinf{
    padding:0 0 19px 10px;
    height:121px}
    #profinf dl,#profinf dd,#profinf dt{
        margin:0;
        padding:0}
    #profinf dl{
        padding:4px 0 0 0}
    #profinf dt{
        margin:0 0 5px 0}
    #profinf dt b{
        font-size:16px;
        margin:0 0 0 32px}
    #profinf dd{
        line-height:20px;
        height:20px}
    #profinf dd img{
        vertical-align:middle}
    #profinf dd strong{
        padding:0 0 0 32px;
        display:block;
        font-weight:normal;
        color:#737373;
        float:left;
        width:85px}
#profdetails{
    width:100%;
    clear:both;
    height:auto;
    overflow:auto;
    overflow-y:hidden}
    #profdetails table th,#profdetails table td{
        border-bottom:1px solid #ccc;
        border-left:1px solid #fff;
        padding:0 0 0 10px;
        line-height:22px;
        font-size:12px}
    #profdetails table th{
        padding-right:40px;
        font-weight:normal}
    #profdetails table th i{
        font-weight:bold;
        font-style:normal}
    #profdetails table td{
        background:#F0F0F0}
#profinf2 dt strong{
     color:#737373;
     padding:0 0 0 10px;
     font-weight:normal}
    #profinf2 dt{
        padding:8px 0 0 0}
    #profinf2 dd{
        padding:1px 0 6px 10px;
        margin:0;
        border-bottom:1px solid #ccc}
form.bwlist{
     width:180px}
     form.bwlist ul{
        list-style:none;
        padding:0;
        margin:10px 0}
div.bwlist{
    margin:0 10px}
    .bwlist dt{
        float:left;
        width:120px}
    .bwlist dt,.bwlist dd{
        margin:0 0 5px 0}
.faqq{
    padding:0}
    .faqq li{
        font-weight:bold}
.faqa{}
    .faqa dt{
        font-weight:bold;
        font-size:13px;
        color:#004D99;
        padding-top:5px}
    .faqa dd{
        padding:0;
        margin:5px 0 10px 0}
    a.ttp{
        display:block;
        font-weight:bold;
        padding:0 0 5px 0;
        border-bottom:2px solid #ccc;
        margin:10px 0 10px 0}
#faq h3{
    color:#000;
    padding:0;
    margin:10px 0;
    background:none;
    font-size:12px}
.viewby{
    height:auto !important;
    height:1%;
    margin:0;
    padding:0;
    overflow:hidden}
    .viewby li{
        width:190px;
        float:left;
        padding:0;
        list-style:none;
        line-height:20px}
#ocmenu{
    text-align:center;
    height:20px;
    list-style:none;
    padding:0;
    margin:0 -4px 15px 0}
    #ocmenu li{
        float:left}
    #ocmenu a{
        background:#E6E6E6;
        line-height:20px;
        display:block;
        margin:0 1px 0 0}
    #ocmenu .active{
        color:#404040;
        text-decoration:none;
        background:#FFCA80}
        #ocmenu .active:hover{
            color:#f00}
#formSearch table th{
    text-align:left}
#frmCL{
    font-size:11px;
    padding:5px 10px 0 0;
    color:#737373}
    #frmCL select{
        font-size:11px;
        color:#737373;
        width:203px}
#varch{
     height:auto;
     text-align:center;
     list-style:none;
     margin:0;
     padding:10px 0 0 0}
     #varch li{
         width:160px;
         float:left;
         margin:0 0 8px 0;
         border-left:22px solid #fff;
         background-position:1px 1px;
         background-repeat:no-repeat}
     #varch a{
        display:block}
     #varch a:focus,#varch a:hover{
        border-color:#f00}
#mlmenu{
     height:auto;
     list-style:none;
     padding:0;
     margin:5px 0 0 0}
    #mlmenu li{
        width:70px;
        margin:0 5px 0 0;
        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;
        margin:0 0 10px 0}
    #mlmenu dt a{
        display:block;
        white-space: nowrap;
        text-decoration:none;
        color:#F60;
        height:35px;
        padding:3px 0 0 70px}
    #mlmenu dd{
        height:35px;
        margin:-23px 0 12px 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}
p.wlc{
    font-weight:bold;
    padding:5px 0 0 0}
    p.wlc span{
        color:#F60}
.mailtable{
    background:#BBB}
    .mailtable td{
        padding:0;
        height:20px;
        background:#EEE}
#mailattachlist{
    height:auto;
    list-style:none;
    padding:0;
    overflow:hidden}
    #mailattachlist li{
        height:18px;
        padding:2px 0;
        line-height:18px}
.brcmenu{
    list-style:none;
    padding:2px 0;
    margin:0}
    .brcmenu li{
        display:inline;
        padding:0 2px 0 0}
.sp{
    padding:0 0 4px 0}
    .sp img{
        vertical-align:top}
.listr{
    padding:0;
    margin:0 0 0 20px;
    list-style:none}
    .listr li{
        padding:2px 0;
        margin:0;
        list-style:none}
        .listr li img{
            vertical-align:middle}
#srating{
    text-align:center}
    #srating div{
        width:410px;
        height:auto;
        padding:5px 0 2px 10px;
        margin:20px auto 5px auto;
        line-height:24px;
        border:1px solid #CCC;
        overflow:hidden}
        #srating div strong{
            display:block;
            float:left;
            padding:4px 0}
        #srating div img{
            vertical-align:middle}
    #srating ol{
        width:400px;
        margin:10px auto;
        padding:0}
        #srating  li{
            display:inline;
            padding:0 6px;
            list-style:none}
.notev{
    text-align:center;
    background:#FFC;
    border:1px solid #ccc;
    padding:9px;
    margin:6px auto}
#subscr{
    width:270px;
    padding:5px 0 5px 30px;
    margin:5px auto;
    border:1px solid #7B2D56}
    #subscr li{
        margin:0;
        padding:3px 0;
        list-style:none}
#f{
    margin:0 0 20px 0}
    #f fieldset{
        width:450px;
        margin:0 auto;
        padding:0 20px 15px 20px;
        border:1px solid #333}
    #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;
            border-bottom:1px solid #333}
        #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}