/*Standard styles for Humana.com*/
/*Last Modified 01/04/08 NCL */

/*Set defaults for HTML tag styles*/
body{
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	margin: 0px;
	font-weight: bold;
	color: #185394;
	padding-bottom:10px;
}
h2{
	margin: 0px;
	font-weight: bold;
	color: #666666;
}
h3{
	margin: 0px;
	font-weight: bold;
	color: #666666;
}
a:link, a:visited, a:active{	
	color: #009999;
	text-decoration: none;
}
a:hover{
	color: #009999;
	text-decoration: underline;
}
img{ 
	border: none;
}
table{
 	padding: 0px;
 	margin: 0px;
	text-align: left;
}
td{
	vertical-align: top;
	text-align: left;
}
/*END Default HTML styles*/ 

/*Set full page borders*/
#leftBorder{
	background:url(/library/images/gutter_left.gif);
	background-repeat: y;
	width: 10px;
}
#rightBorder{
	background:url(/library/images/gutter_right.gif);
	background-repeat: y;
	width: 10px;
}
/*END full page borders****/

/*BAD CODE For Masthead - source unknown */
td#MastheadCol1{
	position:relative;
	display:block;
	width: 175px;
	vertical-align: bottom;
	text-align:left;
	padding: 0;
	height:90px !important;
	_height:auto;
	*height:90px;
}

td#MastheadCol1 img {
	/*position:relative;
	float:left;
	display:block;
	margin: 43px 15px 15px 8px;
	padding:0;*/
	position:absolute;
	bottom:15px;
	left:15px;
}

td#MastheadCol2{
	position:relative;
	text-align: right;
	color: #888888;
	height:90px !important;
	_height:auto;
	*height:90px;
	/*padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-top:0px;
	padding-bottom: 15px;*/
}

td#MastheadCol2 a {
	color: #888888;
	text-decoration:underline;
	display:inline-block;
}

td#MastheadCol2 .PersistentLinks {
	margin:3px 13px 0 0;
	padding-top:0;
	padding-bottom:0;
}


div#PersistentSecondLine{
/*Creates space between each row of persistent links*/
	padding-top:15px;
}

td#MastheadCol2 .PersistentLinks a {
	position:relative;
	margin:0px 0 0 0;	
	padding:0 0 0 5px;
}

td#MastheadCol2 .PersistentLinks a img {
	margin:2px 0 0 0;
	padding:0 3px 0 0;
	float:none;
}

td#MastheadCol2 .PersistentLinks span.separator{
	margin:0px;
	padding:0 3px 0 7px;
}

/* original? code for masthead */
#masthead {
  position: relative;
  height: 90px;
  margin: 0px;
  padding:0;
  width: 100%;
  font-size:.9em;
}
#masthead img.logo {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

#masthead div.nav {
  position: absolute;
  right: 15px;
  top: 10px;
  text-align: right;
  color:#888;
  margin:-2px -2px 0 -2px; /* ff */
  .margin:-2px; /*ie 6 and 7 */
  padding:0;
  font-size:.75em; /* ff */
  .font-size: 1em; /*ie 6 and 7 */
  /* _height: 24px; /* ie6 only */
}


#masthead div.nav ul {
  position:relative;
  display:block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top:0px;
}

#masthead div.nav ul li {
  position:relative;
  display:inline-block;
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
}

#masthead div.nav ul li a {
  position:relative;
  display:inline-block;
  padding-right:0px;
  margin-top:-2px;
}

#masthead div.nav ul li a img {
  position:relative;
  display:inline-block;
  margin-top:3px;
}

#masthead div.nav_spanish {
  position: absolute;
  right: 15px;
  top: 35px;
  text-align: right;
}

#masthead div.nav_spanish a:link,
#masthead div.nav_spanish a:visited {
  font-weight: bold;
  color: #888888;
  text-decoration: none;
}

#masthead div.nav a:link,
#masthead div.nav a:visited {
  color: #888888;
  text-decoration: underline;
}

#masthead img.nav_padding {
  padding-left: 7px;
}




/*div#PersistentSecondLine a{
/*This style  is specific to a certain link 
It may be entered by user with WYSIWYG editor and may not be necessary for templates?
	font-weight:bold;
	text-decoration: none;
}*/
/*END Masthead*/

/*MainNav styles   -- these are going to change will be moving to Span instead of LI - see structure ex.*/
#MainNav{
	height: 30px; 
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 740px; 
	background-image: url(/library/images/nav_off.gif);
	background-repeat: repeat;
	font-weight: bold;
	color: #ffffff;	
}
/*#MainNav{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:block;
}*/
#MainNav li{
	float: left;
	margin: 0px;
}
#MainNav #ChannelMainNav{
	background-image: url(/library/images/nav_channel.gif);
	background-repeat: repeat;
	width: 140px; 
	text-align: right;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	margin: 0px;
}
#MainNav li.MainNavOff{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
		background-image: url(/library/images/nav_off.gif);
}
#MainNav li.CurrentMainNav{	
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(/library/images/nav_on.gif);
	background-repeat: repeat;
	margin: 0px;
}
#MainNav a:link, #MainNav a:visited, #MainNav a:active{
	display:inline-table;
	font-weight: bold;
	color: #ffffff;	
	text-decoration: none;
}
#MainNav li.SeperateMainNav{
	float: left;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(/library/images/nav_split.gif);
	background-repeat: no-repeat;
}
/*END Main Nav*/

/*Breadcrumbs*/
div#breadcrumbs{
	display: block;
	font-weight: normal;
	color: #333;
	background-image: url(/library/images/breadcrumb.gif);
	background-repeat: repeat-x;
	width: 725px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
div#breadcrumbs a:link, div#breadcrumbs a:visited, div#breadcrumbs a:active{
	color: #009999;
	text-decoration: none;
}
div#breadcrumbs a:hover{
/*should match default*/
	color: #009999;
	text-decoration: underline;
}
/*display section border between breadcrumbs and content area*/
tr#ColumnTop, td#ColumnTop, tr.ColumnTop, td.ColumnTop{
	margin:0px;
	padding:0px;
	background-position: left top;
	background-image: url(/library/images/column_top.gif);
	background-repeat: repeat-x;
	height:8px;
	border:none;
}
tr#LandingTop, td#LandingTop, tr.LandingTop, td.LandingTop{
	background-position: left top;
	background-repeat: repeat-x;
	height: 8px;
	width: 415px;
}
/*END Breadcrumbs*/

/* Left Nav component*/
div#LeftNav{
	margin: 0px;
	list-style-type: none;
	width: 160px;
	display: block;
	padding-bottom: 0px;
	color:#000000;
	background-color: #ffffff;
}
span.LeftNavHeading{
/* this style should be on if the Heading is the selected/current page in Left Nav*/
	margin:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	background-color:  #F8F6F3;
	padding-left: 11px; 
	padding-right: 10px;
	border-bottom: solid 1px #CCCCCC;
	display: block;
	background-image: url(/library/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 19px;
	/*line-height: 20px;*/
	line-height:17px;
}
a.LeftNavHeading:link, a.LeftNavHeading:active, a.LeftNavHeading:visited{
	margin:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 11px; 
	font-weight: bold;
	border-bottom: solid 1px #CCCCCC;
	display: block;
	color: #009999;
	text-decoration: none;
  	line-height: 20px;
}
a.LeftNavHeading:hover{
/* should match default   */	
	text-decoration: underline;
	color: #009999;
	line-height: 20px;
}
a.LeftNavHeading img{
	visibility: hidden;
	border: none;
	padding-right: 2px; 
}
div#LeftNav span.lNavLink{
/* this style should be on if a non-heading items is selected/current page in Left Nav - not a link*/
	display: block;
	margin:0px;
	padding-left: 19px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #F8F6F3;
	background-image: url(/library/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 12px 14px;
	line-height: 20px;
}
a.lNavLink:link, a.lNavLink:visited, a.lNavLink:active{
	margin:0px;
	display: block;
	color: #009999;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	background-color: #ffffff;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 20px;
}
a.lNavLink:hover{
/* should match default*/
	text-decoration: underline;
	color: #009999;
}
div.Spotlight{
	font-weight: normal;
	margin: 0px;
	color: #333333;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.btmDotted{
	border-bottom: dotted 1px #CCCCCC;
}
.btmSolid{
	border-bottom: solid 1px #CCCCCC;
}
/*Optional component FEature Box section may change*/
div.FeatureBox{
	margin: 0px;
	height: 172px;
	width: 159px;
	color: #FFFFFF;
	background-image:url(/library/images/feature.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}
.FeatureBox div h1, .FeatureBox div h2, .FeatureBox div h3, .FeatureBox div h4, .FeatureBox div h5{
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}
.FeatureBox a:link, .FeatureBox div a:link, .FeatureBox a:visited, .FeatureBox div a:visited, .FeatureBox a:hover, .FeatureBox div a:hover{
	color: #FFFFFF; 
}
div.FeatureBox div
{
	padding-left: 10px;
	padding-right: 5px;
	/*used to be 10px;*/
	padding-top: 5px;  
	padding-bottom: 5px;
}
div.FeatureBox div ul{
	margin-top: 5px;
	margin-left: 20px;
}
/*End Optional component Feature Box*/
div#FontSizeAdjust{
	margin:0px;
	padding-left:0px;
	padding-right:5px;
	padding-top:20px;
	padding-bottom:0px;
	text-align: right;
}
#frmLogin{
	margin: 0px;
	padding: 0px;
}
.icon{
	padding-left: 4px;
	padding-right: 4px;
}
div.DetailHeading img{
	padding-right:15px;
	padding-bottom: 10px;
	float: left;
}
div.DetailContent{
	padding-left: 15px;
	padding-right: 50px;
	padding-top: 10px;
	display: block;
}
td.footer{
	text-align: center;
	background-image: url(/library/images/bg_footer.gif);
	background-repeat: repeat-x;
	padding-top: 22px;
	padding-bottom: 28px;
	color: #888888;
	line-height: 18px;
	font-size: 11px;
	width:740px;
}
div.footer{
	color: #888888;
	line-height: 18px;
	font-size: 11px;
}
.footer a, .footer a:visited, .footer div a, .footer div a:visted{
	color: #888888;
	text-decoration:underline;
}
.footer a:hover, .footer div a:hover{
	color: #555555;
	text-decoration:underline;
}
td.ContentColMiddle, div.ContentColMiddle{	
	border-left:solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	width: 420px;
	text-align: left;
}
td.ContentColRight{	
	border-left:solid 1px #cccccc;
}
.DetailBody{
	width:569px;
	border-left: solid 1px #cccccc;
	padding: 5px;
}
div.copyright{
	padding-top: 5px;
	padding-bottom: 30px;
}
	/*Begin Styles to be used for Optional Modules/Login components only*/
	input{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.BlueLoginBox{
		height: 162px;
		width: 139px;
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		/*TEMP fix - set Margin to 0px to see if Main Pages work better this way --
		margin-bottom:5px;*/
		margin-bottom:0px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-size: 11px;
		background-image:url(/library/images/feature.jpg);
		background-position: left top;
		background-repeat: repeat-y;
		background-color:#1870B7;
		color:#FFFFFF;			
	}
	.BlueLoginBox h3{
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:3px;
		font-size: 13px;
		color:#FFFFFF;			
	}
	.BlueLoginBox form{
		margin:0px;
		padding:0px;
		height:0px;
	}
	.BlueLoginBox div{
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:3px;
		padding-bottom:3px;	
	}
	.BlueLoginBox div input{
		margin:0px;
		padding:0px;
	}
	.BlueLoginBox a:link, .BlueLoginBox a:hover,  .BlueLoginBox a:active, .BlueLoginBox a:visited{
		font-size:11px;
		text-decoration:underline;
		color:#A7D9FC;
	}

	#RightColumn{
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:10px;
	}
	
	/*Used for Login Module and Quicklinks Modules*/		
	.Module{
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;
		margin-bottom:0px;
		text-align: left;
		font-size:11px;
	}
	.Module div{
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:5px;
		padding-bottom:5px;
		width:115px;
	}
	.modLinks a:link, .modLinks a:visited, .modLinks a:active{
	text-decoration: none;
	color: #009999;
}
/*should match default*/
.modLinks a:hover{
	text-decoration: underline;
	color: #009999;
}
.modLinks{
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	width:115px;
}
.modLinks span{
	display: block;
}
.modLinks span img{
	padding-right: 5px;
}
	
	td.mod_left_top {
	  width: 10px;
		border-bottom: dotted 1px #CCCCCC;
		background-image: url(/library/images/mod_leftbg.gif);
	}
	td.mod_right_top {
	  width: 10px;
		border-bottom: dotted 1px #CCCCCC;
		background-image: url(/library/images/mod_rightbg.gif);
	}
	td.mod_left_bottom {
	  width: 10px;
		background-image: url(/library/images/mod_leftbg.gif);
		vertical-align: bottom;
	}
	td.mod_right_bottom {
	  width: 10px;
		background-image: url(/library/images/mod_rightbg.gif);
		vertical-align: bottom;
	}
	td.mod_top {
		padding-top: 8px;
		padding-bottom: 5px;
		background-image: url(/library/images/mod_topbg.gif);
		background-repeat: repeat-x; 
		border-bottom: dotted 1px #CCCCCC;
		font-size: 13px;
		color: #185394;
		font-weight: bold;
	}
	td.mod_left {
	  width: 10px;
	  background-image: url(/library/images/mod_leftbg.gif);
	}
	td.mod_right {
	  width: 10px;
	  background-image: url(/library/images/mod_rightbg.gif);
	}
	td.mod_bottom {
		border-bottom: solid 2px #E7E4DB;
		height: 8px;
	}
	div.modLogin a:link, div.modLogin a:hover,  div.modLogin a:active, div.modLogin a:visited{
		display: block;
		text-decoration: underline;
			color: #009999;
	}
	div.modLogin form{
		margin:0px;
		padding:0px;
		height:0px;
	}
	div.modLogin div input{
		margin:0px;
		padding:0px;
	}
	div.modLogin div{
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:3px;
		padding-bottom:3px;	
	}

	/*End Styles to be used for Login components only*/
	#pfHeading{
		width:100%;
		border-bottom: 5px solid #17A2A2;
	}	
	#pfFooter{
		margin:0px;
  		padding:0px;
  		width:100%;
		text-align: center;
		font-family: arial,helvetica,sans-serif;
		font-size: 10px;
		color: #666666;
		border-top: 1px solid #CCCCCC;
	}	
	.paddingSides{
	 padding-left:10px;
	 padding-right:10px;
	}
	div.PrintLandingContent{
	border-left:solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	width: 420px;
	text-align: left;
	margin:10px;
	}
	div.PrintDetailContent{
	width: 698px;
	padding:0px;
	margin:0px;
	text-align: left;
	}
	#NewsBucket{
		width:170px;
	}
	#GenericLogin{
		margin:0px;
		padding:0px;
		font-size: 11px;
		color:#999999;
	}
	#GenericLogin H2{
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:9px;
		font-size:14px;
		color:#666666;
	}
	#GenericLogin table{
		margin-left:0px;
		margin-right:0px;
		margin-top:7px;
		margin-bottom:10px;
		padding:0px;
		font-size: 11px;
		color:#666666;
	}
	#GenericLogin a:link{
		color:#888888;
		text-decoration:underline;
	}	
	.GenericTextbox{
	  padding: 0px;
		margin: 0px;
		width:90px;
		height:17px;
		font-size:12px;
	}
	
/*This section appended for Pop up header - 1/4/08 - copied from third_party/third_party.css */
#pop_wrapper {
  position: relative;
  width: 100%;
  margin: 0px auto;
}

#pop_footer {
  position: absolute;
  margin: 0px;
  padding: 10px;
  width: 100%;
  text-align: center;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  color: #666666;
}

.pop_separator,
.pop_seperator {
  border-top: 5px solid #17A2A2;
}

/* Added 11/13/2008 by JAM9600 - emailform styles */
#emailform label {
	vertical-align: top;
	text-align: right;
	width: 140px;
	padding: 0 15px 0 0;
	display: -moz-inline-box;
	display: inline-block;
}
#emailform label.wide {
	width: auto;
}

#emailform {
	margin: 10px 0;
	padding: 0;
}
#emailform legend {
	margin: 10px 0;
}
#emailform p {
	margin: 0 0 10px 10px;
}
#emailform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.reqd, span.error {
	color: #f30;
	font-size: .8em;
}
#emailform .submit {
	text-align: right;
	width: 290px;
}
input.error {
	border: 2px solid #f30;
}
span.error {
	padding: 0 0 0 .5em;
	display: none;
}
