/* This CSS file controls all font styling. For layout control see layout.css */

@media print {
  body div 
    {
      text-align    : left ! important;
    }
  body
    {
    	margin        : 0px;
    	padding       : 0px;
    	background-color: #FFFFFF ! important;
    }
  #midSection
    {
    	width: 650px ! important;
    	float: none;
    	text-align: left;
    	background-image: none ! important;
    	background-repeat: no-repeat ! important;
    }
  #contentArea
    { display: block;
      float: none;
      text-align: left ! important;
    	width: 630px ! important;
    }
  #topSection, #topSectionAbout, #topSectionRes, #topSectionJoinDiovan, #topNav, #leftNav, #footerNav, #bottomSection, .links, .nonprint
    { display: none ! important;
    }
  .logprint
    { display: block! important;
    }
  .contentfooter, .contentfooter #bottomSection
    { display: block! important;
      float:none;
    	background-image: none ! important;
    	background-repeat: no-repeat ! important;
    }
  .contentfooter #bottomSection #broughtby
    { display: none;
    } 
  .contentfooter #bottomSection, .contentfooter #bottomSection #copyright
    {
    	background-image: none ! important;
    	background-repeat: no-repeat ! important;
    	background-color: #FFFFFF;
    	margin: 0px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
    	width: auto;
    }
  table, tr, td 
    { /*page-break-inside: avoid;
      orphans: 3;*/
    }
  #userinfo
    { float:none ! important;
      display:block;
      text-align:left ! important;
    }
  .Callout
    { padding-bottom: 1px ! important;
    }
  .GlossaryPadding
    { padding-left: 0px ! important;
    }
  }

/* **************************
 * Site-wide generic settings 
 * ************************** */
*{
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 12px;
	color          : #333333;
	padding-top    : 0px;
	padding-bottom : 0px;
	margin-top     : 0px;
	margin-bottom  : 0px;
}

h1, h2{
	text-transform : capitalize;
	margin         : 0px 0px 0px 0px;
	padding        : 0px 0px 0px 0px;
}

p{
	line-height    : 18px;
	color          : #333333;
}

a{
	color          : #008197;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

span.hidden{
	display        : none;
}

.spacer17{
  height         : 17px ! important;
  font-size      : 1px  ! important;
}

.spacer7{
  height         : 7px ! important;
  font-size      : 1px ! important;
}

.spacer10{
  height         : 10px ! important;
  font-size      : 1px  ! important;
}

.pixel1{
  width          : 1px;
  font-size      : 1px;
  background-color: #FF9933;
}

.padding5
{ padding        : 5px 5px 5px 5px;
}

.plainlist{
  margin-top     : 0px;
  margin-bottom  : 0px;
}

.whitefont{
  color          : #FFFFFF;
}

.border{
  width          : 1px;
  font-size      : 1px;
  background-color: black;
}

.SupPR{ /* Superscript class -> for "PR"*/
  color           : #666666 ! important; /*gray;*/
  /*font-family     : verdana;*/ /*arial;*/
  font-size       : 7pt;/*10px;*//*11px;*/
  text-transform  : uppercase;
}

.SupPurple{ /* Superscript class -> for "purple PR"*/
  color           : #6F4E99 ! important; 
  font-size       : 7pt;/*10px;*//*11px;*/
  text-transform  : uppercase;
}

#e1 .SupPR, #main .SupPR{ 
  font-size       : 11px ! important; /*10px;*//*11px;*/
}
.paddingS1{
	padding         : 6px 8px 6px 8px;
}

/*ADDED by Suraj*/
.paddingS1 a.link {
  color           : #669900 ! important; /*gray;*/
}
.paddingS1 a.link:hover {
  text-decoration: none;
}

.paddingS1 a.phylink {
  color           : #CC6600 ! important; /*gray;*/
}
.paddingS1 a.phylink:hover {
  text-decoration: none;
}
.paddingS1 .phylink1 {
  color           : #CC6600 ! important; /*gray;*/
}

.arrowBlue {
  display: block;
  padding-left: 13px;
	background-image: url(../../images/global/S2_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;/*left top;*/
}

.arrowGreen {
  display: block;
  padding-left: 13px;
	background-image: url(../../images/global/S1_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;/*left top;*/
}
/*End*/

/* *************************
 * Style for NOTEPAD display
 * ************************* */
#NotePad{
  float           : left;
  width           : 476px;
  margin          : 15px 0px 0px 0px;
  }

#NotePad #Top{
  float           : left;
  width           : 476px;
  height          : 60px;
	background-image: url(../../images/global/G_Tool_top.jpg);
	background-repeat: no-repeat;
  }

#NotePad #Mid{
  float           : left;
  width           : 476px;
	background-image: url(../../images/global/G_Tool_tile_bkg.jpg);
	background-repeat: repeat-y;
  }

#NotePad #Bottom{
  float           : left;
  width           : 476px;
  height          : 53px;
	background-image: url(../../images/global/G_Tool_bottom.jpg);
	background-repeat: no-repeat;
  }

#NotePad #Content{
  float           : none;
  width           : 436px;
	margin          : 5px 20px 5px 20px;
  }


/* ***********************
 * Style for PAPER display
 * *********************** */
#Paper{
  float           : none;
  width           : 210px;
  margin          : 0px 0px 0px 0px;
  }

#Paper #Top{
  float           : none;
  width           : 210px;
  height          : 21px;
	background-image: url(../../images/global/RH_papertop.jpg);
	background-repeat: no-repeat;
  }

#Paper #Mid{
  float           : none;
  width           : 210px;
	background-image: url(../../images/global/RH_tile_bkg.jpg);
	background-repeat: repeat-y;
  }

#Paper #Bottom{
  float           : none;
  width           : 210px;
  height          : 14px;
	background-image: url(../../images/global/RH_paperbottom.jpg);
	background-repeat: no-repeat;
  }

#Paper #Content{
  float           : none;
  width           : 210px;
	margin          : 0px 0px 0px 0px;
  }




/* **************************
 * Other than main sections 
 * ************************** */
 /*for reference hyperlink*/
#about sup, #about sup a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px ! important;
	color: #CC0000;
	text-decoration:none;
	font-weight: normal; /*bold;*/
}
/*end of ref.*/
#e1 h1, #e1 h2, #e1 a{
	color: #008197;
}

#e1 a:hover {
	text-decoration: none;
}

#e1 #contentArea *{  /* Default text format */
	line-height: 17px;
}

#e1 #contentArea * img{ /* IMG tag format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#e1 #contentArea * input[type=image]{ /* IMG tag format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#e1 #contentArea h1, #e1 #contentArea h2{ /* H1, H2 format */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #008197;
	text-transform: uppercase;
}

#e1 #contentArea h1{ /* H1 specific format */
	font-size: 15px;
}

#e1 #contentArea h2{ /* H2 specific format */
	font-size: 12px;
}

#e1 #contentArea a{ /* Hyperlink format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #008197;
}



#main a.link1{
	color: #000000;
	text-decoration: none;
}

#main a.link1:hover {
	text-decoration: underline;
}



/* **************************
 * BPTracker: section 1 items 
 * ************************** */
#sec1 h1, #sec1 h2{
	color: #669900;
}

#sec1 a{
	color: #336600;
}

#sec1 a:hover {
	text-decoration: none;
}

#sec1 #contentArea *{  /* Default text format */
	line-height: 17px;
}

#sec1 #contentArea * img{ /* IMG tag format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	/*color: #336600;
	background-color:#E0F0C1;*/
}

#sec1 #contentArea * input[type="image"]{ /* IMG tag format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #336600;
	background-color:#E0F0C1;*/
}

#sec1 #contentArea h1, #sec1 #contentArea h2{ /* H1, H2 format */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #669900;
	text-transform: uppercase;
}

#sec1 #contentArea h1{ /* H1 specific format */
	font-size: 15px;
}

#sec1 #contentArea h2{ /* H2 specific format */
	font-size: 12px;
}

#sec1 #contentArea a{ /* Hyperlink format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
}

#sec1 #contentArea .Heading1{ /* Class Heading1 format */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669900;
}

#sec1 #contentArea .Callout{ /* Callout Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #99CC33;
	margin: 9px 0px 9px 9px;
}

#sec1 #contentArea .CalloutHeading{ /* CalloutHeading Class */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #99CC33;
	padding: 4px 4px 4px 10px;
}

#sec1 #contentArea .CalloutContent{ /* CalloutContent Class*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	color: #99CC33;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 8px 3px 9px 8px;
}

#sec1 #contentArea .CalloutContent a{
	color: #99CC33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}

#sec1 #contentArea .BoldList{
	list-style: decimal outside;
  /*font-weight:bold;*/
}

#sec1 #contentArea .Norm{
	font-weight:normal;
}

/*for reference hyperlink*/
#sec1 sup, #sec1 sup a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px ! important;
	color: #99CC33;
	text-decoration:none;
	font-weight: normal; /*bold;*/
}
/*end of ref.*/


/* *******************************
 * Understand HBP: section 2 items 
 * ******************************* */
#sec2 h1, #sec2 h2{
	color: #008197;
}

#sec2 a{
	color: #003366;
}
/*for reference hyperlink*/
#sec2 sup, #sec2 sup a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px ! important;
	color: #003366;
	text-decoration:none;
	font-weight: normal; /*bold;*/
}
/*end of ref.*/
#sec2 a:hover {
	text-decoration: none;
}

/* Understanding HBP*/
#sec2 #contentArea p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#sec2 #contentArea h1, #sec2 #contentArea h2{
	color: #008197;
	text-transform: uppercase;
}

#sec2 #contentArea h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 18px;
}

#sec2 #contentArea h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
}

#sec2 #contentArea .Heading1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	color: #000000;
}

#sec2 #contentArea a{
	color: #008197;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
}

#sec2 * .glosslink{
	color: #003366 ! important;
}
#sec2 #contentArea a i{
	color: #003366;
}





/* **********************************
 * Winning Lifestyle: section 3 items 
 * ********************************** */

/*for reference hyperlink*/
#sec3 sup, #sec3 sup a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px ! important;
	color: #CC6600;
	text-decoration:none;
	font-weight: normal; /*bold;*/
}
/*end of ref.*/

#sec3 h1, #sec3 h2{
	color: #CC6600;
}

#sec3 a{
	color: #CC6600;
}

#sec3 a:hover {
	text-decoration: none;
}

#sec3 #contentArea p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#sec3 #contentArea h1, #sec3 #contentArea h2, #sec3 #contentArea h1 a, #sec3 #contentArea h2 a{
	color: #CC6600;
	text-transform: uppercase;
}

#sec3 #contentArea h1, #sec3 #contentArea h1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 18px;
}

#sec3 #contentArea h2, #sec3 #contentArea h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
}

#sec3 #contentArea .Heading1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	color: #000000;
}

#sec3 #contentArea a{
	color: #CC6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	
}

#sec3 * .glosslink{
	color: #CC6600 ! important;
}


/* *************
 * About section 
 * ************* */

#about h1, #about h2, #about h1 .SupPR, #about h2 .SupPR, #about #contentArea * a .SupPR{
	color          : #cc0000 ! important;
}

#about h3{
	color          : #000000;
}

#about a{
	color          : #cc0000;
}

#about a:hover {
	text-decoration: none;
}

#about #contentArea h1, #about #contentArea h2, #about #contentArea h3{
	font-family    : Arial, Helvetica, sans-serif;
	font-weight    : bold;
	font-size      : 12px;
	color          : #008197;
}

#about #contentArea h1, #about #contentArea h2{
	text-transform : uppercase;
}

#about #contentArea h1{
	font-size      : 15px;
}

#risks #midSection #contentArea a{
color: #008197;	
}
#risks sup, #risks sup a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px ! important;
	color: #008197;
	text-decoration:none;
	font-weight: normal; /*bold;*/
}


/* For FORGOT-PASSWORD region */
#fpwd {
  width: 420px;
  background-color: #FFFFFF;
}

#fpwd h1, #fpwd h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #008197;
	text-transform: uppercase;
	font-size: 12px;
}

#fpwd h1{ /* H1 specific format */
	font-size: 15px;
}

#fpwd a{
  color: #008197;	
}

#Glossary #contentArea h1, #Glossary #contentArea h2, #Glossary #contentArea h3{
	font-family    : Arial, Helvetica, sans-serif;
	font-weight    : bold;
	font-size      : 12px;
	color          : #008197;
}
#Glossary #contentArea h1, #Glossary #contentArea h2{
	text-transform : uppercase;
}

#Glossary #contentArea h1{
	font-size      : 15px;
}

/* Added by Umakanth */



/* *************
 * About section 
 * ************* */

/*
#whyreg h1, #whyreg h2, #whyreg h1 .SupPR, #whyreg h2 .SupPR, #whyreg #contentArea * a .SupPR{
	color          : #008197 ! important;
}

#whyreg h3{
	color          : #000000;
}

#whyreg a{
	color          : #cc0000;
}

#whyreg a:hover {
	text-decoration: none;
}

#whyreg #contentArea h1, #whyreg #contentArea h2, #whyreg #contentArea h3{
	font-family    : Arial, Helvetica, sans-serif;
	font-weight    : bold;
	font-size      : 12px;
	color          : #008197;
}

#whyreg #contentArea h1, #whyreg #contentArea h2{
	text-transform : uppercase;
}

#whyreg #contentArea h1{
	font-size      : 15px;
}

*/

/*#sec3 #contentArea #friendlyRecp1{
  
  font-size:15px;
  line-height: 19px;
  color: #336600;
}
#sec3 #contentArea #friendlyRecp2{
 
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin:0px 0px;
}

#sec3 #contentArea #friendlyRecp2Head{
  
  background-color:rgb(164,0,29);
  color:#FFFFFF;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  margin:9px 0px;
  text-transform:uppercase;
  padding:7px 11px 7px 11px;
  margin: 0px;
}

#sec3 #contentArea #friendlyRecp2Content{
  background-color: #FFFFFF;
  color: #A4001D;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight: lighter;
  
  margin:9px 0px;
  border : 1px solid #A4001D;
  padding:11px 11px 11px 11px;
  margin: 0px;
}
#sec3 #contentArea #number{
  color: #A4001D;
  font-weight: bold;
  
}*/

/*#new a{
	color:   #336600;
	text-decoration: none;
}

#new a:hover {
	text-decoration: underline;
}*/

/*#sec3 #contentArea .friendlyRecp3{
  
  font-size:12px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  margin:9px 0px;
  background-color:#FF9934;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:7px 11px 7px 11px;
  
}*/

.spacer30{ /*Currently not used anywhere*/
  height         : 30px ! important;
  font-size      : 1px  ! important;
}

#Glossary a {
  color: #008197;
}
.stat{
  color: #DB8F43;
  font-weight: bold;
  font-size : 13px;
}

.stat_Blue{
  color: #008197;
  font-weight: bold;
  font-size : 13px;
}