﻿/** This file contains CSS specific to OTH content.
  * These styles will not appear in eWebEditPro.
  * This should mainly be used for custom style work on
  * specific pages.
  * Try to leave comments indicating what this stuff is for.
  */

/** Home Page Only - Corporate Site **/
.OTH000001 #mystery_container { display: none; }
.OTH000001 div.rounded_border { display: none; }
.OTH000001 .callouts .layout_eWEP { margin-left: 0; padding-left: 0; }
.OTH000001 #layout_LeftMenu { display: none; }

body.OTHG00180 { background: white url('/images/Layout/whs_bg.gif') repeat-x; }

/** Hospital flash, used on various hospital landing pages */
#layout_Content td.hosp_flash img { padding: 0 0 8px 0; }

div#doc4.HospPage { width: 974px; } /** IE6 high-res dpi needs this fixed width to display properly **/

/** "Connect with MLH" box **/
#Connect_MLH { width: 200px; margin-top: 8px; }
.OTH000013 div#Connect_MLH { margin-top: 0px; }
.Connect_MLH_bottom { width: 200px; }
#layout_Content .Connect_MLH_bottom img { padding: 0 0 8px 0; }
#Connect_MLH .connect_content { margin: 0; }
#Connect_MLH .connect_content li.connect_header {
	color: white;
	background: white url('/images/connectmlh_top.gif') no-repeat;
	height: 33px !important;
	width: 187px;
	font-weight: bold;
	line-height: 33px;
	border: none;
	padding-left: 1em;
}
#Connect_MLH .connect_content li { list-style: none; background-color: #fff289; border-top: 2px solid white; height: 45px; line-height: 45px; }
#Connect_MLH .connect_content li a { color: #00528e; font-size: .8em; }
#Connect_MLH .connect_content li img { float: left; margin: .3em 0em 0 .3em}


/** Directions and Contact Information **/
#bd td.directions_box { background-image: url('/images/directions_box.gif'); background-repeat: no-repeat; height: 151px; width: 555px; }
#bd td.directions_box .column_one { font-size: .9em; width: 200px; margin: 1.5em 3em 0 .8em; }
#bd td.directions_box .column_two { width: 124px; padding-right: .5em; }
#bd td.directions_box .column_three { width: 140px; }
#bd td.directions_box ul { margin: 0px; }
#bd td.directions_box ul li { list-style: none; float: left; display: inline; }


/** Eliminate Left Navigation from landing pages */
.OTH001124 .layout_NoRight .yui-b, /** Location Map                 **/
.OTH000002 .layout_NoRight .yui-b, /** Our Doctors                  **/
.OTH002733 .layout_NoRight .yui-b, /** Our Doctors                  **/
.OTH002180 .layout_NoRight .yui-b, /** Our Doctors                  **/
.OTH001610 .layout_NoRight .yui-b, /** Healthcare Services          **/
.OTH001611 .layout_NoRight .yui-b, /** Healthcare Services          **/
.OTH001612 .layout_NoRight .yui-b, /** Healthcare Services          **/
.OTH001673 .layout_NoRight .yui-b, /** Healthcare Services          **/
.OTHG00004 .layout_NoRight .yui-b, /** Hospitals and Locations      **/
.OTH000005 .layout_NoRight .yui-b, /** For Patients and Visitors    **/
.OTH000006 .layout_NoRight .yui-b, /** For Healthcare Professionals **/
.OTH000007 .layout_NoRight .yui-b, /** Research and Education       **/
.OTHG00233 .layout_NoRight .yui-b  /** Research and Education       **/
{ display: none; }

.OTH001124 .layout_NoRight #yui-main .yui-b, /** Location Map                 **/
.OTH000002 .layout_NoRight #yui-main .yui-b, /** Our Doctors                  **/
.OTH002733 .layout_NoRight #yui-main .yui-b, /** Our Doctors                  **/
.OTH002180 .layout_NoRight #yui-main .yui-b, /** Our Doctors                  **/
.OTH001610 .layout_NoRight #yui-main .yui-b, /** Healthcare Services          **/
.OTH001611 .layout_NoRight #yui-main .yui-b, /** Healthcare Services          **/
.OTH001612 .layout_NoRight #yui-main .yui-b, /** Healthcare Services          **/
.OTH001673 .layout_NoRight #yui-main .yui-b, /** Healthcare Services          **/
.OTHG00004 .layout_NoRight #yui-main .yui-b, /** Hospitals and Locations      **/
.OTH000005 .layout_NoRight #yui-main .yui-b, /** For Patients and Visitors    **/
.OTH000006 .layout_NoRight #yui-main .yui-b, /** For Healthcare Professionals **/
.OTH000007 .layout_NoRight #yui-main .yui-b, /** Research and Education       **/
.OTHG00233 .layout_NoRight #yui-main .yui-b	 /** Research and Education       **/
{ display: block; margin-left: 10px; }

.OTHG00233 .layout_NoRight .NewsRoom.yui-b { display: block; }  /** News Room Callouts **/

/* Form ID = 32 doesn't need the fancy color and border
 * TODO: Remove these three lines and add the "noborder" class to the referenced table.
 */
#OTH002792 #layout_Content table { border: 0 !important; padding: .5em; margin: 3px; margin-left:auto !important; margin-right:auto !important;}
#OTH002792 #layout_Content table th { background-color: #ffffff !important; color: #4D4D4D !important; font-family: Arial, Helvetica, sans-serif; margin-bottom: 3px; }
#OTH002792 #layout_Content table table { margin: 0px !important; }


/** Google Map on OTH001124 has special styles **/
#GoogleMap h2  { padding: 0; margin: 0 0 0.5em 0; }
#GoogleMap img { padding: 0; margin: 0 0 0 2px; }
#GoogleMap .vcard { font-size: 95%; }

/** News and Events tabby box **/
#NewAndEventTabs div.yuicon_bot { height: 9px; line-height: 0; font-size: 0; }
.viewAllNews { text-align: right; }

/** Menus under the "Services" group for each hospital will have
    collapsed T4 levels, so that only the active items are visible. **/
body.OTHG00021 ul.T4 li,
body.OTHG00056 ul.T4 li,
body.OTHG00063 ul.T4 li,
body.OTHG00080 ul.T4 li,
body.OTHG00181 ul.T4 li {
	display: none;
}
/** Turning off Menus not displaying under the "Services" group for specific sub-cases. **/
body.OTHG00076 ul.T4 li {
	display: block;
}


body.OTHG00021 ul.T4 ul.Current li,
body.OTHG00056 ul.T4 ul.Current li,
body.OTHG00063 ul.T4 ul.Current li,
body.OTHG00080 ul.T4 ul.Current li,
body.OTHG00181 ul.T4 ul.Current li,

body.OTHG00021 ul.T4 li.Active,
body.OTHG00056 ul.T4 li.Active,
body.OTHG00063 ul.T4 li.Active,
body.OTHG00080 ul.T4 li.Active,
body.OTHG00181 ul.T4 li.Active {
	display: block;
}

.OTHG00661 #my_MLH {
	display:none;
}

#OTH003857 #my_MLH { display: none; } /** Disabling for i-Frame width on PageID OTH003857 **/
#OTH003857 #bd .yui-b { display: none; } /** Disabling for i-Frame width on PageID OTH003857 **/
#OTH003857 #bd #yui-main .yui-b { display: block; }
#OTH003857 .HospPage #bd #yui-main .yui-b { margin-right: 0; }
#OTH003857 .HospPage #bd #yui-main .yui-b .yui-u { width: 785px; }
#OTH003857 .HospPage #bd #yui-main .yui-b .yui-gd div.first { width: 160px; }

#OTH004023 #my_MLH { display: none; } /** Disabling for i-Frame width on PageID OTH004023 **/
#OTH004023 #bd .yui-b { display: none; } /** Disabling for i-Frame width on PageID OTH004023 **/
#OTH004023 #bd #yui-main .yui-b { display: block; }
#OTH004023 .HospPage #bd #yui-main .yui-b { margin-right: 0; }
#OTH004023 .HospPage #bd #yui-main .yui-b .yui-u { width: 785px; }
#OTH004023 .HospPage #bd #yui-main .yui-b .yui-gd div.first { width: 160px; }

#OTH000618 h1 { display:none } /** Client requested the H1 tag be hidden on this page **/
#OTH000618 img.noH1 {padding-top:20px; padding-left: 15px;} /** Pads the image so it's not butting up against the breadcrumbs */
#OTH004026 h1 { display:none } /** Client requested the H1 tag be hidden on this page **/
#OTH004026 img.noH1 {padding-top:20px; padding-left: 15px;} /** Pads the image so it's not butting up against the breadcrumbs */

/* Clients want banner on all Flu Season Pages */
.FluSeason #bd #yui-main .yui-b .yui-g .FluSeason,
.FluSeason #bd #yui-main .yui-b .yui-ge .FluSeason { float:right; width:225px; padding: 0 0 0 10px; margin: 0; position: relative; bottom: 80px; *bottom: 83px; }
