/*
	Physician Style Sheet
	
	Created by Mark Powell
	v .1 12/03/2004
	v .2 12/07/2004 - mark: fixed nav flyouts 
	v .3 12/07/2004 - andy: added video styles
	v .4 12/16/2004 - laurie: added data table styles
	v .5 1/27/05 - sally: changed h3 font size
	v .6 1/31/05 - laurie: added data table th style and wide text class
	v .7 2/08/05 - andy: added white and blue vertical highlight areas
	v .8 3/01/05 - sally: added class for return to top - .topreturn
	v .9 3/02/05 - andy: added tan highlight area
	v 1.0 3/23/05 - laurie: added a wideTitle class for the h3 tag
	v 1.1 4/1505 - sally:  changed background from f6f6f6f to fffffff
	v 1.2 4/21/05 - mark: 
							- h2, h3 (in #content), h4 changed to Helvetica.
							- Moved some classes around to clean up formatting of CSS file
							- Fixed rendering issue with nested lists
							- Fixed typo in .highlight
							- Added .required (for forms) 
							- Changed .img-float-right behavior to add 1px border directly to image, gray border & background to div 
	v 1.3 4/26/05 - sally:  added .dataTableNorule
	v 1.4 6/3/05 - brian: 	Removed the the line-spacing from the .vertical-highlight-blue class. 
							It was set to 3px, which made the text of the paragraph overlap the second line of the paragraph after the <BR>	
	v 1.5 9/6/05 - mark:	Added img-float-left to make icon type images for right Call to action area	
	v 1.5.1 9/6/05 - rudy:	Added the following to hold LATITUDE imagery:
							- pictureFrame //is set to have a width of 155px which is 5px more that seems to be a standard size of 150 for pics
							- pictureFrame_narrow  //is set to have width of 75px for taller than wider images
	
	
	Table of Contents
		
		HTML Tags
		Main Layout Table
		Search
		Breadcrumb
		Left Column
		Content Area
		Right Column
		Footer
		Nav Flyouts
		
		
		*/
					


body {
	font: normal 11px/150%  Verdana, Arial, Helvetica, sans-serif;
	color: #0A1122;
	background-color: #005782;
	background-image: url(/physician/images/bg-phys.gif);
	text-align: center;
	margin: 0px;
	padding: 20px 0px 20px 0px;
}

a:link {
	color: #00639F;
	}
a:visited {
	color: #663366;
	}
h2 {
	margin: 3px 0px 0px 18px;
	padding: 2px 0px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #15325E;
}
h3 {
	margin: 4px 0px;
	padding: 2px 0px;
	background-color: #ffffff;
	font-size: 17px;
	line-height: 18px;
	text-align: right;
	color: #00639F;
}

h3.wideTitle { /*use if h3 title is too wide for left column */
	font: 16px Helvetica, Arial, sans-serif; 
	line-height: 17px;	
	font-weight: bold;
}


#content h3 {
	margin: -5px 0px 0px 18px;
	background-color: transparent;
	padding: 0px 0px 10px;
	font: bold italic 16px/16px Helvetica, Arial, sans-serif;
	text-align: left;
	color: #517C99;
}

h4 {
	color: #15325E;
	margin: 0px 0px 0px 18px;
	padding: 0px;
	font: bold 14px Helvetica, Arial, sans-serif;
}
h5 {
	margin: 0px 0px 0px 18px;
	padding: 0px;
	color: #517C99;
	font: 13px Helvetica, Arial, sans-serif;
	}
h6 {
	margin: 0px 0px 0px 18px;
	border-top: 1px dotted #888;
	color: #666666;
	font: 10px Helvetica, Arial, sans-serif;
	}
label {
	cursor: pointer;
	}
p {
	font: normal 11px/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 18px 18px;
	padding: 0px;
}
td, ul, ol, blockquote {
	font: normal 11px/150% Verdana, Arial, Helvetica, sans-serif;
}
ul, ol {
	margin: 0px 5px 15px 45px;
	}
li ul, li ol {
	margin: 0px 0px 0px 15px;
}
li ul {
	list-style-type: disc;
}
sup {
	font-size: 90%;
	vertical-align: text-top;
	text-decoration: none;
}
sup a:link, sup a:visited {
	color: #003366;
	text-decoration: none;
	}
sup a:hover {
	text-decoration: underline;
	}

/* ============================
generic classses
============================ */

.normal {
	font: normal 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #0A1122;
	}
.reference {
	font-size: 9px;
	color: #666666;
	}
.highlight {
	background-color: #FFFFCC;
	}
.endbox {
	display: block;
	margin: -.66em 0 0;
	visibility: hidden;
	clear: both;
		}
.required {
	color: #990000;
}
.topreturn {
	font-size: 9px;
	text-align: center;
	}
	
.img-float-right {
	float: right;
	margin: 0px 5px 5px;
	border: 1px solid #CC9933;
	padding: 2px;
	font-size: 10px;
	line-height: 100%;
	text-align: center;
	background-color: #f9f1e9;
}

.img-float-right img {
	margin: 1px;
	border: 1px solid #555555;
}
.img-float-right a {
	text-decoration: none;
}

.pictureFrame {
	margin: 0px 5px 5px;
	border: 1px solid #CC9933;
	padding: 2px;
	font-size: 10px;
	line-height: 100%;
	text-align: center;
	background-color: #f9f1e9;
	width: 155px;
}

.pictureFrame img {
	margin: 1px;
	border: 1px solid #555555;
}

.pictureFrame a {
	text-decoration: none;
}

.pictureFrame_narrow {
	margin: 0px 5px 5px;
	border: 1px solid #CC9933;
	padding: 2px;
	font-size: 10px;
	line-height: 100%;
	text-align: center;
	background-color: #f9f1e9;
	width: 75px;

}

.pictureFrame_narrow img {
	margin: 1px;
	border: 1px solid #555555;
}

.pictureFrame_narrow a {
	text-decoration: none;
}

.vid-center {
	margin: 0px 10px 10px 18px;
	border: 1px solid #7D9FB0;
	font-size: 10px;
	background-color: #BBD0DB;
	padding: 10px;
} 
.vid-center img{
	margin-right: 10px;
	float: left;
}
.vertical-highlight-white {
	margin: 5px auto;
	border: 1px solid #7D9FB0;
	font-size: 10px;
	background-color: #FFFFFF;
	padding: 0px;
}
.vertical-highlight-white th {
	background-color: #7D9FB0;
	font: bold 16px Helvetica,Arial,sans-serif;
	color: #FFFFFF;
	text-align: center;
}
.highlight-tan {
	margin: 0px 10px 10px 10px;
	font-size: 10px;
	background-color: #F8E6A6;
	padding: 10px;
}
.dataTable {
	margin: 8px 0;
	width: 95%;
}
.dataTable th {
	background-color:#BBD0DB;
	font-weight:bold;
	text-align:left;
	padding: 2px 4px;
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-right: 0;
	border-left: 0;
}
.dataTable td{
	text-align:left;
	padding: 2px 4px;
	border-bottom: 1px solid #CC9933;
	border-right-width:0;
	border-left-width:0;
}
td.dataTableNorule {
	text-align:left;
	padding: 2px 4px;
	border-bottom: none;
}

.wideDataTable {
	margin: 8px 0;
	width:85%;
}
.wideDataTable td{
	text-align:left;
	padding: 2px 4px;
	border-bottom: 1px solid #CC9933;
	border-right-width:0;
	border-left-width:0;
	font-size: 9px;
}
.wideDataTable th {
	background-color:#BBD0DB;
	font-weight:bold;
	text-align:left;
	padding: 2px 4px;
	border-top: 1px solid #CC9933;
	border-bottom: 1px solid #CC9933;
	border-right-width:0;
	border-left-width:0;
}
		

/* ============================
Main layout table
============================ */

table#phys-maintable {
	margin: 0px auto;
	border: 2px solid #104665;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
}

table#phys-maintable td {
	vertical-align: top;
	}

/* ============================
Phys Banner
============================ */

td#tbl-phs-banner {
	height: 22px;
	background: url(/physician/images/banner-phys3.jpg) top left no-repeat;
	}

/* Search */

td#search {
	padding-right: 5px;
	background: #F9FAFA;
	}
td#search table {
	margin-top: 5px;
	}
td#search table td {
	vertical-align: middle;
	}
td#search label {
	margin: 0px 5px;
	color: #00639F;
	cursor: pointer;
}
td#search input.small {
	width: 9px;
	height: 9px;
	vertical-align: middle;
	}

/* ============================
 Breadcrumb area
============================ */

td#nav-top {
	text-align: right;
	background-image: url(/physician/images/tbl-nav-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 10px;
	padding: 7px 5px 0px 0px;
}
td#nav-top a {
	color: #00639F;
	text-decoration: none;
}
td#nav-top a:hover {
	text-decoration: underline;
}

/* ============================
Left column style (Nav is at bottom of style sheet)
============================ */


#siteTitle, #fillcell {
	height: 30px !important; 
	margin: 0px;
	padding: 0px;
}

td#tbl-col-left {
	width: 169px;
	margin: 0px;
	background-color: #3A5D7B;
	padding: 0px;
}
td#tbl-col-left-top {
	width: 169px; 
	margin: 0px;
	background: url(/intl/images/tbl-left-col-top.gif) repeat-x left top #3A5D7B;
	padding: 0px;
}

/* ============================
Content Area
============================ */

td#content {
	width: 588px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	}
td#content ul{
	padding:0 3px;  /*right for FireFox-pc*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding:0; /*right for IE-pc*/
	}
td#content table {
	margin: 0px 10px 18px 18px;
	}
td#content table table {
	margin: 0px;
	}

/* ============================
right column - Additional information
============================ */

td#tbl-col-right {
	width: 129px;
	border-left: 1px solid #CC9933;
	background-color: #F8E6A6;
	vertical-align: top;
}
td#tbl-col-right td#spacer{
	background-color:#ffffff;
	height:14px;
}
td#tbl-col-right td#spacer div#coverBorder {
	margin: 0 0 0 -2px;
	position:absolute;
	height:14px;
	width:125px;
	background-color:#ffffff;
}
td#tbl-col-right-top, td#tbl-col-right-top  p, td#tbl-col-right-inner p {
	margin: 0px;
	padding: 0px;
	height: 21px;
	}
td#tbl-col-right h4, td#tbl-col-right-inner h4 {
	margin: 0px;
	padding: 2px 5px;
	background-color: #c93;
	color: #F8E6A6;
	font-size: 12px;
	}
td#tbl-col-right ul, td#tbl-col-right-inner ul {
	list-style: url(/physician/images/bullet-arrow.gif);
	margin: 5px 2px 2px 21px;
	padding: 0px;
}
td#tbl-col-right li, td#tbl-col-right-inner li {
	margin: 0px 2px 4px 0px;
}
td#tbl-col-right a:visited {
	color: #00639F;
	}
#print-page {
	list-style: url(/physician/images/bullet-print.gif);
}
#email-page {
	list-style: url(/physician/images/bullet-email.gif);
}

#tbl-col-right ul li.nobullet img, td#tbl-col-right-inner ul li.nobullet img  {
	vertical-align: middle;
	}

#tbl-col-right .img-float-left {
	float: left;
	border: 1px solid #000;
	margin-right:2px;
	}

/* ============================
Table used in right column
============================ */

.vertical-highlight-blue {
	margin: 20px 0px 0px;
	border: 1px solid #7D9FB0;
	font-size: 10px;
	background-color: #BBD0DB;
	padding: 00px;
	color: #003366;
}
td#tbl-col-right .vertical-highlight-blue h4 {
	margin: 0px;
	padding: 2px;
	background-color: #7D9FB0;
	color: #FFFFFF;
	text-align: center;
}
.vertical-highlight-blue p {
	line-height: 90%;
	font-size: 10px;
	color: #003366;
	padding: 2px;
	margin: 8px 3px 3px;
}

.vertical-highlight-blue cite {
	display: block;
	margin: 8px 3px 3px 15px;
	padding: 2px;
	border-left: 1px dotted #777799;
	line-height: 90%;
	font-size: 10px;
	font-style: oblique;
	color: #555555;
	}


/* ============================
Footer
============================ */

td#footer {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	padding-right: 10px;
	padding-left: 10px;
}
#terms {
	float: right;
}
#footer p {
	margin: 0px;
}
#terms a{
	color: #fff;
	text-decoration: none;
	}
#terms a:hover {
	text-decoration: underline;
	}

/* 
	YADM - yet another dropdown menu 
	Menu styles without Javascript 
	See more at http://www.onlinetools.org/yadm/
*/

ul#nav{
	margin:3px 0px 0px;
	padding:0;
	list-style-type:none;
}
ul#nav li ul{
	margin:0px;
	padding:0px;
}
ul#nav li{
	position: relative;
	margin: 0px 0px 0px 4px;
	padding: 1px 1px 1px 4px;
	list-style-type: none;
	color: #333;
}
ul#nav li#Disclosure {
	padding-left: 20px;
	background: url(/physician/images/triangle.gif) 0px 3px no-repeat;
	}
ul#nav li ul li {
	margin: 0px;
	padding: 0px;
	}
ul#nav ul a{
	padding-left:1em;
	color: #333333;
	text-decoration: none;
	display:  block;
} 
ul#nav a:hover{
	color: #fff;
	text-decoration: underline;
}
ul#nav a {
	font: bold 12px Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	text-decoration: none;
	margin: 0px;
	}

/* YADM flyout example */


ul.hiddenChild{
	left: -999em;
}
ul.shownChild{
	left: 164px;
	top: 0px;
}
ul#nav.dhtml{
	margin:3px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
ul#nav.dhtml ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	background-color: #3A5D7B;
}
ul#nav.dhtml li{
	position:relative;
	margin-bottom: 7px;
}
ul#nav.dhtml ul{
	position: absolute;
	z-index:10;
}
ul#nav.dhtml ul li{
	width:200px;
}
ul#nav.dhtml a{ 
	display: block;
}
ul#nav.dhtml li.isParent{
	background:url(/intl/images/flyout-arrow-off.gif) 98% 50% no-repeat;
	border-bottom: 1px solid #3A5D7B;
}
ul#nav.dhtml li.isActive{
	background: url(/intl/images/flyout-on.gif) 0% 0% no-repeat;
	border-bottom: 1px solid #253050;
}
ul#nav.dhtml li.isActive a{
	background: url(/intl/images/flyout-arrow-off.gif) 98% 50% no-repeat transparent;
	color: #fff;
	cursor: default;
}
ul#nav.dhtml li.isActive a:hover {
	text-decoration: none;
}
ul#nav.dhtml li.isActive ul li {
	margin: 0px;
}
ul#nav.dhtml li.isActive ul a{
	margin: 0px;
	border: 1px solid #CFDBE6;
	padding: 1px 1px 1px 5px;
	background-image: none;
	background-color: #2E4A6F;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
}
ul#nav.dhtml li.isActive ul a:hover{
	border: 1px solid #253050;
	color: #fff;
	background:#253050;
	text-decoration: none;
	cursor: pointer;
}

ul#nav.dhtml li#indications {
	padding-left: 23px;
	background: url(/physician/images/triangle.gif) 4px 2px no-repeat;
	}

/* ============================
Left side Highlight
============================ */
#something {
	background-color:CFDBE6;
	border: 1px solid #253050;
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	text-align:left;
	color:#253050;
}
#something h2{
	color:#253050;
	font-size:12px;
	margin: 3px 0px 0px 5px;
	padding: 2px 0px 4px;
	line-height:12px;
}
#something h3 {
	margin: 3px 5px 0px;
	padding: 2px 0px 4px;
	background-color: transparent;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	color: #253050;
}