/* css style */
html, body, div, ul, li, h1, h2, h3, form, p, input{ padding: 0; margin: 0 }
/*
text color code:
orange-#ee9b02
grey-#7c7c7c
*/
/* Global classes */
ul{ list-style: none }
img{ border: none }
.center{ text-align: center }
.left{ float: left }
.right{ float: right }
.bold{ font-weight: bold!important }
.font10{ font-size: 10px }
.gray{ color: #7c7c7c!important }
.orange{color: #ee9b02!important }
.white{color: #fff!important }
.brown{ color: #ee9b02!important }
.font10{ font-size: 10px }
.font11{ font-size: 11px }
.font12{ font-size: 12px }
.font13{ font-size: 13px }
.font14{ font-size: 14px }
.font16{ font-size: 16px }
.font18{ font-size: 18px }
.font30{ font-size: 30px }
.verdana{ font-family: Verdana }
.clearing{ clear: both }
.catch{ overflow: hidden; zoom: 1 }
input.select_box{ width: 216px; border: 1px solid #8f96a0 }
table{ border: none }
a:focus{ outline: none }
/* Site main element */
body { width: 100%; background-color: #eeeeee; }
#main { font-family: Arial,Verdana; background-color: #ffffff; min-width: 1000px; width: 1000px; margin: auto; }
#subheader { font-family: Arial,Verdana; font-size: 12px; float: left; margin-left: 93px; margin-top: 5px; }
/* Site header */
#header { padding-left: 57px; position: relative; background: #eeeeee url('../images/wagerunionLOGO.jpg') 50px no-repeat; height: 97px }
#header #login{ position: absolute; left: 590px; color: #884201; font-size: 11px; font-family: Verdana; background: url('../images/LoginBackground.jpg') no-repeat; width: 363px; height: 87px;}
#header #login #form1 { margin: 3px 0 0 25px;}
#header #login input {width: 121px;margin-bottom:1px; height: 15px; margin-right: 10px; border: 1px solid transparent; border-top-color: #000; border-left-color: #000; border-bottom-color: #d0cfcb }
#header #login a { font-size: 10px; color: #884201}
#header #login .sub_button{position:absolute; right:100px; top:48px; text-align:center; float: right; display: block; height: 20px; width: 87px; background: url('../images/btn_pxl.gif') repeat-x; border: 1px solid #a2a2a2;font-weight: bold; cursor: pointer}
#header #login .sub_button:active { background: url('../images/btn_pxl.gif') repeat-x; border: 1px groove #a2a2a2;}
#header #login .joinnow { position: absolute; top: 30px; right: 5px; width: 71px; height: 22px; background: url('../images/joinNow-button.gif') no-repeat }
#header #login .joinnow:hover { background: url('../images/joinNow-button-ONmouseOver.gif') no-repeat }
#header #logout{ position: absolute; left: 590px; color: #884201; font-size: 11px; font-family: Verdana; background: url('../images/LoginBackground.jpg') no-repeat; width: 363px; height: 87px;}
#header #logout #form1 { margin: 8px 0 0 40px;}
#header #logout input {width: 121px;margin-bottom:1px; height: 15px; margin-right: 10px; border: 1px solid transparent; border-top-color: #000; border-left-color: #000; border-bottom-color: #d0cfcb }
#header #logout .sub_button{position:absolute; right:120px; top:35px; text-align:center; float: right; display: block; height: 20px; width: 87px; background: url('../images/loginButton-Reg.gif') repeat-x; border: 1px solid #a2a2a2; font-weight: bold }
#header #logout .sub_button:active { background: url('../images/loginButton-Reg.gif') repeat-x; border: 1px groove #a2a2a2;}
#header #logout .joinnow { position: absolute; top: 30px; right: 5px; width: 71px; height: 22px; background: url('../images/joinNow-button.gif') no-repeat }
#header #logout .joinnow:hover { background: url('../images/joinNow-button-ONmouseOver.gif') no-repeat }
#header #logout a { color: #884201}
#header #logout p { padding:5px }
#header #logout .padleftbutton { padding-right:20px}
#header #logout .padleftspan { padding-right:10px}
/*logo*/
#logo{ float: left; width: 350px; height: 69px; display: block; margin-top: 28px }
/* Site menubar */
#menubar { margin-left: 400px; background: #fff; width: 550px; height: 28px; line-height: 28px; padding-top:15px}
#menubar a { font-size: 0; height: 13px; line-height: 13px; background-repeat: no-repeat; display: block; float: left; padding: 0 20px}
#menubar a:hover,.current{ background-position: 0 100%}
/* Site micro white space instead of menu */
#whitespace { background: #fff; height: 10px; }
/* Site content */
#content { background: #eeeeee; min-height: 582px; padding-bottom:20px;}
/* Orange bar header */
.solid_orangebar{ position: relative; background: url('../images/sterchable-orange-pixeline.gif') top left repeat-x; width: 100%; min-height: 142px }
.orangebar{ background: url('../images/leftside-manu.gif') top left no-repeat; width: 950px; min-height: 142px }
.orangebar_center{ background: url('../images/Top-manu-pixeline.gif') top left repeat-x; width: 890px; min-height: 142px }
.orangebar_right{ background: url('../images/rightside2-manu.gif') top right no-repeat; width: 957px; min-height: 142px }
/* Unique zone image */
.zoneimg{ position: absolute; top: 42px; left: 110px }
.microzoneimg{ position: absolute; top: 55px; left: 110px }
/* Orange bar general content */
.gen_content { padding: 90px 35px 30px 100px }
#flashbar { width: 950px; height: 227px; outline-style: none; outline: 0px hidden transparent}
#flashbar #flashmovie { outline-style: none; }
/* Site affiliate box */
#affbox { position: relative; }
#affbox #dynamictext { background: url('../images/dynamicTextBg.jpg') no-repeat left; width: 691px; height: 355px}
/* Why should you join text */
#affbox #dynamictext div.left{ width: 320px; padding-left: 70px; margin-right: 30px/*margin: 0px 30px 0 70px;*/ }
#affbox #dynamictext div.left ul{ margin-left: 10px; margin-bottom: 10px }
#affbox #dynamictext div.left li {background: url('../images/wusmallicon.gif') top left no-repeat; padding: 1px 25px 5px 25px; color: #884201; font-size: 11px; font-familty: Verdana}
#affbox #dynamictext div.left p { color: #d67a0f; font-size: 11px; font-family: Verdana; font-weight: bold}
#affbox #dynamictext div.left a { color: #884201; margin-left: 15px }
#affbox #dynamictext #left_href { height:34px; margin-left:20px; }
#affbox #dynamictext #left_href .imagetop {vertical-align:-70%; margin-left:5px}
#affbox #advbox { position: absolute; left: 720px; top: 0 }
#affbox #advbox .onlinerep {width: 234px; height: 131px; margin-bottom: 10px; background: url('../images/onlineReports.jpg') no-repeat; cursor: pointer }
/*#affbox #advbox .joinus {width: 234px; height: 131px; margin-bottom: 10px; background: url('../images/affiliate-banner2.gif') no-repeat; cursor: pointer }*/
#affbox #advbox .joinus {width: 234px; height: 131px; margin-bottom: 10px; cursor: pointer }
#affbox #advbox .contactus {width: 234px; height: 59px; margin-bottom: 10px; background: url('../images/contactus.jpg') no-repeat; cursor: pointer }
#affbox #advbox .microjoinus {width: 249px; height: 68px; margin-bottom: 10px; background: url('../images/join_btn.jpg') no-repeat; cursor: pointer }
#affbox #advbox .joinusaff {width: 234px; height: 131px; margin-bottom: 10px; background: url('../images/affiliate-banner2.gif') no-repeat; cursor: pointer }
/* Site footer */
/* Current Offers text */
#affbox #dynamictext div.right { margin:60px 15px 0pt 0pt; width:240px; }
#affbox #dynamictext div.right li {background: url('../images/orangedot.gif') center left no-repeat; padding: 5px 15px; color: #d67a0f; font-size: 11px; font-familty: Verdana}
#affbox #dynamictext div.right p { color: #884201 }
#affbox #dynamictextmicro { background: url('../images/bg_index.jpg') no-repeat left; width: 952px; height: 252px}
/* Why should you join text */
#affbox #dynamictextmicro div.left{ width: 320px; padding-left: 70px; margin-right: 30px/*margin: 0px 30px 0 70px;*/ }
#affbox #dynamictextmicro div.left ul{ margin-left: 10px; margin-bottom: 10px; margin-top: 20px }
#affbox #dynamictextmicro div.left li {background: url('../images/wusmallicon.gif') top left no-repeat; padding: 0px 0px 25px 30px; color: #d67a0f; font-size: 11px; font-family: Verdana; font-weight: bold}
#affbox #dynamictextmicro div.left p { color: #d67a0f; font-size: 12px; font-family: Verdana; font-weight: bold}
#affbox #dynamictextmicro div.left a { color: #884201; margin-left: 15px }
#affbox #dynamictextmicro #left_href { height:34px; margin-left:20px; }
#affbox #dynamictextmicro #left_href .imagetop {vertical-align:-70%; margin-left:5px}
/* Current Offers text */
#affbox #dynamictextmicro div.right { width:520px; font-size:12px;}
#affbox #dynamictextmicro div.right p { color: #884201; margin-bottom:17px; line-height:1.5 }
#affbox #dynamictextmicro div.right p.margin12{ color: #884201; margin-bottom:12px }
#affbox #dynamictextmicro .wumanicon{ background: url('../images/wumanicon.jpg') center left no-repeat; padding: 0px 30px; }
#affbox #dynamictextmicro .microjoinus {width: 249px; height: 68px; margin-bottom: 10px; margin-right: 20px; background: url('../images/join_btn.jpg') no-repeat; cursor: pointer; float:right }
/* Site footer */
#footer {padding-top: 5px; margin-bottom: 20px; background-color: #eeeeee; text-align: center; width: 1000px; font-size: 11px; font-family: Verdana; clear: both}
#main_error_div { position: absolute; z-index:10; left:35%; top:25%; }
#main_error_div .top{ border-left: 1px solid #ffac03; width: 400px; background: url('../images/msg_box/msgbox_right.gif') right top repeat-y; }
#main_error_div .bottom{ vertical-align:top; height:4px; width: 400px; background: url('../images/msg_box/msgbox_bottom.gif') left top repeat-x;}
#main_error_div #content_div { background-color:#FFFFFF; border-top:1px solid #FFAC03; width:396px;}
#main_error_div #content_div .header { height:22px; background-color: #ffac03; padding-left: 10px; padding-top:5px; color:#fff; font-size:13px}
#main_error_div #content_div .header button { cursor: pointer; position:absolute; right: 7px; top:5px; border: 0px; background-color: transparent; width:18px }
#main_error_div #content_div .content { padding:5px 5px 40px 60px; background: url('../images/msg_box/msgbox_sign.gif') 14px 11px no-repeat; background-color:#fff}
#main_error_div #content_div .content p { font-size:13px; line-height:2; color: #884201; background-color:#fff; padding-bottom:30px; }
#main_error_div #content_div .content button { cursor: pointer; align:center; background:transparent url(../images/loginButton-Reg.gif) no-repeat scroll 0% 0%; border:medium none; font-weight:bold; height:20px; text-align:center; width:87px; }
#main_error_div #content_div .content span { bottom: 20px; left: 160px; position: absolute; background-color:#fff }