@charset "utf-8";
/* CSS Document */

/* === BEGIN TABBED MANTLE ====================== */

#mantle {
	position: relative;
	width: 100%;
	height: 122px;
	background: #fff url(/images/mantle/gradient.jpg) bottom left repeat-x;
	margin-bottom: 20px;
}

#mantle .mantle1 {
	width: 100%;
	height: 100%;
	background: url(/images/mantle/left.jpg) bottom left no-repeat;
}

#mantle .mantle2 {
	width: 100%;
	height: 100%;
	background: url(/images/mantle/right.jpg) bottom right no-repeat;
}

#mantle .mantle3 {
	width: 100%;
	height: 100%;
	/*background: url(/images/mantle/retirement_woman.png) 18px 0 no-repeat;*/
}

#mantle .mantle_content {
	padding: 5px 10px 0 171px; /* same as left position of mantle_tabs */
}

/* begin mantle tabs --------------------- */

#mantle_tabs {
	position: absolute;
	bottom: 0;
	left: 171px; /* same as left content padding */
	height: 33px;
	margin: 0;
	padding: 0;
	border: 0;
}

#mantle_tabs .mantle_tab, #mantle_tabs .mantle_tab_selected {
	/* width: 116px; this width is optional if you want to make all tabs same width */
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


#mantle_tabs .mantle_tab a, #mantle_tabs .mantle_tab_selected a {
	display: block;
	padding: 9px 20px;
	position: relative;
	text-decoration: none;
	outline: none;
}

/* begin selected tabs --------------------- */
#mantle_tabs .mantle_tab_selected {
	background: #fff url(/images/mantle/tab_side.gif) top left repeat-y;
}


#mantle_tabs .mantle_tab_selected .mantle_tab1, #mantle_tabs .mantle_tab_selected .mantle_tab1_hover {
	width: 100%;
	height: 100%;
	background: url(/images/mantle/tab_side.gif) top left repeat-x;
}

#mantle_tabs .mantle_tab_selected .mantle_tab2 {
	width: 100%;
	height: 100%;
	background: url(/images/mantle/tab_side_dropshadow.gif) top right repeat-y;
}

#mantle_tabs .mantle_tab_selected .mantle_tab3 {
	width: 100%;
	height: 100%;
	background: url(/images/mantle/tab_left_corner.gif) top left no-repeat;
}

#mantle_tabs .mantle_tab_selected .mantle_tab4 {
	width: 100%;
	height: 100%;
	background: url(/images/mantle/tab_right_corner.gif) top right no-repeat;
}

#mantle_tabs .mantle_tab_selected .mantle_tab5 {
	width: 100%;
	height: 100%;			
	background: url(/images/mantle/tab_br_linefill.gif) bottom right no-repeat;
}

#mantle_tabs .mantle_tab_selected .mantle_tab6 {
	width: 100%;
	height: 100%;			
	background: none;
}

/* --- */

/* hide arrow for selected tab */
#mantle_tabs .mantle_tab_selected a span, #mantle_tabs .mantle_tab_selected a:hover span {
	display: none;
}

#mantle_tabs .mantle_tab_selected a, #mantle_tabs .mantle_tab_selected a:hover {
	color: #000;
	cursor: default;
}

#mantle_tabs .mantle_tab_selected .mantle_tab5 a:hover {
	background: url(/images/mantle/tab_br_linefill.gif) bottom right no-repeat;
}


/* begin unselected tabs ---------------------- */
#mantle_tabs .mantle_tab .mantle_tab1 {
	width: 100%;
	height: 100%;
	background: none;
}

#mantle_tabs .mantle_tab .mantle_tab2 {
	width: 100%;
	height: 100%;
	background: none;
}

#mantle_tabs .mantle_tab .mantle_tab3 {
	width: 100%;
	height: 100%;
	background: none;
}

#mantle_tabs .mantle_tab .mantle_tab4 {
	width: 100%;
	height: 100%;
	background: none;
}

#mantle_tabs .mantle_tab .mantle_tab5 {
	width: 100%;
	height: 100%;
	background: none;
}

#mantle_tabs .mantle_tab .mantle_tab6 {
	width: 100%;
	height: 100%;			
	background: url(/images/mantle/tab_separator_short.gif) center left no-repeat;
}

#mantle_tabs .no_separator .mantle_tab6, #mantle_tabs .first .mantle_tab6 {
	width: 100%;
	height: 100%;
	background: none;
}

/* --- */

#mantle_tabs .mantle_tab a span.arrow {
	padding-right: 4px;
	background: url(/images/mantle/arrow_right.png) center right no-repeat;			
}

#mantle_tabs .mantle_tab a:hover span.arrow {
	background: url(/images/mantle/arrow_right_over.png) center right no-repeat;			
}

#mantle_tabs .mantle_tab a:hover, #mantle_tabs .mantle_tab_selected a:hover {
	background: none;
}

/* === END TABBED MANTLE ====================== */