/* colors
Enrolling
orange: #F25B00
light orange: #FFC6A4

Health Care
dark Green: #005100
light dark green: #97FF97

Wellness
light blue: #4874B4
light light blue: #B0C4DF

Life & Disability
red: #D0A21D
light red: #FEA5B0

Savings & Retirement
purple: #911181
lilght purple: #F38CE9

Additional Benefits
dk blue: #30439C
lt dk blue: #AAB5E6

steps
gold: #C49C00
lt gold: #FFEA93

Plan Details
lt green: #658F30
lt lt green: #C2DF9F

*/


body {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	margin-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333333;
	
}

img {
	border:none;
	}


#masthead {
	position:absolute;
	left:0px;
	top:0px;
	width:957px;
	height:82px;
	background:  #FFFFFF url(images/KraftLogoMasthead.gif) no-repeat;
	border-bottom: 1px solid #D5D9DD;
	text-align:right;
	font-size:11px;
	}
	
#user {
	position:absolute;
	left:484px;
	top:0px;
	width:472px;
	height:20px;
	margin-right:0px;
	text-align:right;
	font-size:10px;
	padding:0px;
	}
	

#navTop {
	position:absolute;
	left:0px;
	top:57px;
	width:700px;
	height:25px;
	margin-left:218px;
	color:#666666;
	font-size:10px;
	}
	
#navTop a{
	color:#333333;
	text-decoration:none;}
	
	
#navTop a.print{
	color:#30439C;
	font-weight:normal;
	margin-left:5px;
	}
	
#navTop a:hover {
	text-decoration:underline;
	}	
	
#navSPD{
	position:absolute;
	top:125px;
	left:3px;
	width:180px;
	z-index:4;}	
	
#navLeft{
	position:absolute;
	top:125px;
	left:0px;
	white-space:nowrap;
	z-index:4;}	
	
#navLeft th{
	background: url('images/popCurve.gif') no-repeat center right;
	padding-left:3px;
	font-size:13px;
	width:180px;
	height:21px;
	vertical-align:text-bottom;
	text-align:left;}

#navLeft td{
	width:180px;
	height:14px;}
	
#navLeft table{
	position:absolute;
	left:180px;
	white-space:nowrap;
	}

#navLeft table th{
	width:auto;
	background: url('images/menu/arrow.gif') no-repeat center right;
	position:inherit;
	height:14px;
	padding: 2px 8px 2px 2px;
	font-size:12px;
	vertical-align:middle;
	text-align:left;
	border: 1px solid #999999;
	/* opacity:.85;
	filter:alpha(opacity=85);*/ 
	}

#navLeft table td{
	width:auto;
	position:inherit;
	padding: 2px 10px 2px 4px;
	font-size:12px;
	vertical-align:middle;
	text-align:left;
	border: 1px solid #999999;
	/* opacity:.85;
	filter:alpha(opacity=85);*/
	}

#navLeft a {
	color:#FFFFFF;
	text-decoration:none;
	/* opacity:1;
	filter:alpha(opacity=100);*/}

#navLeft a:hover {
	text-decoration:underline;}
	
a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;}

a:hover{
	text-decoration:underline;}

/* styles for the main content area */
#main {
	position:relative;	
	width:500px;
	z-index:1;
	left: 168px;
	top: 75px;
	visibility: visible;
	overflow: visible;}
	
	
#mainWide {
	position:relative;
	width:750px;
	z-index:1;
	left: 168px;
	top: 95px;
	visibility: visible;
	overflow: visible;}
p {
	margin-left:25px;
	margin-top:0px;
	margin-bottom:9px;}

th{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	}

table.content {
	border:#999999 1px solid;
	}

table.content th{
	background-color:#4874B4;
	color:#FFFFFF;
}

table.content td {
	border:#999999 solid 1px;
	margin-left:0px;
	padding:2px;
	width:50%;}

table.content p{margin-left:0px;}

	
.breadcrum {
	font-size:10px;
	font-weight:bold;
	margin-left:25px;
	margin-top:12px;
	margin-bottom:5px;
	text-align:left;}

.breadcrum a {
	font-weight:normal;
	margin-left:0px;}
	
.breadcrum a:hover {
	text-decoration:underline;
	font-weight:normal;}
	
.breadcrum a:vlink {
	text-decoration:none;
	font-weight:normal;}
		
		
.highlight{
	color:#4874B4;
	font-weight:bold;
}

H1{
	font-size:20px;
	color:#4874B4;
	margin-left:25px;
	margin-bottom:5px;
	margin-top:0px;
	}
	
H2 {
	font-size:20px;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:0px;}

H3 {
	font-weight:bold;
	color:#4874B4;
	margin-bottom:0px;
	font-size:14px;
	margin-left:25px;
	margin-top:10px;}
		
H4{	
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	margin-bottom:0px;
	margin-left:25px;
	margin-top:10px;}

H5 {
	font-size:13px;	
	font-style:italic;
	color:#4874B4;
	margin-bottom:0px;
	margin-left:25px;
	}
	
td {
	text-align:left;
	vertical-align:top;
	font-size:12px;}
	
ul {
	margin-top:0px;
	list-style-type:square;
	margin-bottom:8px;
	}

ul p{
	margin-left:auto;
	color:#333333;
	}
	
ul ul{list-style-type:circle;}

ol {
	padding-left:25px;
	margin-top:0px;}
	
li {
	margin-bottom:5px;}
	
	
#mainContent table{
	border:1px #cccccc solid;
	margin-bottom:8px;
	margin-left:25px;
	width:95%;
	}
	
#mainContent th{
	background-color:#999999;
	color:#FFFFFF;
	padding:5px;}
	
#mainContent th.thLeft{text-align:left;}

#mainContent td{
	border:1px #999999 solid;
	padding:5px;}

#mainContent td p{margin-left:0px;}


#mainContent table.plan {
	width:100%;
	border:none;
	margin-top:18px;
	margin-left:0px;}



#mainContent td.plans {
	background-color:#4874B4;
	padding-left:25px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#FFFFFF;
	font-size:18px;
	border:none;
	}

#mainContent table.toolAll {
	width:100%;
	border:none;
	margin-left:0px;}
	
#mainContent table.toolAll td {
	padding-left:0px;
	border:none;}

#mainContent table.toolAll ul {
	color:#4874B4;}

a.plan {
	color:#4874B4;
	text-decoration:none;
	font-weight:bold;
	margin-right:8px;}
	
b{
	font-weight:bold;
	font-style:italic;}
	
strong{
	font-weight:bold;
	font-style:italic;}

#toolsResources a{margin-right:5px;}

a.plan:hover{text-decoration:underline;}

a.plan:vlink{text-decoration:none;}

.intro {
	margin-top:0px;
	font-size:14px;
	color:#3b3b3b;
	margin-left:25px;}
	
/*for use with in the page contents*/
.footnote{
	margin-top:11px;
	font-size:11px;
	color:#999999;
	}
	
.footnote a {
	color:#999999;
	font-weight: normal;
	text-decoration: underline;
	margin-left:0px;}

ul .footnote{
	color:#999999;}

/*disclaimers in page footers*/
.disclaimers{
	color:#4874B4;
	font-weight:bold;
	text-align:center;
	margin-top:25px;
	font-style:italic;
	}
a.disclaimer {
	color:#999999;
	text-decoration:none;}
	
a.disclaimer:hover{
	text-decoration:underline;}

/* styles for the relative content area */

#relatedContent {
	position:absolute;
	width:250px;
	z-index:2;
	left: 706px;
	top: 130px;
	overflow: visible;
}

#relatedContent div table {
	width:100%;
	border:none;
	margin-top:15px;
}

#relatedContent div table th {
	background-color:#424242;
	font-size:18px;
	color:#FFFFFF;
	padding-left:25px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}

#relatedContent div table td {
	font-size:13px;
	padding-bottom:10px;
	text-align:right;
	vertical-align:bottom;
}

#relatedContent div table td a {
	color:#4874B4;
}
	
#relatedContent ul {
	color:#333333;
	list-style-type:square;
	margin-top:5px;
	}

#relatedContent ul p{
	color:#333333;
	margin-left:0px;}
	
#relatedContent ul a{
	color:#333333;
	text-decoration:none;
	}
	
#relatedContent ul a:hover{text-decoration:underline;}

#relatedContent ul a:vlink{text-decoration:none;}

#quickFinder {border-left:solid #999999 1px;}

#websiteLinks {border-left:solid #999999 1px;}

#toolsResources {border-left:solid #999999 1px;}

#termsSPD {border-left:solid #999999 1px; }

#termsSPD div {color:#cc0000; font-weight:bold; margin-top:5px; padding-left:25px; }

#termsSPD p {margin-top:5px; }

#termsSPD p strong {font-weight:normal; }

#feedbackSurvey
{
	border-left:solid #999999 1px;
	padding-bottom: 3px;
}

#feedbackSurvey table {width:100%; border:none;}

#feedbackSurvey td {
	text-align:left !important;
	padding-left:6px;
	padding-right:6px;
}

#feedbackSurvey h3 {
	margin-left:12px;
	margin-right:6px;
	padding-top:4px;
	padding-bottom:2px;
}


#ad {padding-top:15px;}

#tables{ 
	width:750px;
	left:192px;
	top: 150px;
	visibility: visible;
	overflow: visible;
	position:relative;}



#search{
	position:absolute;
	height:97px;
	width:250px;
	top:95px;
	left:705px;
	padding-top:0px;
	}
	
#search .search{
	font-size:12px;
	font-weight:bold;
	color: #4874B4;
	margin-left:0px;}
	
/* 
#search input{
	background-color:#ffffcc;
}	
*/

#search p{
	margin-left:0px;
	text-align:right;}
	
#navSteps{
	position:absolute;
	top:125px;
	left:3px;
	width:180px;
	z-index:4;}	

#navSteps h3 {padding-bottom:6px;}

#navTour td {padding-bottom:6px;} 

#navTour li{margin-left:-20px;} 
#navTour li ul li{margin-left:-20px;} 

#navTour ul {color:#f35b00;}
#navTour .current {background-color:#ffc6a4;}
#navTour em {color:#f35b00;}

#tourSteps
{
	text-align: center;
	vertical-align: top;
	padding-bottom:12px;
	padding-top:10px;
}

td.promoted 
	{
		border: inset 3px #4874B4;
		background-color:#efffff !important;
		padding-left:25px !important;
		padding-right:10px !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
	}

td.promoted a {color:#4874B4;}

td.tabLeft
	{
		border:none !important;
		background: #ffffff url("images/search_tab_left.gif") no-repeat top left !important;
		padding:0px  !important;
		width: 78px !important;
		height:21px !important;
		
	}
	
td.tabCenter
	{
		border:none !important;
		background: #ffffff url("images/search_tab_center.gif") repeat-x top center !important;
		padding:0px  !important;
		height:21px !important;
		text-align:center;
		vertical-align: bottom;
	}
	
td.tabRight
	{
		border:none !important;
		background: #ffffff url("images/search_tab_right.gif") no-repeat top right !important;
		padding:0px  !important;
		width: 78px !important;
		height:21px !important;
	}

td.pageSelect 
	{
		border:none !important;
		background-color:#efffff !important;
		padding-left:25px !important;
		padding-right:10px !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
		text-align: right !important;
	}
	
td.pageSelect a {color:#4874B4;}