/*
CSS Document for Doyles Affiliates SIte
Created: 08/20/09 - 9:00
*/
@import url('../css/content.css');
@import url('../css/forms_tables.css');
@charset "UTF-8";
/*Importing the content stylesheet into the main styles*/

em{}
p{margin:0 0 10px 0;padding:0}

body{margin:0;padding:0;background:black url(../images/layout/mainContainerBgd.png) no-repeat center 0;font:normal normal normal 12px/150% Arial, Helvetica, sans-serif;color:#555}

/*FIXES IE7 BUG - EXTRA MARGIN AT THE BOTTOM OF THE DIVHEADER*/
form#aspnetForm{margin:0}

/*DIVmainContainer - Contains all site and gives horizontal center alignment to the site*/
#DIVmainContainer{width:966px;margin:0 auto;}


/* =DIVheader
-----------------------------------------------------------------------------------*/
#DIVheader{width:966px;height:123px;background:transparent url(../images/layout/headerBgd.png) no-repeat 0 0;}
 #IMGlogo{margin:35px 0 0 20px;border:0 none;float:left}
  
 #DIVheaderLogin{width:243px/*243*/;height:86px/*101*/;float:left;margin:0 0 0 312px;padding:15px 0 0 0;background:transparent url(../images/layout/loginBgd.png) no-repeat 0 0} 
  #DIVheaderLogin .affiliatesLoginTitle{color:#FFF;margin:0 0 0 15px;padding:0 0 0 2px;font-size:0.9em;text-align:left}
  #DIVheaderLogin form{margin:0;padding:0}
  #DIVheaderLogin table{margin:0 0 0 11px}
  /*#DIVheaderLogin p{margin:0;padding:0;text-align:right}*/
  #DIVheaderLogin input{background-color:white;border:1px solid #262626;width:150px;font-size:0.9em;color:black} 
  #DIVheaderLogin input[type="image"]{width:59px;height:41px;background-color:transparent;border:0 none}
  /*#DIVheaderLogin a.forgotLogin{color:#F68A2E;font-size:0.7em;text-decoration:none;cursor:pointer}*/

/* =DIVcontentNav - All the sites content
-----------------------------------------------------------------------------------*/
#DIVcontentWrapper{}


/* =DIVcontentTop 
-----------------------------------------------------------------------------------*/
 /*DIVcontentTop for BODY2colLayout - This styles work just for the 2 column layout*/ 
 #BODY2colLayout #DIVcontentTop{width:736px/*966*/;height:27px/*57*/;padding:30px 0 0 230px;background:transparent url(../images/layout/contentTop2ColBgd.png) no-repeat 0 0;}

 /*DIVcontentTop for BODY3colLayout - This styles work just for the 3 column layout*/ 
 #BODY3colLayout #DIVcontentTop{width:736px/*966*/;height:27px/*57*/;padding:30px 0 0 230px;background:transparent url(../images/layout/contentTop3ColBgd.png) no-repeat 0 0;}
 
 /*DIVcontentTop Generic Style for H1 on both 2 and 3 column Layouts, ATTENTION, H1 texts must not exceed 3colLayout's max width*/
 #BODY3colLayout #DIVcontentTop h1, #BODY2colLayout #DIVcontentTop h1{height:22px;margin:0;padding:0 0 0 25px;background:transparent url(../images/layout/h1MainBullet.png) no-repeat left 0;font:normal normal normal 1.8em/1em Arial, Helvetica, sans-serif;text-transform:uppercase; color:#666;}
 
 
/* =DIVcontentColsWrapper - 2 or 3 Columns Layout Container
-----------------------------------------------------------------------------------*/ 
 #DIVcontentColsWrapper{}
 
 
/* =DIVcontentNav
-----------------------------------------------------------------------------------*/
  /*DIVcontentNav  - Left Column DIV - Main Navigation - Doesn't need descendant selector, because never changes, its not affected on layout changes*/
  #DIVcontentNav{width:195px;float:left}
   #DIVcontentNavBody{width:195px;background:transparent url(../images/layout/contentNavBodyBgd.png) repeat-y 0 0}
   #SPANcontentNavBottom{display:block;width:195px;height:14px;background:transparent url(../images/layout/contentNavBottomBgd.png) no-repeat 0 0}
   
   #DIVcontentNavBodyMore{width:176px/*195*/;padding:10px 12px 15px 7px}
   #DIVcontentNavBodyMore p{font:normal normal normal 0.9em/120% Arial, Helvetica, sans-serif}
   
   /*Navigation Rules*//*Vertical Accordions*/
   #DIVcontentNav h3.navColumnTitleTop{margin:0;padding:10px 0 0 20px;width:175px/*195*/;height:25px/*35*/;background:transparent url(../images/layout/contentNavTopBgdNew.png) no-repeat 0 0;font-weight:normal;font-size:1.2em;color:#FFF;text-decoration:none}/*Styles for Nav top H3*/
   #DIVcontentNav h3.navColumnTitleTop a{color:#FFF;text-decoration:none;font-weight:bold}/*Styles for Nav top H3*/
   
   #DIVcontentNav .accordion_toggle{cursor:pointer;display: block;margin:0;padding:10px 0 0 20px;width:175px/*195*/;height:26px/*36*/;background:transparent url(../images/layout/navColumnTitleBgd.png) no-repeat 0 0;font:normal normal normal 1.2em/100% Arial, Helvetica, sans-serif;color:#FFF}
   #DIVcontentNav .accordion_notoggle{cursor:pointer;display: block;margin:0;padding:10px 0 0 20px;width:175px/*195*/;height:26px/*36*/;background:transparent url(../images/layout/navColumnTitleBgdNoToggle.png) no-repeat 0 0;font:normal normal normal 1.2em/100% Arial, Helvetica, sans-serif;}
   #DIVcontentNav .accordion_notoggle_top{cursor:pointer;display: block;margin:0;padding:12px 0 0 20px;width:175px/*195*/;height:24px/*36*/;background:transparent url(../images/layout/navColumnTitleBgdNoToggleNew.png) no-repeat 0 0;font:normal normal normal 1.2em/100% Arial, Helvetica, sans-serif;}
			 #DIVcontentNav .accordion_notoggle a,#DIVcontentNav .accordion_notoggle_top a{color:#FFF;text-decoration:none}
			
			
			
			
			
 
   /*Styles for Navigation Titles or Toggle*/
   
   #DIVcontentNavBody .accordion_content{overflow: hidden;}
   #DIVcontentNavBody .accordion_content ul{margin:0;padding:0;list-style-type:none;}
   #DIVcontentNavBody .accordion_content ul li{height:30px;width:184px;margin-left:3px;background-image:none;padding:0}
   #DIVcontentNavBody .accordion_content ul li a{height:20px/*30*/;width:160px/*184*/;padding:10px 0 0 24px;font:normal normal normal 1em/100% Arial, Helvetica, sans-serif;color:#006699;text-decoration:none;display:block;background:transparent url(../images/layout/mainNavItemBullet.png) no-repeat 0 bottom;cursor:pointer}   #DIVcontentNavBody .accordion_content ul li a:hover{background:transparent url(../images/layout/mainNavItemBullet.png) no-repeat 0 top;cursor:pointer}
   
   .accordion_toggle_active{cursor:pointer}
   .vertical_accordion_toggle {display: block;height: 30px;width: 600px;background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;padding: 0 10px 0 10px;line-height: 30px;color: #ffffff;font-weight: normal;text-decoration: none;outline: none;font-size: 12px;color: #000000;border-bottom: 1px solid #cde99f;cursor: pointer;margin:0;}
   .vertical_accordion_toggle_active {cursor:pointer}
   .vertical_accordion_content {overflow: hidden;}
   

/* =DIVcontentMain
-----------------------------------------------------------------------------------*/
  /*DIVcontentMain for BODY2colLayout - This styles work just for the 2 column layout*/
  #BODY2colLayout #DIVcontentMain{width:771px;float:left}
   #BODY2colLayout #DIVcontentMainBody{width:711px/*771*/;background:transparent url(../images/layout/contentMainBody2ColBgd.png) repeat-y 0 0;padding:10px 30px 7px 30px}
   #BODY2colLayout #SPANcontentMainBodyBottom{display:block;width:771px;height:15px;background:transparent url(../images/layout/contentMainBodyBottom2ColBgd.png) no-repeat 0 0}
   
  /*DIVcontentMain for BODY3colLayout - This styles work just for the 2 column layout*/
  #BODY3colLayout #DIVcontentMain{width:576px;float:left}
   #BODY3colLayout #DIVcontentMainBody{width:516px/*576*/;background:transparent url(../images/layout/contentMainBody3ColBgd.png) repeat-y 0 0;padding:10px 30px 0 30px}
   #BODY3colLayout #SPANcontentMainBodyBottom{display:block;width:576px;height:18px;background:transparent url(../images/layout/contentMainBodyBottom3ColBgd.png) no-repeat 0 0}
  
  
/* =DIVcontentSide - 3rd Column container Container
-----------------------------------------------------------------------------------*/ 
  /*DIVcontentSide  - Right Column DIV - Just present on 3 Column Layout*/
  #BODY2colLayout #DIVcontentSide{display:none}/*This rule hides the third column(DIVcontentSide) when the Body Id is BODY2ColLayout*/
  #BODY3colLayout #DIVcontentSide{width:195px;float:left}
   #BODY3colLayout #DIVcontentSide h1.sideColumnTop{margin:0;padding:10px 0 0 20px;width:175px/*195*/;height:25px/*35*/;background:transparent url(../images/layout/contentSideTopBgd.png) no-repeat 0 0;font:normal normal normal 1.2em/100% Arial, Helvetica, sans-serif;color:#FFF}
   #BODY3colLayout #DIVcontentSideBody{width:195px;background:transparent url(../images/layout/contentSideBodyBgd.png) repeat-y 0 0}
   #BODY3colLayout #SPANcontentSideBottom{display:block;width:195px;height:14px;background:transparent url(../images/layout/contentSideBottomBgd.png) no-repeat 0 0}
   #DIVcontentSideMore{padding:0}
   .contentSideMorePadded{padding:10px 15px 10px 20px;}
   .contentSideMorePadded p{font:normal normal normal 0.9em/120% Arial, Helvetica, sans-serif}
   

/* =DIVfooter
-----------------------------------------------------------------------------------*/
#DIVfooterContainer{margin:10px 0}
 #SPANfooterTop{display:block;width:966px;height:13px;background:transparent url(../images/layout/footerTopBgd.png) no-repeat 0 0}
 
 #DIVfooterContent{width:966px/*966*/;padding:10px 0 40px 0;background:transparent url(../images/layout/footerBodyBgd.png) repeat-y 0 0;position:relative}
  .footerPaddedContent{width:906px/*966*/;padding:0 30px;}
  
 #DIVfooterContent ul.footerNav{padding:0;list-style-type:none;margin:0 0 0 53px;}
 #DIVfooterContent ul.footerNav li{float:left;background-image:none;margin:0}
 #DIVfooterContent ul.footerNav li a{background:transparent url(../images/layout/footerNavBullet.gif) no-repeat 0 2px;padding-left:20px;color:#006699;margin:0}
 #DIVfooterContent ul.footerNav li a.firstItem{background-image:none;padding-left:0}
 #SPANfooterBottom{display:block;width:966px;height:13px;background:transparent url(../images/layout/footerBottomBgd.png) no-repeat 0 0}
 
#DIVfooter2Col{width:906px/*966*/;padding:12px 30px 0 30px;background:transparent url(../images/layout/footer2colBgd.png) no-repeat 0 0;margin-top:40px}
#DIVfooter2Col .footer2ColLeft{float:left;width:440px;margin-right:26px}
#DIVfooter2Col .footer2ColRight{float:left;width:440px}
#DIVfooter2Col .footer2ColLeft h2, #DIVfooter2Col .footer2ColRight h2{margin-top:30px}
 
 #DIVfooterSocialNetworks{width:533px/*533*/;height:34px/*44*/;margin:20px auto 0 auto;padding-top:10px;background:transparent url(../images/layout/socialNetworksBgd.png) no-repeat 0 0;}
 #DIVfooterSocialNetworks p, #DIVfooterLogos p{text-align:center}
 #DIVfooterSocialNetworks a img, #DIVfooterLogos a img{border:none; margin-right:10px}
 #DIVfooterLogos{position:absolute;top:360px;right:150px}
 #DIVfooterLogos span#capSeal{position:absolute;top:-10px;right:-130px}


/*************************STYLES FOR HOME PAGE SPECIAL LAYOUT***********************
-----------------------------------------------------------------------------------*
-----------------------------------------------------------------------------------*/

/* =DIVcontentTop 
-----------------------------------------------------------------------------------*/
#BODY3colHome #DIVcontentTop{width:771px/*966*/;height:57px/*57*/;padding:0 0 0 195px;background:transparent url(../images/layout/contentTop3ColFlashBgd.png) no-repeat 0 0; position:relative}

#BODY3colHome #DIVcontentTop #DIVhomeFlashContainer{position:absolute;height:241px;width:576px;background:transparent url(../images/layout/contentBottom3ColFlashBgd.png) no-repeat 0 bottom}
   

/* =DIVcontentHome
-----------------------------------------------------------------------------------*/
#BODY3colHome #DIVcontentMain{width:576px;float:left}
#BODY3colHome #DIVcontentMainBody{width:576px/*576*/}
#BODY3colHome #SPANcontentMainBodyBottom{display:block;width:576px;height:18px;/*background:transparent url(../images/layout/contentMainBodyBottom3ColBgd.png) no-repeat 0 0*/}

/*EL TAL REGISTER SE FUE PA LA PINGA...
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer{margin-top:178px;width:540px-576-;height:206px-246-;background:transparent url(../images/layout/homeRegisterBgd.png) no-repeat 0 0;padding:40px 0 0 36px}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer p{margin:0;padding:0}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer div.registerStep1{float:left;width:125px;margin:0 52px 0 0}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer div.registerStep2{float:left;width:158px;margin:0 51px 0 0}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer div.registerStep3{float:left;width:125px;margin:0}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer p{text-align:left;font:normal normal normal 0.9em/125% Arial, Helvetica, sans-serif;color:#999;margin-bottom:5px;}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer p.registrationTitle{margin:0 0 20px 27px;font:bold normal normal 1em/125% Arial, Helvetica, sans-serif;color:#333}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer input{width:116px}
#BODY3colHome #DIVcontentMainBody #DIVhomeRegisterContainer .homeRegisterButt{margin-left:178px;padding-top:25px}*/
#BODY3colHome #DIVcontentMainBody #DIVhomeHomeHome{position:absolute;top:370px}
#BODY3colHome #DIVcontentMainBody .homeContentContainer{height:527px;width:516px/*576*/;background:transparent url(../images/layout/contentMainBody3ColBgd.png) repeat-y 0 0;padding:0 30px}
#BODY3colHome #DIVcontentMainBody #DIVhomeHomeHome .homeContentContainer img{float:left}
#BODY3colHome #DIVcontentMainBody #DIVhomeHomeHome .homeContentContainer img.signature{float:none;margin-left:141px}
/*FIX FOR IE7*/*:first-child+html #BODY3colHome #DIVcontentMainBody .homeContentContainer{height:550px}

#BODY3colHome #DIVcontentMainBody .homeContentContainer p{margin:0 0 10px 0;padding:0}
#BODY3colHome #DIVcontentMainBody .homeContentContainerTop{display:block;width:576px;height:18px;background:transparent url(../images/layout/contentMainBodyTop3ColBgd.png) no-repeat 0 0;margin-top:0px}
#BODY3colHome #DIVcontentMainBody .homeContentContainerBottom{display:block;width:576px;height:18px;background:transparent url(../images/layout/contentMainBodyBottom3ColBgd.png) no-repeat 0 0}


/*SUPPORT PAGE*/
#chatIconImg{margin:35px 0 0 185px;cursor:pointer}
  
/* =DIVcontentSide - 3rd Column container Container
-----------------------------------------------------------------------------------*/ 
#BODY3colHome #DIVcontentSide{width:195px;float:left}
#BODY3colHome #DIVcontentSide h1.sideColumnTop{margin:0;padding:8px 0 0 20px;width:175px/*195*/;height:27px/*35*/;background:transparent url(../images/layout/contentSideTopBgd.png) no-repeat 0 0;font-weight:normal;font-size:1.2em;color:#FFF}
#BODY3colHome #DIVcontentSideBody{width:195px;background:transparent url(../images/layout/contentSideBodyBgd.png) repeat-y 0 0}
#BODY3colHome #SPANcontentSideBottom{display:block;width:195px;height:14px;background:transparent url(../images/layout/contentSideBottomBgd.png) no-repeat 0 0}

.loginButton{margin:7px 0 7px 3px}



/*GLOSSARY PAGE - NAV*/
#PglossaryNav{margin:0;padding:0;font-weight:bold;} 
#PglossaryNav a{color:#999;text-decoration:none} 
#PglossaryNav a:hover{color:#333;text-decoration:underline} 
h2 a.glossaryTop{margin-left:600px;text-decoration:none;color:#FF6600;font-size:0.7em}
h2 a.glossaryTop:hover{color:#999}


 
/**************************STYLES FOR LOGIN PAGE SPECIAL LAYOUT*********************
-----------------------------------------------------------------------------------*
-----------------------------------------------------------------------------------*/
#BODYlogin #DIVcontentTop{width:736px/*966*/;height:27px/*57*/;padding:30px 0 0 230px;background:transparent url(../images/layout/contentTopLoginBgd.png) no-repeat 0 0;} 
#BODYlogin #DIVcontentLoginPage{width:195px;margin:0 auto;position:relative;margin-top:120px;}
#BODYlogin #DIVcontentLoginPage .loginNewUser{height:88px;margin:0 0 5px 200px}
#BODYlogin #DIVcontentLoginPage h1.sideColumnTop{margin:0;padding:10px 0 0 35px;width:160px/*195*/;height:25px/*35*/;background:transparent url(../images/layout/contentSideTopBgd.png) no-repeat 0 0;font:normal normal normal 1.2em/100% Arial, Helvetica, sans-serif;color:#FFF}
#BODYlogin #DIVcontentLoginPage #DIVcontentSideBody{width:195px;background:transparent url(../images/layout/contentSideBodyBgd.png) repeat-y 0 0}
#BODYlogin #DIVcontentLoginPage #SPANcontentSideBottom{display:block;width:195px;height:24px;background:transparent url(../images/layout/contentSideBottomBgdLogin.png) no-repeat 0 0}
#BODYlogin #DIVcontentLoginPage #FRMlogin{border-bottom:1px dotted #BBB;margin:7px 0 14px 0;padding:0 0 10px 0}

/* =General Clases
-----------------------------------------------------------------------------------*/
.clearer{clear:both}