/*  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-image: url('/images/Layout/body_bg.jpg'); background-repeat: repeat-x; background-color: #004176; } /* Center the layout on the page    */
#doc1 {
	width: 967px;
	margin: auto;
	text-align: left;
}

/** Page Grid (golden mean):
  * 945px: Total page
  * 550px: Main
  * 200px: Left
  * 175px: Right
  *
  * 10px gutter between all sections (not including page edges)
  * Gutter handled using padding. Margin could also be used.
  * Remember to adjust width if adjusting padding/margin!!
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_LMR #grid_container { float: right; width: 740px; padding-bottom: 15px; }
.grid_LMR #grid_Main      { float: left;  width: 550px; padding: 0 5px;     }
.grid_LMR #grid_Right     { float: right; width: 175px; padding-left:  4px; border-left: 1px dotted #10872c; }
.grid_LMR #grid_Left      { float: left;  width: 200px; padding-right: 5px; }

.grid_LM  #grid_Main      { float: right; width: 735px; padding-left:  5px; padding-bottom: 15px; }
.grid_LM  #grid_Left      { float: left;  width: 200px; padding-right: 5px; }

.grid_MR  #grid_Main      { float: left;  width: 760px; padding-right: 5px; padding-bottom: 15px; }
.grid_MR  #grid_Right     { float: right; width: 175px; padding-left:  4px; border-left: 1px dotted #10872c; }

.grid_M   #grid_Main      { width: 947px; padding-bottom: 15px; }

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

#doc1 { background-image: url('/images/Layout/wrapperT_bg.gif'); background-repeat: no-repeat; margin: 10px auto 0; padding: 22px 0 0; width: 967px; }
#content_wrapper { margin: 0 ; padding: 0; width: 967px; }
#content_bulk { background-color: #fff; padding: 0 8px; margin: 0 3px; }

/*** Universal ***/
h1, h2, h3, h4, h5, h6 { color: #007dc3; font-weight: bold; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #666; }

/*** Homepage ***/
.flash_banner { width: 944px; margin: 0 auto; background:transparent url('../images/Layout/flashFPO.jpg') no-repeat; height:239px;}
.HP .grid_LMR #grid_Main { width: 455px; margin-top: 10px; padding: 0 24px; }
.HP #grid_Right { float: left; width: 257px; background-image: url('/images/Homepage/homeRight_t.gif'); background-repeat: no-repeat; margin: 10px 0; padding: 12px 0 0 0; border-left: none; }
.HP #grid_Main table,
.HP #grid_Main table td,
.HP #grid_Main table th { border: none; padding: 0; margin: 0; }
.HP #grid_Main table table { background-color: #e8e7e7; width: 224px; }
.HP #grid_Main table table td { padding: 5px; color: #666; font-size: 11px; vertical-align: top; }
.HP #grid_Main table h3 { background-image: url('/images/Homepage/homepromoh3_bg.jpg'); background-repeat: repeat-x; background-color: #005181; margin: 0; padding: 5px 10px; color: #fff; 
	font-size: 100%; }
.HP #grid_Main table h3 a,
.HP #grid_Main table h3 a:link,
.HP #grid_Main table h3 a:visited { color: #fff; font-size: 100%; text-decoration: none; }
.HP #grid_Main table h3 a:hover { color: #fff; text-decoration: underline; }
.HP #grid_Main table td div { min-height: 202px; height: auto !important; height: 202px; background-color: #E8E7E7; }

.HP #grid_Right table,
.HP #grid_Right table td,
.HP #grid_Right table th { border: 0; padding: 0 5px; margin: 0; font-size: 11px; }
.HP #grid_Right table hr { margin: 5px 0; padding: 0; height: 1px; color: #cdc888; border: none; border-top: 1px solid #cdc888; }
.HP #grid_Right h3 { color: #0067bf; margin: 0 0 5px 0; }
.HP #grid_Right table ul { margin: 8px 8px 8px 0; }
.HP #grid_Right table li { list-style: none; }

.HP .home_Right { width: 257px; min-height: 213px; height: auto !important; height:213px; margin: 0; padding: 0; background-image: url('/images/Homepage/homecallouts_bg.jpg'); 
	background-repeat: repeat-x; background-color: #DCDAA1; }
.HP .home_Right_wrap { padding: 0 10px; }

.grid_Map { width: 185px; float: left; padding-top: 10px; }

.HP #user_app,
.HP h1.page_title,
.HP #layout_Breadcrumbs { display: none; }

.HP #layout_TopMenu       { clear: both; height: 35px; line-height: 35px; border-bottom: none; width:946px;}
.HP #bd { margin-top: 0; }

.HP #grid_Main img { border: none; }


/*** Header ***/
#hd form     { margin: 0; padding: 0; line-height: 0; width: 210px; height: 41px; float: left; position: relative; top: 5px; left: 20px; }
.global_menu ul { float: right; display: inline; }
.global_menu ul li { float: left; display: inline; padding: 5px; }
.global_menu ul.left_global li { border-right: 1px solid #b9b9b9; }
.global_menu ul.left_global a { color: #000; text-decoration: none; font-size: 11px; }
.global_menu ul.middle_global li a,
.global_menu ul.middle_global li a:link,
.global_menu ul.middle_global li a:visited,
.global_menu ul.middle_global li { color: #0079c2; font-size: 14px; font-weight: bold; font-family: Georgia, Arial, Verdana, Helvetica, san-serif; text-decoration: none; }
.global_menu ul.middle_global li a:hover { text-decoration: underline; }
.global_menu ul.right_global li { border-right: 1px solid #b9b9b9; color: #000; font-size: 11px;  }

.global_menu ul.middle_global li.Spanish a,
.global_menu ul.middle_global li.Spanish a:link,
.global_menu ul.middle_global li.Spanish a:visited,
.global_menu ul.middle_global li.Spanish { font-size: 12px; }


#logo { width: 303px; height: 120px; float: left; }
.global_navigation { float: right; height: 41px; width: 638px; line-height: 41px; position: relative; left: 8px; top: 25px; background-image: url('/images/Layout/globalnav_bg.jpg');
	background-repeat: no-repeat; }
.global_navigation ul { float: left; padding-left: 10px; }
.global_navigation ul li { float: left; display: inline; padding: 0 5px; border-right: 1px solid #fff; }
.global_navigation a:link,
.global_navigation a:visited { color: #000; text-decoration: none; font-weight: bold; font-size: 12px; }
.global_navigation a:hover { color: #666; }

#layout_SearchField { width: 151px; font-size: 12px; }

#user_app { width: 944px; background-color: #EDE9BB; height: 23px; }
#user_app .button_ranch { width: 100px; height: 23px; float: right; background-color: #EDE9BB; border-left: 5px solid #00713C; border-right: 5px solid #00713C; }
#user_app img { float: right; margin-right: 10px; padding-top: 2px; }

/*** Body ***/
#layout_Breadcrumbs,
#layout_Breadcrumbs a:link,
#layout_Breadcrumbs a:visited { text-decoration: none; font-size: 10px; }
#bd { margin-top: 5px; }
#grid_Main img { border: 8px solid #fff; }

/*** Callouts ***/
#grid_Right h2,
.layout_Related h2 { background-image: url('/images/Layout/callouts_h2bg.gif'); background-repeat: no-repeat; background-color: #E1E0E0; padding: 8px 8px 5px 8px; margin: 7px 0; font-size: 13px; }
.layout_Related,
#grid_Right { font-size: 11px; margin-bottom: 20px; }
.layout_Related ul { margin-left: 10px; }
.layout_Related li { padding-bottom: 5px; }

/*** Footer ***/
#ft      { clear: both; text-align: center; border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; background-image: url('/images/Layout/footer_bg.gif'); background-repeat: no-repeat; color: #666;
	font-size: 10px; background-color: #fff; }
#ft a { color: #000; text-decoration: none; font-weight: bold; font-size: 12px; }
#ft a.pb_link { color: #ccc; font-size: 10px; float:right;}

/** 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; height: 35px; line-height: 35px; }
#layout_TopMenu ul    { list-style: none; z-index:10;}
#layout_TopMenu ul.T2 { position: absolute; display: none; width: 160px; }
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; } 
#layout_TopMenu li { list-style: none; display: inline; float: left; width: 160px; font-size: 11px; font-weight: bold; }
#layout_TopMenu a { display: block; color: #fff; text-decoration: none; text-align: center; }
#bd select.hover  { visibility: hidden; }

#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { background-color: #D2D1C9; border: 1px solid #00529C; border-top: none; }
#layout_TopMenu li ul.T2 a { color: #00529C; }

div#layout_TopMenu li#tINAV000415 { width: 190px; background-image: url('/images/Layout/tINAV000415.gif'); background-repeat: no-repeat; margin-right: 2px; }
div#layout_TopMenu li#tINAV000102 { width: 147px; background-image: url('/images/Layout/tINAV000102.gif'); background-repeat: no-repeat; margin-right: 2px; }
div#layout_TopMenu li#tINAV000432 { width: 100px; background-image: url('/images/Layout/tINAV000432.gif'); background-repeat: no-repeat; margin-right: 2px; }
div#layout_TopMenu li#tINAV000630 { width: 120px; background-image: url('/images/Layout/tINAV000630.gif'); background-repeat: no-repeat; margin-right: 2px; }
div#layout_TopMenu li#tINAV000673 { width: 135px; background-image: url('/images/Layout/tINAV000673.gif'); background-repeat: no-repeat; }
div#layout_TopMenu li#tINAV000407 { width: 80px;  background-image: url('/images/Layout/tINAV000407.gif'); background-repeat: no-repeat; margin-right: 2px; }
div#layout_TopMenu li#tINAV000238 { width: 160px; background-image: url('/images/Layout/tINAV000238.gif'); background-repeat: no-repeat; margin-right: 2px; }

/*** Overrides for top Menu !!!Important!!!**/
div#layout_TopMenu li#tINAV000062 {display:none;}
div#layout_TopMenu li#tINAV000433 {display:none;}
div#layout_TopMenu li#tINAV000248 {display:none;}
div#layout_TopMenu li#tINAV000231 {display:none;}
div#layout_TopMenu li#tINAV000225 {display:none;}
div#layout_TopMenu li#tINAV000228 {display:none;}
div#layout_TopMenu li#tINAV000431 {display:none;}


#layout_TopMenu li ul.T2#tMNAV000415,
#layout_TopMenu li ul.T2#tMNAV000415 li { width: 188px; }
#layout_TopMenu li ul.T2#tMNAV000102,
#layout_TopMenu li ul.T2#tMNAV000102 li { width: 145px; }
#layout_TopMenu li ul.T2#tMNAV000432,
#layout_TopMenu li ul.T2#tMNAV000432 li { width: 98px; }
#layout_TopMenu li ul.T2#tMNAV000630,
#layout_TopMenu li ul.T2#tMNAV000630 li { width: 118px; }
#layout_TopMenu li ul.T2#tMNAV000673,
#layout_TopMenu li ul.T2#tMNAV000673 li { width: 133px; }
#layout_TopMenu li ul.T2#tMNAV000407,
#layout_TopMenu li ul.T2#tMNAV000407 li { width: 78px; }
#layout_TopMenu li ul.T2#tMNAV000238,
#layout_TopMenu li ul.T2#tMNAV000238 li { width: 158px; }

#layout_TopMenu li ul.T2#tMNAV000415 li { width: 178px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }
#layout_TopMenu li ul.T2#tMNAV000102 li { width: 135px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }
#layout_TopMenu li ul.T2#tMNAV000432 li { width: 88px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }
#layout_TopMenu li ul.T2#tMNAV000630 li { width: 108px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }
#layout_TopMenu li ul.T2#tMNAV000673 li { width: 123px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }
#layout_TopMenu li ul.T2#tMNAV000407 li { width: 68px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }
#layout_TopMenu li ul.T2#tMNAV000238 li { width: 148px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }

/** Left Menu **/
#grid_Left a:link,
#grid_Left a:visited,
#grid_Left a:hover { color: #00529c; text-decoration: none; }

#bd div.rounded_border { height: 7px; width: 200px; margin: 0; padding: 0; font-size: 0; }
#bd div.rounded_bottom { float: left; clear: left; }

#bd #grid_Left { width: 200px; }
#bd #grid_Left ul.Menu { width: 199px; border-left:1px solid #c8d4d6; }
#bd #grid_Left ul { margin: 0; padding: 0; }
#bd #grid_Left ul li { background-image:url(/images/t3_bg.gif); background-repeat:repeat-y; border-top: 1px solid #A7B2AE; border-right:1px solid #a7b2ae; background-color: #CECDC4; }
#bd #grid_Left ul li div { padding: 7px; }
#bd #grid_Left ul li:first-child { border-top: none; }
#bd #grid_Left ul li a { color:#00529C; font-family:Arial,Helvetica,sans-serif; font-size: 11px; font-weight:bold; }

#bd #grid_Left ul.T3 { display: none; }
#bd #grid_Left ul.T3Active { display: block; border: none; background-image: url('/images/t4_bg.gif'); background-repeat: repeat-x; background-color: #fff; margin: 0 !important; padding: 0; }
#bd #grid_Left ul.T3Active li { border: none; background: none; margin-left: 8px; width: 180px; }
#bd #grid_Left ul.T3Active li div { padding: 4px 0px 4px 7px; }
#bd #grid_Left li.T2 img { float: right; padding-right: 10px; }
#bd #grid_Left li.T2Active { background-image: url('/images/t3_bgshortroll.gif'); background-repeat: repeat-x; background-color: #00528e; border-right: 1px solid #fff; width: 198px; }
#bd #grid_Left li.T2Active a { color: #fff; }
#bd #grid_Left ul.T3Active li a { color: #00529C;}
#bd #grid_Left ul.T3Active ul.T4 { border-left: 1px dotted #c8d4d6; font-weight: normal; line-height: 11px; }
#bd #grid_Left ul.T3Active li ul.T4 li { margin-left: 0; }
#bd #grid_Left ul.T3Active li ul.T4 li div { padding: 4px 0px 4px 10px; }
#bd #grid_Left ul.T4Active li a { font-weight: normal; }
#bd #grid_Left ul.T3Active ul.T5 { border-left: 1px dotted #c8d4d6; margin-left: 8px; }
#bd #grid_Left ul.T3Active ul.T6 { border-left: 1px dotted #c8d4d6; margin-left: 8px; }
#bd #grid_Left ul.T3Active ul.T6 li { width: 145px; }

.promo_logo { margin-top: 20px; width: 200px; clear: left; float: left; }
.promo_logo p { margin-bottom: 10px; }


/*! 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: 1em 0; font-weight: bold; }
.base h2 { font-size: 123.1%; margin: 1em 0; font-weight: bold; }
.base h3 { font-size: 108%;   margin: 1em 0; font-weight: bold; }
.base h4 { font-weight: bold; }
.base h5 { font-weight: bold; }
.base h6 { font-weight: bold; }
.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 1em; }
.base ul,
.base ol,
.base dl { margin: 1em 1em 1em 2em; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:1em; }
.base th,
.base td {
	padding: 6px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 0.5em;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 1em;
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 12.25em;
}


/* 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;
}


/* Style support for other languages section */
#languageSelection {
    font-weight: bold;
    text-align: right;
    
}

#LanguageNotSupport span.warning {
    font-size: x-large;
    font-weight: bold;
    color: Red;
}

/* Layout style correction to support Spanish language selected */
.global_languages { float: right; clear: right; position: relative; text-align: right; top: 10px; right: 10px; }
.global_languages a { text-decoration: none; }
.global_languages span.separator { color: #B9B9B9 }
.global_menu ul.Spanish li { font-size: 11px !important; }

.global_menu ul.English { margin: 0 5px 0 0 !important; }
.global_menu ul.Chinese { margin: 0 35px !important; }
.global_menu ul.Korean { margin: 0 40px !important; }

div#layout_TopMenu ul.Spanish li#tINAV000415 {
    width: 150px; 
    background-image: url('/images/Layout/tINAV000415_S.gif'); 
}

div#layout_TopMenu ul.Spanish li#tINAV000432  {
    width: 140px; 
    background-image: url('/images/Layout/tINAV000432_S.gif'); 
}

#layout_TopMenu ul.Spanish li ul.T2#tMNAV000415 { width: 150px; }
#layout_TopMenu ul.Spanish li ul.T2#tMNAV000415 li { width: 140px; padding: 8px 5px; line-height: 14px; border-bottom: 1px solid #e0e0e0; }


/*Cancer Center Subnav*/
#cancerNav {
	height:25px;
	border-bottom:5px solid #ede9bb;
	
}

#cancerNav ul {margin:0; height:25px;}
#cancerNav li {
	list-style-image:none;
	list-style-type:none;
	background:transparent url('../images/Layout/cancerTab.gif') no-repeat;
	height:22px;
	width:75px;
	text-align:center;
	line-height:9px;
	padding-top:3px;
	float:left;
	margin-right:3px;
	font-weight:bold;
}
#cancerNav .active {background:transparent url('../images/Layout/cancerTabActive.gif') no-repeat;}
#cancerNav .active a {color:#0368a5;}
#cancerNav a {color:#FFFFFF; text-decoration:none; font-size:10px;}
#cancerNav li a:hover {text-decoration:underline;}