@charset "utf-8";

/* CSS Document */
body { margin:0; padding:0; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #fbfbfb url(/images/main_site/body_bg.gif) repeat-x; }

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 { margin:0; padding:0; list-style-type:none; }

img, fieldset { border:0; float:left; outline:none; }

a, input { outline:none; border:none; text-decoration:none; }

a:hover{text-decoration:underline;}

.floatfeft { float:left }

.floatright { float:right }

.display { display: none }

html { overflow:-moz-scrollbars-vertical; }

/*** === main wrapper === ***/
#wrapper{width:1003px; margin:auto;}

/*** === main wrapper === ***/
.top_links{width:1003px; float:left;}
.top_links ul{width:auto; padding:14px 19px; 0 0; float:right;}
.top_links ul li{width:auto; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#fff; margin:0 3px;}
.top_links ul li a{width:auto; float:left; font-size:20px; color:#fff; margin:0 3px;}
.top_links ul li span{ display:none;}
.top_links ul li a.advertiser_nav{ background:url(/images/main_site/adverstiser_nav.jpg) no-repeat; width:88px; height:12px; float:left;}
.top_links ul li a.join_nav{ background:url(/images/main_site/join_nav.jpg) no-repeat; width:67px; height:12px; float:left;}
.top_links ul li a.publisher_nav{ background:url(/images/main_site/publishers_nav.jpg) no-repeat; width:96px; height:12px; float:left;}
.top_links ul li a.login_nav{ background:url(/images/main_site/login_nav.jpg) no-repeat; width:40px; height:12px; float:left;}

/*** === main wrapper === ***/
#logo_wrapper{ border-bottom:1px #eff5e0 solid; width:1003px; float:left; height:73px; position:relative;}
#logo_wrapper span.logo_icon{ background:url(/images/main_site/opesmedia_logo.png) no-repeat; width:442px; height:64px; float:left; position:absolute; top:18px; left:8px;}
#logo_wrapper span.logo_icon a{ width:253px; float:left; height:64px; margin:0 0 0 8px;}
#logo_wrapper h1{  padding:28px 0 11px 83px; width:454px; float:left;}

#logo_wrapper ul{width:auto; float:right; padding:36px 19px 0 0;}
#logo_wrapper ul li{width:auto; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:20px; color:#000 ; margin:0 6px;}
#logo_wrapper ul li a{width:auto; float:left; font-size:20px; color:#000; margin:0 3px;}
#logo_wrapper ul li span{ display:none;}
#logo_wrapper ul li a.home_nav{ background:url(/images/main_site/home_nav.jpg) no-repeat; width:38px; height:11px; float:left;}
#logo_wrapper ul li a.about_nav{ background:url(/images/main_site/about_nav.jpg) no-repeat; width:46px; height:11px; float:left;}
#logo_wrapper ul li a.whyus_nav{ background:url(/images/main_site/why_us_nav.jpg) no-repeat; width:61px; height:11px; float:left;}
#logo_wrapper ul li a.benefits_nav{ background:url(/images/main_site/benefits_nav.jpg) no-repeat; width:67px; height:11px; float:left;}
#logo_wrapper ul li a.our_difference_nav{ background:url(/images/main_site/our_difference_nav.jpg) no-repeat; width:118px; height:11px; float:left;}
#logo_wrapper ul li a.contact_nav{ background:url(/images/main_site/contact_nav.jpg) no-repeat; width:61px; height:11px; float:left;}
#logo_wrapper ul li a:hover, #logo_wrapper ul li.active a { padding-bottom: 5px; border-bottom: 2px solid red; }

/*** === main wrapper === ***/
.content_wrapper{width:1003px; float:left; padding:30px 0 0 0;}
.content_top_section{ background:url(/images/main_site/welcome_bg.gif) left bottom repeat-x; float:left; width:1003px;}
.content_top_left{ background:url(/images/main_site/forefront_img.jpg) no-repeat; float:left; height:301px; width:556px;}
.welcome_txt{ float:left; width:435px;}
.welcome_txt h2.welcome_hding{ background:url(/images/main_site/welcome_txt.jpg) no-repeat; float:right; width:435px; padding:48px 0 0 0;}
.welcome_txt p{ padding:0 0 16px 0; float:left; width:435px; line-height:18px;}
.welcome_txt .register_btn{ padding:0 0 0 28px; float:left; width:381px; height:47px;}

.content_middle_section{ background:url(/images/main_site/bg-middle.jpg) center 70px no-repeat; width:989px; float:left; padding:20px 0 45px 14px;
}
.publishers_section{width:310px; float:left; padding:0px 13px 0 0;}
.publishers_section h3{ color:#000; font-size:24px; width:300px; float:left; padding:0 0 8px 0;}
.publishers_section span.publisher_img{ background:url(/images/main_site/publisher_img.jpg) no-repeat; width:129px; height:137px; float:left;}
.publishers_section span.advertisers_img{ background:url(/images/main_site/advertisers_img.jpg) no-repeat; width:129px; height:137px; float:left;}
.publishers_section span.network_img{ background:url(/images/main_site/networks_img.jpg) no-repeat; width:129px; height:137px; float:left;}
.publishers_section p{ width:175px; float:left;}
.publishers_section p a, .what_can_doforus p a{ color:#0c4b0d; font-weight:bold; text-decoration:none;} 

.content_botm{width:989px; float:left; padding:0px 0 0 14px;}
.what_can_doforus{width:480px;}
.diff_img{ background:url(/images/main_site/opesmedia_diff_img.jpg) no-repeat; float:left; height:137px; width:480px;}
.watcando_img{ background:url(/images/main_site/do_for_u_img.jpg) no-repeat; float:left; height:137px; width:480px;}
.what_can_doforus h2{ color:#000; font-size:24px; padding:8px 0 8px 9px; width:469px; float:left;}
.what_can_doforus p{ line-height:18px; padding:0 0 15px 9px; width:469px; float:left;}

/*** === Recovery Page === ***/
.recovery_main{width:435px; float:left;}
.recv_space{ padding:115px 0 115px 270px;}
.recovery_main h2{ font-size:24px; padding:0 0 12px 14px; width:420px; float:left;}
span.top_right_conr{ background:url(/images/main_site/conr_top_rhs.gif) no-repeat; width:18px; height:18px; float:left;}
span.top_left_conr{ background:url(/images/main_site/conr_top_lhs.gif) no-repeat; width:18px; height:18px; float:left;}
.recovery_top_mid{width:399px; float:left; border-top:1px #E3E3E3 solid; height:17px; overflow:hidden;}

.recovery_middle{width:413px; border-left:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; float:left; padding:0 0 0 20px;}
.recovery_middle p{width:413px; color:#666; font-size:12px; line-height:17px; float:left;}
.recovery_middle fieldset{width:352px; border:none; float:left; padding:12px 0 0 0;}
.recovery_middle fieldset label.login_lbl{width:55px; color:#666; line-height:25px; font-size:12px; float:left; text-align:right; margin-right:10px; display: inline}
.recovery_middle fieldset input.login_txtbox{width:184px; border:1px #E3E3E3 solid; float:left; height:22px; color:#000; font-size:12px; padding:4px 0 0 3px;}
.recovery_middle fieldset input.submit_btn, .login_middle fieldset input.submit_btn{width:89px; height:28px; float:right; }

span.botm_left_conr{ background:url(/images/main_site/conr_botm_rhs.gif) no-repeat; width:18px; height:18px; float:left;}
span.botm_right_conr{ background:url(/images/main_site/conr_botm_lhs.gif) no-repeat; width:18px; height:18px; float:left;}
.recovery_botm_mid{width:399px; float:left; border-bottom:1px #E3E3E3 solid; height:17px; overflow:hidden;}

/*** === Login Page === ***/
.login_main{width:656px; float:left;}
.login_space{ padding:100px 0 100px 170px;}
.login_main h2{ font-size:24px; padding:0 0 12px 14px; width:420px; float:left;}
.login_top_mid{width:620px; float:left; border-top:1px #E3E3E3 solid; height:17px; overflow:hidden;}

.login_middle{width:654px; border-left:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; float:left;}
.login_middle p{width:654px; text-align:center; color:#666; font-size:12px; line-height:17px; float:left;}
.login_middle fieldset{width:611px; border:none; float:left; padding:12px 0 12px 20px;}
.login_middle fieldset label.login_lbl1{width:45px; color:#666; line-height:25px; font-size:12px; float:left;}
.login_middle fieldset label.login_lbl2{width:65px; color:#666; line-height:25px; font-size:12px; float:left;}
.login_middle fieldset input.login_txtbox1{width:184px; border:1px #E3E3E3 solid; float:left; height:22px; color:#000; font-size:12px; padding:4px 0 0 3px; margin-right:15px;}
.login_middle .forgot_pwd{ width:508px; float:left; text-align: left; }
.login_middle .forgot_pwd a, #left_sect p a{ color:#cc3333; font-size:12px; text-decoration:none; }

.login_botm_mid{width:620px; float:left; border-bottom:1px #E3E3E3 solid; height:17px; overflow:hidden;}

/*** === footer wrapper === ***/
#footer_wrapper{ width:983px; background:url(/images/main_site/bg-footer.jpg) no-repeat; padding:45px 10px 20px 10px; float:left;}
#footer_wrapper p{ float:left; color:#333;}
#footer_wrapper p span{ font-style:italic; color:#666;}
#footer_wrapper ul{width:auto; float:right;}
#footer_wrapper ul li{float:left; font-size:12px; color:#333; margin-right:3px;}
#footer_wrapper ul li a{font-size:12px; color:#333;}

/* About us Page */
.content_inner_main{width:948px; float:left; padding:30px 30px 0 25px;}
#left_sect{float:left;width:651px;}
#left_sect h3.hdr{float:left;font-size:24px;font-weight:normal;margin:0 0 12px 0;color:#000;}
#left_sect p.txt{float:left;width:648px;font-size:12px;line-height:18px;color:#666;}
#left_sect p span.font18{ font-size:18px; color:#333;}
.sep_cl{float:left;width:600px;height:38px;}

#right_sect{float:left;width:276px;padding:0 0 0 16px;}
#right_sect h3.hdr{float:left;font-size:24px;font-weight:normal;margin:0 0 12px 0;color:#000;}
#right_sect p.txt{float:left;width:264px;font-size:12px;line-height:18px;color:#666;}
/* Advertisers Page */
.size18{ font-size:18px; color:#333; }


/****** ====== Signout Page ====== ******/
div.signout { width:980px; float:left; padding:28px 0 0 18px;}
#sign_left_section { float:left; width:690px;}
#sign_right_section { float:left; width:290px;}
h2.publisher { float:left; width:900px; font-size:24px; color:#000; line-height:24px; font-weight:bold;}
h2.pub_info { float:left; width:610px; font-size:18px; color:#000; line-height:24px; padding:5px 0 10px 0; font-weight:bold; border-bottom:1px solid #F4F4F4;}
h3.live{ float:left; width:275px; font-size:24px; color:#000; line-height:24px; font-weight:bold;}
p.cong { float:left; width:650px; font-size:12px; color:#666; line-height:14px; padding:10px 0 20px 0;}
#signout_middle { float:left; width:634px; border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3; padding-left:20px}
#signout_middle .req_warning { color: #EC8484; font-size: 12px; margin-top: 5px; float: left; }
#signout_middle_top { float:left; width:634px; padding-top:20px;}
#signout_middle_top fieldset { width:634px; border:none; float:left; padding:6px 0 0 0;}
#signout_middle fieldset { margin: 0px 0px 25px 0px; border-top: 1px solid #E3E3E3; width: 610px; }
#signout_middle fieldset ul.errorlist { display: none; }
#signout_middle fieldset ul.errorlist + label {  padding-top: 5px !important; font-weight: bold; background-color: #DCF0C4; border-right: 2px solid #E3E3E3; width:95px; }
#signout_middle fieldset legend { font-weight: bold; }
#signout_middle_top fieldset.check_left { width:594px; border:none; float:left; padding:0 0 0 25px;}
#signout_middle_top fieldset.sign_fild { width:347px; border:none; padding:6px 0 0 0; float:right;}
#signout_middle label, #signout_middle_top fieldset label { color:#666; line-height:16px; font-size:12px; float:left;}
#signout_middle_top fieldset label.labl_text { width:530px; /*padding-top:2px;*/}
.check_left p { float: left; width: 10px; }
#signout_middle label, #signout_middle_top fieldset label.company_lab1 { width:98px; text-align:right; padding:2px 5px 0 0; height: 22px; margin-top: 1px;  margin-left: 10px; }
#signout_middle_top fieldset label.company_lab2 { width:130px; text-align:right; padding:2px 10px 0 0;}
#signout_middle select, #signout_middle input[type="password"], #signout_middle input[type="text"], input.text_box { width:182px; border:1px #CACACA solid; float:left; height:22px; color:#666; font-size:12px; padding:4px 0 0 3px;}
#signout_middle textarea{ border:1px #CACACA solid; width: 600px; font-family:Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; }
#signout_middle select, #signout_middle input[type="password"], #signout_middle input[type="text"]{ margin-bottom: 10px; }
#signout_middle select{ width: 186px !important; padding: 0px 0px 0px 2px !important; }
input.check_box { float:left; margin-right:5px}
select.select_box { width:187px; border:1px #CACACA solid; float:left; color:#666; font-size:12px; padding:0 0 0 3px;}
.red { color:#FF0000;}
div.sign_para { float:left; font-size:11px; color:#666; line-height:16px; text-align: left; overflow-y: scroll; overflow-x: hidden; height: 110px; width: 555px; margin-left: 25px; border: 1px solid #E3E3E3; }
p a { text-decoration:none; color:#D34444;}
p.req_para { float:left; font-size:12px; color:#D34444; line-height:16px; width:565px; padding-left:45px;}
p.live_para { float:left; font-size:12px; color:#666; line-height:18px; width:280px; padding-top:18px;}
.btn_continue{float:left;padding:10px 0 10px 191px;}


ol {
  clear: both;
  font: italic 18px Georgia, Times, serif;
  margin:0px;
  padding: 0px;
}
ol li p {
  margin:0px;
  padding:3px 0;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333;
}
ol li {
  margin-left: 70px;
  padding-left: 0px;
  list-style-type: decimal !important;
}

.nextb, .prevb { width: 28px; height: 27px; text-indent: -9900px; background: url(/images/main_site/left.jpg); display: block; position: absolute; top: 55px; left: 5px}
.nextb { background: url(/images/main_site/right.jpg); left: auto; right: 5px;}
#carousel_container { width: 990px; height: 137px; display: block; float: left; background: url(/images/main_site/bg.jpg) no-repeat; margin-left: 10px;  position: relative; margin-bottom: 20px; }

#carousel { margin-left: 38px; height: 137px; overflow: hidden}
#carousel li { margin-right: 5px; margin-top: 10px;  border: 1px solid #d9d9d9; float: left; display: inline}

#sign_up { clear:both; padding-top: 15px }
#sign_up a { width: 233px; height: 71px; text-indent: -9900px; background: url(/images/main_site/btn-join.gif); display: block; border: 0 }

.recovery_middle{width:413px; border-left:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; float:left; padding:0 0 0 20px;}
.recovery_middle p{width:413px; color:#666; font-size:12px; line-height:17px; float:left;}
.recovery_middle fieldset{width:352px; border:none; float:left; padding:12px 0 0 0;}
.recovery_middle fieldset label.login_lbl{width:55px; color:#666; line-height:25px; font-size:12px; float:left; text-align:right; margin-right:10px; display: inline}
.recovery_middle fieldset input.login_txtbox{width:184px; border:1px #E3E3E3 solid; float:left; height:22px; color:#000; font-size:12px; padding:4px 0 0 3px;}
.recovery_middle fieldset input.submit_btn, .login_middle fieldset input.submit_btn{width:89px; height:28px; float:right; }

/*** === Login Page === ***/
.login_main{width:656px; float:left;}
.login_space{ padding:100px 0 100px 170px;}
.login_main h2{ font-size:24px; padding:0 0 12px 14px; width:420px; float:left;}
.login_top_mid{width:620px; float:left; border-top:1px #E3E3E3 solid; height:17px; overflow:hidden;}

.login_middle{width:654px; border-left:1px #E3E3E3 solid; border-right:1px #E3E3E3 solid; float:left;}
.login_middle p{width:654px; text-align:center; color:#666; font-size:12px; line-height:17px; float:left;}
.login_middle fieldset{width:611px; border:none; float:left; padding:12px 0 12px 20px;}
.login_middle fieldset label.login_lbl1{width:45px; color:#666; line-height:25px; font-size:12px; float:left;}
.login_middle fieldset label.login_lbl2{width:65px; color:#666; line-height:25px; font-size:12px; float:left;}
.login_middle fieldset input[type="text"], .login_middle fieldset input[type="password"]{width:184px; border:1px #E3E3E3 solid; float:left; height:22px; color:#000; font-size:12px; padding:4px 0 0 3px; margin-right:15px;}
.login_middle .forgot_pwd{width:450px; float:left; text-align: left; padding-left: 65px; }
.login_middle .forgot_pwd a, #left_sect p a{ color:#cc3333; font-size:12px; text-decoration:none; }

.login_botm_mid{width:620px; float:left; border-bottom:1px #E3E3E3 solid; height:17px; overflow:hidden;}

#ten_px_spacer{ width: 120px; float: left; }
#forgot_pwd_form fieldset input.submit_btn{ margin-right: 120px; }
#forgot_pwd_form.login_middle .forgot_pwd{width:450px; float:left; text-align: left; padding-left: 185px !important; }
#reseting_pwd{ background-color: #666666; color: #FFFFFF;  float: left; width: 375px; text-align: center; margin: 0px 137px; }