html,body{ 
    font:11px Arial, Helvetica, sans-serif;
    height:100%;
    background:#665793;
    border:0;
    color:#333;  
    padding:0;
    margin:0}
a:hover{
    text-decoration:underline}
img,a img{
    border:none}
.clr{
    clear:both}
#recover{
    margin:10px 4px 0}
#passform ol, #passform ul{
    list-style:none;
    margin:0;
    padding:0}
#passform fieldset{
    width:60%}
#passform h2{
    margin:0 0 1px}
#passform label{
    float:left;
    width:47%;
    padding:10px 5px;
    border-right:1px solid #fff;
    text-align:right;
    margin:1px 5px 0 0}
#passform .field{
    width:100%;
    color:#000;
    background:#E9E4EF;
    margin-bottom:1px}
    #passform .field input{
        margin-top:4px;}
#passform .border{
    text-align:center;
    padding:8px 0px;
    border-bottom:3px solid #665793;
    background:#E9E4EF}
    
#Table3 td{
    background:#E9E4EF;
    border-bottom:none}
#Table3 {
    border-bottom:3px solid #665793}

#superheader{
    width:auto;
    height:40px}  
#wheader{
    width:auto;
    height:90px;
    background:url(/img/headerb.jpg) 0 50px repeat-x} 
#headerimg{
    width:760px;
    height:10px;
    margin:0 auto}
#ico{
    float:right;
    padding:0;
    margin:0;
    list-style:none}
#ico li{
    float:left;
    margin:0;
    padding:0 15px}
#ico a{
    display:block;
    width:10px;
    height:0;
    overflow:hidden;
    padding-top:10px}
#homeico{
    background:url(/img/ico/homeico.jpg) no-repeat}
#mailico{
    background:url(/img/ico/mailico.jpg) no-repeat}
#sitemapico{
    background:url(/img/ico/sitemapico.jpg) no-repeat}
.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}
.header{
    text-align:left;
    padding:0;
    margin:0 auto;
    width:790px}
.header #logoimg{
    background:url(/img/logoflirtyfriends.gif) no-repeat left top;
    width:230px;
    margin:30px 0 0 10px;
    float:left}
.header #logoimg a{
    display:block;
    width:230px;
    height:0; 
    font-size:1px;
    padding:70px 0 0 0;
    margin:0;
    overflow:hidden}
select.short{
    width:44px}
.oac{
    margin:0 auto}
#topadd{
    background:url(/img/becomewebcambabe.gif) no-repeat;
    float:right;
    width:374px;
    height:71px;
    font-size:10px;
    text-transform:uppercase}
    #topadd a{
        display:block;
        height:0;
        margin-top:15px;
        padding:35px 0 7px 58px;
        color:#fff;
        text-decoration:none}
    #topadd a:hover{
        color:#000}
#warningheader #logoimg a{
    margin-left:auto; margin-right:auto}
#navbar{
    height:26px;
    width:790px;
    margin:7px auto 20px auto;
    padding:0;
    background:url(/img/navbartest.gif) repeat-x center top}
    #navbar ul{
        list-style:none;
        height:26px;
        width:650px;
        text-align:left;
        margin:0;
        padding:0}
    #navbar li{
        float:left;
        padding:3px 0 5px 0;
        background:url(/img/menuspace.gif) repeat-y left top;
        height:18px}
    #navbar li a{
        font-size:12px;
        color:#fff; 
        text-decoration:none;
        padding:0 10px;
        text-align:left;
        margin:0}
    #navbar li a:hover{
        text-decoration:underline}
#contentcolor{
    background:#fff url(/img/headerbg.gif) repeat-x center top;
    margin:-10px 0;
    padding:0 0 1px 0}
#contentcolori{
    background:#fff url(/img/headerbg.gif) repeat-x center top;
    margin:-10px 0;
    padding:0 0 1px 0}
#conti{
    background:#FFF;
    margin:0;
    padding:0}
.content{
    text-align:left;
    width:760px;
    height:auto;
    margin:0 auto 5px auto} 
#girlbackground{
    background:url(/img/frontgirl2new.jpg) no-repeat right bottom;
    width:790px;
    height:340px;
    margin:10px auto 10px auto;
    padding:0;
    text-align:center}
#whoisonline{
    width:260px;
    height:280px;
    margin:15px 0 0 0;
    padding:0;
    float:left}
#whoisonline img{
    padding:1px;
    border:0}
#contentmenu{
    float:left;
    margin:15px 0 0 5px;
    height:280px;
    width:300px;
    padding:0}
#contentmenu dl{
    padding:0;
    margin:0}
#contentmenu dt{
    margin:0;
    text-align:left;
    height:30px}
#contentmenu dd{
    text-align:left;
    margin:3px 0 10px 0;
    width:320px}
#contentmenu dl a{
    display:block;  
    padding:20px 0 0 0;
    width:10px;
    height:0;
    overflow:hidden;
    font-size:6px}
#contentmenu #headfreetojoin{
    background:url(/img/headers/freetojoin.jpg) no-repeat left top}
#contentmenu #headfreetojoin a{
    width:140px}
#contentmenu #headlivevideochat{
    background:url(/img/headers/livevideochat.jpg) no-repeat left top}
#contentmenu #headlivevideochat a{
    width:220px}
#contentmenu #head1000sgirlsonline{
    background:url(/img/headers/1000sgirlsonline.jpg) no-repeat left top}
#contentmenu #head1000sgirlsonline a{
    width:300px}
.contentheader{
    display:block;  
    padding:30px 0 0 0;
    margin:0 0 10px 0;
    width:760px;
    height:0;
    overflow:hidden;
    font-size:6px}
#headcategories{
    background:url(/img/headers/whoisonline.jpg) no-repeat top left}
#friendsandfamily{
    background:url(/img/headers/friendsandfamily.jpg) no-repeat top left}
#makenewfriends{
    background:url(/img/headers/makenewfriends.jpg) no-repeat top left}
#longtermormarriage{
    background:url(/img/headers/longtermormarriage.jpg) no-repeat top left}
#headprofile{
    background: url(/img/headers/chathostprofile.jpg) no-repeat top left}
#subheader{
    padding:0;
    background:url(/img/dashedline.gif) repeat-x bottom center;
    height:23px}
#changecategory{
    float:left}
#viewchoose{
     height:20px;
     list-style:none;
     margin:0;
     width:350px;
     padding:0}
#viewchoose li{
    float:right;    
    height:20px;
    padding:3px 5px 0px 7px;    
    margin-left:1px}
.dark{
    background:url(/img/darkrectgl.gif) repeat-x top center}
.light{
    background:url(/img/lightrectgla.gif) repeat-x top center}
.fr{
    float:right}
.fl{
    float:left}
.cl{
    clear:both;
    padding:0}
.ar{
    text-align: right}
.ac{
    text-align:center}
.notev{
    text-align:center;
    background:#FFD5D5;
    border:1px solid #F00;
    padding:9px;
    margin:6px auto}
#viewchoose a{
    font-size:11px;
    color:white;
    text-decoration:none;
    padding:0;
    text-align:left;
    height:18px}
#viewchoose a:hover{
    text-decoration:underline}
.fleft{
    float:left}
.fright{
    float:right}
.vam{
    vertical-align:middle}
.clearboth,.cleaner{
    width:auto;
    clear:both;
    margin:0;
    padding:0;
    height:0;
    font-size:1px;
    overflow:hidden;
    border:none;
    background:transparent}
.bold{
    font-weight:bold}
.red{
    color:#C00}
.eleventh{
    font-size:11px}
.internalcontainer{
    width:auto;
    margin:0 auto;
    padding:3px 0 10px 0;
    text-align:left}
#index{
    height:300px;
    width:760px; 
    margin:0 auto;
    padding:0;
    float:none}
#online{
    height:auto}
#categories{
    height:auto}
#profile{
    height:auto;
    padding:20px 0 0 0}
#small{
    height:400px}
#tiny{
    height:150px}
#warning{
    height:300px;
    text-align:center}
#sitemap{
    height:550px}
#search{
    height:auto; 
    margin:0 0 20px 0}
#wrnbttns{
    list-style:none;
    height:40px;
    width:350px;
    display:block;
    margin-left:auto;
    margin-right:auto}
#ent,#lea{
    height:36px;
    width:126px}
#wrnbttns a{
    display:block;
    width:130px;
    height:0;
    overflow:hidden;
    padding:37px 0 0 0; 
    font-size:6px}
#lea{
    background:url(/img/leave.jpg) no-repeat top center}
#ent{
    background:url(/img/enter.jpg) no-repeat top center}
.catrow{
    position:relative;
    top:0;
    height:90px;
    width:770px;
    margin:30px 10px 0 0;
    background:#AA9BC1 url(/img/redline.gif) repeat-x bottom center}
.catname{
    float:left;
    height:30px;
    width:140px;
    margin:0;
    text-align:right;
    padding:28px 0 0 0;
    background:url(/img/categorycorner.jpg) no-repeat top left}
    .catname dt{
        margin:0;
        padding:0}
    .catname dt a{
        font-size:12px;
        color:#C00;
        text-decoration:none}
    .catname dt a:hover,.chatopts a:hover,.chatopts .cap{
        text-decoration:underline}
    .catname dd{
        font-size:11px;
        margin:0 0 5px 0;
        padding:0;
        color:#FFF}
#categories .catname{
    width:193px;
    text-align:left;
    padding:45px 0 0 10px}
#categories .catrow{
    margin:0 10px 30px 0}
.catpics{
    float:left;
    list-style:none;
    height:80px;
    padding:6px 0 0 3px;
    margin:0}
    .catpics li{
        float:left;
        height:auto;
        width:90px;
        text-align:center;
        margin:0 0 0 3px;
        display:inline}
    .catpics li img{
        margin:0;
        padding:0;
        border:0}
    .catpics a{
        text-decoration:none;
        color:#000}
    .catpics a:hover{
        text-decoration:underline}
.chatopts{
    float:left;
    position:relative;
    top:0;
    left:0;
    height:auto;
    width:215px;
    list-style:none;
    margin:0;
    padding:9px 0 0 0}
    .chatopts li{
        height:22px;
        width:108px;
        margin:0 0 1px 107px;
        text-align:center;
        line-height:22px}
    li.chimage{
        position:absolute;
        top:9px;
        left:5px;
        width:96px;
        margin:0;
        height:auto}
    .chatopts li a{
        padding:10px 0;
        font-weight:bold}
    .chatopts .profile{
        background:url(/img/lightbluerect.gif) no-repeat top center}
    .chatopts a{
        text-decoration:none;
        font-size:12px;
        color:#FFF}
    .video{
        background:url(/img/redrectgl.gif) no-repeat top center}
    .text{
        background:url(/img/darkbluerect.gif) no-repeat top center}
.chinfo{
    float:left;
    margin:10px 0 0 0;
    list-style:none;
    background:url(/img/bgchinfo.gif) 7px 20px no-repeat;
    padding:0 0 0 10px}
    .chinfo dt,.chinfo dd{
        line-height:22px}
    .chinfo dt{
        float:left;
        color:#322941;
        font-weight:bold;
        width:70px;
        clear:left}
    .chinfo dd{
        margin:0;
        color:#fff;
        width:280px}
.textcontainer{
    float:left;
    height:60px;
    width:330px;
    padding:0 0 0 10px;
    margin:10px 0 0 0}
.flagbox{
    position:absolute;
    right:6px;
    bottom:8px}
.flagbox img{
    padding:0}
.viewby{
    height:auto;
    margin:0 0 0 10px;
    padding:0;
    overflow:hidden}
    .viewby li{
        width:31%;
        float:left;
        margin:0 5px 0 10px;
        padding:3px 0;
        display:inline}
#favouronlineview dt{
    float:right}
#favouronlineview a{
    float:right}
#favouronlineview dd{
    text-align:right;
    margin:2px 0;   
    float:right}
.image{
    height:75px;
    width:102px;
    margin:5px 5px 0 0;
    float:right;
    padding:0}
    .image img{
        height:76px;
        width:102px}
.bigblocksbttn{
    margin:0 auto;
    list-style:none;
    height:24px;
    width:160px;
    padding:0}
.bigblocksbttn a{
    text-decoration:none;
    font-size:12px;
    color:#fff}
.bigblocksbttn a:hover{
    text-decoration:underline}
.bigblocksbttn .cap{
    text-decoration:underline}
.profilecontainer{
    height:250px;
    width:770px;
    background:#AA9BC1 url(/img/categorycorner.jpg) no-repeat top left;
    margin:0 auto;
    padding:0}
#profileimg{
    float:left;
    width:320px;
    height:240px;
    margin:5px 23px 0 0;
    border:1px solid #CFE2E5;
    background-color:#FFF;
    background-repeat:no-repeat;
    background-position:center;
    display:inline
    }
    #profileimg a{
        display:block;
        position:relative;
        top:0;
        width:320px;
        height:240px;
        text-decoration:none}
    #chonline strong,#choffline strong{
        position:absolute;
        bottom:0;
        right:0;
        font-weight:normal;
        line-height:20px;
        text-align:center;
        width:120px;
        padding:0;
        background:#F00}
    #choffline strong{
        background:#CCC}
    a#chonline {
        color:#FFF}
    a#choffline{
        color:#3F3F3F}
#profilepics{
    float:left;
    width:88px;
    height:auto;
    margin:5px 10px 0 0;
    list-style:none;
    padding:0
    }
    #profilepics li{
        width:86px;
        height:65px;
        margin-bottom:23px;
        background-color:#FFF;
        background-repeat:no-repeat;
        background-position:center}
    #profilepics li.last{
        margin-bottom:0}
    #profilepics a{
        display:block;
        width:84px;
        height:0;
        padding:63px 0 0 0;
        overflow:hidden}
.txtintro{
    float:left;
    width:205px;
    margin:40px 23px 0 10px;
    list-style:none;
    padding:0}
.txtintro li{
    font-size:11px;
    color:#000;
    padding:3px 0;
    background:none;
    border-bottom:1px dashed #FFF;
    text-align:left}
.txtintro li.last{
    border-bottom:none}
.description{
    float:left}
.description table{
    height:164px;
    width:100%;
    border-collapse:collapse}
.description th{
    width:90px;
    font-size:11px;
    font-weight:bold;
    color:#333;
    padding-left:13px;
    background:none;
    text-align:left;
    margin:0}
.description table tr th.dashed,.description table tr td.dashed{
    border-bottom:1px dashed #AA9BC1}
.description td{
    font-size:11px;
    text-align:left;
    font-weight:normal;
    margin:0;
    padding:0}
#profilenav{
    height:26px;
    width:770px;
    margin:3px 0 0 0;
    background:url(/img/navbarblue.gif) repeat-x center top}
    #profilenav ul{
        list-style:none;
        margin:0;
        padding:0}
    #profilenav li{
        float:left;
        padding:5px 0 10px 10px;
        background:url(/img/menuspace.gif) no-repeat left top}
    #profilenav #videoprofilenav{
        padding:5px 0 10px 0px;
        background:url(/img/navbarred.gif) no-repeat center top;
        font-weight:bold}
    #profilenav li a{
        font-size:12px;
        color:#fff;
        text-decoration:none;
        padding:0 10px;
        text-align:left}
#videoprofilenav a{
    text-decoration:underline}
#profilenav li a:hover{
    text-decoration:underline}
#profileinfo{
    width:760px;
    padding:0;
    margin:10px 0 0 10px}
    #profileinfo dt{
        text-align:left;
        font-size:11px;
        font-weight:bold;
        margin:5px 0;
        background:url(/img/dashedline.gif) repeat-x center bottom}
    #profileinfo dd{
        margin:0;
        padding:0}
.footer{
    position:relative;
    text-align:center;
    padding:0;
    margin:0 auto !important; 
    width:790px;
    height:150px}       
.superfooter{
    background:#fff url(/img/footer.gif) repeat-x center 0;
    width:100%;
    height:170px;
    margin:10px auto;
    padding:0;
    text-align:center}
#indexsuperfooter{
    margin:0 auto}
.footer p{
    text-align:left;
    color:white;
    font:11px arial;    
    margin:50px 0 0 10px}
#warningfooter p{
    text-align:center}
#navbarbottom{
    background:url(/img/navbarbottom.gif) no-repeat center 14px;
    height:18px;
    width:790px;
    margin:0 !important;
    padding:14px 0 0 0}
#navbarbottom ul{
    margin:0 0 0 5px;
    padding:1px 0 0 0;
    list-style:none}
#navbarbottom li{
    float:left;
    margin:0 9px 0 0}
#navbarbottom li a{
    font:11px arial;    
    color:#fff;
    text-decoration:none;
    padding:0 4px;
    height:auto}
#navbarbottom li a:hover{
    text-decoration:underline}
#laptopimg{
    width:327px;
    height:151px;
    margin:-35px 10px 0 0;
    background:url(/img/laptop.gif) no-repeat top center;
    float:right}
#frontgirlimg1{
    height:151px;
    width: 352px;
    float:right;
    margin:-33px 0 0 0;
    background:url(/img/frontgirl1new.jpg) no-repeat top right;
    padding:0}
#botaddhome{
    width:161px;
    height:75px;
    margin:0;
    padding:0;
    float:right;
    font-size:12px}
    #botaddhome a{
        display:block;
        height:0;
        padding:13px 0 60px 9px;
        margin:62px 25px 0 0;
        text-decoration:none;
        color:#fff}
    #botaddhome a:hover,#botadd a:hover{
        color:#f00}
#botadd{
    width:135px;
    height:70px;
    margin:0;
    padding:0;
    float:right;
    font-size:12px}
    #botadd a{
        display:block;
        height:0;
        padding:0 0 60px 10px;
        margin:75px 0 0 0;
        text-decoration:none;
        color:#fff}
.tabdecor{
    background:#AA9BC1 url(/img/categorycorner.jpg) no-repeat}
.tabdecor tr td{
    padding:2px 25px}
#chdata{
    height:auto;
    overflow:auto;
    overflow-y:hidden;
    width:100%}
#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}
#subscr{
    width:270px;
    padding:5px 0 5px 30px;
    margin:5px auto;
    border-bottom:4px solid #665793;
    background:#E9E4EF}
    #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 #666}
    #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 #666}
        #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}
/* ----v- Star Rating */
.vrate{
    height:13px;
    line-height:13px;
    font-weight:normal;
    display:block;
    padding:3px 4px}
    .vrate .srv{
        width:69px;
        padding:13px 0 0 0;
        height:0;
        float:right;
        display:block;
        line-height:13px;
        background:url(/img/ico/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}
#vwr .vrate{
    font-weight:bold;
    padding-left:0}
li#vwr .vrate .srv{
    float:left}
li#vwr .vrate span{
    float:left}
#popup{
    padding:10px;
    background:#AA9BC1}
/* ----^- Star Rating */
.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}
.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 0 10px 0;
        border-bottom:1px dashed #685997}
    a.ttp{
        display:block;
        width:80px;
        margin:10px 0}