/*
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

/* Providence Layout Calculations - Home Page - width only */
/*	master_container : 974px (970px has 2px border on left and right) 	
		hd : 970px
		bd : 970px
			flash banner : 970px 
			.yui-b containing the T1 nav : 970px
			layout_Content : 385px
			three_boxes : 575px
		ft : 974px 
*/	
/* Providence Layout Calculations - Secondary Pages - width only */
/*	master_container : 974px
		leftCallouts : 180px
		hd : 790px
		bd : 790px
			layout_TopMenu : 790px
			layout_Content : 590px
			rightCallouts : 180px
		ft : 970px
*/

/*** Page Grid System setup ***/
div#doc4.yui-t2, #doc4 { width: 974px; }

.yui-t2 #yui-main {
	margin-left: -190px;
}
.yui-t2 #yui-main .yui-b {
	margin-left: 190px;
}

.yui-g div.first {
	width: 780px;
}

.yui-gc div.first {
	width: 550px;
}

.yui-gc .yui-u {
	width: 220px;
	margin-left: 10px;
}

/** Universal **/
html { overflow-y: scroll; background-color: #fff; }
img { border: 10px solid #fff; }
p { font-size: 12px; font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif; color: #444; }
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #1c7f9e; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #1c7f9e; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #82283A; }
h1 { font-size: 20px; margin-bottom:12px;}
h2 { font-size: 16px; margin-top:12px; margin-bottom:6px;}
h3 { font-size: 13px;  margin-top:8px; margin-bottom:4px;}
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
ul li,
ol li,
dl li { font-size: 12px; font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif; color: #444; line-height: 12px; padding-bottom: 5px; }
div#layout_Breadcrumbs { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #82283A; line-height: 12px; padding-bottom: 5px; }
#layout_Content img { text-align: right; float: right; }

/** Menu **/
ul.Menu .Current a { text-decoration: none; }
ul.Menu .Current   { font-weight: bold; }


/*** the blue box outline, left border, left image, etc ***/
#yui-main {	background: white url('/images/Heart/mastercontainer_bgFF.gif') repeat-y; *background: white url('/images/Heart/mastercontainer_bg.gif') repeat-y;} /** BG is different for IE insanity **/
.leftmenu { background: #82283a url('/images/Heart/stained_heart.jpg') no-repeat; min-height: 211px; height: auto !important; height: 211px; }
/** Dustin Diaz min-height fast hack http://www.dustindiaz.com/min-height-fast-hack/ **/
.OTHG00043 .leftmenu { background: #82283A url('/images/Heart/chapel.jpg') no-repeat; }
.OTHG00009 .leftmenu { background: #82283A url('/images/Heart/praying_hands.jpg') no-repeat; }
.OTHG00053 .leftmenu { background: #82283A url('/images/Heart/virgin_mary.jpg') no-repeat; }
.OTHG00008 .leftmenu { background: #82283A url('/images/Heart/get_job.jpg') no-repeat; }
.Unknown .leftmenu { background: #82283A url('/images/Heart/find_doc.jpg') no-repeat; }


#yui-main .yui-b { background: white; background-image: none; }


br.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }

/*** Header ***/
#hd      { padding-top: 13px; }
#hd .layout_logo   { float: left; margin: 13px;}

#star_icon { float: right; /*padding: 10px 78px 0 0; clear: right; */}
#layout_TopNav { padding: 10px 0 10px 0; text-align: center; margin: 0; }
#layout_TopNav li { display: inline; padding: 0 20px 0 0; font-family: arial,helvetica,clean,sans-serif; }
#layout_TopNav li a { font-size: 10px; line-height: 12px; color: #1c7f9e; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#layout_TopNav li a:hover { text-decoration: underline; }

.tab_box {width: 300px; height:20px; clear: left; padding-left:7px; float:left; margin-top: 20px;}
.tab_links img {border: 0px;}

.upper_tier { float: right; width: 50%;}
.utility_links { float: right; padding: 2px 10px; color:#82283a; font-size:10px; font-weight:bold; line-height:17px; text-decoration:none; 
	text-transform:uppercase;   }
#layout_Search { width: 200px; }
.search_secondary { padding-right: 5px; float: right;}
.searchbox_empty { border: 1px solid #cfe4f6; color: #0397D7; padding: 2px; font-size: 13px; float: left; }
.search_btn { overflow: visible; background: transparent url('/images/Heart/search_btn.gif') no-repeat scroll center top; display: block;
	float: left; font-weight: bold; height: 22px; line-height: 22px; margin-left: -1px; text-align: center; width: 66px; }
#layout_Callouts div#flashsmall { float: none; padding-bottom: 10px}

/*** Left Navigation/Top Navigation - T1 is top, everything else should be left ***/

#layout_LeftMenu { width: 176px; margin-top: 140px; }
#layout_LeftMenu li { list-style: none; }
#layout_LeftMenu li a { color: #fff; }
#layout_LeftMenu li a:hover { text-decoration: none; }
#layout_LeftMenu ul { margin: 10px 0 0 0; padding-left: 10px; }
#layout_LeftMenu ul.Menu { margin: 0; padding-left: 10px; width: 160px; }
#layout_LeftMenu ul.Menu li.T1Active { width: 160px; }
#layout_LeftMenu ul.Menu li.T1Active a { font-size: 16px; border-bottom: 1px solid #fff; font-weight: bold; }
#layout_LeftMenu ul.Menu li.T1Active ul a { font-size: 12px; font-weight: normal; border: none; }

#layout_TopMenu { border-top: 1px solid #0397d6; padding: 0; margin: 0; list-style: none; }
#layout_TopMenu ul { margin: 0; padding: 0; list-style: none; }
#layout_TopMenu li a { font-size: 10px; line-height: 11px; color: #82283a; text-transform: uppercase; font-weight: bold; text-decoration: none; display: block;
	padding: 6px; }
#layout_TopMenu li a:hover { text-decoration: none; color: #1c7f9e; }
#layout_TopMenu li ul { background-color: #fff; position: absolute; width: 130px; left: -9000px; border: 1px dotted #1c7f9e; z-index: 10; }
#yui-main select.hover { visibility: hidden; }
#layout_TopMenu .Menu li { float: left; font-family: arial,helvetica,clean,sans-serif; list-style: none; }
#layout_TopMenu .Menu li:hover ul,
#layout_TopMenu .Menu li.hover ul { left: auto; display: block; }
#layout_TopMenu .Menu li.T1Active a { color: #1c7f9e; }
#layout_TopMenu .Menu ul.T2, 
#layout_TopMenu .Menu li.T2 { padding: 0; margin: 0; z-index:1000;}
#layout_TopMenu .Menu ul.T3 { visibility: hidden; }
#layout_TopMenu .Menu li.T2 a { color: #82283a; padding: 6px; margin: 0; }
#layout_TopMenu .Menu li.T2 a:hover { color: #1c7f9e; text-decoration: none; }
#layout_TopMenu .Menu li.T2 { float: none; }

.leftmenu p { color: #F4EFB5; font-size: 10px; }

/** Left Callouts **/
.layout_LeftCallouts { width: 180px; background-image: url('/images/Layout/grandparent_shoulders.gif'); background-repeat: no-repeat; background-color: #0397d6; 
	float: left; }
.OTHG00002 .layout_LeftCallouts { background-image: url('/images/Layout/nurse_watching.gif'); background-repeat: no-repeat; }

/** Right Callouts **/
.callout_promo { width: 180px; border: 2px solid #cfe4f6; margin-bottom: 0; }
.callout_promo thead th { color: #1c7f9e; font-size: 18px; padding: 5px; text-transform: lowercase; font-style: italic; text-align: left; }
.callout_promo th,
.callout_promo td { border: none; }
.callout_promo ul { margin: 10px 5px; }
.callout_promo li { list-style: none; }
.callout_promo tfoot { background-color: #cfe4f6; }
.callout_promo tfoot a { color: #1c7f9e; }

.layout_Related { width: 180px; border: 2px solid #cfe4f6; margin-bottom: 10px; }
.layout_Related h2 { color: #1c7f9e; font-size: 18px; padding: 5px; text-transform: lowercase; font-style: italic; text-align: left; margin: 0; }
.layout_Related ul { margin: 10px 5px 5px 5px; }
.layout_Related li { list-style: none; }
.layout_Related .MoreLink { background-color: #cfe4f6; padding: 5px; text-align: center; }
.layout_Related .MoreLink a { color: #1c7f9e; font-weight: bold; text-align: center; font-size: 13px; font-family: arial,helvetica,clean,sans-serif; }

#layout_Callouts img { border: 0; padding: 0; margin: 0; }

/** Body **/
#bd { border: 2px solid #a94a58; }
#layout_Content.layout_eWEP { padding: 0 10px 10px 0px; }
div#flashsmall { width: 215px; float: left; }
.PHY div#flashsmall { width: 215px; float: right; }
/*** Footer ***/
#ft      { padding: 13px 0; text-align: left; color: #777; font-size: 9px; clear: both; width: 574px; float: left; }
#ft a { color: #444; text-decoration: none; }
#ft a:hover { text-decoration: underline; }
.tabby_box { float: right; background-image: url('/images/Layout/footer_tab.gif'); background-repeat: no-repeat; width: 167px; height: 37px; 
	margin-right: 80px; }
.tabby_box img { border: none; }
.tabby_box .email_page { padding: 0 6px 0 21px; }
.tabby_box .print_page { padding: 0 3px 0 4px; }

/** Forms **/
.FormError { background-color: red; color: white; }


/** Pre-Registration CSS - NEEDED FOR THE LAYERS TO WORK!!
	don't add px to those top and left numbers, otherwise it breaks
**/
#preRegistrationForm td, #preRegistrationForm th {
    vertical-align: top;
    padding: 1px 5px;
}

.smalltext {
	font-size:smaller;
	color:gray;
}

.flashPlayer {
	float:left;
	margin:5px;
	
}

.flashBox {
	width:700px;
	clear:left;
}

/** Overrides **/
#layout_Content #formID_8 img {
	float: none;
	text-align: left; 
	border: none; 
}
#layout_Content #formID_8 label {
	font-weight: bold;
	color: #1c7f9e;
}

#OTH000731 .yui-gc div.first {
	width: 780px;
}

/** 189 table edits on OTH000307**/

.smallSpace {
	width:100%;
}

.smallSpace td {
	padding:0;
}

.smallSpace p {
	margin-bottom:2px;
}

.HP #myprov {width:125px; float:left; border-right:1px solid #E2E2E2; padding-right:20px; display:block;}
#myprov {display:none;}
.log-in {height:15px; background-color:#f6f6f6; border:1px solid #616161; text-align:center; font-size:11px; margin-top:5px; }
.log-in-second {text-align:center; font-size:11px; width:188px; display:block; color:#0397D6;}
.log-in-second img {border:none; margin:0px 5px 0 0;}
.HP .log-in-second {display:none;}
.qualityheader {background:transparent url('../images/Layout/tableHeader.gif') repeat-x;}
.qualityheader p {margin-bottom:5px; margin-top:5px;}
.tableDivider {background:transparent url('../images/Layout/tableDivider.gif') repeat-x;}

/** Special News Room styles on OTH000939 **/
div#layout_Content table.top_generation h2 a { font-size: 80%; }
div#layout_Content table.media_generation { background-color: #cfe4f6; border-top: 2px dotted #82283a; border-bottom: 2px dotted #82283a; width: 100%; }
div#layout_Content table.bottom_generation { width: 100%; }
div#layout_Content table.bottom_generation td { border: 2px solid #cfe4f6; }
div#layout_Content table.bottom_generation td li { list-style: none; }
div#layout_Content table.bottom_generation td.featEvents { background-color: #cfe4f6; }
div#layout_Content table.bottom_generation td.featEvents p a { font-size: 120%; }
div#layout_Content table.bottom_generation td.rssFeeds img { border: 0; float: none; }
div#layout_Content table.bottom_generation td.rssFeeds ul li img { position: relative; top: 4px; }

/** Homepage for Heart OTH001030 **/
.OTH001030 #layout_Breadcrumbs,
.OTH001030 h1.page_title { display: none; }
table.no_borders img { border: 0; padding: 0; margin: 0; }
table.no_borders td { padding: 0 2px; margin: 0; }
table.no_borders,
table.even_columns,
table.even_columns table { margin-bottom: 0; }
table.even_columns td { width: 50%; padding: 0 3px; }
table.even_columns td td { width: auto; }
table.even_columns h3 { margin: 0; padding: 0; }
table.even_columns h3 a,
table.even_columns h3 a:link,
table.even_columns h3 a:visited,
table.even_columns h3 a:hover { color: #1C7F9E; }
table.even_columns td td img { border: 0; margin: 0; padding: 0; }