/******************************************/
/*            Global Styles               */
/******************************************/

body { margin:0; padding:0; background:#222c80; background:#e7e7f2; color:#48402a; font-family:Arial, sans-serif; font-size:small; }
p { margin:0; padding:0.3em 0 0.3em 0; }
img { border:0; }
form { margin:0; padding:0; }
ul { margin-bottom:0; margin-top:0; padding-bottom:0; padding-top:0; }
ul li { padding-top:0.3em; padding-bottom:0.3em; }
a { color:#222c80; }

h1 { margin:0; padding:0 0 0.4em 0; font-size:160%; color:#cc0066; }
h1 b { font-weight:normal; }
h2 { margin:0 -10px 5px -10px; padding:0.3em 10px 0.3em 10px; color:#222c80; background:#cbb06d; font-size:12px; }
h3 { margin:0; padding:0.3em 15px 0 15px; color:#5f554e; font-size:100%; }
h4 { margin:0; padding:0; font-size:105%; }

h2 b { font-size:110%; }

.flash-text { padding-top: 5px; padding-bottom: 3px; }

.large-text { font-size:120%; }
.floatright { float:right; }
.floatleft { float:left; }

/******************************************/
/*            Main Structure              */
/******************************************/

#site-wrapper { width:910px; border-left:solid 20px #222c80; border-right:solid 20px #222c80; margin:auto; font-size:85%; position:relative;  }
#headerWithSearch { height:35px; position:relative; background:#222c80; }
#headerNoSearch { height:35px; position:relative; background:#222c80; }

#main { padding:0 15px 0 15px; background:#fff url(images/main_bg.gif) 0 30px repeat-y; }
#footer { margin:0 -15px 0 -15px; padding:0.3em 15px 15px 15px; border-top:solid 15px #fff; background:#222c80; color:#fff; position:relative; clear:both; }
#footertext { text-align: right; }

.header-home { border-bottom:solid 45px white; }
.header-interior { border-bottom:solid 30px white; }

.home-link { width:219px; height:62px; top:0; left:15px; background:url(images/logo_uhc.gif) 0 0 no-repeat; display:block; position:absolute; text-indent:-9999px; overflow:hidden; }
.college-insurance-link { padding-left:15px; background:url(images/arrow.gif) 0 1px no-repeat; }
.k-12-link              { padding-left:15px; background:url(images/arrow.gif) 0 1px no-repeat; }
.student-resources-link { width:129px; height:26px; top:4px; left:759px; background:url(images/text_student-resources.gif) 0 0 no-repeat; display:block; position:absolute; text-indent:-9999px; overflow:hidden; }

#headerNoSearch ul { position:absolute; left:580px; top:50px; list-style:none; margin:0; padding:0; }
#headerNoSearch ul li { height:0.9em; margin-right:10px; line-height:0.9em; background:url(images/dots.gif) right 0 repeat-y; float:left; }
#headerNoSearch ul li a { height:1em; padding-left:15px; margin-right:10px; float:left; }


#headerWithSearch ul { position:absolute; right:242px; top:50px; list-style:none; margin:0; padding:0; }
#headerWithSearch ul li { height:0.9em; margin-right:10px; line-height:0.9em; background:url(images/dots.gif) right 0 repeat-y; float:left; }
#headerWithSearch ul li a { height:1em; padding-left:15px; margin-right:10px; float:left; }


#search { width:200px;top:50px; color:#222c80; position:absolute; left:665px; margin:0; padding:0;}
#search label { width:50px; padding-top:2px; float:left; }
#search input { width:120px; padding:1px 0; margin:0; height:11px; float:left; font-size:10px; }
#search a { width:18px; height:17px; margin-left:5px; background:url(images/go.gif) 0 0 no-repeat; float:left; text-indent:-9999px; overflow:hidden; }
#footer a { color:#fff; letter-spacing:1px; }
#header a { text-decoration:none; font-weight:bold; }
#header a:hover { text-decoration:underline; }


/******************************************/
/*              Home Styles               */
/******************************************/

/*#flash { height:230px; background:#fff url(images/apples.jpg) }*/
#flash { height:230px;}

#col-1 { width:660px; display:inline; float:left; }
#col-2 { width:185px; padding:0 10px 0 10px; margin-left:15px; display:inline; float:left; }

#col-1-a { width:388px; display:inline; float:left; }

#col-1-b { margin-left:15px; width:257px; display:inline; float:left; }
#col-1-c { width:310px; display:inline; float:left; }
#col-1-c h2 { margin:0 -10px 5px -10px; padding:0.3em 10px 0.3em 10px; color:#222c80; background:#cbb06d; font-size:15px; }
#col-1-d { margin-left:15px; width:310px; display:inline; float:left; }
#col-1-d h2 { margin:0 -10px 5px -10px; padding:0.3em 10px 0.3em 10px; color:#222c80; background:#cbb06d; font-size:15px; }

#col-1-b a.moreLinkFlushedRight {float: right; }

#col-1 a, #col-2 a { text-decoration:none; }
#col-1 a:hover, #col-2 a:hover { text-decoration:underline; }

.homebox { margin-top:15px; padding:0 10px; border:solid 1px #cbb06d; }

.box1 { min-height:275px; }
.box2 { min-height:113px; }
.box3 { min-height:145px; }


*html .box1 { height:275px; }
*html .box2 { height:113px; }
*html .box3 { height:145px; }

h1.home { display:none; }




#col-2 ul { list-style:none; margin:0; padding:0; }
#col-2 ul li { font-weight:bold; padding-left:15px;background:url(images/arrow.gif) 0 5px no-repeat; }
#col-2 ul li.upperCase { text-transform: uppercase; }
#col-2 ul li a { font-weight:bold; display:block; width:100%; }
#col-2 ul li ul li { padding-left:15px; background:url(images/arrow.gif) 0 5px no-repeat;  text-transform: none;  }
#col-2 ul li ul li a { font-weight:bold; display:block; width:100%; }


#col-1 ul li a.moreLink { font-weight:normal; display:inline;}




/******************************************/
/*            Interior Styles             */
/******************************************/

#interior-nav { width:220px; padding:5px 0 5px 0; float:left; clear:left; border-bottom:solid 5px #222c80; background:#e7e7f2; }
#content { width:660px; float:left; }
#intcol-1 { width:400px; float:left; display:inline; line-height:1.7em; }
#intcol-1 p { padding:0 0 1.2em 0.1em; }
#intcol-1 h5 {color:#cc0066;background:#ffffff}
#intcol-2 { width:230px; margin-left:15px; float:left; display:inline; line-height:1.7em; }
#feature { margin:0 0 15px 0; padding:10px 15px 0 223px; min-height:178px; line-height:2.0em; font-weight:bold; background:#e7e7f2 url(images/CollegeSchoolsLandingPage.jpg) 0 0 no-repeat; }
*html #feature { height:178px; }

#feature h2 { margin:0; padding:0; background:transparent; color:#cc0066; font-size:130%; }

#flash-interior { height:28px; background:#222c80; }

.interior { background:#fff !important; }

#content-padding { padding:10px 0 0 15px; line-height:1.5em; }

#content-padding .fieldsFontSize {font-size:10px; vertical-align:middle;}

#content-padding h2 { margin:0; padding:0 0 0.3em 0; background:transparent; font-size:120%; clear: both }
#content-padding h2 a { position:absolute; right:10px; top:3px; font-weight:normal; font-size:90%; }
#content-padding .intbox h2 { margin:0 -10px 5px -10px; padding:0.3em 10px 0.3em 10px; color:#222c80; background:#cbb06d; font-size:12px; }
#content-padding h3 { margin:0.7em 0 0.8em 0; padding:0px 10px; color:#222c80; background:#e7e7f2; text-transform:uppercase; }

#breadcrumb { position: relative; z-index: 99; }

#breadcrumb ul { list-style:none; margin:0 0 0 30px; padding:0; color:#cc0066; }
#breadcrumb ul li { float:left; }
#breadcrumb ul li a { color:#7f7771; padding-right:10px; margin-right:5px; float:left; background:url(images/arrow-crumb.gif) center right no-repeat; }

#interior-nav ul { list-style:none; margin:0; padding:0; }
#interior-nav ul li { float:left; margin:0; padding:0; width:100%; }
#interior-nav ul li a { padding:0.3em 0 0.3em 15px; margin-left:20px; display:block; text-decoration:none; font-size:110%; font-weight:bold; background:url(images/arrow.gif) 0 center no-repeat; }
#interior-nav ul li a.selected { font-size:120%; background:url(images/arrow-down.gif) 0 center no-repeat; }
#interior-nav ul li ul { list-style:none; margin:0; padding:0; }
#interior-nav ul li ul li {  }
#interior-nav ul li ul li a { margin:0 0 0 40px; padding-left:0; border-top:solid 1px #ccc; font-size:100%; font-weight:normal; background:transparent; }
#interior-nav ul li ul li a.selected { margin:0 0 0 20px; padding-left:20px; border:0; color:#fff; background:#495458 url(images/arrow-int-nav.gif) 5px center no-repeat; }
#interior-nav ul li ul li ul { list-style:none; margin:0; padding:0; }
#interior-nav ul li ul li ul li {  }
#interior-nav ul li ul li ul li a { margin:0 0 0 40px; padding-left:20px; background:url(images/box-int-nav.gif) 5px center no-repeat; }
#interior-nav ul li ul li ul li a.selected { margin:0 0 0 40px; padding-left:20px; color:#665E58; background:url(images/box-int-nav.gif) 5px center no-repeat; }

#school-select label { float:left; margin-right:5px; font-weight: bold; }
#school-select select { font-size:100%; margin-right:5px; float:left; }
#school-select input { font-size:100%; margin-right:5px; float:left; }
#school-select a { float:left; width:18px; height:17px; border:0; margin-left:5px; background:url(images/go.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

.intbox { margin-bottom:15px; padding:0 10px; border:solid 1px #cbb06d; position:relative; }
.intbox ul { list-style:none; margin:0; padding:0; }
.intbox ul li { padding-left:15px; background:url(images/arrow.gif) no-repeat 0px 9px; }

.intbox b { color:#222c80; }
.intbox h5 { margin:0 -10px 5px -10px; padding:0.3em 10px 0.3em 10px; color:white; background:#cc0066; font-size:12px; }

.intboxpf { margin-bottom:15px; padding:0 10px; border:solid 1px #cc0066; position:relative; }
.intboxpf ul { list-style:none; margin:0; padding:0; }
.intboxpf ul li { padding-left:15px; background:url(images/arrow.gif) no-repeat 0px 9px; }

.intboxpf b { color:white; }
.intboxpf h5 { margin:0 -10px 5px -10px; padding:0.3em 10px 0.3em 10px; color:white; background:#cc0066; font-size:12px; }


#progress-bar { margin-top:2px; margin-right:60px; margin-bottom: 20px;  display:block; float:left; }
#progress-bar img { margin-top:2px; margin-right:0px; float:left; }

.prompt { padding-left:10px; font-weight:bold; color:#222c80; }
.highlight { color:#cc0066; }

/* generic content table styles */

.content-table { width:100%; margin-top:0.3em; margin-bottom:10px; }
.content-table th { padding-left:10px; color:#222c80; text-align:left; font-weight:bold; text-transform:uppercase; background:#e7e7f2; }
.content-table td { padding:0.1em 0 0.1em 20px; }
.content-table b { color:#222c80; }

/* some buy insurance-specific table styles */

.buy-insurance-table { width:100%; margin-top:10px; background:url(images/hatch.gif) 0 0 repeat-x; border-collapse: collapse; }
.buy-insurance-table a { padding-left:10px; }
.buy-insurance-table th { padding-top:10px; padding-bottom:3px; text-align:left; font-weight:normal; color:#222c80; }
.buy-insurance-table th strong, .buy-insurance-table th b { text-transform:uppercase; }
.total-row { background:url(images/dots.gif) 0 10px repeat-x; font-weight:bold; color:#222c80; }
.total-row td { padding-top:23px; }
.total-row input { background:#222c80; color:#fff; text-transform:uppercase; border:0; padding:0; margin:0; font-size:80%; }

.altrow { background:#e7e7f2; }

/* student info (in buy insurance) table styles */

.student-info-table,
.dependent-info-table { margin-bottom:0.8em; }
.dependent-info-table { width:100%; }
.student-info-table td { vertical-align:top; }
.student-info-table td.divider { width:20px; background:url(images/divider.gif) center 0 repeat-y; }
.student-info-table table { width:100%; margin-bottom:0; }
.student-info-table table td,
.dependent-info-table td { padding:2px 0 2px 10px; vertical-align:middle; }
.student-info-table input,
.dependent-info-table input { margin-right:5px; }

.student-info-table tr.altrow td { padding:8px 10px; }

.sit-col1 { width:355px; }
.sit-col2 { width:270px; }

.table-dots { height:20px; background:url(images/dots.gif) 0 bottom repeat-x; }

/* style for elements on about us page */
#abouttext { width:600px; float:left; display:inline; line-height:1.7em; }
#imagealign{float:left}
#txtalign{float:left}
 
/* styles for contact us form */
#contactus {width:600px; float:left; display:inline; line-height:1.4em; }
#contactus p{padding-left:45px; padding-bottom:0.1em}
#contactus h2{margin:0 -10px 0.2em 1px; padding:0.3em 10px 0.1em 1px; margin-bottom:0.5em; padding-left:45px;background-color:Transparent;padding-bottom:0.1em}



/* styles for feedback form */
 p.text{padding-left:30px; width:400px}
 .reqdLabel{padding-left:30px; font-size:12px}
 
.feedback_table{width:100%; margin-top:15px; border-collapse: collapse;}
.feedback_table_rows{margin-top:0.3em;}
.feedback_radiobuttons{padding-left:40px; padding-bottom:2px}
.feedback_table_leftcolumn{ width:150px;padding-left:30px;font-size:12px; font-weight:bold; vertical-align:top  }
.feedback_dropdown{width:205px;}
.feedback_textbox{width:200px}
.feedback_multilinebox{width:200px;height:180px}
.feedback_button{width:100px; margin-top:0.3em}
.feedback_asterisk{color:Red}


.testing { width:400px; color:#222c80; position:relative; }
.testing label { width:100px; padding-top:1px; padding-bottom: 3px; float:left; margin-bottom: 5px;}
.testing input { width:120px; padding-top:1px; padding-bottom: 3px; margin-bottom: 5px; height:11px; float:left; font-size:10px; }
.testing br { clear: both; }


.errorMessage { color: #d32027; font-size: 11px; font-weight: bold; }
.instructionalText { font-size: 100%; font-weight: bold; color:#222c80; padding-bottom: 30px; }
.requiredIndicatorLabel { color: #d32027;font-weight: bold; }
.requiredIndicator { color: #d32027;font-weight: bold; font-size: 1.2em;  display: inline; vertical-align: middle; }
/* NurseLine page */
.NLPhoneNum{font-size:15px; font-weight:bolder}

/* Quote Request Form styles */
.quoterequest { margin-bottom:0.8em; padding-left: 8px; }
.quoterequest p.Address { padding-left: 50px; }
.quoterequest span.patientText { font-weight:bold; font-size:11px; }
.quoterequest label { width:auto; font-weight:bold; font-size:11px; }
.quoterequest input { height:12px; font-size:11px; }
.quoterequest select { height:12px; font-size:11px; }
.quoterequest input.Entry { width: 175px; }
.quoterequest-mailtotext { font-size:13px; font-weight:bold; }
.quoterequest-satext { font-size:13px; color:navy; }
.quoterequest form_textbox{width:200px; font-family:Arial;font-size:11px;color:#48402A; }
.quoterequest-table { width: 100%; margin-top:0.3em; margin-bottom:10px; border-collapse: collapse; }
.quoterequest-table td { padding-right: 10px; vertical-align: top; white-space: nowrap;}
.quoterequest-table td.Signature { width: 190px; }

.quoteText { font-size: 100%; font-weight: bold; color:#222c80; padding-bottom: 10px; }
.radioButtons input
{
	height: 14px;
}
.radioButtons label { vertical-align:bottom;}

/******************************************/
/*                Notes                   */
/******************************************

Using negative margins in the #footer so that it can rest inside the #main div and #main can then retain its padding.
The left & right margin must be the negative values of #main's right and left padding values.
This technique is used for the h2s in the three brown boxes on the home page.

The #main div has no bottom padding and the #footer has a thick top border to mimic the #main's white background.
This creates the illusion that the bottom padding is on the #main div but it actually comes from #footer's thick border-top.
This was required to get the #main div background to extend properly and stop in the correct place.

In order to keep headers' text bold but still mimic the "Student Resources" font style in that particular header, there's a style for b tags nested in h2 tags that makes the text "extra" bold.
(It adds +10% to its size.)

There are min-heights (and the corresponding *html heights required by IE 6) on the three home page boxes w/brown borders.
This is to preserve their grid-like layout as much as possible.
If the content frequently goes over these minimum values, consider tweaking these values or reorganizing content.

A <b> tag in an H1 will actually reverse the bolding.  Again, this is specifically for StudentResources font stylings.
*/
.mainImageHolder
{
	
	/*background: #e7e7f2;*/
}
.mainImageHolder image {vertical-align: bottom;  }


.mainImageHeader1{color:#cc0066;font-family:Arial;font-weight:bolder;font-size:24pt; }
.mainImageHeader2{color:Gray;font-family:Arial;font-weight:bold;font-size:14pt;}

#mainImageHolder
{
	position: relative;
	height: 300px;
}
#mainImageHolderImage
{
	float: left;
	width: 200px;
}
#mainImageHolderHeader
{
	left: 225px;
	top: 120px;
	width: 425px;
	position: absolute;
}



.fmspSearchFull { width:360px;top:50px; color:#222c80;}
.fmspSearchFull label { width:170px; padding-top:2px; float:left; }
.fmspSearchFull input {  width:120px; padding:1px 0; margin:0; height:11px; float:left; font-size:10px; }
.fmspSearchFull a { width:18px; height:17px; margin-left:5px; background:url(images/search.gif) 0 0 no-repeat; float:left; text-indent:-9999px; overflow:hidden; }
#padderFull {display: block ;  font-size:12px; padding-left: 170px; padding-top: 8px; padding-bottom: 8px;  font-weight: bold; }

.fmspSearchCompact { width:200px; left:0px; color:#222c80; }
.fmspSearchCompact label {display: block; width:200px; padding-top:12px; }
.fmspSearchCompact input {width:120px; padding:1px 0; margin:0; height:11px; font-size:10px; float: left;}
.fmspSearchCompact a { display: inline-block; float: left; width:18px; height:17px; margin-left:5px; background:url(images/search.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#padderCompact {display: block; font-size:12px; padding-left: 50px; padding-top: 5px; font-weight: bold;}