/* 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:760px;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:520px; float:right; margin:-10px 0 -30px 0;}
/*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 14px; 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;margin:-38px 0 10px -16px;color:#fff;font-weight:bold;padding:14px 0 0 53px; 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 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 -13px 0 -13px; 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;}
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; display:block; width:144px; height:18px; margin:1px 0 2px 0;background:url(/media/cache/site0001/images/plus.gif) no-repeat 0 3px; padding-left:16px;}
div.btns .rnum{ float:right; text-align:center; height:18px; width:36px; margin:0 -2px 2px 0; 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:134px;}
select.tc_status{ width:148px;}
select.tc_age{ width:36px;}
select.tc_gender{ width:73px;}
select.tc_country{ width:249px;}
select.tc_lookingfor{ width:429px;}
select.tc_myyaba{ width:429px;}
input.tc_commentupload{ width:396px;}
select.tc_commentroom{ width:220px;}
input.tc_commentemail{ width:220px;}
textarea.tc_commentscomment{ width:692px; height:46px;}
img#chatbutton{ margin:2px 0 -2px 0; cursor:pointer;}
#chatsubmit{margin:11px 0 0 4px;}
/* jtransform css */
form.jqtransformdone label{
margin-top:4px;
margin-right: 8px;
display: block;
float:left;
}
form.jqtransformdone div.rowElem{
clear:both;
padding:4px 0px;
}
/* -------------
* Buttons
* ------------- */
button.jqTransformButton {
margin: 0px;
padding: 0px;
border: none;
background-color: transparent;
cursor: pointer;
overflow: visible;
font-family: Arial;
height:34px;
}
*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */
button.jqTransformButton span {
background: transparent url(/media/cache/site0001/images/jtransform/btn_right.gif) no-repeat scroll right top;
display: block;
float: left;
padding: 0px 4px 0px 0px; /* sliding doors padding */
margin: 0px;
height: 33px;
}
button.jqTransformButton span span {
background: transparent url(/media/cache/site0001/images/jtransform/btn_left.gif) no-repeat;
color: #fff;
padding: 8px 8px 0px 11px;
font-weight: bold;
font-size: 13px;
line-height: 15px;
display: block;
text-decoration: none;
height: 33px;
}
/* -------------
* Inputs
* ------------- */
.jqTransformInputWrapper {
background: transparent url(/media/cache/site0001/images/jtransform/input_left.gif) no-repeat left top;
height: 31px;
padding: 0px;
float:left;
}
.jqTransformInputInner {
background: transparent url(/media/cache/site0001/images/jtransform/input_right.gif) no-repeat right top;
padding: 2px 4px 2px 0px;
margin: 0px 0px 0px 4px;
}
.jqTransformInputInner div {
height: 31px;
}
.jqTransformInputInner input {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height: 18px;
vertical-align: middle;
height: 31px;
color:#333;
border: none;
padding: 7px 0 0 4px;
margin: 0 0 0 0;
background:transparent;
}
/* IE6 */
* html .jqTransformInputInner input {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height: 18px;
vertical-align: middle;
height: 31px;
color:#333;
border: 0;
padding: 2px 0 0 0;
margin: 0 0 0 0;
background:transparent;
}
/*hover*/
.jqTransformInputWrapper_hover{ background: transparent url(/media/cache/site0001/images/jtransform/input_left-hover.gif) no-repeat left top;}
.jqTransformInputWrapper_hover div{}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background: transparent url(/media/cache/site0001/images/jtransform/input_right-hover.gif) no-repeat right top;}
/*focus*/
.jqTransformInputWrapper_focus{ background: transparent url(/media/cache/site0001/images/jtransform/input_left-focus.gif) no-repeat left top;}
.jqTransformInputWrapper_focus div{}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background: transparent url(/media/cache/site0001/images/jtransform/input_right-focus.gif) no-repeat right top;}
.jqTransformSafari .jqTransformInputInner div {
position: relative;
overflow: hidden;
}
.jqTransformSafari input {
background-color: none;
position: absolute;
top: -10px;
left: -2px;
height: 42px;
padding-left: 4px;
}
/* -------------
* Textarea
* ------------- */
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/
}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{
background: url(/media/cache/site0001/images/jtransform/textarea-tl.gif) no-repeat bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tm{
background: url(/media/cache/site0001/images/jtransform/textarea-tm.gif) repeat-x bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tr{
background: url(/media/cache/site0001/images/jtransform/textarea-tr.gif) no-repeat bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-ml{
background: url(/media/cache/site0001/images/jtransform/textarea-ml.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm{
background: url(/media/cache/site0001/images/jtransform/textarea-mm.gif) repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
}
table.jqTransformTextarea td#jqTransformTextarea-mr{
background: url(/media/cache/site0001/images/jtransform/textarea-mr.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bl{
background: url(/media/cache/site0001/images/jtransform/textarea-bl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bm{
background: url(/media/cache/site0001/images/jtransform/textarea-bm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-br{
background: url(/media/cache/site0001/images/jtransform/textarea-br.gif) no-repeat top left;
}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-image: url(/media/cache/site0001/images/jtransform/textarea-tl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-image: url(/media/cache/site0001/images/jtransform/textarea-tm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-image: url(/media/cache/site0001/images/jtransform/textarea-tr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-image: url(/media/cache/site0001/images/jtransform/textarea-ml-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/media/cache/site0001/images/jtransform/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-image: url(/media/cache/site0001/images/jtransform/textarea-mr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-image: url(/media/cache/site0001/images/jtransform/textarea-bl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-image: url(/media/cache/site0001/images/jtransform/textarea-bm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-image: url(/media/cache/site0001/images/jtransform/textarea-br-hover.gif);}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-image: url(/media/cache/site0001/images/jtransform/textarea-tl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-image: url(/media/cache/site0001/images/jtransform/textarea-tm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-image: url(/media/cache/site0001/images/jtransform/textarea-tr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-image: url(/media/cache/site0001/images/jtransform/textarea-ml-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/media/cache/site0001/images/jtransform/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-image: url(/media/cache/site0001/images/jtransform/textarea-mr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-image: url(/media/cache/site0001/images/jtransform/textarea-bl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-image: url(/media/cache/site0001/images/jtransform/textarea-bm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-image: url(/media/cache/site0001/images/jtransform/textarea-br-focus.gif);}
table.jqTransformTextarea .jqTransformSafariTextarea div {
position: relative;
overflow: hidden;
border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
background: none;
position: absolute;
top:-10px;
left:-10px;
padding: 10px 10px 10px 10px;
resize: none;
}
/* -------------
* Radios
* ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;}
.jqTransformRadio {
background: transparent url(/media/cache/site0001/images/jtransform/radio.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display:block;/*display: -moz-inline-block;*/
}
/* -------------
* Checkboxes
* ------------- */
span.jqTransformCheckboxWrapper{
display:block;float:left;
margin-top:5px;
}
a.jqTransformCheckbox {
background: transparent url(/media/cache/site0001/images/jtransform/checkbox.gif) no-repeat center top;
vertical-align: middle;
height: 19px;
width: 18px;
display:block;/*display: -moz-inline-block;*/
}
/* -------------
* Checked - Used for both Radio and Checkbox
* ------------- */
a.jqTransformChecked { background-position: center bottom;}
/* -------------
* Selects
* ------------- */
.jqTransformSelectWrapper {
width: 45px;
position:relative;
height: 31px;
background: url(/media/cache/site0001/images/jtransform/select_left.gif) no-repeat top left;
float:left;
}
.jqTransformSelectWrapper div span {
font-size:13px;
font-weight:bold;
float: none;
position: absolute;
width: 14px;
height: 31px;
line-height: 14px;
padding: 8px 0 0 8px;
overflow: hidden;
white-space:nowrap;
cursor:pointer;
color:#333;
/*border: 1px solid #CCCCCC;*/
/* border-right: none;*/
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display: block;
position: absolute;
right: 0px;
width: 31px;
height: 31px;
background: url(/media/cache/site0001/images/jtransform/select_right.gif) no-repeat center center;
}
.jqTransformSelectWrapper ul {
position: absolute;
width: 43px;
top: 30px;
left: 0px;
list-style: none;
background-color: #FFF;
border: solid 1px #CCC;
display: none;
margin: 0px;
padding: 0px;
height: expression(this.scrollHeight > 149 ? "150px" : "auto");
max-height: 150px;
/*
overflow: auto;
overflow-y: auto;
*/
overflow-y: scroll;
z-index:2000;
}
.jqTransformSelectWrapper ul a {
display: block;
padding: 5px;
text-decoration: none;
color:#333;
background-color: #FFF;
font-size: 12px;
}
.jqTransformSelectWrapper ul a.selected {
background: #EDEDED;
color: #333;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:#dff7f6;
color: #000;
}
/* -------------
* Hidden - used to hide the original form elements
* ------------- */
.jqTransformHidden {display: none;}