/* CSS Document */
/* ValoreBooks.com StyleSheets */

/* - - - For Use With All Valore Agent Pages - - - */

#valoreAgentContent { 
}

#valoreAgentContent .valoreAgentLayoutTable {
	border-style: none; 
	background-color: #FFFFFF; 
	width: 800px; 
	margin: 0 auto;	
}


.valoreAgentsTopImage {  
      padding-top: 20px;
      padding-bottom: 10px;
      margin: 0 auto;
      text-align: center;
}
  
.valoreAgentsBlueBar {   
      background-image: url('../images/backgroundLFBlue.jpg');
      color: #FFFFFF;
      font-size: 8pt;
      width: 600px;
      height: 20px;
      margin: 0 auto;
      border-style: none;
      font-family: verdana, arial;
      font-weight: bold;
      text-align: left;      
  }
  
.valoreAgentGrayBar {
	  width: 100%;
	  background-image: url('../images/backgroundLFGray.jpg');
	  font-size: 10pt;
	  font-family: verdana;
	  font-weight: bold;
	  color: #000000;
	  text-align: center;
	  margin: 0;	  
}









/* - - - New Agent Overview Page (Overview.jsp) - - - */

#overviewValoreAgentContent { 
	padding: 0px 35px 0px 35px;
	font-family: verdana, arial;
}



#overviewValoreAgentContent h1#valore_agent_logo {
          width: 400px;
	height:0;
          margin: 0 auto;
	padding: 70px 0 0;
	overflow:hidden;
	background:url('../images/newValoreAgents.jpg') 0 0 no-repeat;
}





/* - - - New Agent Registration Page (ValoreAgentsRegistration.jsp) - - - */

#valoreAgentRegistrationContent { 
	width: 600px;
	text-align: left;
	margin: 0 auto;
}
 #valoreAgentRegistrationContent .subheadingWhite { color: #FFFFFF; font-size: 8pt; font-weight: bold; font-family: verdana, arial;}
 #valoreAgentRegistrationContent .bodyBold     { color: #000000; font-size: 9pt; font-weight: bold; font-family: verdana, arial;}
 #valoreAgentRegistrationContent .bodybluesub  { color: #0066FF; font-size: 8pt; font-weight: bold; font-family: verdana, arial;}
 #valoreAgentRegistrationContent .bodysub      { color: #000000; font-size: 8pt; font-family: verdana, arial;}
 #valoreAgentRegistrationContent .bodyForm     { color: #000000; font-size: 9pt; font-family: verdana, arial;}
    
 #valoreAgentRegistrationContent a.condition:link,  #valoreAgentRegistrationContent a.condition:visited  { font-size: 8pt; text-decoration: none;}
 #valoreAgentRegistrationContent a.condition:hover, #valoreAgentRegistrationContent a.condition:active {  font-size: 8pt; text-decoration: underline;}

 #valoreAgentRegistrationContent a.heading:link,    #valoreAgentRegistrationContent a.heading:visited      { color: #FFFFFF; font-size: 8pt; text-decoration: none;}
 #valoreAgentRegistrationContent a.heading:hover,   #valoreAgentRegistrationContent a.heading:active     { color: #FFFFFF; font-size: 8pt; text-decoration: underline;}
 #valoreAgentRegistrationContent .error { color: #CC0000; font-weight: bold; font-size: 9pt; font-family: verdana, arial; padding-left: 20px;}


 
 
 
/*The layout is a table that has two cells; a left cell & a right cell. 
  .valoreAgentsBody are styles for the right cell
  .valoreAgentsLeftBar are styles for the left cell
*/
/* - - - Valore Agents Body Styles (ValoreAgentLayout.jsp) - - - */
.valoreAgentsBody {
	width: 650px;
	margin: 0 auto;
	padding 0px;
	text-align: left;	
}


/* - - - Valore Agents Logged in Left Bar (/Framework/Leftbar.jsp) - - - */
  
.valoreAgentsLeftBar {
	width: 150px;
	overflow: hidden;
	padding-top: 22px;
	padding-left: 7px;
	margin-left: 20px;
	text-align: left;
	font-family: verdana, arial;
}



/* - - - Valore Agents Account Menu Box (MyAgentAccountMenu.jsp) - - - */
        /* This page gets included with the Left Nav Bar */
#valoreAgentAccountMenuBar {
   font-family: verdana, arial;
   text-align: center;
   margin-bottom: 8px;
   width: 142px;
}
.sellerAccountMenuHeader  {color: #FFFFFF; font-size: 8pt; font-weight: bold;  }
.sellerAccountMenuSubHeader {color: #000000; font-size: 8pt; font-weight: bold;  }
a.sellerAccountMenuLink:link, a.sellerAccountMenuLink:visited{color: #3366CC; font-size: 9pt;  text-decoration: none;}
a.sellerAccountMenuLink:hover, a.sellerAccountMenuLink:active{color: #3366CC; font-size: 9pt;  text-decoration: underline;}
a.sellerAccountMenuHeaderLink:link, a.sellerAccountMenuHeaderLink:visited{color: #FFFFFF; font-size: 8pt; font-weight: bold;  text-decoration: none;}
a.sellerAccountMenuHeaderLink:hover, a.sellerAccountMenuHeaderLink:active{color: #99CCFF; font-size: 8pt; font-weight: bold;  text-decoration: none;}
 
 
 
/* - - - Valore Agents Account Manager Box (ValoreAgentAccountManager.jsp) - - - */
        /* This page gets included with the Left Nav Bar */
#valoreAgentAccountManagerBar {
	font-family: verdana, arial;
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-color: #5EA5FD;
	background-color: #EEEEEE;
	text-align: center;
	width: 140px;
	padding-bottom: 8px;
}
/* These are for the contact us link which has been commented out on the ValoreAgentAccountManager.jsp page */
#valoreAgentAccountManager a:link, a:visited {
	text-decoration: none;
}
#valoreAgentAccountManager a:hover, a.active {
	text-decoration: underline;
}
p.navText {
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 110%;
	font-family: verdana, arial;
	font-size: 8pt;
}
  



/* - - - Valore Agent Logged in Summary Page (Summary.jsp) - - - */
#valoreAgentSignedInMainPageContent { padding: 0px 35px 0px 35px; }

#valoreAgentSignedInUpcomingCompetitionContent { }




/* - - - Valore Agent Account Header Page (/SignedIn/Framework/AccountHeader.jsp) - - - */
/* This page gets included on the Account Summary page */
	
  #valoreAgentHeaderContent {
  	text-align: left;
  	width: 630px;
  	color: #000000;
  	font-family: verdana, arial;
  }	
  
  p.agentWelcome { 
  	margin-bottom: 0em;
  	text-align: left;
  	font-size: 9pt;  	
  	font-weight: bold;
  }  
  
 #greenHeaderBox {
    margin: 0px;
    padding: 10px;
    background-color: #E5FFE5;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
  }
   	p.topAgentMessage {
  		font-size: 9pt;
  		font-weight: bold;
  	}  		
    table.agentHeaderTable {
        font-size: 9pt;
        width: 470px;
        text-align: left;
        margin: 0 auto;
        padding-left: 0px;
        z-index: 1;    
        background-color: transparent;
    }  
 
  .agentHeaderBodyBold { color: #000000; font-size: 9pt; font-weight: bold; font-family: verdana, arial;}
  a.agentHeaderBodyLink:link,  a.agentHeaderBodyLink:visited {  font-size: 8pt; text-decoration: none; }
  a.agentHeaderBodyLink:hover, a.agentHeaderBodyLink:active  {  font-size: 8pt; text-decoration: underline; }
  a.agentHeaderBodyLinkBold:link,  a.agentHeaderBodyLinkBold:visited{  font-size: 8pt; font-weight: bold; text-decoration: none; }
  a.agentHeaderBodyLinkBold:hover, a.agentHeaderBodyLinkBold:active {  font-size: 8pt; font-weight: bold; text-decoration: underline; }




/* - - - Earnings Summary (EarningsSummary.jsp) - - - */
/* This page gets included on the Account Summary page */

  #valoreAgentEarningsContent {
  	width: 300px;
  	border-style: solid;
  	border-width: 1px;
  	border-color: #CCCCCC;
  	font-family: verdana, arial;
  }
  table.agentEarningsTable {
  	background-color: #EEEEEE;
  	border-style: none;
  	font-size: 9pt;
  	text-align: left;
  	width: 100%;
  }
  a.earningsSummaryLink:link,  a.earningsSummaryLink:visited {  font-size: 9pt; text-decoration: none; }
  a.earningsSummaryLink:hover, a.earningsSummaryLink:active  {  font-size: 9pt; text-decoration: underline; }
 



/* - - - Earnings History Summary (EarningsHistory.jsp) - - - */
/* This page gets included on the Account Summary page */

#valoreAgentsEarningHistoryContent {
 	width: 300px;
  	border-style: solid;
  	border-width: 1px;
  	border-color: #CCCCCC;
  	background-color: #EEEEEE;
}
table.agentEarningsHistoryTable {
	font-size: 9pt;	
}
	.paymentDetails {
		font-size: 7.5pt;
		line-height: 100%;
	}


/* - - - Promotion Suggestions for Valore Agents (PromotionSuggestions.jsp) - - - */
/* This page gets included on the Account Summary page */

#promotionSuggestionsContent {
	width: 322px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	text-align: left;	
	font-family: verdana, arial;
	font-size: 8pt;
	color: #000000;
}
table.valoreAgentsPromoteIdeasTable {
	text-align: left;
}
a.suggestionsLink:link,  a.suggestionsLink:visited {  font-size: 8pt; text-decoration: none; }
a.suggestionsLink:hover, a.suggestionsLink:active  {  font-size: 8pt; text-decoration: underline; }




 
/* - - - Account Information (AccountInformation.jsp) - - - */
/* This page gets included on the Account Summary page */

#valoreAgentAccountInfoContent {
   width: 322px;
   border-style: solid;
   border-width: 1px;
   border-color: #CCCCCC;
   text-align: left;	
   font-family: verdana, arial;
   color: #000000;
   background-color: #EEEEEE;
}
 
table.agentPersonalInfoTable {
   font-size: 8pt;
   margin-bottom: 0px;
   text-align: left;
   width: 322px;
   text-align: left;
}

#valoreAgentAccountInfoContent .miniText{
   font-size: 7pt;
   text-align: center;
   margin-top: 1px;
}

.cellPadLeft25 {
   padding-left: 25px;
   width: 80px;
} 
 
 a.bodyLink0:link {  font-size: 9pt; text-decoration: none;}
 a.bodyLink0:visited {  font-size: 9pt; text-decoration: none;}
 a.bodyLink0:hover {  font-size: 9pt; text-decoration: underline;}
 a.bodyLink0:active {  font-size: 9pt; text-decoration: underline;}

 
 
 

 
/* - - - Promotional Materials (PromotionalMaterials.jsp) - - - */

#promoMaterialsContent {
	width: 620px;
	margin: 0 auto;
}
#promoMaterialsContent .promoTable {
	text-align: left;
	border-style: none;
	line-height: 90%;
}
#promoMaterialsContent .mySpaceTextBold{ color: #000000; font-weight: bold; font-size: 8pt; font-family: verdana, arial;}
#promoMaterialsContent .mySpaceText    { color: #000000; font-size: 8pt; font-family: verdana, arial;}
#promoMaterialsContent .promoItemText  { color: #000000; font-size: 9pt; font-family: verdana, arial;}
#promoMaterialsContent .titleText      { color: #0066FF; font-weight: bold; font-size: 9pt; font-family: verdana, arial;}
#promoMaterialsContent a.title:link, #promoMaterialsContent a.title:visited {  font-weight: bold; font-size: 9pt; text-decoration: none;}
#promoMaterialsContent a.title:hover, #promoMaterialsContent a.title:active {  font-weight: bold; font-size: 9pt; text-decoration: underline;}





/* - - - Edit Your Personal Information Page (EditInformation.jsp) - - - */
/* This page can be found by clicking on the submit button on the Account Summary page */
#valoreAgentSignedInEditInformationContent {}
#valoreAgentSignedInEditInformationThankyouContent {}

/* - - - Edit Password Content (EditPassword.jsp + EditPasswordThankYou.jsp) - - - */
#valoreAgentSignedInEditPasswordContent { }
#valoreAgentSignedInEditPasswordThankyouContent { }

.passwordHeading   { font-size: 9pt; font-weight: bold; }
.passwordSubheading{ font-size: 9pt; }
.passwordSuccess   { color: #0066FF; font-size: 12pt; font-weight: bold; }
.passwordLabel     { font-size: 8pt; }
.passwordLabelRed  { color: #CC0000; font-size: 8pt; }





/* - - - Agent Details (SignedIn/Framework/AgentDetails.jsp) - - - */
  #valoreAgentSignedInDetailsContent { padding: 0px 35px 0px 35px; }

  .agentDetailsSubheader      { text-align: left; color: #FFFFFF; font-size: 8pt; font-weight: bold; }
  .agentDetailsBodyBlueBold   { text-align: left; color: #0066FF; font-weight: bold; font-size: 9pt; }
  .agentDetailsBodyBlueBoldCAlign { text-align: center; color: #0066FF; font-weight: bold; font-size: 9pt; }
  .agentDetailsBodyBlueSmall  { text-align: left; color: #0066FF; font-weight: bold; font-size: 8pt; }
  .agentDetailsBodyBold       { text-align: left; color: #000000; font-weight: bold; font-size: 9pt; }
  .agentDetailsBody           { text-align: left; color: #000000; font-size: 9pt; }
  .agentDetailsBodyRAlign	  { text-align: right; color: #000000; font-size: 9pt; }
  .agentDetailsBodyCheck      { text-align: left; color: #000000; font-size: 9pt; }
  .agentDetailsBodySmallBold  { text-align: left; color: #000000; font-size: 8pt; font-weight: bold; }
  .agentDetailsBodyLargeBold  { text-align: left; color: #000000; font-size: 11pt; font-weight: bold; }
  .agentDetailsBodySmall      { text-align: center; color: #000000; font-size: 8pt; }
  a.agentDetailsLink:link, a.agentDetailsLink:visited { font-size: 8pt;  text-decoration: none;}
  a.agentDetailsLink:hover, a.agentDetailsLink:active { font-size: 8pt;  text-decoration: underline;}
  #overviewtable td.menu      { padding: 15px; border: 1px solid #CCCCCC; border-top: #DDDDDD 1px solid; border-left: #DDDDDD 1px solid; background: #DDDDDD; width: 150px; height: 40px; cursor: pointer; }
  #overviewtable td.active    { border-right: #EEEEEE 1px solid; border-left: #EEEEEE 1px solid; border-right: #EEEEEE 1px solid; border-top: #EEEEEE 1px solid; background: #EEEEEE; width: 150px; height: 40px; }
  #overviewtable td.active a  { color: #000000; font-size: 8pt; text-decoration: none; }

  
  
/* - - - Agent Standings - - - */
#valoreAgentStandings { 
  width: 626px; 
  margin: 0 auto;
  padding: 0px;
  font-family: verdana, arial;
  font-size: 9pt;
}
#valoreAgentStandings .subheading1  { color: #FFFFFF; font-size: 8pt; font-weight: bold; }
#valoreAgentStandings  a.bodyLink0:link, #valoreAgentStandings  a.bodyLink0:visited {  text-decoration: none;}
#valoreAgentStandings  a.bodyLink0:hover, #valoreAgentStandings  a.bodyLink0:active {  text-decoration: underline;}