@charset "utf-8";

#online_tab_outer {width:800px; height:38px; overflow:hidden;}
ul#online_tab {width:800px; margin:0; padding:0; background:url(/img/thumbs/tabBtn.png) 0 0 no-repeat; text-align:left;}
html.ie7 ul#online_tab li {margin:0; padding:0;}
ul#online_tab li {position:relative;margin:0; padding:0; overflow:hidden;/zoom:1;/*IE7*/float:left;}
ul#online_tab li a {height:38px; margin:0; padding:0; text-indent:-9999px; display: block;}

ul#online_tab li#ot_empty {background:url(/img/thumbs/tabBtn.png) 0 0 no-repeat; width:14px; height:38px;}

ul#online_tab li#ot_all a {background:url(/img/thumbs/tabBtn.png) -14px 0 no-repeat;  width:111px;}
ul#online_tab li#ot_all a.ot_current {background:url(/img/thumbs/tabBtn.png) -14px -78px no-repeat;}
ul#online_tab li#ot_all a:hover {background:url(/img/thumbs/tabBtn.png) -14px -39px no-repeat;}

ul#online_tab li#ot_toy a {background:url(/img/thumbs/tabBtn.png) -125px 0 no-repeat;  width:111px;}
ul#online_tab li#ot_toy a.ot_current {background:url(/img/thumbs/tabBtn.png) -125px -78px no-repeat;}
ul#online_tab li#ot_toy a:hover {background:url(/img/thumbs/tabBtn.png) -125px -39px no-repeat;}

ul#online_tab li#ot_recom a {background:url(/img/thumbs/tabBtn.png) -236px 0 no-repeat;  width:111px;}
ul#online_tab li#ot_recom a.ot_current {background:url(/img/thumbs/tabBtn.png) -236px -78px no-repeat;}
ul#online_tab li#ot_recom a:hover {background:url(/img/thumbs/tabBtn.png) -236px -39px no-repeat;}

ul#online_tab li#ot_newbie a {background:url(/img/thumbs/tabBtn.png) -347px 0 no-repeat;  width:111px;}
ul#online_tab li#ot_newbie a.ot_current {background:url(/img/thumbs/tabBtn.png) -347px-78px no-repeat;}
ul#online_tab li#ot_newbie a:hover {background:url(/img/thumbs/tabBtn.png) -347px -39px no-repeat;}

ul#online_tab li#ot_housewives a {background:url(/img/thumbs/tabBtn.png) -458px 0 no-repeat;  width:111px;}
ul#online_tab li#ot_housewives a.ot_current {background:url(/img/thumbs/tabBtn.png) -458px -78px no-repeat;}
ul#online_tab li#ot_housewives a:hover {background:url(/img/thumbs/tabBtn.png) -458px -39px no-repeat;}

ul#online_tab li#ot_standby a {background:url(/img/thumbs/tabBtn.png) -569px  0 no-repeat;  width:111px;}
ul#online_tab li#ot_standby a.ot_current {background:url(/img/thumbs/tabBtn.png) -569px -78px no-repeat;}
ul#online_tab li#ot_standby a:hover {background:url(/img/thumbs/tabBtn.png) -569px -39px no-repeat;}

ul#online_tab li#ot_emptyLast {background:url(/img/thumbs/tabBtn.png) -680px 0 no-repeat; width:120px; height:38px;}

.reloadArea {height:38px; margin: 0; padding-right:10px; display: block;}
a.reloadBTN {width:38px; height:38px; margin:0; padding:0;text-indent:-9999px; position:absolute; right:10px; top:0px; background: top left url(/img/thumbs/reload.gif);}
a.reloadBTN:hover {background-position: 0 -38px;}

.icons ul {display:block; margin:0 auto; text-align:center; padding:0 0 10px 30px; list-style:none;}
.icons ul li{ margin:0 10px 0 0; float:left; list-style:none;}



/*

#icon_box {width:100%; height:34px; padding:0 24px; position:relative; text-align:left; margin-bottom:8px; box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul#icon_list li {display:inline-block; margin-right:15px; line-height:34px;/display: inline;/zoom: 1;/*IE7}
ul#icon_list img { margin-right:5px; vertical-align: middle; }
#icon_box a#reload_btn { display:block; width:88px; height:29px;background:0 0 url(/img/thumbnail/reloadBtn.gif) no-repeat; text-indent:-9999px; position:absolute;right:24px;top:0px;}
#icon_box a#reload_btn:hover {background:url(/img/thumbnail/reloadBtn.gif) 0 -29px no-repeat;}*/

.thumb_nav { width:745px; text-align:center; margin-bottom:16px; letter-spacing:normal;height:25px;}
.thumb_nav p {text-align:center;height:25px;}
.thumb_nav a {border:1px solid #000;padding:2px 6px;/*line-height:25px;*/margin:0 2px;zoom:1;display:inline-block;/display: inline;/zoom: 1;/*IE7*/-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.thumb_nav a:hover {color:#000;background-color:#A8FF00; border-color:#fff; }
.thumb_nav a.selected {text-decoration:none;color:#000;background-color:#A8FF00;/*line-height:25px;*/margin:0 2px;zoom:1; cursor:default;border-color:#fff;}
#thumbshere { text-align:left;letter-spacing: -.40em;

	background:url(/img/ajax-loaderW.gif) no-repeat;
	/*background-repeat:no-repeat;
	background-image: url(/img/ajax-loader.gif);
	background-position:50%, 0px 50%;*/
}
.thumb_page {}


#no-girls { display:block; width:400px; height:200px; text-indent:-9999px;margin:0 auto; background:0 0 url(/img/thumbs/no-girls.gif) no-repeat;}
#no-girls-search { display:block; width:400px; height:200px; text-indent:-9999px;margin:0 auto; background:0 0 url(/img/thumbs/no-girls-search.gif) no-repeat;}
/********** thumbnail ********/
.thumbnail { display:inline-block; width:156px; height:237px;letter-spacing:normal; background-repeat:no-repeat; margin-bottom:5px; margin-right:3px; position:relative; text-align-last:center;vertical-align: top;/display: inline;/zoom: 1;/*IE7*/}

/*********
.thumbnail .session{border:1px solid #504D05;}
.thumbnail .sessionHD{border:1px solid #504D05;}
********/




html.ie8 .thumbnail{zoom:1;}
div.user_num {height:20px;width:100%;color:#fff;line-height:22px;text-align:right;padding:2px 5px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

html.ie8 div.user_num {zoom:1;padding:2px 5px 0 0;zoom:1;}
html.ie8 div.user_num p {text-align:right;zoom:1; margin-right:-100px}
.standby div.user_num p,.standbyHD div.user_num p,.offlinediv.user_num p { display:none;}

.thumbnail .pftext {position:absolute;width:146px;height:25px;background:0 0 url(/img/thumbs/fuki.png) no-repeat;top:120px;left:6px; text-align:center;overflow:hidden;}
.thumbnail .pftext a {overflow:hidden;display:block;text-decoration:none;color: #FBF4D9;line-height:20px; margin:5px auto 2px auto; font-size:11px;letter-spacing:/*-0.50em*/normal;}
.thumbnail .pftext a:hover {text-decoration:none;color: #FFF0FF;}

html.ie7 .thumbnail .pftext a,html.ie8 .thumbnail .pftext a,html.ie8 .thumbnail .pftext a {font-size:12px;} 

.thumbnail a.th_photo_link {display:block;width:138px;height:104px;margin:0 0 10px 8px;}
.thumbnail a.th_photo_link img.th_photo {width:138px;height:104px;margin:1px;margin-top:0;border:#a9bfbc 1px solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inBtn{width:76px; margin:0 0 0 40px; height:23px; padding:0; text-align:center; display:block;}

.inBtn a.session,.inBtn a.sessionHD,.inBtn a.remo,.inBtn a.remoHD,.inBtn a.remo2,.inBtn a.remo2HD
{width:76px;height:23px;display:block;background:url(/img/thumbs/btn_nozoku.png) 0 0 no-repeat;text-indent:-9999px;}

.inBtn a.session:hover,.inBtn a.sessionHD:hover,.inBtn a.remo:hover,.inBtn a.remoHD:hover,.inBtn a.remo2:hover,.inBtn a.remo2HD:hover
{background:url(/img/thumbs/btn_nozoku.png) 0 -23px no-repeat;}

.inBtn a.standby,.inBtn a.standbyHD{width:76px;height:23px;display:block;background:url(/img/thumbs/btn_chat.png) 0 0 no-repeat;text-indent:-9999px;}

.inBtn a.standby:hover,.inBtn a.standbyHD:hover{background:url(/img/thumbs/btn_chat.png) 0 -23px no-repeat;}

.inBtn a.twoshot,.inBtn a.twoshotHD{width:76px;height:23px;display:block;background:url(/img/thumbs/btn_nozoku.png) 0 0 no-repeat;text-indent:-9999px;}
.inBtn a.twoshot:hover,.inBtn a.twoshotHD:hover{background:url(/img/thumbs/btn_nozoku.png) 0 -23px no-repeat;}

.inBtn a.perfect2shot,.inBtn a.twoshotP,.inBtn a.perfect2shotHD,.inBtn a.twoshotPHD{ padding:2px 5px 0 0; width:106px;height:16px;display:block;background:url(/img/thumbs/watchProf.gif) 0 0 no-repeat;text-indent:-9999px;}



.ProFav {width:153px; height:20px; text-align:center; margin:4px auto; padding:0; color:#FFFAD7; font-size:.9em; display:block;}

.ProFav a { color:#FFFAD7; text-decoration:none; display:inline;}

.ProFav a:hover { color:#B0F129; text-decoration:none;}


html.ie8 .thumbName , html.ie9 .thumbName {width:156px; height:18px; margin:22px auto 0 auto; padding:0; text-align:center;zoom:1;}
.thumbName{ width:156px; height:18px; margin:20px auto 0 auto; padding:0; text-align:center;}
.thumbName a.session {color:#ffdf3f; text-decoration:none; background:none;}
.thumbName a.sessionHD{color:#ffdf3f; text-decoration:none; background:none;}
.thumbName a.session:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.sessionHD:hover {color:#FFF; text-decoration:none; background:none;}

.thumbName a.remo {color:#e40404; text-decoration:none; background:none;}
.thumbName a.remoHD{color:#e40404; text-decoration:none; background:none;}
.thumbName a.remo:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.remoHD:hover {color:#FFF; text-decoration:none; background:none;}

.thumbName a.remo2 {color:#c161e6; text-decoration:none; background:none;}
.thumbName a.remo2HD{color:#c161e6; text-decoration:none; background:none;}
.thumbName a.remo2:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.remo2HD:hover {color:#FFF; text-decoration:none; background:none;}

.thumbName a.twoshot {color:#69ffdd; text-decoration:none; background:none;}
.thumbName a.twoshotP{color:#69ffdd; text-decoration:none; background:none;}
.thumbName a.twoshotHD{color:#69ffdd; text-decoration:none; background:none;}
.thumbName a.twoshotPHD{color:#69ffdd; text-decoration:none; background:none;}
.thumbName a.twoshot:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.twoshotP:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.twoshotHD:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.twoshotPHD:hover {color:#FFF; text-decoration:none; background:none;}

.thumbName a.standby {color:#a0db39; text-decoration:none; background:none;}
.thumbName a.standbyHD{color:#a0db39; text-decoration:none; background:none;}
.thumbName a.standby:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.standbyHD:hover {color:#FFF; text-decoration:none; background:none;}


.thumbName a.offline {color:#f5ecc7; text-decoration:none; background:none;}
.thumbName a.standbyHD{color:#f5ecc7; text-decoration:none; background:none;}
.thumbName a.offline:hover {color:#FFF; text-decoration:none; background:none;}
.thumbName a.standbyHD:hover {color:#FFF; text-decoration:none; background:none;}





/*
.pname a.remo,.pname, a.remoHD {color:#e40404; text-decoration:none;}
.pname a.remo:hover,.pname, a.remoHD:hover {color:#FFF; text-decoration:none;}


.pname a.remo2,.pname, .pname a.remo2HD {color:#c161e6; text-decoration:none;}
.pname a.remo2:hover,.pname,.pname a.remo2HD:hover {color:#FFF; text-decoration:none;}


.pname a.twoshot,.pname, a.twoshotP,.pname a.twoshotHD,.pname a.twoshotPHD  {color:#c161e6; text-decoration:none;}
.pname a.twoshot:hover,.pname, a.twoshotP:hover,.pname a.twoshotHD:hover,.pname a.twoshotPHD:hover  {color:#FFF; text-decoration:none;}


.pname a.standby,.pname, a.standbyHD {color:#a0db39; text-decoration:none;}
.pname a.standby:hover,.pname, a.standbyHD:hover {color:#FFF; text-decoration:none;}

.pname a.offline,.pname, a.offlineHD {color:#eee; text-decoration:none;}
.pname a.offline:hover,.pname, a.offlineHD:hover {color:#FFF; text-decoration:none;}



.thumbnail a.pname {display:block;width:150px;height:20px;margin:20px auto 0 auto;text-align:center;color:#FFF;text-decoration:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.thumbnail a.pname:hover {color:#A8FF00;}*/

.icon_area {height:18px;line-height:18px;text-align:center;padding:3px 0 5px 0;clear:both;}
.icon_area img { margin:0 3px;}
/*might be some redundunt definition, but just to make sure*/
.thumbnail .pfprof { width:100%; height:37px; margin:0 auto; text-align:left; line-height:21px; padding:5px 0 0 5px;overflow:hidden;display:none;}
.thumbnail .pfprof a { display:block;width:100%; height:37px; color:#FFF; text-decoration:none; overflow:hidden;}

.standby { background-image:url(/img/thumbs/standby.gif); }
.standbyHD{ background-image:url(/img/thumbs/standby.gif); }
.offline{background-image:url(/img/thumbs/offline.gif);}
/*
preparing BLINK and without BLINK at the same time
It is redundunt coding for now,
but we might need them in the future...
*/
.session{ background-image:url(/img/thumbs/chat.gif); }
.sessionHD{ background-image:url(/img/thumbs/chatHD.gif); }
.session_blink{ background-image:url(/img/thumbs/chat.gif); }
.sessionHD_blink{ background-image:url(/img/thumbs/chatHD.gif); }

.twoshot_blink{ background-image:url(/img/thumbs/2shot.gif); }

.twoshot{ background-image:url(/img/thumbs/2shot.gif); }
.twoshotHD_blink{ background-image:url(/img/thumbs/2shotHD.gif); }


.twoshotPBLINK{ background-image:url(/img/thumbs/full2shot.gif); }
.twoshotP{ background-image:url(/img/thumbs/full2shot.gif); }

.twoshotPHD_blink{ background-image:url(/img/thumbs/full2shotHD.gif); }

.twoshotPHD{ background-image:url(/img/thumbs/full2shotHD.gif); }

.remo_blink,
.remo{ background-image:url(/img/thumbs/vibe.gif); }
.remoHD_blink,
.remoHD{ background-image:url(/img/thumbs/vibeHD.gif); }

.remo2_blink,
.remo2{ background-image:url(/img/thumbs/wvibe.gif); }
.remo2HD_blink,
.remo2HD{background-image:url(/img/thumbs/wvibeHD.gif); }




/*
.session { display:block; position:relative; background-image: url(/img/thumb/session.gif);background-repeat: no-repeat;height: 126px; width: 303px;}
.session_blink { display:block; position:relative;background-image: url(/img/thumb/session.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.sessionHD {display:block; position:relative;background-image: url(/img/thumb/sessionHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.sessionHD_blink { display:block; position:relative;background-image: url(/img/thumb/sessionHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}

.sessionBLNK { display:block; position:relative;background-image: url(/img/thumb/session.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.sessionHDBLNK { display:block; position:relative;background-image: url(/img/thumb/sessionHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}



.remo { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remo_blink { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remoHD { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remoHD_blink { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}

.remoBLNK{ display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remoHDBLNK { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}

.remo2 { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}
.remo2_blink { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remo2HD { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif);  background-repeat: no-repeat;	height: 126px; width: 303px;}
.remo2HD_blink { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}

.remo2BLNK { display:block; position:relative;background-image: url(/img/thumb/remo.gif); background-repeat: no-repeat;height: 126px; width: 303px;}
.remo2HDBLNK { display:block; position:relative;background-image: url(/img/thumb/remoHD.gif); background-repeat: no-repeat;height: 126px; width: 303px;}

.twoshot { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat;	height: 126px; width: 303px;}
.twoshot_blink  { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}
.twoshotHD { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotHD_blink  { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotPHD  { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotPHD_blink  { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotP  { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotP_blink  { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat; height: 126px; width: 303px;}

.twoshotBLNK  { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}
.twoshotHDBLNK  { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotPHDBLNK  { display:block; position:relative;background-image: url(/img/thumb/twoshotHD.gif); background-repeat: no-repeat; height: 126px; width: 303px;}
.twoshotPBLNK  { display:block; position:relative;background-image: url(/img/thumb/twoshot.gif); background-repeat: no-repeat; height: 126px; width: 303px;}

.standby  { display:block; position:relative;background-image: url(/img/thumb/standby.gif); background-repeat: no-repeat; height: 126px; width: 303px;	}
.standbyHD  { display:block; position:relative;background-image: url(/img/thumb/standbyHD.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}

.offline  { display:block; position:relative;background-image: url(/img/thumb/offline.gif); background-repeat: no-repeat; height: 126px; width: 303px;	}
.offlineHD  { display:block; position:relative;background-image: url(/img/thumb/offline.gif); background-repeat: no-repeat;  height: 126px; width: 303px;}
*/