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

html, body {
height:100%;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
 
} 



img {margin-left: 0px;}

form {margin:0px;}

input {margin-bottom: 0px;}

select {margin-top: 8px;}

label {margin-top: 10px}
 



body {margin-top: 0px; font:12px arial, helvetica, san-serif; color:#4e5154; margin: 0; padding: 0; background-color:#fff;}
h1 {font:19px arial, helvetica, san-serif; color:#2d8bc1; padding-top:20px;}

h2 {font: bold 15px arial, helvetica, san-serif; color:#2d8bc1; padding-top:20px;}
h3 {font: bold 14px arial, helvetica, san-serif; color:#00566C; padding-top:15px; margin-bottom:-10px;}
h3 a:link {text-decoration: none; color:#00566C; font-size:14px; }
h3 a:visited {text-decoration: none; color:#00566C; font-size:14px; }
h3 a:hover {text-decoration: none; color:#F4C023; font-size:14px; }


#header {width: inherit; background-color:#67130e; height:66px;}

#header a {color: #fff}

#header1/*{background-image: url(images/headerTestBgImg.gif);*/{background-color:#006699;
	background-repeat: repeat-x;}

#navbar {width: inherit; background-color:#EABC00; height:auto; padding-bottom: 23px;
	
}#navbar1 {width: inherit; /*background-color:#cccccc;*/ height:auto; padding-bottom: 0px;
	
}

#navtop {width: 400px; margin-left:250px; }

#navtop1 {width: 400px; margin-left:25px; }

.body2 {color: #00566C;}
.body2bold {color: #00566C; font-weight:bold;}
.redbold {color: red; font-weight: bold;}
.pitalic{font-style:italic}



a:link {color: #0076a3; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:visited {color: #0076a3; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:hover {color: #F4C023; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} 

h1 a:link {text-decoration: none; color:#2d8bc1; font-size:19px; }
h1 a:visited {text-decoration: none; color:#0076a3; font-size:19px; }
h1 a:hover {text-decoration: none; color:#F4C023; font-size:19px; }


.bold {font-weight: bold}
.nobold{font-weight: normal}
.ctr {text-align: center;}

#container { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #fff;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
	border: 0px solid #DDDDDD;
	text-align: left; /* this overrides the text-align: center on the body element. */
	 height:100%;  /*removing this FF works and IE breaks*/
	 margin: 0px;
	 padding: 0px;
	 
 
	 
	 
	 
	}
	
#mainContent { 
	margin: 0 0 0 230px; /*  217px for IE     the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:80%;
	height:inherit;
	min-width:540px;
	border:0px solid  #79899e;
	background:#fff;
	position:absolute;
    left:-15px;
 	 
} 


#mainContentfixed { 
	margin: 1px 0 0 230px; /* 217px for IE   the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:700px;
	height:100%;
	min-width:800px;
	border:0px solid  #79899e;
	background:#fff;
	position:absolute;
    left:-15px;
 	 
} 



ul {line-height: 25px;}

ol li {	margin: 5px 0 10px 0px;}
	
	
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #10677d; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 5px 0px 10px;
    height:100%; 
    margin-bottom:0px;
	margin-right:-3px;  
  	color:#fff;
 	
  }
  
  
  #sidebar1a {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #2d99cf; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 5px 0px 10px;
    height:100%; 
    margin-bottom:0px;
	margin-right:-3px;  
  	color:#fff;
 	
  }
  
  
  
#sidebar1 h2{color:#a1d5e2}
  

#mainleft {
	float: left; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:10px;
	
	 
  
  }
  

#mainright {
	float: left; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px;
	margin-left:50px;
	margin-top:20px;
	margin-bottom:10px;
  
  }
  
#mainright p {width:inherit;}

.fadeshow1 {
	margin-left: 0px;
	padding-left: 0px;
	border:25px;
}


.column {
	float: left; 
	width: 300px; 
	padding: 0px 0px 0px 0px;
	margin-left:20px;
	line-height:30px;}
  
#footer { 
	  
	margin-left: 230px; 
	margin-top: -20px;
    position:absolute;
    z-index:1;
    width: 300px; 
	background-color:#fff; height: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	}
	
	#footer2 { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	width:700px;
	text-align:right;
	margin-top: 30px;}
	
	

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.dkblueband {
border: 1px solid #00566C;
background-color:#00566C;
width: 200px;
line-height: 25px;

}

ul.ulmainnav li {
  margin-top: 10px; /* this only impacts the ul on the side nav */
  font: normal 16px arial, helvetica, san-serif;  color:#ffffff; padding: 0px 0 0 0px;
  margin-left:-10px;
  list-style:none;
}  
.ulmainnav a:link {color:#ffffff; text-decoration:none; font-size:16px;} 
.ulmainnav a:visited {color:#ffffff; text-decoration:none; font-size:16px;} 
.ulmainnav a:hover {color:#EABC00; text-decoration:none; font-size:16px;}



ul.ulbottom li {
  margin-top: 1px; /* this only impacts the ul on the side nav */
  font:normal 12px arial, helvetica, san-serif;  color:#4d4d4d; padding: 0px 0 0 0px;
  margin-left:-24px;
  list-style-image: url(Images/small_arrow.gif);
  line-height: 25px;
  
} 
 
#mainleft .box2small ul li{margin-left:-40px; list-style:none;}

.topic {
  color: #00566C;
  font-weight: bold;
  background-color: #fff;
  padding: 5px 0 5px 0;
}

.link {
  color: #4d4d4d;
  background-color: #f1f8fa;
  padding-left:20px;
}

.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 10px 15px 20px;*/
}


.mainimage {margin-left:-20px;}


/*Login Box area*/
.mdbluebox {
border: 1px solid #178EAE;
background-color:#178EAE;
width: 219px;
line-height: 25px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding: 0 0 0 10px;
margin-top: 20px;
}

.ltyellowbox {
border: 1px solid #E5DC9F;
background-color:#FAF5DA;
width: 219px;
padding: 10px 0 10px 10px;
margin-bottom: 20px;

}


.ltyellowbox ul li a:link, .ltyellowbox ul li a:hover {font-size: 12px;}


.ltyellowbox a, .ltyellowbox a:hover{font-size: 10px;}
/* END Login Box area*/


/*boxes*/


.bluegradbox {border:1px solid  #cccccc; margin:20px 0 50px 0px; padding:30px 22px 30px 20px; background: url('images/med_progam_table_bg_blu.jpg'); background-repeat:repeat-x; width:700px;}

.yellowgradbox {border:1px solid  #eabc00;  background: url('images/med_progam_table_bg.jpg'); background-repeat:repeat-x; width:700px; padding: 4px 22px 20px 20px;}


.ltyellowboxrgt {
border: 1px solid #E5DC9F;
background-color:#FAF5DA;
width: 199px;
padding: 10px 10px 10px 10px;
margin-bottom:50px;
 
}

.ltyellowboxrgt h2 {padding-top:0px;}


 .box2small {border: 1px solid #178EAE;
 background-color:#DAF1FB;
 margin-top:20px;
 padding: 10px 5px 10px 10px;
 width: 214px;}
#sidebar1 .box2small {width: 160px; padding-right: 10px; cursor:hand; color:#178EAE;}


 .box3small {border: 1px solid #137993;	
 background-color:#137993;
 margin-top:0px;
 padding: 10px 5px 10px 10px;
 width: 219px;}
 
#sidebar1 .box3small {width: 170px; cursor:hand; color:#fff; margin-bottom:20px;} /*for vision home login*/
#sidebar1 .box3small h2{color: #fff; margin-top:-15px;}
#sidebar1 .box3small a, .box3small a:hover{font-size: 10px;}
 
 
 
 
.box2small h1 {width: 250px; text-align:left; padding:0px; margin: 0px; line-height:19px;}


 
 .box2lg {border: 1px solid #178EAE;
 background-color:#DAF1FB;
 margin-top:20px;
 padding: 10px 0 10px 10px;
 width: 500px;}
 
 
 .lgbluebox {
border: 1px solid #178EAE;
background-color:#178EAE;
width: 500px;
line-height: 25px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding: 0 0 0 10px;
margin-top: 20px;
}

.lgltyellowbox {
border: 1px solid #E5DC9F;
background-color:#FAF5DA;
width: 600px;
padding: 10px 0 10px 10px;
margin-bottom: 20px;

}

.box1bg
{
border-style: solid;
border-width: 1px;
border-color: #E5DC9F;
background-color: #FAF5DA;
padding:10px;
width:500px;
}

.box1nobg
{
border-style: solid;
border-width: 0px;
border-color: #E5DC9F;
background-color: ;
padding:10px;
width:500px;
}
 
.box2 {border: 1px solid #178EAE; padding:10px; background-color:#DAF1FB; width:500px;}
 
.rtsidebox {width: 132px; height: 65px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #178eae; padding: 9px 9px 9px 9px; background-color: #daf1fb; margin:20px 0 0 20px; cursor:hand; color:#2d8bc1;}
 
 
 .sidebarbox {
border: 1px solid #00566C;
background-color:#00566C;
line-height: 50px;
font-weight: bold;
text-align:center;
margin-top:50px;
margin-right: 8px;
}

.dentalsidebarboxnews {
border: 1px solid #00566C;
background-color:#00566C;
height: 25px;
line-height: 25px;
padding: 5px;
font-family:Arial, Helvetica, sans-serif; size:12px;
font-weight: bold;
color: #ffffff;
margin-top:50px;
margin-right:8px;

}

.dentalsidebarboxnewstxt {
border: 1px solid #00566C;
background-color:#258aa4;
font-family:Arial, Helvetica, sans-serif; size:12px;
font-weight: normal;
color: #ffffff;
padding: 5px;
margin-right:8px;
 

}


 /*For broker ASP page adding brokers/ga*/
.lgltyellowboxbrokers {
border: 1px solid #E5DC9F;
background-color:#FAF5DA;
width: 600px;
padding: 10px 0 30px 10px;
margin-bottom: 20px;
}


.lgltyellowboxbrokers p {
	Margin-bottom: -10px;}

 
 
 /*NAVIGATION*/
 
#sidebar1 ul li
{ 
line-height: 30px;
margin-left: -30px;
list-style:none; }
#sidebar1 a {color: #fff;}
#sidebar1 a:hover {color: #F4C023;} 



#sidebar1 .small, .small a, .small a:hover , .small a:visited {font-size: 12px;}
 
 

 /*END NAVIGATION*/

 
 
 /* horizontal rules */
 
.hr {border-bottom: 1px solid #178EAE;}
 
.yellowrule {border-bottom:3px solid  #EABC00; width:194px; text-align:center; margin: 12px 0 30px 0}





.mock6_menu {border-color:#000000;
border-style:solid;
border-width:0px 0px 0px 0px;
background-color:#cccccc;
position:absolute;
left:0px;
top:0px;
visibility:hidden;
font-size:10pt;
}


a.mock6_plain:link, a.mock6_plain:visited {
text-align:left;
background-color:#E3D991;
color:#62510A;
text-decoration:none;
border-color:#000000;
border-style:solid;
border-width:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
cursor:hand;
display:block;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
}


a.mock6_plain:hover, a.mock6_plain:active {
background-color:#F1E69B;
color:#62510A;
text-decoration:none;
border-color:#000000;
border-style:solid;
border-width:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
cursor:hand;
display:block;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;}



/* ===============Molina Table ===================== */

.molinatable {
border-width: 1px;
border-style: solid;
border-color: #F2E69D;
border-collapse: collapse;
width: 500px;
background-color:#FAF5DA;
margin-top: 50px;
}

.molinatable th, .molinatable td {
border-width: 1px;
border-style: solid;
border-color: #F2E69D;
font:10px arial, helvetica, san-serif; color:#4d4d4d;
padding: 7px 0 7px 5px;
text-align:left;
}

.molinatable th.ctr {text-align:center; padding:0}
.molinatable td.ctr {text-align:center; padding:0}

.molinatable th {font-size: 14px; color: #00566C; font-weight: bold;}

/* ===============table ===================== */

table {font:12px arial, helvetica, san-serif; color:#4d4d4d;}

.table {
border-width: 1px;
border-style: solid;
border-color: #F2E69D;
border-collapse: collapse;
width: 500px;
background-color:#FAF5DA;
margin-top: 50px;
}

.table td {font:12px arial, helvetica, san-serif; color:#4d4d4d; padding:5px}
.table th {font-size: 12px; color: #fff; font-weight: bold;}


.tablematrix {
border-width: 1px;
border-style: solid;
border-color: #F2E69D;
border-collapse: collapse;
width: 700px;
background-color:#FAF5DA;
margin-top: 50px;
}

.tablematrix td {font:12px arial, helvetica, san-serif; color:#4d4d4d; padding:5px; text-align:center; padding:8px;}
.tablematrix th {font-size: 12px; color: #fff; font-weight: bold; background-color:#10677D; padding:8px;}



.ddartable {
border-collapse: collapse;
width: 500px;
background-color:#;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d4d4d;
text-align:center;
}

.blubgtd {background-color:#10677D; width:121px; padding: 5px  5px 10px 5px; text-align:left; color: #FFFFFF; font-weight:bold; } 
.yeldkbgtd {background-color:#faf5da; width:98px; padding:5px  5px 10px 5px;} 
.yelltbgtd {background-color:#fefcf1; width:98px; padding:5px  5px 10px 5px;} 


/* ===============end table ===================== */





/* ===============for toggle ===================== */
.hidden { display: none; }
.unhidden { display: block; }


/* ===============for FAQ ===================== */
.middleheaderwht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	padding:0 0 0 30px;
    background-color:#178EAE;
}

.questions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00566C;
	font-weight: bold;
	margin: 35px 0 0 30px;
}

.answer {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	list-style-image: url(Images/small_arrow.gif);
	margin-left:30px;}
	
	
.ulanswers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	padding-left:30px;
	margin-left:30px;
}

.olanswers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	padding-left:30px;
	margin-left:30px;
}
	
/* ===============END for FAQ ===================== */	


/* ===============for NEWS BOX ===================== */


.middlebox {
 color: #006;
 width: 211px;
 height: 65px;
 border-width: 1px;
 border-style: solid;
 border-color: #178eae;
 padding: 9px 9px 9px 9px;
 background-color: #daf1fb;
 margin-left: 0px;
 margin-top: 20px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
color: #4d4d4d;
}

 

/* ===============END for NEWS BOX ===================== */


/* Backgrounds */

.bg1
{
background-image:
url('Images/yellow_grad.gif');
background-repeat: repeat-x;
margin-top:-13px;
margin-left:-20px;
width:750px;
 
 
 
}

.bg1 h1, .bg1 p {padding-left: 20px;}

.bg1 img {margin-left: 20px; margin-bottom:40px;}

/*floatie*/

#dhtmlfloatie{
position: absolute;
left: 0;
top: 50px;
margin-left: -200px;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 1px solid #137993;
padding: 5px;
z-index: 100;
font-family: arial;
font-size: 12px;
}

.yellrow {
background-color:#FAF5DA; padding:10px;  margin-top:20px; height:80px}

.yellrow h2 {margin-bottom:0px; margin-top:0; padding:0}

.whtrow {
background-color:#ffffff; padding:10px;  margin-top:20px; height:80px}

.whtrow h2 {margin-bottom:0px; margin-top:0; padding:0}

.alert {width: 680px; background-color:#FFD9D9; border: 1px solid #ff0000; padding:10px; margin:20px 0 0 0;}

.alert p {font-size: 19px;}

.alert h1 {font-size: 35px; color:red; margin-top:0;}