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

html { overflow-y: scroll; } /* normalize presence of scrollbars */
body { text-align: center; background-color:#CCCCCC; color: #333; } /* Center the layout on the page    */
#doc1 {
	width: 980px;
	margin: auto;
	text-align: left;
	background-color: #fff;
	border: 1px solid #85a6c9;
}

/** Page Grid (golden mean):
  * 980px: Total page (982 with border)
  * 495px: Main (499 with border)
  * 217px: Left 
  * 264px: Right
  *
  * Main padding: 20px (10 on either side)
  * Left padding: 18px (9px on either side)
  * Right padding: 29px (13 on left, 16 on right)
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_LMR #grid_container { float: right; width: 763px; }
.grid_LMR #grid_Main      { float: left;  width: 475px; padding: 0 10px; border-left: 2px dotted #8997a5; border-right: 2px dotted #8997a5; }
.grid_LMR #grid_Right     { float: right; width: 235px; padding: 0 16px 0 13px; }
.grid_LMR #grid_Left      { float: left;  width: 199px; padding: 0 9px; }
.grid_LMR #grid_Top       { width: 747px; padding-bottom: 10px;  }

.grid_LM  #grid_container { float: right; width: 763px; }
.grid_LM  #grid_Main      { float: left;  width: 475px; padding: 0 10px; border-left: 2px dotted #8997a5; border-right: 2px dotted #8997a5; }
.grid_LM  #grid_Left      { float: left;  width: 199px; padding: 0 9px; }
.grid_LM  #grid_Right     { float: right; width: 235px; padding: 0 16px 0 13px; } /** Quicklinks is a permanent feature so grid_Right will still be present **/
.grid_LM  #grid_Top       { width: 747px; height: 120px; padding-bottom: 10px;  }

.grid_MR  #grid_Main      { float: left;  width: 695px; padding: 0 10px 0 9px; border-right: 2px dotted #8997a5; } /** 9px padding-left is identical to grid_Left's padding-left **/
.grid_MR  #grid_Right     { float: right; width: 235px; padding: 0 16px 0 13px; }
.grid_MR  #grid_Top       { width: 955px; padding: 0 16px 10px 9px; }

.grid_M   #grid_Main      { float: left;  width: 695px; padding: 0 10px 0 9px; border-right: 2px dotted #8997a5; } /** 9px padding-left is identical to grid_Left's padding-left **/
.grid_M   #grid_Right     { float: right; width: 235px; padding: 0 16px 0 13px; } /** Quicklinks is a permanent feature so grid_Right will still be present **/
.grid_M   #grid_Top       { width: 955px; padding: 0 16px 10px 9px; }

#hd, #bd, #ft { clear: both; }

a,
a:link,
a:visited { color: #4169AF; text-decoration: none; }
a:hover { color: #506b88; text-decoration: underline; }
a:hover img { text-decoration: none; }

/*** Header ***/
#hd          { padding: 10px 0 0 0; height: 131px; background-color:#FFFFFF; }
#layout_Logo { float: left; margin: 0 13px 13px 20px; }
.perform_search { float: right; clear: right; width:192px; padding-right: 50px; }
.searchbox_empty { border: 1px solid #7f9db9; color: #000; padding: 2px; font-size: 13px; float: left; }
.search_btn { overflow: visible; display: block; float: left; font-weight: bold; line-height: 22px; margin-left: -1px; text-align: center; }
#layout_SearchField { height: 18px; padding: 4px 3px 2px 5px; color: #444c77; font-weight: bold; border-color: #9ba0c2; }
#layout_TopNav { float: right; padding-right: 50px; padding-bottom: 35px; font-size: 85%; }
#layout_TopNav li { display: inline; float: left; padding: 0 5px; border-right: 1px solid #8e8e8e; }
#layout_TopNav li.last_link { border-right: none; }

/*** Body ***/
#bd { padding-bottom: 15px; }
#grid_Main img { border: 8px solid #fff; }

/** Left Menu ***/
#grid_Left h3 { text-transform: uppercase; letter-spacing: 2px; color: #142f4c; font-weight: bold; }
#grid_Left ul { background-color: #edf2f8; padding: 0 5px; border: 1px solid #e2e2e2; border-top: 2px solid #142f4c; }
#grid_Left li { border-bottom: 1px solid #e2e2e2; padding: 6px 0; }
#grid_Left li.Current.Active a,
#grid_Left li.Current.Active a:link { color: #9e0b0f; }
#grid_Left ul.Current.Active li a,
#grid_Left ul.Current.Active li a:link { color: #042751; }
#grid_Left ul.T3 li.Current.Active { list-style: disc; color: #9CB6D1; }
#grid_Left .T2 ul { background-color: #edf2f8; border: 0; margin-top: 6px; padding-left: 15px; }
#grid_Left .T2 ul li { border: 0; }

/*** Callouts ***/
#layout_Quicklinks { background-image:url('/images/Layout/quicklinks_top.gif'); background-repeat: no-repeat; padding-top: 15px; margin-top: 13px; }
#layout_Quicklinks .Quicklinks_wrapper { background-color: #edf2f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0; width: 232px; }
#layout_Quicklinks #user_App { background-image: url('/images/Layout/quicklinks_bottom.gif'); background-repeat: no-repeat; height: 31px; padding-top: 10px; text-align: center; }
#layout_Quicklinks #user_App .icon { margin-right: 5px; position: relative; top: 2px; }
#layout_Quicklinks h3 { color: #142f4c; font-weight: bold; text-transform: uppercase; padding-left: 20px; margin-bottom: 5px; }
#layout_Quicklinks li { background-image:url('/images/Layout/quicklinks_liBG.jpg'); background-repeat: repeat-x; padding-left: 20px; height: 20px; padding-top: 4px; }
#layout_Quicklinks li img { float: left; }
#quicklinks_Select { margin: 2px 0 0 20px; width: 190px; }

.layout_Callouts,
.layout_Related { margin-top: 15px; }

.layout_Related h2,
.base.layout_Callouts h2 { text-transform: uppercase; color: #142f4c; font-weight: bold; font-size: 115%; border-bottom: 2px solid #142f4c; margin-bottom: 10px; }
.layout_Related ul,
.base.layout_Callouts ul { padding-left: 25px; margin: 0 0 10px 0; }
.layout_Related li,
.base.layout_Callouts li { list-style-image: url('/images/Layout/arrow_bullet.gif'); }

/** Texas Transplant section **/
.OTHG00536 #layout_Quicklinks,
.OTHG00536 p#contactUs_btn,
.OTHG00536 .grid_LM #grid_Right { display: none; }
.OTHG00536 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Pelvic Health section **/
.OTHG00538 #layout_Quicklinks,
.OTHG00538 p#contactUs_btn,
.OTHG00538 .grid_LM #grid_Right { display: none; }
.OTHG00538 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Obesity section **/
.OTHG00540 #layout_Quicklinks,
.OTHG00540 p#contactUs_btn,
.OTHG00540 .grid_LM #grid_Right { display: none; }
.OTHG00540 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Breast Health section **/
.OTHG00543 #layout_Quicklinks,
.OTHG00543 p#contactUs_btn,
.OTHG00543 .grid_LM #grid_Right { display: none; }
.OTHG00543 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Burn Unit section **/
.OTHG00005 #layout_Quicklinks,
.OTHG00005 p#contactUs_btn,
.OTHG00005 .grid_LM #grid_Right { display: none; }
.OTHG00005 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Cardiothoracic Surgery section **/
.OTHG00546 #layout_Quicklinks,
.OTHG00546 p#contactUs_btn,
.OTHG00546 .grid_LM #grid_Right { display: none; }
.OTHG00546 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Orthopaedics section **/
.OTHG00550 #layout_Quicklinks,
.OTHG00550 p#contactUs_btn,
.OTHG00550 .grid_LM #grid_Right { display: none; }
.OTHG00550 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Cosmetic Surgery section **/
.OTHG00552 #layout_Quicklinks,
.OTHG00552 p#contactUs_btn,
.OTHG00552 .grid_LM #grid_Right { display: none; }
.OTHG00552 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Surgical Specialties section **/
.OTHG00551 #layout_Quicklinks,
.OTHG00551 p#contactUs_btn,
.OTHG00551 .grid_LM #grid_Right { display: none; }
.OTHG00551 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Psychiatry & Behavioral Sciences section **/
.OTHG00549 #layout_Quicklinks,
.OTHG00549 p#contactUs_btn,
.OTHG00549 .grid_LM #grid_Right { display: none; }
.OTHG00549 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/** Robotic Urology **/
.OTHG00568 #layout_Quicklinks,
.OTHG00568 p#contactUs_btn,
.OTHG00568 .grid_LM #grid_Right { display: none; }
.OTHG00568 .grid_LM #grid_Main { width: 733px; padding: 0 16px 0 10px; border-right: 0; }

/**Cancer Center**/
.cancercenter #layout_Quicklinks,
.cancercenter #grid_Right #contactUs_btn {display:none;}

/*** Footer ***/
#ft      { clear: both; text-align: center; width: 982px; margin: 0 auto; color: #666; font-size: 90%; }
#ft p { margin-bottom: 10px; }
#ft a,
#ft a:link, 
#ft a:visited { color: #666; }
#ft a:hover { color: #999; }
#ft .pb_link { text-align: right; }
#ft .pb_link a,
#ft .pb_link a:link,
#ft .pb_link a:visited { text-align: right; color: #b4c4d4; font-size: 90%; }

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

/** Top Menu, including T1 with T2 drop-downs
  * Remove this whole section if there is no top menu!
  * Aside from the width, every style here is purely structural.
  * This is just to get the list horizontal and have things line up
  * when the drop-down occurs. Do appearance styling below these.
  **/
#layout_TopMenu       { clear: both; z-index:9999; position:absolute;}
#layout_TopMenu ul    { list-style: none; margin: 0; padding: 0; }
#layout_TopMenu ul.T2 { position: absolute; display: none; width: 160px; z-index:9999;}
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; position:absolute; z-index:9999;}
#layout_TopMenu li { list-style: none; display: inline; float: left; }
#layout_TopMenu a { display: block; }
#bd select.hover  { visibility: hidden; }

/** Start TopMenu customization **/
#layout_TopMenu { position: absolute; top: 99px; background-color:#999999; width: 980px; height: 33px; z-index:9999;}
#layout_TopMenu a,
#layout_TopMenu a:link,
#layout_TopMenu a:visited { color: #fff; text-decoration: none; font-size: 12px; }
#layout_TopMenu a:hover,
#layout_TopMenu a:active { color: #cdd0a9; }
#layout_TopMenu .T1 a,
#layout_TopMenu .T1 a:link { padding: 9px 22px 8px 22px; }
#layout_TopMenu .T2 a,
#layout_TopMenu .T2 a:link { padding: 5px;}
#layout_TopMenu ul.T2 { background-color: #DFEEFF; border: 1px solid #ccc; z-index:9999; position:relative; }
#layout_TopMenu ul.T2 a,
#layout_TopMenu ul.T2 a:link,
#layout_TopMenu ul.T2 a:visited { color: #192A44; }
#layout_TopMenu ul.T2 a:hover,
#layout_TopMenu ul.T2 a:active { color: #81090C; }
#layout_TopMenu ul.T2 li { border-bottom: 1px solid #8997A5; width: 160px; z-index:9999; position:relative;}

#layout_TopMenu .T1#tINAV000200,
#layout_TopMenu .T1#tINAV000102,
#layout_TopMenu .T1#tINAV000119,
#layout_TopMenu .T1#tINAV000152,
#layout_TopMenu .T1#tINAV000214,
#layout_TopMenu .T1#tINAV000222,
#layout_TopMenu .T1#tINAV000227,
#layout_TopMenu .T1#tINAV000228,
#layout_TopMenu .T1#tINAV000229,
#layout_TopMenu .T1#tINAV000251,
#layout_TopMenu .T1#tINAV000230,
#layout_TopMenu .T1#tINAV000366 { display: none; } /** Requested to not display by Flynn **/

/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1 { font-size: 138.5%; margin: 13px 0; font-weight: bold; color: #9e0b0f; text-transform: uppercase; }
.base h2 { font-size: 123.1%; margin: 13px 0; font-weight: bold; color: #9e0b0f; text-transform: uppercase; }
.base h3 { font-size: 108%;   margin: 13px 0; font-weight: bold; color: #9e0b0f; text-transform: uppercase; }
.base h4 { font-weight: bold; color: #9e0b0f; text-transform: uppercase; }
.base h5 { font-weight: bold; color: #9e0b0f; text-transform: uppercase; }
.base h6 { font-weight: bold; color: #9e0b0f; text-transform: uppercase; }
.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 13px 13px 13px 35px; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:13px; }
.base th,
.base td {
	border: 0;
	padding: 8px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 8px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 13px;
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 162px;
}


/* Style for eCards */
.eCardForm td, .eCardForm th {
	border: 0;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.eCardForm th {
	background-color:#B1B2B5;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:3px;
}

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

#flashsmall {
	float: right;
	width: 211px;
}

/** Layout Overrides **/
#OTH000691 #grid_Right { display: none; } /** Interactive Map **/
#OTH000691 #grid_Main { border-right: none; width: 717px; }

#OTH000696 #grid_Right { display: none; } /** Interactive Map **/
#OTH000696 #grid_Main { border-right: none; width: 717px; }

/* Postprocess */
#SpecialtyDefinitions dt {
    font-weight: bold;
    padding-top: 5px;
}


.NLTG00011 .grid_LM #grid_Right {
	display:none;
}

.NLTG00011 .grid_LM #grid_Main {
	width:620px;
	border-right:none;
}

.OTH000017 .grid_LM #grid_Right {display:none;}
.OTH000017 .grid_LM #grid_Main {width:660px; border-right:none;}


.awardLeft {
	width:225px;
	float:left;
}

.ftRight {
	width:570px;
	float:left;
}


/*Mobile Exceptions*/
.mobileYes {display:none;}