/*
-------------------------------------------
Compare Health Plans - Base Styles
Version:  April 12, 2007
------------------------------------------- */

/* OLD Styles
------------------------------------------- */

.body2 {
	margin: 0; 
	padding: 0;
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #069;
	text-align: left;
	height: 100%;
}

#main-wrapper {
  width: 844px;
  margin: 0 auto;
  padding-top: 10px;
}

#header {
  width: 100%;
  height: 172px;
  margin: 0;
  padding: 0;
}

#inner-wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #DAEBFB url(../images/left-nav-bg.gif) left repeat-y;
}

#left-nav-bottom {
  color: #069;
  background: url(../images/left-nav-bottom.gif) no-repeat;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}

#left-nav {
  width: 200px;
  vertical-align: top;
}

#left-nav-wrapper {
  width: 162px;
  padding-left: 10px;
  padding-top: 15px;
}

#left-nav-wrapper p {
  margin: 0;
  padding: 0;
}

#form-wrapper {
  background: #DAEBFB url(../images/left-arrow.jpg) top left no-repeat;
  margin: 0;
  padding: 20px 0;
  vertical-align: top;
}


/* END OLD Styles
------------------------------------------- */


/* Default Styles
------------------------------------------- */
body {
	margin: 0px; 
	padding: 0px;
	font: normal .72em/1.5em Tahoma, Arial, sans-serif;
	color: #069;
	/* background: #FFF url(../images/bg.jpg) repeat-x;*/
	text-align: left;
}


.formnote {
	font: normal 8pt Tahoma, Arial, sans-serif;
	color: #006;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 3px;

}


/* Links
------------------------------------------- */
a img {border:none;}
a:link { background: inherit; color: #006699; }
a:visited { background: inherit; color: #006699; }
a:hover { background: inherit; color: #f4b91b; }


h1 a:link { background: inherit; color: FFFFFF; text-decoration: none; }
h1 a:visited { background: inherit; color: FFFFFF; text-decoration: none; }
h1 a:hover { background: inherit; color: FFFFFF; text-decoration: underline; }



/* Headers, Text
------------------------------------------- */
p {
	color: #000066;
	text-align:left;
}

h1 {
	font-weight: bold;
	font-size: 1.7em; 
	color: #ffffff;
	line-height: 1em;
}

h2 {
	color: #347cac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt; 
	line-height:16pt;
	font-weight: bold;
	margin: 5px 0;
}

h3 {
	color: #347cac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #333;
}
ul span, ol span {
	color: #333;
}


/* POP-UP Page
----------------------------------------------- */
body.popup {
	margin:0px 10px 15px 10px; 
	padding:0px; 
	background:#9ec5dd;
}

#popup-wrapper {
	background:#9ec5dd; 
	padding:0px; 
	margin:0px auto; 
	width:100%;
}

#popup-main {
	background:#daebfb url(../images/pop-left-corner.gif) left bottom no-repeat; 
	margin:0px auto;
	width:90%; 
	min-width:390px; 
}

#popup-header {
	background:#fff; 
	min-width:390px; 
}

.pop-title {
	padding:21px 0px;
}

#popup-content {
	background:url(../images/pop-right-corner.gif) right bottom no-repeat; 
	min-width:370px; 
	padding:0px 10px 15px 10px;
	margin:0px auto;
}

div.popup-close {
	text-align:right;
	padding:10px inherit;
}



/* LAYOUT
----------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#holder {
	margin:0px auto; 
	width:865px; 
	background:#daebfb url(../images/bg-right-shadow.gif) top right repeat-y; 
	padding:0px 7px 0px 0px;
}

#holder h1, #holder h2, #holder h3 {
	text-align:center;
	color:#347cac;
	margin-bottom:30px;
}

#main {
	width:830px; 
	background:#daebfb url(../images/bg-left-shadow.gif) top left repeat-y; 
	margin:0px auto; 
	padding:0px 0px 0px 35px; 
	text-align:left;
}

#left {
	float:left; 
	width:193px; 
	background:#daebfb; 
	margin:0px 15px 0px 0px;
	clear:none;
}

#copy-left {
	width:166px; 
	background:#9ec5dd url(../images/right-bot-corner.gif) bottom right no-repeat;
	padding:5px 0px 0px 0px;
	margin:0px;
	text-align:center;
}

#copy-left-variable {
	background:url(../images/left-bot-corner.gif) left bottom no-repeat;
	text-align:left; 
	padding:5px 5px 10px 5px; 
	color:#006;
}

#copy-left-variable h2 {
	color:#069;
	font-style:italic;
	font-weight:bold;
	font-size:15px;
	margin:15px 0px;
	padding:0px;
}

#copy-left-variable p {
	margin:5px 6px 10px 6px;
}

#right {
	float:right;
	background:#daebfb; 
	width:600px;
	margin:0px;
	padding:15px 20px 0px 0px;
	clear:none;
}

#main-content {
	min-height:300px;
}



/* FOOTER
----------------------------------------------- */

.copyright {
font-size: 10px;
color:#444;
margin:20px 0px;
text-align: center;
}

#footer {
	background:url(../images/bg-bottom-shadow.gif) bottom left repeat-x;
	width:610px;
	margin:20px 0px -5px -29px;
	padding-left:250px;
}

#bottom-nav {
	border-top:#C2DFEF 1px solid; 
	margin:0px; 
	width:550px; 
	padding:10px 0px; 
	text-align:center;
}


#bottom-nav a:link {color: #006699; }
#bottom-nav a:visited {color: #006699; }
#bottom-nav a:hover {color: #f4b91b; }


/* FORM
----------------------------------------------- */

.form {
	padding: 2px;
	border: 0;
}

input, select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #069;
}
.even {
	background-color: #ffffff;
}
.validation-advice {
  color: #f00;
  margin-top: .25em;
  font-weight: bold;
}
#pre_existing_conditions_error {
  margin-top: .25em;
  margin-bottom: 1ex;
  font-weight: bold;
}

th {
	color: #347cac;
}

.displaynone {
	display:none;
}

form td {
	padding:4px;
}

form th {
	text-align:center;
}

#health-info-header, #contact-info-header {
	text-align:center;
	margin:0px auto;
	clear:both;
	width:590px;
  height:25px;
}

#health-info, #coverage-info, #contact-info, #privacy-row {
	width:575px;
	text-align:left;
	padding:5px;
	margin:0px auto;
}

#health-info, #coverage-info, #contact-info {
  background-color: #FFF;
}

#privacy-row {
  margin: 10px 0;
  text-align: left;
  background-color: #DAEBFB;
}

#health-info td, #coverage-info td, #contact-info td {
  padding: 4px;
  vertical-align: top;
}

#health-info th {
  padding: 4px;
}

#coverage-info td, #contact-info td {
  text-align: left;
}

#pre_existing_conditions_row td {
  padding: 0 2px;
}

#spacer {
  height: 10px;
}

#additional-family {
  text-align: left;
}

#additional-family a{
  color: #EF882C;
  font-weight: bold;
  text-decoration: none;
}