/* Styles for Yale Medical Group by WD+D */
/* updated 11/1/05 (vv)                  */
/* ------------------------------------- */

/* main styles and classes for all browsers */

body { background-color: #EEEEEE; margin: 0px; padding: 0px;}

a { color: #03286E;}
a:hover { color: #666666; text-decoration: underline;}
a:active { color: #666666;}

img.block {display: block;} /* for Gecko browsers with 4.1 doctype, use where needed */

/* heading styles --------------------------------------------- */

.posthidden {display:none} 
.postshown {display:inline}

h1, h2, h3, h4, h5, boldened {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; 
color: #03286E;
}

h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 15px; color: #000;}
h4 { font-size: 12px; top: 6pt; clip: rect(); position: relative;}
h5 { font-size: 12px; top: 10pt; clip: rect(); position: relative;}
boldened { font-size: 13px; top: 6pt; clip: rect(); position: relative;}

/* body type styles --------------------------------------------- */

p, ul, ol, blockquote, .normal-text {	/* standard page text with no extra leading */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
}

.title-text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}

.body-text {line-height: 17px;}	/* use with <p> above to give more leading in body */

.items-text { /* use for items in tables that need some extra leading */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
}

.heading-12 {
font-size: 12px;
color: #03286E;
}

.heading-11 {
font-size: 11px;
color: #03286E;
}

.white-heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
padding: 2px 10px;
}

.underline { text-decoration: underline;}

.align-right { float: right;}

ul { list-style-type: square; line-height: 16px; margin-bottom: .2em;}
ol { line-height: 16px; margin-bottom: .2em;}

.accent-color { background-color: #F8F7D3;}

.backgroundsidebar { background-color:#EEEEEE;}

/* ------------------------------------------------------------- */


/* special classes and ID styles ------- */

/* -------------------------------------
top banner
---------------------------------------- */

#banner-home, #banner-internal {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #03286E;
float: right;
}

#banner-home {
font-size: 12px;
line-height: 18px;
font-weight: bold;
padding-bottom: 3px;
padding-right: 4px;
}

#banner-internal {
font-size: 11px;
line-height: 16px;
font-weight: bold;
padding-top: 10px;
padding-right: 4px;
}

#banner-home a, #banner-internal a { color: #03286E; text-decoration: underline;}
#banner-home a:hover, #banner-internal a:hover { color: #666666; text-decoration: underline;}
#banner-home a:active, #banner-internal a:active { color: #666666;}



/* -------------------------------------
search bar
---------------------------------------- */

#search-bar img {display: block;} /* for Gecko browsers */

#search-bar td, select, input { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #03286E;
}

#search-bar td { font-size: 11px;}
#search-bar select { font-size: 10px;}
#search-bar span.title { font-size: 12px; font-weight: bold;}

#search-bar :focus { background-color: #FFFEED;}
#search-bar input.button:active { background-color:#FFFEED;}



/* -------------------------------------
   tab bar
---------------------------------------- */

#tabs img {display: block;} /* for Gecko browsers */

#tabs a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
text-decoration: none;
display: block;
background-color: #03286E;
padding: 4px 18px 5px 18px; /* top, right, bottom, left */
/* white-space: pre; */
}

#tabs a:hover {
color: #03286E; 
display: block;
background-color: #CBDCF2;
padding: 4px 18px 5px 18px; /* top, right, bottom, left */
/* white-space: pre; */
}

.t1, .t1a, .t2, .t2a, .t3, .t3a, .t4, .t4a, .t5, .t5a, .t6 { background-color: #03286E;}

/* Flyout Menus, new styles added to Tab Bar
-------------------------------------------- */

#tabs a, #tabs a:hover { white-space: normal; }

#tabs {
position: relative;
}

#tabs ul {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
list-style-type: none;
border: 1px solid #000;
padding: 0;
margin: 0;
width: 180px;
position: absolute;
left: -999em;
}

#tabs ul a { border-top: 1px solid #334e8e; }

/* shifts flyouts to align under tabs */
ul#f2 { margin-left: 79px; }
ul#f3 { margin-left: 262px; }
ul#f4 { margin-left: 383px; }
ul#f5 { margin-left: 530px; }
ul#f6 { margin-left: 598px; }
ul#f7 { margin-left: 150px; }

/* The Holly Hack enables IE Win to display the nav buttons properly */
/* Fix IE Win. Hide from IE Mac \*/
* html #tabs ul li { float: left; }
* html #tabs ul li a { height: 1%; }
* html ul#f6 { margin-left: 600px; }
/* End */

#c1 {
position: absolute;
top: -15px;
left: -999em;
width: 780px;
height: 15px;
}

#c2 {
position: absolute;
top: 0;
left: -999em;
margin-left: 780px;
width: 20px;
height: 22px;
}



/* -------------------------------------
scancol nav headings and buttons
---------------------------------------- */
.nav-heading, .nav-buttons {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #03286E;
}

.nav-heading {			/* yellow colored title box */
font-size: 10px;
font-weight: bold;
background-color: #F8F7D3;
border: #03286E solid;
border-width: 1px 2px 0px 2px;
padding: 4px 4px;		/* top + bottom, left + right */
display: block;
}

.nav-buttons {			/* white box */
background-color: #FFFFFF;
border: #03286E solid;
border-width: 1px 2px;	/* top + bottom, left + right */
margin-right: 0px;
margin-bottom: 6px;
}

.nav-buttons a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #03286E; 
text-decoration: none;
display: block;
padding: 6px 9px; /* top + bottom, left + right */
}

.nav-buttons a:hover {
color: #03286E;
text-decoration: none;
background-color: #F8F7D3;
display: block;
padding: 6px 9px; /* top + bottom, left + right */
}



/* -------------------------------------
scancol box
---------------------------------------- */

.scancol-box {
background-color: #F8F7D3;
display: block;
padding: 6px 4px;
border: #03286E solid;
border-width: 1px 2px; 	/* top + bottom, left + right */
margin-bottom: 6px;
}



/* -------------------------------------
title links - can be used anywhere
---------------------------------------- */
.title a { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #03286E; text-decoration: none;
}

.title a:hover { color: #666666; text-decoration: underline;}
.title a:active { color: #666666;}



/* -------------------------------------
scancol search box
---------------------------------------- */

#search-box {				/* sets up the colored container box */
background-color: #F8F7D3;
display: block;
padding: 6px 8px 6px 8px;	/* top, right, bottom, left */
border: #03286E solid;
border-width: 1px 2px; 		/* top + bottom, left + right */
margin-bottom: 6px;
text-align: center;			/* for NN4 */
}

#search-box img {display: block;} /* for Gecko browsers */

#search-box select, input { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #03286E;
}

#search-box { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #03286E;
}

#search-box input { 
width: 130px;
margin: 3px 0px; /* top + bottom, left + right */
}

#search-box input.button { width: 60px;}
#search-box :focus { background-color: #FFFEED;}
#search-box input.button:active { background-color: #FFFEED;}




/* -------------------------------------
internal page titles
---------------------------------------- */

.heading-left {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #03286E;
padding: 10px 0px; /* top + bottom, left + right */
}


.heading-right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #03286E;
text-align: right;
width: 500px;
}

.heading-right a { color: #03286E; text-decoration: underline;}
.heading-right a:hover { color: #666666; text-decoration: underline;}
.heading-right a:active { color: #666666;}



/* -------------------------------------
gray box link headings
---------------------------------------- */

#graybox-headings {
background-color: #EEEEEE;
dislplay: block;
padding: 0px 10px;
}

#graybox-headings p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #03286E;
font-weight: bold;
margin-top: .5em;
margin-bottom: .5em;
}

#graybox-headings a { text-decoration: underline;}
#graybox-headings a:hover { text-decoration: underline;}



/* -------------------------------------
health info topic index
---------------------------------------- */

#topics-box {				/* sets up the colored container box */
background-color: #F8F7D3;
display: block;
padding: 10px 10px 15px 10px; /* top, right, bottom, left */
border: #03286E solid;
border-width: 1px 2px; 		/* top + bottom, left + right */
}

.topics-font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #03286E;
}

.topics-title {
float: left;
font-weight: bold;
}

a {
color: #03286E; 
text-decoration: none;
}

a:hover {
color: #666666; 
text-decoration: underline;
}

#topics-box .close {
float: right;
background-color: #FFFFFF;
padding: 0px 2px;
border: #03286E solid;
border-width: 1px;
margin-right: 4px;
}

#topics-menu ul { 
list-style-image: url(../images/ticarrow.gif); 
list-style-type: square; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height: 1.3em; 
margin-left: -2.3em; 

}

#topics-menu li { list-style-type: square; } /* only NN4 needs this */




/* -------------------------------------
homepage info boxes on right side
---------------------------------------- */

.info-heading, .info-content {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #03286E;
}

.info-heading {			/* yellow colored title box */
font-size: 12px;
font-weight: bold;
background-color: #F8F7D3;
border: #03286E solid;
border-width: 1px;		/* all around */
padding: 4px 12px;		/* top + bottom, left + right */
width: 100%;			/* only NN4 needs this */
}


.info-content {			/* gray colored info box */
font-size: 10px;
line-height: 14px;
background-color: #EEEEEE;
padding: 6px 12px 8px 12px;	/* top, right, bottom, left */
border: none 1px;			/* only NN4 needs this */
width: 100%;			/* only NN4 needs this */
}

.info-content a { color: #03286E; text-decoration: underline;}
.info-content a:hover { color: #666666; text-decoration: underline;}
.info-content a:active { color: #666666;}



/* -------------------------------------
footer
---------------------------------------- */

#footer-logo { 
float: left;
display: block;
}

#footer-2, #footer-3, #footer-4 { font-family: Verdana, Arial, Helvetica, sans-serif;
color: #03286E;
vertical-align: top;
}

#footer-2 { 
font-size: 11px;
line-height: 18px;
font-weight: bold;
float: right;
padding: 22px 4px 0px 0px; /* top, right, bottom, left */
}

#footer-2 a { color: #03286E; text-decoration: underline;}
#footer-2 a:hover { color: #666666; text-decoration: underline;}
#footer-2 a:active { color: #666666;}

#footer-3 { 
font-size: 10px;
line-height: 16px;
float: left;
padding-left: 16px;
}

#footer-4 { 
font-size: 11px;
line-height: 20px;
font-weight: bold;
float: right;
padding-right: 4px;
}


/* ------------------------------------- */
/* ------------------------------------- */
/* ------------------------------------- */