@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.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;}

.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:hover { text-decoration:underline; }

#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 {margin:0; padding:10px 10px 0; background-color:#C0C0C0; font-size:24px; border:0px solid #1d1d1d}
#thumbnail {margin:0; padding:00px 00px 0; line-height:1.3em; font-size:12px;}
#thumbnail2 {position: relative; left: 10px; float:left; border:0px solid #1d1d1d; width:1010px; font-size:12px}

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:165px; padding:0;}
.content .left .block {background:transparent url(images/bg_left_block.gif) repeat-y 0 0; width:165px; border:1px solid #1d1d1d; padding:14px; margin-bottom:9px;}

.content .right {position: relative; left: 40px; float:left; width:673px; 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 {position:relative;  width:1015px;  padding:10px; background:##C0C0C0; line-height:1.5em;}

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

.details .right {float:right; width:310px; border:1px solid #1d1d1d;}
.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:10px; border-bottom:1px solid #262626; padding:5px 0;}
.details .toolbar p {padding:0px 0; }
.details .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;}

.details .inside_r { padding:4px; width:310px;  background:transparent url(images/bg_inside_right.gif) no-repeat left bottom; }
.details .inside_r p {margin-bottom:10px; 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; }

/*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:9px; }
.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:5px 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:1035px; 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; }



/* 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)}





}