/*  Layout.xsl
	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.
*/



/*** Page Grid System setup ***/
.layout_Normal, .layout_NoRight, .layout_NoLeft, .layout_NoNav {
	margin:auto;
	text-align:left;
	width: 750px;
	min-width:750px;
}

.layout_Normal  #yui-main, .layout_NoRight #yui-main { float: right; margin-left:  -325px; }
.layout_NoLeft  #yui-main                            { float: left;  margin-right: -325px; }

.layout_Normal  .yui-b,    .layout_NoRight .yui-b    { float: left;  width: 245px; }
.layout_Normal  #yui-main .yui-b,
.layout_NoRight #yui-main .yui-b                     { margin-left: 252px; padding-right: 10px; }


.layout_NoLeft  #yui-main, .layout_NoNav   #yui-main { display: block; margin: 0 0 13px 0; }

html { overflow-y: scroll; }
#lower_doc { width: 100%; }
#ft 
{
	background-color: #91b816;
	height: 30px;
	text-align: center; 
	color: black;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 13px 0px;
}
#ft p { margin: 0px 0px 2px 0px; padding: 0px; }
#ft a {	color: black; font: bold 11px Verdana, Arial, Helvetica, sans-serif;	text-decoration: none; }
#ft a:hover { color: #723983; text-decoration: underline; }

/*** Universal Styles ***/
h1, .page_title      { color: white; font: bold 15px Verdana, Arial, Helvetica, sans-serif; }
h2, .bodytext_header { color: white; font: bold 14px          Arial, Helvetica, sans-serif; display:block; padding-top:8px; padding-bottom:0px; }
h3, .bodytextbold    { color: white; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.bodytext            { color: white; font:      12px          Arial, Helvetica, sans-serif; }
.bodytext_white      { color: white; font:      12px          Arial, Helvetica, sans-serif; }
.bodytext_small      { color: white; font:      10px          Arial, Helvetica, sans-serif; }
.copyright           { color: white; font:       9px Verdana, Arial, Helvetica, sans-serif; }
.promoText           { color: white; font:      10px          Arial, Helvetica, sans-serif; }
.promoHeader         { color: white; font: bold 12px          Arial, Helvetica, sans-serif; }
.footerText          { color: white; font:      10px          Arial, Helvetica, sans-serif; }
.breadcrumb          { color: white; font:      10px Verdana, Arial, Helvetica, sans-serif; }
.breadcrumbActive    { color: #0078c0; font:      10px Verdana, Arial, Helvetica, sans-serif; }

/** Callouts has explict width of 200px */
.yui-ge div.first { width: 529px;}
.yui-ge .yui-u    { width: 180px;}

.yui-g { padding-left: 5px; }

/*--------------------------------------------
              Home Page Only
---------------------------------------------*/

.HP #hd { background: #CACACC url('/images/HomePage/heartlogo_980.gif') no-repeat top left; }
.HP #bd {
    width: 978px;
    height: 365px;
    margin-left: 0;
    background-image: url('/images/OtherPages/left_nav_opage.gif'); 
    background-repeat: no-repeat;
    border-right: 1px solid #91B816; 
    border-left: 1px solid #91B816;
}
.HP #fontResizerButtons { display: none; }
#homePagePromo #layout_Content { 
	background-color: transparent; 
	font-size: 12px; 
	text-align: left; 
	width: 774px; 
	margin: 0 auto;
	background-image: url('/images/HomePage/roundedbox_top.gif');
	background-position: center top; 
	background-repeat: no-repeat;
	padding: 23px 0 0 0;   
}
#homePagePromo #layout_Content table { margin-bottom: 0; }
#homePagePromo #layout_Content table td, 
#homePagePromo #layout_Content table th { border: none; }
.content_wrapper { 
	background-image: url('/images/HomePage/roundedbox_middle.gif'); 
	background-position: top; 
	background-repeat: repeat-y;
	width: 782px; 
	padding: 0; 
	margin: 0 auto; 
}
.HP .layout_Normal #yui-main .yui-b, .HP .layout_NoRight #yui-main .yui-b { padding-right: 0; }
.HP .flash_banner { width: 721px; height: 365px; float: right; font-size: 0; line-height: 0; margin: 0; padding: 0; position:relative; z-index:1;}

/*--------------------------------------------
                  Header
---------------------------------------------*/
#doc { width: 980px; font-size: 12px; margin: 0 auto 0 auto; }
#doc { background-color:  #50265a; }
body { color: White; background-image: url('/images/Layout/bg.gif'); background-repeat: repeat-x; background-color: #50265A; }
#hd  { height: 125px; width: 980px; padding-top: 7px; }
#hd          { background: #CACACC url('/images/HomePage/heartlogo_980.gif') no-repeat top left; }
#hd.subAcute { background: #CACACC url('/images/Managed/subAcute_Header.jpg') no-repeat top left; }

#hd	a#logo {
	height: 90px;
	width: 360px;
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 10px;
}

#hd a#logo span { visibility: hidden; }

#hd a { text-decoration: none; }
#hd a:hover { color: #C1E0EC; }

#bd {
    width: 978px; 
    margin-left: 0px;
    background-image: url('/images/OtherPages/left_nav_opage.gif'); 
    background-repeat: no-repeat;
    border-right: 1px solid #91B816; 
    border-left: 1px solid #91B816;
}

#layout_MemberLogin { float: left; margin-left: 52px; margin-top: 2px; width: 230px; color: White; font-weight: bold; }
#layout_MemberLogin label { width: 75px; }
#layout_MemberLogin h2 { padding: 0 0 10px 0; border: 0; margin: 0; color: #fdf9be; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

#layout_UserName { width: 100px; height: 20px; margin-bottom: 3px; border: 1px solid #A4B97F; }
#layout_Password { width: 100px; height: 20px; border: 1px solid #A4B97F; }
#layout_MemberLoginSubmit { margin: 1px 0px 0px 7px; width: 28px; height: 24px; vertical-align: bottom;  font-weight: bold; }
#layout_TopNav li {display: inline;	list-style:none; float:right;}

#topBar {
	background-color: #CCDFE1;
	color: #006666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 100%;
	height:30px;
	padding: 10px 30px 10px 30px;
	font-weight: bold;
	margin-bottom: 0px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: double;
	border-bottom-width: thick;
}


.perform_search { padding-top: 64px; padding-left: 50px; float: left; }
.searchbox_empty { border: 1px solid #7f9db9; color: #000; padding: 2px; font-size: 13px; float: left; }
.search_btn { overflow: visible; background: transparent url('/images/HomePage/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: 50px; }


#addressLine {float:left; }

/*--------------------------------------------
                  Navigation
---------------------------------------------*/

/** Begin basic structural logic **/
/* Set default menu item display to "none" */
ul.Menu ul    { display: none; }

/* Set menu items to display if they are the current or active menu */
ul.Menu ul.Active,
ul.Menu ul.Current { display: block; }

/** Begin display logic specific to the left menu **/

/* Set width, margin, padding, etc */
#layout_LeftMenu { margin: 0; padding: 0px 0px 0px 2px;}

/* Remove all margin, padding, and list styles in the menu */
#layout_LeftMenu ul,
#layout_LeftMenu li { margin: 0px; padding: 0px; list-style: none; }

#layout_LeftMenu li.T1 a { color: white; padding-left:5px;}
#layout_LeftMenu li.T1 a:hover { text-decoration: none; color: white; }
/*-----undoing indentation for after the first---------*/
#layout_LeftMenu li.T2 a{ padding-left:0px; }


/* First Tier is indented and has some extra padding */
#layout_LeftMenu li.T1   { padding: 5px 0px;}

/* Second tier has more indention */
#layout_LeftMenu ul.T2 { padding-left: 0px; margin-top:5px;}
#layout_LeftMenu li.T2 {padding: 5px 5px 5px 15px; }

/* Indention for tier 3 */
#layout_LeftMenu ul.T3 { padding-left: 15px; }

/* Indention for tier 4, and square style */
#layout_LeftMenu ul.T4 { padding-left: 20px; list-style-type: square; }
#layout_LeftMenu li.T4 { list-style: square; }

/*-------active navigation----------*/
#layout_LeftMenu li.T1Current a {font-weight:bold; color:#ffffff;}
#layout_LeftMenu li.T1Current .T2 a {font-weight:normal; color:white;}
#layout_LeftMenu li.T1Active a {font-weight:bold; color:#ffffff;}
#layout_LeftMenu li.T1Active .T2 a {font-weight:normal; color:white;}

#layout_LeftMenu li.T1Current a:hover {font-weight:bold; color: white;}
#layout_LeftMenu li.T1Current .T2 a:hover {font-weight:normal}
#layout_LeftMenu li.T1Active a:hover {font-weight:bold; color:white;}
#layout_LeftMenu li.T1Active .T2 a:hover {font-weight:normal}

#layout_LeftMenu li.T2Current a {font-weight:bold;}
#layout_LeftMenu li.T2Current .T3 a {font-weight:normal}
#layout_LeftMenu li.T2Active a {font-weight:bold;}
#layout_LeftMenu li.T2Active .T3 a {font-weight:normal}

#layout_LeftMenu li.T2Current a:hover {font-weight:bold;}
#layout_LeftMenu li.T2Current .T3 a:hover {font-weight:normal}
#layout_LeftMenu li.T2Active a:hover {font-weight:bold;}
#layout_LeftMenu li.T2Active .T3 a:hover {font-weight:normal}

#layout_LeftMenu li.T3Current a {font-weight:bold;}
#layout_LeftMenu li.T3Current .T4 a {font-weight:normal}
#layout_LeftMenu li.T3Active a {font-weight:bold;}
#layout_LeftMenu li.T3Active .T4 a {font-weight:normal}

#layout_LeftMenu li.T3Current a:hover {font-weight:bold;}
#layout_LeftMenu li.T3Current .T4 a:hover {font-weight:normal}
#layout_LeftMenu li.T3Active a:hover {font-weight:bold;}
#layout_LeftMenu li.T3Active .T4 a:hover {font-weight:normal}

#layout_LeftMenu li.T2 { color:white;}

/*-------Shading background on active navigation----------*/

#layout_LeftMenu li.T2Current {background-color:#50265a;}
#layout_LeftMenu li.T2Active {background-color:#50265a;}

#layout_LeftMenu li.T1Current { background-color:#50265a;}
#layout_LeftMenu li.T1Active { background-color:#50265a;}

#layout_LeftMenu ul {  border: 0px none; list-style: none; list-style-image: none; margin: 0 8px; padding-top: 5px; }
#layout_LeftMenu ul li { margin: 0px; padding: 0 0 10px 0; }
#layout_LeftMenu ul a { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: white; display: block; } 
#layout_LeftMenu li.Closed ul { display: none; }

#layout_LeftBottom { background: white url('/images/layout/left_nav_bottom.gif') no-repeat top left; width: 180px; height: 135px; padding: 17px; }
#layout_LeftBottom p { font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 2px; padding: 0px; }

.blog_btn { margin: 20px 0 0 10px; }

/*---------------- Body --------------------*/
th, td { border: 1px solid #50265A; }

/*----------------My Health pages-------------*/
#contentContent div.help_button .query_button { position:absolute; left:500px; top:-25px;}

#contentContent table.login_table { color: #FFFFFF }
#contentContent table.login_table { width: 100% }
#contentContent table.login_table td,
#contentContent table.login_table th { border: none; background: #64356F; }
#contentContent table.login_table table.nobordertab th,
#contentContent table.login_table table.nobordertab td { border: none; }

#contentContent	div.help_button { position:relative; top: -20px; }

#mphHome a.mph_button img { margin-bottom: 13px; }

#whatsthis {
	font-weight:normal;
	width:457px; 
	height:610px; 
	position:relative; 
}

#whatsthis #expando_box_container {
	display: block; 
	height: 97.5%;
	width: 457px; 
	position: absolute; 
	z-index: 2; 
}

#whatsthis .expando_box_cancel {
	cursor: pointer; 
	height: 30px;
	width: 25px; 
	position: absolute;
	right: -24px;
	top: 23px; 
	z-index: 910; 
}

#whatsthis div.expando_box_content {
	width:457px;
	padding-left: 10px;
	padding-right: 20px;
	border:thin solid #C1E0EC;
	font-size:10pt;
	position: absolute; 
	z-index: 900;
	height: 97.5%;
	background-color: #50265A;
	margin-top: 26px;  
}

#whatsthis div.expando_box_content h2 {
	color: #D1E7EF; 
}

#whatsthis .expando_box_close {
	cursor: pointer; 
	height: 30px;
	width: 100px;
	position: absolute; 
	left: -3px; 
	bottom: -30px;
	z-index: 909; 
}

.MyHealthTopMenu {
	margin-top: 0px;
	width: 95%; 
	font-size: 10px; 
}

#contentContent h1.mph_title { padding-top: 26px; }

#contentContent table.newsletter_table { border: 1px solid #fff; }
#contentContent table.newsletter_table th, #contentContent table.newsletter_table td { border: 1px solid #fff; }

#contentContent .HealthRecordTopMenu {
	background-image: url('../myhealth/images/layout/records_bg.gif');
	background-repeat: repeat-x; 
	border:1px solid #4a7788;
	margin-left:30px;
	margin-right:30px;
	padding:5px 10px;
	color: #666; 
}
#contentContent .HealthRecordTopMenu a {
	color: #4a7788; 
}
#contentContent .HealthRecordTopMenu a:hover {
	color: #50265A; 
}
#contentContent #healthRecord {
	border:1px solid #4a7788;
	margin-bottom:15px;
	margin-left:25px;
	margin-top:5px;
	padding:0 10px 10px; 
	background-color: #E0EBEF;
	color: #000; 
} 
#contentContent #healthRecord h2 {
	color: #4a7788; 
}
#contentContent #healthRecord a {
	color: #4a7788;
}
#contentContent #healthRecord a:visited {
	color: #50265A;
}
#contentContent #healthRecord a:hover {
	color: #50265A; 
}


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

hr { margin-top: 0; margin-bottom: 0; }

/** Search Page **/

.nobordertab td, .nobordertab th { border: 1px solid #64356F; }

.search_container {
	margin-left: 25px; 
}
.search_container ul li {
	list-style: none;
}
.search_container ul {
	margin-top: 0px;
}
.search_container h2 {
	margin-left: -20px;
}
.search_container h1 {
	margin-left: -25px;
}
.search_container .color_row th {
	background: #C2E2EF; color: #3e3e41;
}
.search_container .p_margin {
	margin-left: 20px;
}
.nobordertab td {
	vertical-align: top;
}

.layout_Pagenumbers{margin-left:20px;}

/** News & Events Tab Boxes **/

#NewAndEvents { background-color: #fffddf; border: 5px solid #814d8d; padding-left: 130px; background-image: url('/images/HeartsecretsEvents_bg.gif'); background-repeat: no-repeat; }
#NewAndEvents div.News,
#NewAndEvents div.Events { display: inline; float: left; width: 265px; padding: 10px; margin-top: 10px; }
#NewAndEvents div.News { border-right: 1px dotted #666; }
#NewAndEvents div h3 { color: #50265a; font-size: 120%; margin-top: 0; padding-top: 0; }
#NewAndEvents div h3 a { color: #50265a; font-size: 65%; margin-left: 95px; }
#NewAndEvents div.Events h3 a { margin-left: 65px; }
#NewAndEvents div li { list-style-image: none; }
#NewAndEvents div li a,
#NewAndEvents div li a:visited { text-decoration: none; font-weight: bold; color: #C58D0E; }
#NewAndEvents div .date { color: #666; font-size: 80%; }

/** Latest Events Tab Boxes **/

#LatestEvents { background-color: #fffddf; border: 5px solid #814d8d; padding-left: 130px; background-image: url('/images/HeartsecretsEvents_bg.gif'); background-repeat: no-repeat; }
#LatestEvents div.Events { display: inline; float: left; width: 265px; padding: 10px; margin-top: 10px; }
#LatestEvents div h3 { color: #50265a; font-size: 120%; margin-top: 0; padding-top: 0; }
#LatestEvents div h3 a { color: #50265a; font-size: 65%; margin-left: 95px; }
#LatestEvents div.Events h3 a { margin-left: 65px; }
#LatestEvents div li { list-style-image: none; }
#LatestEvents div li a,
#LatestEvents div li a:visited { text-decoration: none; font-weight: bold; color: #C58D0E; }
#LatestEvents div .date { color: #666; font-size: 80%; }

/** Hack for IE6  **/
#LatestEvents { *zoom: 1; }