/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; cursor:default;}
html, body {height:100%;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background:url(/media/cache/site0001/images/bg.gif);}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


div.cb{ clear:both;}


/* General Layour */
div#container{  width:760px;margin:0 auto;height:auto !important; height:100%;min-height:100%;font: 11px Verdana,Arial,sans-serif;word-spacing:-0.1em;color:#0096ca;}
div#headerspace{        width:100%;height:200px;margin:0 auto -200px auto;background:#e9e8e4;position:relative;}
div#header{ width:760px;height:200px;margin:0 auto -200px auto;position:relative;}
div.headerhold{ width:760px;margin:0 auto;}
div#headlogo{ height:200px;}
div#push{       width:760px;height:100%;margin:0 auto;padding:200px 0 168px 0;} /* push must equal header & footer height */
div#main{       width:780px;height:100%;margin:0 auto;position:relative; z-index:800;}
div#footer{     width:100%;height:168px;margin:-168px 0 0 0; background:url(/media/cache/site0001/images/lines.gif) no-repeat right;position:relative; z-index:200;}
div#footerhold{ width:760px; height:168px;margin:0 auto; position:relative; z-index:200;}
div#footerbg{width:50%; height:168px; background:url(/media/cache/site0001/images/lines.gif); top:-168px; float:right; position:relative; z-index:100;}


/* Color Layout */
h1.yellow{background-color:#ffc800 !important;}
h1.blue{background-color:#65e1e8 !important;}
h1.pink{background-color:#fb6ac9 !important;}
h1.purple{background-color:#b1a4ff !important;}
h1.green{background-color:#afe61d !important;}


/* Column Layour */
div.leftcolumn{ width:240px; margin-top:10px; float:left;}
div.rightcolumn{ width:525px; float:left;position:relative; top:-10px;bottom:-30px;}


/*Box Layout */
div.boxhold{margin:6px; float:left;}
div.boxtop{height:18px;width:100%;background:url(/media/cache/site0001/images/box_tl.gif);}
div.boxtop div.boxtop_r{background:url(/media/cache/site0001/images/box_tr.gif);height:18px; width:49px;float:right;}
div.boxbum{height:18px;width:100%;background:url(/media/cache/site0001/images/box_bl.gif); float:left;}
div.boxbum div.boxbum_r{background:url(/media/cache/site0001/images/box_br.gif);height:18px; width:82px;float:right;}
div.boxcontent{border:solid #bfedeb; border-width:0px 1px; padding:8px 18px; background:#fff;}


div.boxcontent p{margin-bottom:6px; word-spacing:0.15em;}
div.boxcontent h1{ background:url(/media/cache/site0001/images/titlebar.png);height:28px;width:166px;color:#fff;font-weight:bold;padding:14px 0 0 53px;top:-38px;left:-20px;margin-bottom:-34px;margin-right:-20px; position:relative; z-index:1000; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; word-spacing:-0.05em;}
div.boxcontent h2{ font-weight:bold; font-size:13px;}
div.boxcontent h3{font-weight:bold;margin:0;}
div.boxcontent a{color:#0096ca;cursor:pointer;}
div.boxcontent a:hover{ text-decoration:none;}


ul.poprooms { clear:both;}
ul.poprooms li{ height:18px; line-height:14px; margin-bottom:2px; clear:left;}
ul.poprooms li a{float:left; background:url(/media/cache/site0001/images/plus.gif) no-repeat 0 3px; padding-left:20px;}
ul.poprooms li div{ height:18px; width:36px; line-height:16px; font-weight:bold; float:right;background:url(/media/cache/site0001/images/numbg.png) no-repeat;background-color:#cbfd47;text-align:center; color:#7da70e;}


/* Layout gimmics */
div#radcircle_tl{ background:url(/media/cache/site0001/images/radcircle_tl.gif); width:116px; height:46px; position:absolute; top:0; left:0;}
div#radcircle_tr{ background:url(/media/cache/site0001/images/radcircle_tr.gif); width:54px; height:122px; position:absolute; top:0; right:0;}


/* Menus Layour */
img#logomenu_left{ position:relative; top:72px; left:-90px; float:left;}
img#logomenu_target{ position:relative; top:40px; left:-90px;float:left;}
img#logomenu{ position:relative; top:40px; left:-90px;}
img#footermenu{ position:relative; left:-20px;}


/* Layout Style */



/** CHAT MENU's **/
div.chatmenu{ clear:both;}
div.chatmenu .btn {text-align:left; display:block; padding:4px 0 4px 10px; font-weight:bold; margin:4px -18px 0 -18px; background:#dff7f6;}
div.chatmenu a.btn:hover{ background:#bfedeb;}
div.chatmenu a.bb{ border-bottom:0 !important;cursor:pointer; text-align:center; display:block;padding:5px 8px 1px 8px;}
div.btns{padding:0px 1px 0px 0px;width:200px;margin:0 -5px;}
div.btns a{display:block; text-decoration:none; margin-top:4px;}
div.btns a span.rname{ text-decoration:underline;}
div.btns span.rname:hover{ text-decoration:none;} 
div.btns span{ cursor:pointer;}
div.btns .rname{ float:left; height:18px; margin:1px 0 2px 0;background:url(/media/cache/site0001/images/plus.gif) no-repeat 0 3px; padding-left:17px;clear:both;}
div.btns .rnum{ float:right; text-align:center; height:18px; width:36px; margin-bottom:2px; line-height:16px; font-weight:bold;background:url(/media/cache/site0001/images/numbg.png) no-repeat;background-color:#dff7f6; text-align:center;}


/* Form Layout */
div.tagsedit{ margin:8px auto 4px auto; padding:2px 2px 0px 2px;}
div.tagsedit span{color:#a8a8a8;margin-left:2px; font-size:9px;}
div.pline{ float:left;display:block;}
div.pline div{ float:left;padding:4px 2px 4px 4px;}
div.pline div div{ float:none;padding:0px;}
div.pline div span{display:block; padding-bottom:1px;}
img.ajaxloadpink{margin:18px 1px 0 12px;}
/*input, select{ background:#dff7f6; border:solid 1px #0096ca; color:#0096ca; font-weight:bold;} */
input.tc_username{width:104px;}
select.tc_status{ width:128px;}
select.tc_age{ width:36px;}
select.tc_gender{ width:72px;}
select.tc_country{ width:230px;}
select.tc_lookingfor{ width:409px;}
select.tc_myyaba{ width:429px;}
input.tc_commentupload{ width:396px;}
select.tc_commentroom{ width:220px;}
input.tc_commentemail{ width:220px;}
input.tc_checkme{ float:left;}
textarea.tc_commentscomment{ width:692px; height:46px;}
img#chatbutton{ margin:2px 0 -2px 0; cursor:pointer;}
#chatsubmit{margin:11px 0 0 0;}
span#checktos{margin:8px 0 0 8px; float:left;}


/* Tags Page */
div#taglabels{font-weight:bold;color:#fb6ac9;margin:10px 10px 0 50px;float:left;text-align:right;}
div#tagdata{margin:10px 0 0 0;float:left;}


/* Terms of Use Page */
div#termsofuse{ text-align:justify;}
div#termsofuse ul,div#termsofuse ol{ margin:0 40px;}
div#termsofuse li{ margin:6px; list-style:disc;}
div#termsofuse ol li { list-style:decimal;}