/* SERS DB STYLESHEET */
Body, P {margin-top: 0}
P.Be4List {margin-bottom: 0}
P.RetirementAtAGlance {margin-bottom: 6}

UL {margin-top: 6; list-style-image: url('http://www.michigan.gov/images/SERSDBBullet_121531_7.gif')}


LI {margin-bottom: 6; margin-top: 0}

LI.Glossary {margin-bottom: 0; margin-top: 0; margin-left: -24;}
A.GlossaryHeader:link {color: #ffffff}
A.GlossaryHeader:visited {color: #ffffff}
A.GlossaryHeader:hover {color: #ffffff}
A.GlossaryHeader:active {color: #ffffff}


H1, H2, H4,  H6 {color: #009384; margin-bottom: 0}
H3{color: #280092; margin-bottom: 0}
H4.Be4List {margin-bottom: 0}

H5 {margin-bottom: 6; font-size: medium; font-weight: normal; color: #FFFFFF; background-color: #009384; padding: 3px; margin-top: 0}

HR {color: #280092; margin-bottom: 0}

Table.bodydisplay A:link {text-decoration: underline; color: #280092}
Table.bodydisplay A:visited {text-decoration: underline; color: Purple}
Table.bodydisplay A:hover {text-decoration: underline; color: #280092}
Table.bodydisplay A:active {text-decoration: underline; color: #280092}

.cTitle{font-size:1.4em;color:#fff; font-weight:normal;padding:3px; background-color:#009384;width:100% }






TD.SystemColorBackground {background-color: #009384}
TD.LightSystemColorBackground {background-color: #E5F4F2}

Table.CallOut {border-style: solid; border-color: #009384; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px}
TD.CallOutHeader {border-style: solid; border-color: #009384; border-width: 1px; padding: 3px; background-color: #09384; font-weight: bold; color: #ffffff}
TD.CallOutBody {border-style: solid; border-color: #E5F4F2; border-width: 1px; padding: 3px; background-color: #E5F4F2; font-size: x-small}

/* Click a link to jump to content located below. */
Table.ClickBelow_OuterTable {border-style: solid; border-color: #280092; border-width: 2px; background-color: #009384}
Table.ClickBelow_TitleTable {border-style: none; border-width: 0px; background-color: #009384}
P.ClickBelow_Title {color: #280092; text-align: center; font-weight: bold}
Table.ClickBelow_InnerTable {border-style: none; border-width: 0px; background-color: #E5F4F2}



/* Formatting of answers on FAQ page */
.faq          { font-size : small;}
#faq { font-size : small;}
/*/*/a{}
.faq { font-size : x-small}
#faq { font-size : x-small}
/* */



/* Styles for Quick Links and Right Links */
/* ADDED PER ANNE NOLAN 6-28-2006 */
.qltitleglobal{color : #280092; font-family : Arial, Helvetica, sans-serif; font-size:  70%; font-weight:bold;}
.qltitlelocal{color : #280092; font-family : Arial, Helvetica, sans-serif; font-size:  70%; font-weight:bold;}
 
A.rightnavlinks {text-decoration : none; color : #280092; font-size : 70%;}
A.rightnavlinks:HOVER {text-decoration : underline; color : #280092; font-size : 70%;}
A.rightnavlinks:VISITED {text-decoration : none; color : #280092; font-size : 70%;}
A.rightnavlinks:VISITED:HOVER{text-decoration:underline; font-size : 70%;}
 
A.right_links {text-decoration : none; color : #280092; font-size : 70%;}
A.right_links:HOVER {text-decoration : underline; color : #280092; font-size : 70%;}
A.right_links:VISITED {text-decoration : none; color : #280092; font-size : 70%;}
A.right_links:VISITED:HOVER {text-decoration : underline; font-size : 70%;}


/* Fix for making text in tables appear same size as body text */
Table.bodydisplay TD{font-size:80%}
Table.bodydisplay A{font-size:100%}

/* Used to set the styles for the FAQs component on the home page */
A.onlineserviceslinks:link {
	FONT-SIZE: 85%; TEXT-DECORATION: none; FONT-WEIGHT: normal
}
A.onlineserviceslinks:visited {
	FONT-SIZE: 85%; TEXT-DECORATION: none; FONT-WEIGHT: normal
}
A.onlineserviceslinks:hover {
	FONT-SIZE: 85%; TEXT-DECORATION: underline; FONT-WEIGHT: normal
}
A.onlineserviceslinks:active {
	FONT-SIZE: 85%; TEXT-DECORATION: none; FONT-WEIGHT: normal
}


TD.IconBackground {border-style: collapse; border-width: 0px; padding: 0px; background-color: #009384;}

.shortdesc {font-size: 100%}

/* TAB STYLES */
/*undo link colors from above for tab link text*/
ul.tabItem A {text-decoration: none; color: #fff}
ul.tabItem A:link {text-decoration: none; color: #fff}
ul.tabItem A:visited {text-decoration: none; color: #fff}
ul.tabItem A:hover {text-decoration: none; color: #000}
ul.tabItem A:active {text-decoration: none; color: #fff}

 ul.tabItem { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:0px solid #666;	
	height:35px;
}

/* single tab */
 ul.tabItem li { 
	float:left;	 
	text-indent:0;
	padding:0; cursor:pointer;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
 ul.tabItem a,ul.tabItem a:link { 
	background: url(http://www.michigan.gov/images/ors/ORStabBG_316368_7.gif) no-repeat 0px 0px;
	font-size:11px;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 140px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:3px;
	margin:0px;
	position:relative;
	top:0px; color:#fff;
}

 ul.tabItem a:active, ul.tabItem a:link {
	outline:none;text-decoration:none;		
}

/* when mouse enters the tab move the background image */
 ul.tabItem a:hover {
	background-position: 0px -45px;
	color:#000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
 ul.tabItem a.current, ul.tabItem a.current:hover, ul.tabItem li.current a {
	background-position: 0px -45px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
 ul.tabItem a			{ background-position: 0px 0; }
 ul.tabItem a:hover 	{ background-position: 0px -45px; }
 ul.tabItem a.current  { background-position: 0px -90px; border-bottom:1px solid #fff}

.tabcontentstyle{margin-top:-14px;_margin-top:-15px;margin-right:0px;width:100%}
 div.tabcontentstyle div {
	display:none; height:auto;border:1px solid #999; background-color:#fff
}

 div.tabcontent{padding:5px}
/* tab pane styling */
 div.tabcontent div {
	display:none;		
	border-top:0;
	overflow:auto; 
}