/*
	screen-global.css
	(c)2006 Avalon Consulting LLC. All Rights Reserved.
	http://www.avalonconsult.com
	Version 3.0

	Modification - History
	----------------------------------------------------------------------

	NOTE:
	This CSS file contains many of the global styles present on every
	page. It also imports screen-header and screen-footer stylesheets,
	and provides vigneete element styling.
	
	08/22/06 - Separated the CSS for li and ol.li
-------------------------------------------------------------------------*/

/* Imported Styles
----------------------------------------------- */
@import url('screen-header.css');
@import url('screen-footer.css');

/* =global
---------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	/*font-size: 76%;*/
	height: 98%;
	}

body.bg-home { background: #DADECD; }
body.bg-solid { background-color: #DADECD; }

html,body {
	height: 98%;
	}

/* =headings
	=headlines
---------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	}
h2, h3, h4, h6 {
	line-height: auto;
	}
h1, h2, h5, h6  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h1, h5 {
	font-size: 2.4em;
	padding: 4px 0;
	margin: 0px 0 10px 0; /*normal h1, margin: 0 0 10px 0; Revert if breaking elswhere. */
								 /* For article detail h1, margin: -9px 0 15px 0;  */
	}

/* when an h1 appears at the top of a chromeless portlet, we need to suck up the top padding to make gutters line up. */
div.chromeless div.epi table tr td h1, 	/* this one handles an article detial view on a normal page */
div.epi table tr td h1, 						/* these get the detail view of an article on a portal detail vew page. */
div.epi table tr td h5 {
	margin: -9px 0 10px 0;
	}
h2, h6 {
	padding: 7px 0;
	font-size: 1.9em;
	}
h3, h4 {
	font-weight: bold;
	}
h3 {
	font-size: 1.5em;
	padding: 8px 0;
	}
h4 {
	font-size: 1em;
	padding: 5px 0;
	}

/* Header styles are not underlined when links */
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h7 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h7 a:visited {
	text-decoration: none;
	font-size: .9em;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	text-decoration: underline;
	}

/* -- end headers --*/

/* sh-brand-sq is used to place an image inside a header for selecthealth */
.sh-brand-sq {
	height:1em;
	float:left;
	vertical-align:baseline;
	padding:0 ;
	margin:0 .2em 0 0;
	}

p {
	color: #333;
	font-size: 1.0em;
	line-height: 1.2em;
	font-style: normal;
	margin-bottom: 3px;
	}

/*List formatting*/

ul.li, ol.li, blockquote {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font-size: 0.95em;
	font-style: normal;
	line-height: 1.3em;
	}

#av-lnav-wrap li {
	list-style:none;
}

ul.li {
	list-style-type: none;
	}
ol {
	margin-left: 2.7em;
}
li {
	text-align: left;
	}

li>p {margin-top: 0.2em;}

pre {
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {font-weight: bold;}

img {
	border: 0;
	text-decoration: none;
	vertical-align: top;
	display: block;
	}

.inline {
	display: inline;
	border: 0;
	}

.block {
	display: block;
	clear: both;
	}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	}

.pointer {
	cursor: pointer;
	}

a {
	color: #36F;
	}

a:link, a:visited	{
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #000;
	}

a:active {text-decoration: none;}

/* =body-wrap
---------------------------------------------- */
div#av-body-wrap {
	margin: 0px auto;
	width: 771px;
	padding: 0;
	}

/* =breadcrumbs
---------------------------------------------- */
#bread-gen {
	color: #000;
	background-color: transparent;
	}

#bread-gen ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	}

#bread-gen ul li {
	margin-left: 0;
	padding-left: 4px;
	border: none;
	list-style: none;
	display: inline;
	font: normal 1.0em/1.2em Arial, Helvetica, sans-serif;
	}

/* Enroll Articles
---------------------------------------------- */

	#av-enroll-articles {
		margin: 0 0 0 0;
		padding: 0;
		display: block;
		width: 760px;
		height: 111px;
		background: transparent url('../../images/sh/enr-landing-portlet-row-bg.gif') no-repeat top left;
		overflow: hidden;
		}

			#av-enroll-articles div.port-wrap, #av-enroll-articles div.port-wrap-last {
				float: left;
				color: #FFF;
				margin: 0 9px 0 0;
				padding: 5px 8px 10px 8px;
				width: 355px;
				height: 111px;
				voice-family: "\"}\"";  /* IE5 fix */
				voice-family:inherit;
				width: 355px;
				height: 91px;
				}

			#av-enroll-articles div.port-wrap-last {
				float: right;
				margin: 0 1px 0 0;
				padding: 0;
				width: 375px;
				height: 111px;
				}

			#av-enroll-articles div.port-wrap .headline {
				margin-top: 1px;
				font: bold 12px/13px Arial, Helvetica, sans-serif;
				color: #FFF;
				text-transform: uppercase;
				text-align: center;
				}

			#av-enroll-articles div.port-wrap .content {
				margin: 5px 0 0 0;
				font: normal 11px/13px Arial, Helvetica, sans-serif;
				color: #646462;
				display: block;
				}

			#av-enroll-articles a {
				color: #646462;
				text-decoration: none;
				}

			#av-enroll-articles a:hover {
				color: #FFF;
				}

/* =disclaimer
---------------------------------------------- */
content p.sh-disclaimer {
	padding: 5px;
	margin: 1.5em 10px 0 10px;
	border: 1px solid #E7E7E7;
	color: #999;
	font-size: 0.80em;
	line-height: 0.90em;
	}


/* =vignette
---------------------------------------------------------------*/
/* 03/03/06 (TSN)
	decided to add a separate body-wrap for VAP elements -- doing so will keeo them ligned up with the
	page body-wrap, but will avoid pushing out its boundaries. Even if this will expand beyond the screen's
	edge, the damage to the layout will be minimal.
*/

/* Overriding some of the default VAP styles */
.ihc-article-class td, .ihc-article-class tr, .ihc-article-class table, .ihc-article-class div, .ihc-article-class p, .ihc-article-class body {font-size: 12px !important; }

#av-vap-body-wrap {
	margin: 0 auto;
	width: 771px;
	padding: 0;
	}

.epi-modDrg { font: normal 12px/13px Arial, Helvetica, sans-serif; }

.chromeIntermountain {
	margin:0 0 20px 0;
	padding:0;
	}

.chromeIntermountainContainer {
	padding:0 0 0 3px;
	}

.chromeIntermountainContent {
	margin:0;
	padding:3px 0 0 6px;
	}

.chromeIntermountainControls {
	float:right;
	font-size:0px;
	margin:0 0 0 4px;
	padding:0 4px 0 0;
	width:67px;
	}

.chromeIntermountainControls a {
	float:right;
	font-size:0;
	height:18px;
	margin:2px 0 0 0;
	width:11px;
	}

.chromeIntermountainHeader {
	margin:0;
	padding:0;
	}

.chromeIntermountainTitle {
	padding:3px 3px 3px 3px;
	}

.chromeless {
	margin:0 0 20px 0;
	padding:0;
	}

.chromeIntermountainTitle, .chromeIntermountainTitle span, .epi-chromeHeaderFont {
	font-size: 11px !important; line-height: 13px; font-weight: bold;
	}

.chromeIntermountain *,
.chromeIntermountainContainer *,
.chromeIntermountainContent * {
	font-size: 12px !important; line-height: 13px;
	}


/* =sifr
	=SIFR
---------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced {
	visibility: visible !important;
	}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case
	is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much
	narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy
	styles
.sIFR-hasFlash .headline {
	visibility: hidden;
	}
*/