/* CSS Document */

a {
	color: #0024b2;
	}
a:hover {
	color: red;
	}
/* Global */
.hidden { display:none; position:absolute; visibility:hidden; }

.error-msg,
.required-red {
	font-weight: bold;
	color: #900;
	}

/* Header 

#header img {
	margin: .5em .5em .5em .5em;
	background-color: #FFFFFF;
	}

#logo {
	float: left;
	}

#header-links {
	font-size: .8em;
	font-weight: bold;
	text-align: right;
	padding: 0 .25em 1em 0;
	margin-left: 17em;
	background-color: #E0E0C0;
	}

#header-links a {
	color: #000000;
	text-decoration: none; 
	}

#header-links a:hover {
	text-decoration: underline;
	}
*/
/* Main Nav */
.title {
	background-color: #F4E9C1;
	padding: .2em 0 .2em .75em;
	}


/* 2 column */
.2column {
	float: left;
	padding: 0 0 .2em .5em;
	width: 30%
	}
.faq-toc li
	{
	margin-bottom: .2em;
	}

/*compensates for IE Float Wrap */
#family-list {
	height: 100%;
	} 	

/* === Tables Layout === */

/* Tables widths are set to 100% for consistency 
when more than one table appears on a page.
Widths can be set independently at the ID level */

table {
/*
	margin: 0 0 .5em 0;
	width: 95%;
*/	
	}

th {
/*
	text-align: left;
	font-size: .7em;
	vertical-align: bottom;
*/	
	}

/* th.col-group-head is used to visually group a set of columns
The left border provides spacing when more than one
th.col-group-head are used side by side. */

th.col-group-head {
	text-align: center;
	background-color: #d7d7d7;
	border-left: 1px solid #acacac;
	}

th.lowercase {
	text-transform: lowercase;
	}

td {
/*
	vertical-align: top;
	font-size: .7em;
*/	
	}

caption {
	text-align: left;
	background: #C13A2C;
	color: #fff;
	font-size: .7em;
	font-weight: bold;
	padding: 0 0 .2em .2em;
	}

.cell-group-div {
	border-left: 1px solid #acacac;
	}

table#registration th
	{
	width: 20%;
	vertical-align: top;
	}
table#registration td
	{
	width: 40%;
	vertical-align: top;
	white-space:nowrap;
	}

table#vision-services th,
table#medical-benefits th, 
table#dental-benefits-other th 
	{
	width: 25%;
	vertical-align: top;
	}
	
table#sub-header-info th,
table#claim-provider-info th,
table#effective-dates th,
table#subscriber-summary th 
	{
	width: 20%;
	}

table.ods_holidays th {
	width: 30%;
	}


table#vision-max-deduct,
table#medical-benefits,
table#claims-list-medical,
table#claims-list-dental,
table#sub-header-info,
table#claim-provider-info,
table#medical-max-deduct,
table#dental-benefits, 
table#dental-max-deduct,
table#claim-detail-dental,
table#med-benefit-details 
	{
	border-collapse: collapse; 
	}

	
table#subscriber-information th#a1,
table#subscriber-information th#a8,
table#pcp-history th#a1,
table#pcp-history th#a7
	{
	background-color:#CCCCCC
	}


th.left-table-head,
table#vision-max-deduct th.left-table-head,
table#claim-memo-medical th.left-table-head,
table#dental-benefits th.left-table-head, 
table#dental-max-deduct th.left-table-head,
table#medical-max-deduct th.left-table-head, 
table#med-benefit-details .left-table-head
	{
	text-align: left;
	vertical-align: top;
	}

table#medical-max-deduct th.left-table-head
	{
	white-space: nowrap;
	}

table#vision-max-deduct .left-column-head,
table#dental-benefits .left-column-head,
table#med-benefit-details .left-column-head, 	
table#medical-max-deduct td.tfoot {
	text-align: left;
	}

table#vision-max-deduct td,
table#vision-max-deduct th.left-table-head,
table#medical-benefits td,
table#medical-benefits th.left-table-head,
table#claims-list-medical td,
table#claims-list-dental td,
table#medical-max-deduct td, 
table#medical-max-deduct th.left-table-head,
table#dental-benefits th.left-table-head,
table#dental-benefits td,
table#dental-max-deduct td,
table#dental-max-deduct th.left-table-head,
table#claim-detail-dental td,
table#med-benefit-details td,
table#med-benefit-details th.left-table-head

	{
	border-top: 1px solid gray; 
	}

/* Netscape solution for tr borders
because Netscape does not recognize border-collapse
and Explorer does not apply borders to tr.
Explorer solution is above. */

table#claims-list-medical tr,
table#claims-list-dental tr,
table#medical-max-deduct tr, 
table#dental-benefits tr,
table#dental-max-deduct tr,
table#claim-detail-dental tr,
table#med-benefit-details tr

	{
	border-bottom: 1px solid gray;
	}

table#dental-max-deduct td,
table#medical-max-deduct td 
	{
	padding-top: 1em;
	}

table#vision-max-deduct td, 
table#vision-max-deduct th, 
table#dental-benefits td, 
table#dental-benefits th, 
table#dental-max-deduct td, 
table#dental-max-deduct th,
table#medical-max-deduct td, 
table#medical-max-deduct th, 
table#med-benefit-details td,
table#med-benefit-details th
	{
	text-align: center;
	}

table#choose-pcp {
	width: 80%;
	}

table#claims-list-medical {
	clear: both;
	}

.row-head,
table#claims-list-medical .row-head,
table#claims-list-dental .row-head {
	background-color: #d7d7d7;
	padding: .2em 0 .3em .2em;
	font-weight: bold;
	}

table#subscriber-information th a {
	font-weight: normal;
	}
	
/* === Form Layout === */

form h3 {
	float: left;
	width: 15em;
	font-size: 1em;
	text-align: right;
}

form#login {
	margin-top: 2em;
	width: 45%;
	float:left;
	text-align: right;
	}

form#create-user span.label,
form#registration span.label
	{
	float: left;
	width: 25%;
	text-align: right;
	font-weight: bold;
	}
	
form#pswdHelpQuest span.label,
form#change-security-question span.label,
form#change-contact-info span.label,
form#contact-us span.label, 
form#change-password span.label {
	float: left;
	width: 15em;
	text-align: right;
	font-weight: bold;
	margin-right: .5em;
	}

.form-row {
	clear: both;
	}

.form-row span.label {
	float: left;
	width: 15em;
	text-align: right;
	}
  
.form-row span.field {
	float: left;
	}
	
.field {
float:left; 
width:8em;
font-weight:bold;
}

form#change-pcp-form span.label,
form#change-contact-info span.label {
	font-weight: bold;
	margin-right: 1em;
	}

form#change-pcp-form .form-row
	{
	margin-bottom: 2em;
	}

form#change-pcp-form,
form#change-contact-info {
	margin-bottom: 5em;
	}

form#referral-search,
form#claims-search-medical,
form#claims-search-dental
	{
	background-color: #d7d7d7;
	padding: .2em 0 .2em .3em;
	font-size: .9em;
	text-align: center;
	margin: 0 3em .5em 3em;
	}

form#referral-search select,
form#referral-search input,
form#claims-search-medical select,
form#claims-search-medical input,
form#claims-search-dental select,
form#claims-search-dental input
	{
	font-size: .9em;
	}

form#change-contact-info .field select {
	margin-left: .5em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	margin-left: .5em;
} 
html>body form#change-contact-info .field select {
	margin-left: 0em;
}	

form#request-id-multiple table {
	width: 0;
	margin-left: 11em;
	}

form#id_card_choices {
	margin-left: 5em;
	}

h2#contactForm,
form#id_card_choices input {
	clear: both;
	}

/* Other Styles */
#referals-family .title,
#benefits-family .title {
	color: #fff;
	font-weight: bold;
	background-color: #C13A2C;
	padding: 0 0 .2em .2em;
	margin: .3em 0 .3em 0;
	width: 50%;
	}



#med-detail-note {
	border: 1px solid #d7d7d7;
	margin-bottom: 1em;
	padding: .2em .2em .2em .2em;
	}

#med-benefit-details .note {
	padding-left: 1.5em;
	border-top: none;
	margin-bottom: 2em;
	text-align: left;
	}

#be-history-link {
	position: absolute;
	margin-top: -2.8em;
	margin-left: 15em;
	}

html>body #be-history-link {
	margin-top: -1.4em;
	}

.faq-q {
	font-weight: bold;
	margin-bottom: 0;
	}

#registration p
	{
	text-align: center;
	}

#loginInst {
	margin-top: 3%;
	margin-bottom: 2em;
	}

#loginInst p {
	margin-left: 50%;
	}

#idCard 
	{
	position: absolute;
	top: 12em;
	left: 60%;
	border: 1px solid #000;
	}
	
/* Benefits Notes Killer 
#medical-max-deduct td,
#medical-max-deduct tr,
#medical-max-deduct table {
	color: #000;
	background-color: #fff;
	border-width: 0 0 0 0;
	}*/

/* Controls display for Benefit Notes */
table.benefit-note {
	width: auto;
	}

table#pharmacy-notes,
td.benefit-note,
#medical-max-deduct td.benefit-note 
	{
	text-align: left;
	}

table#pharmacy-notes h1,
td.benefit-note h1 
	{
	font-size: 1em;
	font-weight: bold;
	border: 2px solid #C00;
	margin: 1em 1em .5em 1em;
	padding: .5em;
	}

table#pharmacy-notes h2,
td.benefit-note h2
	{
	font-size: 1em;
	font-weight: bold;
	border: solid red 1.25px;
	color: #000;
	margin: 1em 1em .5em 1em;
	padding: .5em;
	}

table#pharmacy-notes h3,
td.benefit-note h3
	{
	font-size: 1em;
	font-weight: bold;
	color: #CC0000;
	margin: 0 0 0 0;
	}
	
table.benefit-note {
	border: 1px solid black;
	margin: 1em 0 0 1em;
	}
	
table.benefit-note th {
	vertical-align: bottom;
	border: 1px solid black;
	}
	
table.benefit-note td {
	text-align: center;
	vertical-align: top;
	border: 1px solid black;
	}

table.benefit-note .left-align {
	text-align: left;
	}

table.benefit-note th.section,
table.benefit-note td.section
	{
	background-color: #efefef;
	}

#regHelpWebAmin,
#regHelpCS {
	border-top: 1px #E6AC8D solid;
	}

#claimForms {
	float: right;
	background-color: #efefef;
	border: 1px solid gray;
	padding: .5em;
	}

#claimForms li {
	font-size: .9em;
	}
	
.inputBoxFixed {
	font-family: monospace;
	}
	
	
/* Contingency */

.menuContingency {
	margin:0px;
	padding:2px;
	}
.menuContingency li{
	display:inline;
	list-style:none;
	}
.menuContingency a, .menuContingency a:link, .menuContingency a:active, .menuContingency a:visited {

	text-decoration:none;
	color:#060;
	padding:2px 4px 2px 4px;
	border:1px solid #006;
	border-bottom: 0px;
	}
.menuContingency a:hover{
	text-decoration:underline;
	}

.contingencyTab {
	visibility:visible;
	border:1px solid #006;
	padding:6px;
	margin:2px;
	margin-top:0px;
	/*width:550px;*/
	white-space:normal;
	}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}
	
	
	
	
body {margin: 4px; background-color: #000000;}
.uifooter  { color: #fff; font-size: 12px; padding: 3px; }
.uifooter a  { color: #99CD32; text-decoration: none; }
.uifooter a:hover  { border-bottom: 1px #fff dotted; }
td { font-size: 9pt; font-family: verdana; vertical-align: top   }
h2  { color: white; font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 400; background-color:#333; padding:2px; border:1px solid #fff; /*background-image: url(/images/header.gif)*/}
h3 { color: white; font-size: 14pt; font-weight: 400; }
h4 { font-size: 9pt; font-weight: bold; }
.docHeader { color: black; font-size: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; }

.error-msg-large { color: red; font-size: 16px; font-weight: bold;  }
.error-msg { color: red; font-size: 12px; font-weight: 400;  }

.text-button { padding: 5 8 5 8px; background: #99CD32; border-top: dotted black 1px; border-bottom: dotted black 1px; color: black; text-decoration: none; }
.text-button:hover { background: #999; color: #fff; }
.button-bar { margin-top: 25px; }
.left { margin-left: 15px; }
.right { margin-right: 15px; }
.pad { margin: 20px; text-align: left; }
.center-column { background-color: #fff; text-align: left; }
.home-title { margin-bottom: -20px }

fieldset {
margin: 0 0 0 0;
padding: 0 1em 1em 1em;
border: 1px solid #99CD32;
background-color: #ffffff;
position: relative;
}
html>body fieldset {padding-top: 1em;}
/* IE doesn't need the top padding set so it ignores this rule*/
legend {
padding: .4em;
background-color: #eeeeee;
font-weight: bold;
color: #000000;
border: 1px solid #99CD32;
position: relative;
top: -1em;
} 
	
	
	
	
	ul#uicontent {
			font: 8pt;
font-family: Verdana;
		margin: -9px 10px 0 10px;
		padding:0;
		text-align: left;
		list-style:none;
	}
	ul#uicontent ul {
		margin:0;
		margin-left:10px;
		padding:0;
		border-bottom:0.2em solid #333;
		list-style:none;
	}
	ul#uicontent ul ul {
		margin-left:10px;
		list-style:none;
	}
		ul#uicontent li {
			margin:0;
			color:#222;
			overflow:hidden;
			font: 8pt;
			color:#fff;
			border-top:1px dotted  #000;
			padding:0px 0px 0px 0px;
		}
		ul#uicontent li li {
		}
		ul#uicontent li ul li {
			font: 8pt;
			color:#666;
		}
		ul#uicontent li:hover {
		}
		ul#uicontent li:last-child {
		}
		ul#uicontent li.last {
			border-bottom:1px dotted  #000;
		}
		ul#uicontent li span {
			padding:8px 5px 8px 10px;
			display:block;
			background-color: #000000;
			background:url(/images/uinav.gif) center right no-repeat;
			width:175px;
		}
		ul#uicontent li a {
			color: white;
			text-decoration:none;
			display:block;
			cursor:pointer;
			padding:0;
			margin:0;
			font:8pt verdana;
		}
		ul#uicontent li a:hover {
			text-decoration:underline;
		}
		ul#uicontent li ul {
			border:0;
			width:auto;
			overflow:hidden;
			list-style:none;
		}
		ul#uicontent li ul li {
			border:0;
			padding:0.25em 0.25em;
			margin:0;
		}
		ul#uicontent li ul li a:hover {
			background:#111;
		}
		ul#uicontent li span a {
			margin: 0px 40px 0px 0px;
		}
	#action, #open, #close {
		border:1px solid #fff;
		padding:1em;
		font-size:0.8em;
		overflow:auto;
		margin-left:0px;
		font:8pt verdana,arial,sans-serif;
	}

#leftNav{
	border:3px solid #aaa;
	padding:2px;
	margin:0px;
	width:220px;
}
#content{
	background-color:#aaa;
}