@charset "utf-8";
* { margin: 0; padding: 0; font-size: 100%; border:none; }
html, body {height: 100%;}
html {background-color:#404040;}
body { background:url(images/bg_body_wings_off.png) no-repeat 50% 0; color:#000000;}
body { font:68.75%/1.3 Arial, Helvetica, sans-serif;}


/* Common */
img, .checkbox, .middle, label { vertical-align: middle; }
textarea, input { font: 1em/1.4 Tahoma, Arial, Helvetica, sans-serif; padding-left: 3px; }
a img { border: none; }
a { text-decoration: none; color:#000080;}
a:hover, a:focus, a:active { text-decoration: underline; }
:focus { outline: none; }
.clear { clear: both; display: block; line-height:0; font-size:0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
ul, li { list-style: none; }
ul.vertical_list li {margin-left:5px; list-style:circle; font-size:16px; color:#000;}

ul2, li { list-style: none; }
ul2.vertical_list li {margin-left:5px; list-style:circle; font-size:12px; color:#000;}


.float_left {float:left;}
.float_right {float:right;}

#mrpeepers_toolbar { width:100%; background-color:#000; top repeat-x; margin-top:0px; font-size:14px; color:gray; font-weight:bold;}
#mrpeepers_toolbar .inner { width:900px; background-color:#000; margin-left:75px; margin-right:auto; text-align:left; display:block;  padding:4px 5px;  text-decoration:none;  }
#mrpeepers_toolbar .outer { width:900px; margin-right:75px; margin-left:auto; background-color:#000; text-align:right; display:block; padding:4px 5px;  text-decoration:none; position:absolute; top:0px; right:15px; }
#mrpeepers_toolbar a:link { color:gray; }

#wrap {margin:0 auto; position:relative; width:1050px; min-height: 100%; }
#wrap {background:#C0C0C0  url(images/bg_header_off.jpg) no-repeat 0 0; padding-bottom:30px; }

* html #wrap { height: 100%; }

.header { height:150px; position:relative; width:1050px; background:#404040}

.header h1 a{ background:#404040 url(images/logo.png) no-repeat scroll 0 0; width:398px; height:126px; display:block; position:absolute; top:40px; left:10px;}
.header h1 a{ cursor:pointer; overflow:hidden; text-indent:-100em; z-index:9999;}

.header_copy { display:block; padding:5px 5px 5px 5px; width:400px; height:auto; float:right; position:absolute; top:50px; left:440px; background-color:black; color:gray;}

#top_menu{ height:39px; width:1050px;  background:transparent url(images/bg_top_menu.gif) repeat-x 0 0; position:relative;}

#top_menu b {position:absolute; width:5px; height:5px; top:0; font-size:0; line-height:0;}
#top_menu b.left {  background:transparent url(images/corn_left_top_menu.gif) no-repeat 0 0; left:0;}
#top_menu b.right { background:transparent url(images/corn_right_top_menu.gif) no-repeat 0 0; right:0;}

#top_menu ul { height:31px; width:1020px; overflow:hidden; margin-left:15px; padding-top:8px;}
#top_menu li { border-left:1px solid #868686; display:inline-block;  //display:inline; margin:0 13px 0 -13px; height:22px; }
#top_menu li span { border-left:1px solid #d0d0d0; font-family:verdana, "Myriad Pro",Tahoma,sans-serif; font-size:14px; padding:0 16px; height:22px; line-height:22px; display:block; //display:inline-block; font-weight:bold}
#top_menu li span a { color:#757575; }
#top_menu li span a.active { color:#b10e12;}

#leader {background:url(images/leader-bg-off.png) no-repeat 50% 0; margin:0; padding:10px 10px 0; background-color:#C0C0C0; font-size:24px; border:0px solid #1d1d1d}
#leader2 {margin:0; padding:10px 10px 0; background-color:#C0C0C0; font-size:12px; border:0px solid #1d1d1d}
#thumbnail {margin:0; padding:00px 00px 0; line-height:1.3em; font-size:12px;}
#thumbnail2 {position: relative; left: 20px; float:left; border:0px solid #1d1d1d; width:1010px; font-size:12px; top:20px}
#mid_banner {position: relative; left: -2px; top:-90px;}
#footer_join {position: relative; left: 50px; float:left; border:0px solid #1d1d1d; width:1010px; font-size:12px; top:20px}
#footer_action {text-align:center}
textarea#styled {border: 3px solid #cccccc; width:250px}


a.lnk_login { display:block; width:161px; height:38px; float:right; margin:38px 17px 0 0; }

.content { position:relative;  width:1015px;  padding:10px; background:#C0C0C0; font-size:12px; line-height:1.5em; }

.content .left {float:left; width:160px; padding:0;}
.content .left .block {background:transparent url(images/bg_left_block.gif) repeat-y 0 0; width:160px; border:1px solid #1d1d1d; padding:14px; margin-bottom:9px;}

.content .right {position: relative; left: 35px; float:left; width:670px; border:1px solid #1d1d1d;}
.content .right {background:transparent url(images/bg_right_block.gif) repeat-y 0 0;}

.content .trade {position: relative; left: 50px; float:left; width:100px; padding:5px; }
.content .trade {background:transparent url(images/bg_right_block.gif) repeat-y 0 0;}

.content  h2 {color:#000000;  font-weight:bold; font-size:17px; }
.content .categories span { color:#ff210a;}
.content .categories strong { color:#fff; font-weight:normal; }
.content .categories p {width:160px; margin-top:10px; border-bottom:1px solid #262626; padding:5px 0;}
.content .ads p {width:160px; padding:5px 0; font-style:italic;}

.content .inside_r { min-height:400px; padding:14px; width:657px; background:transparent url(images/bg_inside_right.gif) no-repeat left bottom; }
.content .inside_r p {margin-bottom:10px; border-bottom:1px solid #262626; padding:5px 0;}
.content .inside_r h3 {height:14px; color:#fff; margin:5px 0 10px; _margin-bottom:4px; padding:0; position:relative;}
.content .inside_r h3 span {padding:3px 5px; display:inline-block;  background:#7b0f0f url(images/bg_title_h3.gif) repeat-x left top; position:relative;}
.content .stats {font-weight:bold; text-align:center; font-size:14px;}
.content .paging {font-weight:bold; text-align:center; font-size:12px;}

/*Dating Iframe*/
#dating {position: relative; left: 10px; float:left; border:0px solid #1d1d1d; width:1010px}


/*Footer*/

.footer_menu  { width:1035px; height:20px; text-align:center; position:absolute; left:0; bottom:5px; padding:5px 0 5px 15px ; background:#0b0b0b;}
.footer_menu ul{ height:20px; overflow:hidden; width:auto; }
.footer_menu ul li { font-size:12px; display:inline; }
.footer_menu ul li span {display:inline-block; padding:0px 10px 0px; _display:inline; border-right:1px solid #1d1d1d;}
.footer_menu ul li span.last { border-right:none; }
.footer_menu ul li a { color:#757575; }


/*Details Page*/

.details {background:#C0C0C0; position:relative; width:1015px;  padding:10px; line-height:1.5em; left:8px}

.details .left {float:left; width:650px; padding:0;}
.details .left .block {width:650px; border:0px solid #1d1d1d; padding:14px; margin-bottom:-10px;}
.details .left .videobar {float:left; width:650px; border:0px solid #1d1d1d; padding:0px; margin-bottom:3px; left:15px;}

.details .right {float:left; width:310px; border:0px solid #1d1d1d; z-index:1}
.details .right {background:transparent url(images/bg_right_block.gif) repeat-y 0 0;}

.details  h2 { font-weight:bold; font-size:17px; }
.details .news span { color:#ff210a;}
.details .news strong { color:#fff; font-weight:normal; }
.details .news p {margin-top:5px; border-bottom:1px solid #262626; padding:5px 0;}
.details .toolbar p {padding:0px 0; }
.details .join {position:relative; float:left; margin-top:5px; border-bottom:1px solid #262626; padding:0px 0; font-weight:bold; text-align:center; font-size:16px;}

.details .inside_r { padding:0px; width:310px;  background:transparent url(images/bg_inside_right.gif) no-repeat left bottom; font-size:14px; font-weight:bold; text-align:center; }
.details .inside_r p {margin-bottom:5px; border-bottom:1px solid #262626; padding:5px 0;}
.details .inside_r h3 {height:14px; color:#fff; margin:5px 0 10px; margin-bottom:4px; padding:0; position:relative;}
.details .inside_r h3 span {padding:3px 5px; display:inline-block;  background:#7b0f0f url(images/bg_title_h3.gif) repeat-x left top; position:relative;}

/*Block Details page */
.details  .adv_blocks {position:relative;  left: -10px; width:640px;  background-color:none; font-size:11px;  line-height:1.em; margin-bottom:9px;}
.details  .adv_blocks .blk {position:relative; float:left;   padding:10px 20px; border:1px solid #1d1d1d; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }
.details  .adv_blocks .blk.second {position:relative; float:left;   width:auto; padding:8.5px 18px; border:1px solid #1d1d1d; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }

.details  .adv_blocks2 {position:relative;  bottom:-45px; left:10px; width:640px;  background-color:none; font-size:14px;  line-height:0.9em; margin-bottom:0px;}
.details  .adv_blocks2 .blk {position:relative; float:left;   padding:0px 0px; border:1px solid #1d1d1d; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }
.details  .adv_blocks2 .blk.second {position:relative; float:left;  width:auto; padding:8.5px 18px; border:1px solid #1d1d1d; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }


/*Details2 Page*/

.details2 {position:relative;  width:1015px;  padding:10px; background:##C0C0C0; line-height:1.5em;}

.details2 .left {float:left; width:980px; padding:0; text-align:center; }
.details2 .left .block {background:transparent url(images/bg_left_block.gif) repeat-y 0 0; width:980px; border:1px solid #1d1d1d; padding:14px; margin-bottom:9px;}

.details2 .right {float:right; width:310px; border:1px solid #1d1d1d;}
.details2 .right {background:transparent url(images/bg_right_block.gif) repeat-y 0 0;}

.details2  h2 { font-weight:bold; font-size:17px; }
.details2 .news span { color:#ff210a;}
.details2 .news strong { color:#fff; font-weight:normal; }
.details2 .news p {margin-top:10px; border-bottom:1px solid #262626; padding:5px 0;}
.details2 .toolbar p {padding:0px 0; }
.details2 .join {position:relative; float:left; margin-top:10px; border-bottom:1px solid #262626; padding:5px 0; font-weight:bold; text-align:center; font-size:16px;}

.details2 .inside_r { padding:4px; width:310px;  background:transparent url(images/bg_inside_right.gif) no-repeat left bottom; }
.details2 .inside_r p {margin-bottom:10px; border-bottom:1px solid #262626; padding:5px 0;}
.details2 .inside_r h3 {height:14px; color:#fff; margin:5px 0 10px; _margin-bottom:4px; padding:0; position:relative;}
.details2 .inside_r h3 span {padding:3px 5px; display:inline-block;  background:#7b0f0f url(images/bg_title_h3.gif) repeat-x left top; position:relative;}


.before_bottom { height:70px; margin:0; background:none; }

.bottom {position:relative; width:1015px; height:49px; margin:-20px auto 0;  background:transparent url(images/bg_bottom.gif) no-repeat left top;  padding:10px 100px;}
.bottom  span.logo { margin:20px 15px; height:23px; width:121px; display:block; _display:inline; float:left;}
.bottom p.info {margin:20px 10px; font-size:12px;}
.bottom p.info span { color:#fff;}


/*Block index page */
.content .adv_blocks {position:relative;  width:1065px;  background-color:none; font-size:12px; line-height:1.5em; margin-bottom:5px; }
.content .adv_blocks .blk {position:relative; padding:10px 20px; width:175px; border:1px solid #1d1d1d; float:left; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }
.content .adv_blocks .blk.last {margin-right:0px;}
.content .adv_blocks .blk.second {position:relative; padding:10px 20px; width:600px; border:1px solid #1d1d1d; float:left; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }
.content .adv_blocks .blk.last {position:relative; padding:10px 20px; width:125px; border:1px solid #1d1d1d; float:left; margin-right:9px; background:transparent url(images/bg_adv_block.gif) no-repeat top left; }
.content .adv_blocks .blk.first h2 {text-indent:-500em; width:153px; height:22px; background: url(images/latest_release.gif) no-repeat top left; overflow:hidden; margin:5px auto;}
.content .adv_blocks .blk.second h2 {text-indent:-500em; width:175px; height:27px; background: url(images/programs_and_tools.gif) no-repeat top left; overflow:hidden; margin:0px auto;}
.content .adv_blocks .blk.third h2 {text-indent:-500em; width:89px; height:22px; background: url(images/about_us.gif) no-repeat top left; overflow:hidden; margin:5px auto;}

/*Join*/
.header2 { height:200px; position:relative; width:1050px; background:#404040}

.header2 h1 a{ background:#404040 url(images/logo_lg.png) no-repeat scroll 0 0; width:473px; height:150px; display:block; position:absolute; top:40px; left:10px;}
.header2 h1 a{ cursor:pointer; overflow:hidden; text-indent:-100em; z-index:9999;}

.header2_copy { display:block; padding:5px 5px 5px 5px; width:400px; height:auto; float:right; position:absolute; top:50px; left:440px; background-color:black; color:gray;}

#join_toolbar { width:100%; background-color:#000; top repeat-x; margin-top:0px; font-size:14px; color:gray; font-weight:bold;}
#join_toolbar .inner { width:1100px; background-color:#000; margin-left:75px; margin-right:auto; text-align:center; display:block;  padding:4px 5px;  text-decoration:none;  }
#join_toolbar .outer { width:900px; margin-right:75px; margin-left:auto; background-color:#000; text-align:right; display:block; padding:4px 5px;  text-decoration:none; position:absolute; top:0px; right:15px; }
#join_toolbar a:hover { text-decoration:underline; }


/*Star Rating*/
.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background:url(http://www.mrpeepers.net/tour/stars.png) left -1000px repeat-x;}
.star-rating{position:relative;width:150px;height:30px;overflow:hidden;list-style:none;background-position:left top;margin:0;padding:0;}
.star-rating li{display:inline;}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:30px;line-height:30px;outline:none;overflow:hidden;border:none;}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position:left bottom;}
.star-rating a.one-star{width:20%;z-index:6;}
.star-rating a.two-stars{width:40%;z-index:5;}
.star-rating a.three-stars{width:60%;z-index:4;}
.star-rating a.four-stars{width:80%;z-index:3;}
.star-rating a.five-stars{width:100%;z-index:2;}
.star-rating .current-rating{z-index:1;background-position:left center;}

#site{width:1030px;margin:auto;}
.selected{color:#fff;background-color:#333;}
.sortby{font-weight:bold;color:black;padding:7px;background-color:#808080;margin-top:-16px;border-right:1px solid #444444;border-bottom:1px solid #444444;border-left:1px solid #444444;}
.sortby a{font-size:13px;}
.textactive{color:#ff8533;}
.sortby td{font-size:13px;}
#tabnav{text-align:left;margin:10px 0 1em 0;font:bold 16px arial, tahoma, verdana, arial;border-bottom:1px solid #444444;list-style-type:none;padding:0px 10px 6px 10px;}
#tabnav li{display:inline;}
#tabnav li a{padding:4px 8px 6px 8px;border:1px solid #444444;background-color:#353535;color:#eeeeee;margin-right:0px;text-decoration:none;border-bottom:none;}
#tabnav li.selected a{padding:6px 8px;background-color:#222222;color:#ff8533;border-bottom:1px solid #222222;}
#tabnav a:hover{color:#ff8533;}

.premium {background:#C0C0C0; }


/* selects replacing */
select.selReplaced {width:1px; position:absolute; left:-999em; float:none;} /* hiding selects */
dl.sbrWrap {margin:0; padding:0; border:none; position:relative; overflow:visible; line-height:1.2em; width:358px; min-width:358px;
background:#dde1e0 url(images/select_bg.gif) left top repeat-x;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;}

dl.sbrWrap * {position:static; float:none; display:block; width:auto; margin:0; padding:0; border:none;}
#acc_set dl.sbrWrap dd {z-index:1001;}
dl.sbrWrap dt {cursor:default; color:#000; padding:7px 30px 0 5px; background:url(images/arrow.gif) right top no-repeat; height:1.1em; overflow:hidden; height:21px;}
dl.sbrWrap dd {position:absolute; z-index:101; left:0; top:100%;
	margin:0; padding:0; width:100%; overflow:auto; max-height:15em;
	border:1px solid #cfcfcf; border-left:none; border-top:none; background:#ebebeb; white-space:nowrap; font-size:.9em;}
dl.sbrWrap dd ul {width:100%; overflow:hidden;}
dl.sbrWrap dd li {padding:1px 3px; cursor:default; color:#333; height:1.1em; overflow:hidden;}
dl.sbrWrap dd li.sbrSelected {background:#eee;}
dl.sbrWrap dd li:hover, dl.sbrWrap dd li.hover {background:#e1e2e3;}
dl.sbrWrap .sbrOptsCol {display:none;}
dl.sbrWrap .sbrOptsExp *{display:block;}
dl.sbrWrap .sbrFocused {background-images:url(images/arrow.gif)}





}