/* CSS Styles for MEGA spec site */

/*-- DEFAULT STYLES --*/

body, div, ul, li, dl, dt, dd, form, input, i, img, a
{
	margin: 0;
	padding: 0;
}

body{font-family: Verdana, Arial, sans-serif; font-size: 62.5%; background-color: #CAD0D8;}

/*- Semantically meaningless tag - used as unique identifier -*/
i{
font-style: normal;
display: inline;
}

p{
margin: 0;
padding: 0 0 1.0em;
}

img{
border: none;
}

.smallText {
font-size: 0.8em;
}

#outermost{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width: 790px;
}

#shadow_right{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width: 790px;
background-image:url(/HM/1/images/bar_R.gif);
background-position: top right;
background-repeat: repeat-y;
float: left;
}

#shadow_left{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width: 790px;
background-image:url(/HM/1/images/bar_L.gif);
background-position: top left;
background-repeat: repeat-y;
float: right;
}

#page_container{
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
width: 768px;
}

#page_inner{
float: left;
background: #FFFFFF;
}

/*-- HEADER and TOP NAV STYLES --*/

#header{
position: relative;
width: 768px;
height: 76px;
background: url(/HM/1/images/home_headerBg_top.gif) top left no-repeat;
float: left;
}

#header a#mega_logo_top{
position: absolute;
top: 10px;
left: 20px;
width: 300px;
height: 65px;
}

#header ul{
float: right;
list-style-type: none;
padding: 0px 0px 0 0;
}

#header ul li{
float: left;
/*padding: 0 12px 0 0;  02/18/08 */
padding: 0 8px 0 0; 
}

#header a{
text-decoration: none;
display: block;
border: 0;
font-weight: bolder;
font-size: 1.0em;
}

/*#header ul a{
padding: 0 0 0 8px;   02/18/08
}*/

#header ul a:link, #header ul a:visited{
color: #0B1A5E;
}

#header ul a:hover, #header ul a:active{
color: #027ABB;
}






/*-- MAIN CONTENT STYLES --*/

#main_content{
float: left;
width: 768px;
}

/* Left Column */

#main_left_col{
float: left;
/* width: 538px; RV 04/12/07 */ 
width: 536px;
margin: 0;
padding: 0;
}

/* check out AL */
#center_nav_box{
background: url(/HM/1/images/home_navCenter_bg.gif) top left no-repeat;
height: 150px;
position: relative;
}
#header_bottom{
background: url(/HM/1/images/innerImg_headerBottomBG.gif) top left no-repeat;
position: relative;
height: 65px;
}

#header_bottom a#mega_logo_bottom, #center_nav_box a#mega_logo_bottom{
position: absolute;
top: 0;
left: 45px;
width: 90px;
height: 34px;
}

#center_nav_box dl{
float: left;
text-align: left;
width: 280px;
margin: 65px 0 0 0;
padding: 0 0 0 20px;
}

#center_nav_box dl dd{
padding: 2px 0 0 0;
}

#center_nav_box a{
float: left;
text-decoration: none;
display: block;
}
#header_bottom a{
float: left;
text-decoration: none;
display: block;
}

#center_nav_box ul{
position: absolute;
top: 118px;
left: 0;
list-style-type: none;
float: left;
}

#center_nav_box ul li{
float: left;
padding: 0 6px 0 0;
}
/* Left Nav Styles */

#left_nav{
margin: 0 -3px 0 0;
padding: 0;
/*
width: 106px;
*/
width: 106px;
float: left;
padding: 0 0 0 5px;
}

#left_nav ul{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}

#left_nav ul li.bottomSpace{
padding: 0 0 5px 0;
}

#center_nav_box a:hover img{
visibility: hidden;
}

#center_nav_box a:hover{
visibility: visible;
}

#left_nav dd ul{
list-style-type: none;
float: none;
}

#left_nav dd ul li{

text-align: left;
}

#left_nav ul li a{
text-align: left;
text-decoration: none;
display: block;
}

#left_nav ul li ul{
float: none;
padding: 5px 0 0 0;
}

#left_nav ul li ul li{
padding: 0 0 5px 5px;
border: 1px solid #FFFFFF;
}

#left_nav ul li ul li a{
color: #095BA6;
font-weight: bold;
font-size: 1.0em;
}

#left_nav ul li ul li a:hover, #left_nav ul li ul li a:active{
text-decoration: underline;
}

a#left_nav_members{
background: url(/HM/1/images/leftNav_aboutUs_h.gif) 0 0 no-repeat;
}

#left_nav ul li ul li a.here{
color: #0B1A5E;
text-decoration: none;
}

#left_nav ul li ul li a.here:hover, #left_nav ul li ul li a.here:active{
text-decoration: none;
}

a#left_nav_employers{
background: url(/HM/1/images/leftNav_ourProducts_h.gif) 0 0 no-repeat;
}

a#left_nav_providers{
background: url(/HM/1/images/leftNav_getQuote_h.gif) 0 0 no-repeat;
}

#left_nav a:hover img{
visibility: hidden;
}

#left_nav a:hover{
visibility: visible;
}

/* -----------------------------------------------------
	Right Column Styles
-----------------------------------------------------*/

input.longText{
width: 110px;
height: 12px;
border: 2px inset #CCCCCC;
font-size: 1.0em;
}

input.shortText{
width: 65px;
height: 12px;
border: 2px inset #CCCCCC;
font-size: 1.0em;
}
input.emailText{
width: 200px;
height: 12px;
border: 2px inset #CCCCCC;
font-size: 1.0em;
}
select.longSelect {
width: 110px;
height: 17px;
border: 2px inset #CCCCCC;
font-size: 1.0em;
}

select.shortSelect {
width: 65px;
height: 17px;
border: 2px inset #CCCCCC;
font-size: 1.0em;
}

td.right {
text-align: right;
}

#center {
text-align: center;
}

#main_text_home{
float: left;
margin: 0;
padding: 0;
}

#main_text_home dl{
margin: 30px 0 0 0;
padding: 0 0 0 10px;
text-align: left;
width: 510px;
}

#main_text_home dl.second{
margin-top: 20px;
}

#main_text_home dt{
font-weight: bold;
color: #095BA6;
font-size: 1.6em;
}

#main_text_home dd ul{
list-style-type: none;
}

#main_text_home dd ul li{
background: url(/HM/1/images/graphic_purpleBullet.gif) 0 8px no-repeat;
padding: 4px 0 0 12px;
}

#main_text{
width: 392px;
padding: 0 20px 0 15px;
float: left;
text-align: left;
}

/* based on icrossing recommendation, switched the styles 04/18/08 */

/*
#main_text h2{
display: block;
font-weight: bold;
color: #095BA6;
font-size: 1.6em;
margin: 0;
padding: 0 0 5px 0;
}

#main_text h1{
display: block;
font-weight: bold;
color: #095BA6;
font-size: 2.0em;
margin: 0;
padding: 0 0 5px 0;
}
#main_text h3{
display: block;
font-weight: bold;
color: #095BA6;
font-size: 1.4em;
margin: 0;
padding: 0 0 5px 0;
}

*/


#main_text h1{
display: block;
font-weight: bold;
color: #095BA6;
font-size: 1.6em;
margin: 0;
padding: 0 0 5px 0;
}

#main_text h2{
display: block;
font-weight: bold;
color: #095BA6;
font-size: 1.4em;
margin: 0;
padding: 0 0 5px 0;
}

#main_text h3{
display: block;
font-weight: bold;
color: #095BA6;
font-size: 1.2em;
margin: 0;
padding: 0 0 5px 0;
}


#main_text img.inText{
float: right;
padding: 4px 0 5px 5px;
margin: 0;
}

#main_text small.grey {
	color: #666;
	}

#main_text ul {
	margin: 0 0 10px 30px;
	}

/* -----------------------------------------------------
	Right Column Styles
-----------------------------------------------------*/

#main_right_col{
float: right;
margin: 0;
padding: 0;
width: 230px;
color: #FFFFFF;
}

#main_right_col img#login_img{
float: left;
}

#login{
background: url(/HM/1/images/home_loginBg.gif) bottom left no-repeat;
background-color: #095BA6;
float: left;
width: 230px;
font-size: 0.9em;
}



#radio{
float: left;
padding: 0 0 0 15px;
width: 215px;
}

#radio ul{
padding: 0 0 0 10px;
list-style-type: none;
float: left;
color: #FFFFFF;
}

#radio ul li{
float: left;
padding: 0 1px 0 0;
}

#radio p{
float: left;
padding: 0 1px 0 1px;
margin: 0;
}

#radio ul li input{
height: 16px;
width: 16px;
float: left;
}

#input{
float: left;
text-align: right;
width: 215px;
}

#input input{
width: 100px;
font-size: 1.0em;
font-family: Verdana, Arial, sans-serif;
border: none;
}

#input ul{
margin: 0;
list-style-type: none;
display: block;
padding: 10px 0px 0 0;
}

#input ul li{
padding: 0 0 0 5px;
display: inline;
}


#login_lower{
float: left;
width: 211px;
text-align: left;
padding: 4px 4px 0 15px; /* 03/27/08 padding: 10px 4px 0 15px;*/
}

#submit_button{
height: 20px;
float: right;
width: 30px;
}


#login_lower input{
float: right;
}

#login_lower ul{
float: left;
padding: 10px 0 0 18px;
list-style-type: none;
}

#login_lower ul li{
background: url(/HM/1/images/graphic_triangle.gif) 0 0 no-repeat;
padding: 0 0 5px 14px;
}

#login_lower a:link, #login_lower a:visited{
text-decoration: none;
color: #FFFFFF;
}

#login_lower a:hover, #login_lower a:active{
text-decoration: underline;
color: #FFFFFF;
}

#demoTable {
background: url(/HM/1/images/home_loginBg.gif) bottom left no-repeat;
background-color: #095BA6;
text-align: left;
}

#right_links {
width:230px;
}

#right_links ul{
list-style-type: none;
float: left;
padding: 5px 0 0 0;
}

#right_links ul li{
padding: 0 0 5px 0;
}

#right_links a{
display: block;
}

a#get_quote{
background: url(../images/home_rl_quote_h.gif) 0 0 no-repeat;
}

a#search_providers{
background: url(../images/home_rl_search_h.gif) 0 0 no-repeat;
}

a#watch_video{
background: url(../images/home_rl_video_h.gif) 0 0 no-repeat;
}

#right_links a:hover img{
visibility: visible;
}

#right_links a:hover{
visibility: visible;
}

#right_links ul li#placeholder{
padding: 0 0 55px 0;
}

/*-- ONLINE FORMS STYLES --*/
#main_text .formsItemContainer {
margin-top: 15px;
}

#main_text .formsItemTitle
{
	font-weight: bold;
	color: #666666;
	font-size: 1.3em;
}

#main_text .formsItemTitle a:link, #main_text .formsItemTitle a:visited, #main_text .formsItemTitle a:active {
	color: #666666;
	text-decoration: none;
}

#main_text .formsItemTitle a:hover {
	color: #666666;
	text-decoration: underline;
}

#main_text .formsItemContent
{
	color: #666666;
	font-size: 1.0em;
}

#main_text img.pdfIcon
{
	float: left;
	padding-right: 5px;
}

/*-- CONTACT INFORMATION STYLES --*/
#contactInfoBox {
border: 1px solid #000000;
}

/*-- FOOTER and BOTTOM NAV STYLES --*/

#footer{
float: left;
color: #646464;
text-align: left;
font-size: 1.0em;
letter-spacing: -0.1em;
font-weight: normal;
margin: 0;
padding: 0 0 20px 10px;
border-top: 1px solid #646464;
width: 758px;
}

#footer_links_container{
float: left;
}

#footer ul{
float: left;
list-style-type: none;
padding: 40px 0 0 0;
display: block;
}

#footer ul li{
display: inline;
}

#footer a{
color: #646464;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color: #646464;
text-decoration: underline;
}

#footer p{
float: left;
clear: left;
}

#bottomLogo{
float: right;
margin: 0;
padding: 10px 10px 0 0;
/*width: 228px;
height: 35px;
*/
}


.errormesg
{
	color: #ff0000;
}

.successmesg 
{
	font-weight: bold;
	color: #000000;
}


/* RV 11/28/07 - Added new tabls styles for Interest Portlet */
table.interest
{
	clear: left;
	border: 1px solid #A0A0A0;
}

table.interest tr.tableHead
{
	height: 16px;
	background: url(/HM/common/images/recent_claims_tableHeadBg.gif) 0 0 repeat-x;
}

table.interest tr.tableHead th
{
	color: white;
	/*font-weight: bold;*/
	text-align: center;
	border:0;
}

table.interest td {
	border-color:SteelBlue;
}
table.interest tr.bgColor { background: url(/HM/common/images/claimsBg.gif) 0 0 repeat-x; }