@charset "utf-8";
/* CSS Document */
/*//////////////////////////
// filename: styles.css
// author: Frances Donovan
// last mod: Jan 21 2016
// notes: originally developed by MadPow/Atom Group c.2009
//        modified by Nina Johannessen, Blue Iris Web Design c.2010
//        modified by White Rhino for Patients & Families Jan 2016
//        primary owner Frances Donovan, PHS Web Dev for BWH (fjd6)
//          testing update 10/19/2016
//////////////////////////*/

/*IMPORT CUSTOM STYLESHEETS */

/* BWH Marketing. Allows for changes to typography and custom divs. Kevin McNavich primary owner */
@import url(/App_CustomCSS/marketing.css?v=1.1);

/* Research pages, maintained by Christine Soh Michael. */
@import url(/research/admin/styles/text2.css);

/* IMPORT OTHER STYLESHEETS */
@import url(/App_CSS/leftNav.css); /* left navigation styles*/
@import url(/App_CSS/menu.css?v=1.1); /* top navigation drop-down megamenu -- updated with White Rhino code Jan 2016 */
@import url(/App_CSS/patients-families.css?v=1.1); /* White Rhino Patients and Families section redesign Jan 2016 */
@import url(/App_CSS/tabber.css); /* what is this for? front page?  */
@import url(/App_CSS/stylesNewsletter.css); /* enewsletter page*/
@import url(/App_CSS/googlestyles.css); /* google search results page*/
@import url(/App_CSS/research.css); /* this is the positioning stuff we use to make Research pages work on BWH.org. */

html
{
	/*overflow-y: scroll; -- this might fix the problem with resizing*/
}

/*note: the subNav1 and subNav2 body style set the proper background image to 
match other design elements. other dependent styles appear elsewhere in the stylesheet*/

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.subNav1 { /* pages without left navigation and top tab */
	background: url(../_images/bg2.png) repeat-x #F0F1EC;
}
.subNav2 { /* pages with left navigation -- bg3.png has extra space at top*/
	background: url(../_images/bg2.png) repeat-x #F0F1EC;
}

.home { /* this SHOULD work in the home.css file but for some reason it needs to be set here*/
	background: url(../_images/bg.png) repeat-x #F0F1EC;
}

#test2016-01-21 /* test CSS refresh FJD6 DO NOT REMOVE */
{
    color: purple;
}

/*default styles*/
img, div { 
	border:none;
}
.clear{
	clear:both;
}

/* default link styles */
a:link, a:visited {
	text-decoration:none;
	color:#0187a2 !important; /*TEAL*/
	/*color:#1a56a7 !important; royal blue */
	font-size: inherit !important;
	font-weight: normal !important;
}

a:hover, a:active 
{
	color:#666666 !important;
	text-decoration:underline;
	font-size: inherit !important;
	font-weight: normal !important;
}


.right {
	float:right;
	font-size:11px;
}

.right2
{
	float:right;
	font-size:11px;
	*margin-bottom:10px;
	_margin-bottom:10px;
}

/* default typography styles */
/* these are now defined in Marketing.css */



/* you can't really mess with these too much or it'll affect all
sorts of global elements. See #col1 and other #col divs for additional UL and LI formatting */
ol li 
{
    font-size: inherit;
    list-style-type:number;
}

ul li 
{
    font-size: inherit;
    line-height: normal;
}

ul ul /* for nested tables*/
{
    margin-right: 10px;
}


ul ul li /* for nested tables*/
{
    font-size: inherit;
    line-height: normal;
}



/** LAYOUT STYLES FOLLOW WITH SOME TYPOGRAPHY THROWN IN FOR FUN **/

#mainBody { /*this is a wrapper more than anything else*/
	margin:0 auto;
	width:960px;
	padding:0px;
	z-index:0;
}

/* begin global header styles */
#header {
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:960px;
	z-index:5;

}

#logo {
	position:absolute;
	margin:0px;
}

#pikeNotesLink 
{
    display: block;
    position: absolute; /* must be absolute or it screws up positioning for the rest of the page */
	z-index: 500;
    top: 20px;
    left: 350px;
    width: 200px;
    font-style:italic;
}

#pikeNotesLink a:link, #pikeNotesLink a:visited 
{
    font-size: 12px !important;
}

/* argh this is so messy but then again so is the header */

#headerLinks {
	top:15px;
	right:0px;
	position:absolute;
	float:right;
	margin:0px 5px 0px 0px;	
	width:650px !important;
	*width:650px; /*ie hack */
	border: none !important;
	font-size:10px;
}

#headerLinks a, #headerLinks a:link, #headerLinks a:visited 
{
    font-size:11px !important;
    font-weight: normal !important;
}

/* toolLine1 and toolLine2 were swapped 08/2011 - Line2 is now on top*/

#toolLine1 {
	margin: 11px 0 0 0;
	*margin: 11px 18px 0 0; /* ie hack*/
	display: block;
	float: right;
	font-size: 11px;
	color:#05707F;
	width: 440px;
}

.toolLine1-1 { /* text size */
	float:left;
	margin:-5px 0px 0px 0px;
	padding: 0;
}

.toolLine1-2 { /* print */
	float:left;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	margin:0px 0px 0px 9px;
	padding:0px 9px 0px 9px;
}
.toolLine1-3 { /* translate intro */
	float:left;
	margin:0px 0px 0px 9px;
	padding: 0;
}
.toolLine1-4 { /* google translate widget*/
	float:left;
	margin:0px 0px 0px 2px;
	padding-right:1px;
}
.toolLine1-5 { /* ? icon */
	float:left;
	margin: 1px 0 0 2px;
}

#toolLine2 { 
	margin: 0 9px 0 0;
	*margin-right: 20px; /*ie hack*/
	display: block;
	float: right;
	font-size: 11px; /* larger size here*/
	color:#05707F;
	width: 280px;
	*width: 282px;/*ie hack*/
}

.toolLine2First {
	float:left;
	border-right:2px solid #000000;
	padding-right:9px;
}

.toolLine2Last {
    margin: 0 0 0 12px;
    float: left;
    font-size: inherit !important;
}

.googleTrIntro 
{
    float: left;
    
}

/* add google translate styling here */
div#google_translate_element {
float: left;
display: block;
position: relative;
margin-top: -5px;
}

a.goog-te-menu-value 
{
    font-size: 11px;
    color: #000;
}


/* NOTE: search results styles live in googleStyles.css. this is the search form in the header */
#search {
	position: relative;
	display: block;
	margin:10px 3px 0 0;
	*margin: 10px 10px 0 0; /*ie hack*/
	float:right;
	width: 433px;
    *width:435px; /*ie hack */
    font-size: 11px !important;
}
.search {
	width:177px;
}

.searchBtn {
	vertical-align:top;
}

select.ctl00_MasterPageHeader_cboSearchCollection /*styling of the search collection drop-down*/
{
    font-size: 11px !important;
}


/* BEGIN global header styles */

/* BEGIN top navigation styles*/
/* NOTE: most top navigation styling is in menu.css */
/*       left navigation styles (leftnav) are below */
#navigation {
	position:relative;
	display:block;
	top:106px;
	width:960px;
	height:47px;
	z-index:100;
	border-right: solid 1px #0090ad;
}
#breadcrumbs {
	position:relative;
	display:block;
	width: 960px;
	height: 35px;
	top:115px;
	color:#666666;
	font-size:11px;
	line-height: 150%;
}

/* END top navigation styles*/

/* Left navigation left nav leftNav files now live in leftNav.css*/

/* typography -- needs to be consolidated
/* pageTitle sits outside the main content div -- also see .subNav2 #pageTitle and .subNav1 #pageTitle 
#pageTitle { WE SHOULD BE ABLE TO DELETE ALL THIS
	position:relative;
	display:block;
	color: #EB6C20; 
	font-size: 16px;
	font-weight: bold;
	height: 15px;
	line-height: 150%;	
}*/
/* h1 style is defined in /app_customCSS/marketing.css */

/* this is a misnomer. Page contents as we know them live in the divs col1 (or colX, depending on the template) and Print_Content*/
/* .content is really just another wrapper */
.content {
	position:relative;
	display:block;
	float:left;
	top: 110px; /* This is for the LandingBlank template only*/
	*top: 120px; /*ie hack*/
	padding:0px;
	background:#FFFFFF;
	width:960px !important;
	z-index: 1; 
}
	
#feedbackText /*note: this sits inside col1, the main content wrapper, not the footer*/
{
    display: block;
    position: relative;
    text-align: center;
    margin-left: 50px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: inherit;
    font-size: 10px;
}


/* BEGIN FOOTER STYLES */
.footerSpacer {
	float:left;
	width:960px;
	height:10px;
}

#footer {
	position:relative;
	float: left;
	display:block;
	margin:0px;
	padding: 0;
	width: 100%;
}

#footerContent {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	min-height: 75px;
	height: 330px;
	font-size: 10px;
	color: #999;
	background: #f0f1ec url("../_images/bg_footer.jpg") no-repeat 0 0;
	
	padding-bottom:0;
}

/* begin new footer styles */

#footerContent li 
{
    background: url("../_images/bullet_grey.gif") no-repeat scroll 2px 3px transparent;
    list-style: none;
    margin: 5px;
    padding: 0px 0 0 12px;
}

#footerContent li.intro 
{
    background: none;
    list-style: none;
    margin: 5px;
    padding: 0;
    font-weight:800;
}

#footerContent li a, #footerContent li a:link, #footerContent li a:visited /* takes care of footer link color for ALL pages */
{
    color: #999 !important;
    font-weight:normal !important;
}


/* -- these ULs use #footerContent as their wrapper */

 ul#footerCol1 
 {
    position: relative;
    display: block;
    float: left;    
    left: 20px;
    width: 100px;
    margin: 10px 0 0 0;
    padding: 0;
 }

 ul#footerCol1 li 
 {
     background: none;
     padding: 0;
     margin: 4px;
 }


 ul#footerCol2 
 {
    position: relative;
    display: block;
    float: left;    
    left: 70px;
    width: 140px;
    margin: 10px 0 0 0;
    padding: 0;
 }

 ul#footerCol3 
 {
    position: relative;
    display: block;
    float: left;    
    left: 120px;
    width: 140px;
    margin: 10px 0 0 0;
    padding: 0;
 }

 ul#footerCol4 
 {
    position: relative;
    display: block;
    float: left;    
    left: 170px;
    top: 18px;
    width: 140px;
    margin: 10px 0 0 0;
    padding: 0;
 }

 ul#footerCol5 
 {
    position: relative;
    display: block;
    float: left;    
    left: 220px;
    width: 140px;
    margin: 10px 0 0 0;
    padding: 0;
 }

#footerLogos {
    position: relative;
    top: -60px;
	float:right;
	width: 228px;
}

#footerAddress 
{
	position: relative;
	display: block;
	float:left;
	top: 30px;
	left: 10px;
	width: 100%;
    
}

/* end new footer styles */

/* END FOOTER STYLES */

#subBrowse {
	display:block;
	position:relative;
	width:725px;
	height:70px;
	top:5px;
	left:3px;
	padding:0px;
	float:left;
}
#subBrowse2 {
	display:block;
	position:relative;
	width:725px;
	height:70px;
	top:40px;
	left:0px;
	padding:0px;
	float:left;
}
#subBrowse #title {
	display:block;
	position:relative;
	float:left;
	color:#333333;
}
#subBrowse #title h2 {
	font-size:14px;
	color:#6A6857;
	padding:0px 0px 10px 0px;
	margin:0px;
}

/* Landing Page */

.wide {
	position:relative;
	display:block;
	float:left;
	width:670px !important;
	margin:0px;
}

/* Begin Blank template -- #col -- styling*/
/* single-column -- for when main content body takes up entire width -- no left nav -- note that this position works in concert with .subnav1 #pagetitle -- no pageHeader for these templates*/
#col
{
	position:relative;
	display:block;
	float:left;
	width:930px;
	top: 5px;
	*top: 5px;
	padding: 0px 30px 0px 15px; 
	margin-right: 30px;
}

#col ul {
	position:relative;
	margin:0px 0px 22px 12px;
	padding:0px;
}
#col ul li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet1.gif) no-repeat 0 0;
	z-index:5;
	line-height: 100%;
}

#col ul ul {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	margin-left: 30px;
    margin-top: 10px;
	z-index:5;
}

#col ul ul li {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat 0 0;
	z-index:5;
	line-height: 100%;
}


#col ul.type2 li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat;
	z-index:5;
	line-height: 100%;
}
/* end Blank template -- #col -- styling*/

/* col1 is the div that contains MOST content pushed out by the WYSIWYG in TeamSite.
It's the div used in DeptBlank and DeptHome templates. 
Inside col1 is the div Print_Content, but Print_Content should not be used 
for on-screen styling. Print_Content interacts with the Print this Page function.
We can use it for print styling if necessary.

col1 styles MAY vary depending on whether we're in a DeptHome, DeptBlank, or LandingPage
template. Requires further investigation -- was named & styled first by MadPow and then
Nina Johannessen.

Check default typography styles at top of this document -- they should set anything not 
defined here. you may need to re-set them in colX divs as well.

- FJD6 3/12/2010

NOTE: DeptBlank and DeptHome use .subNav2 #col1, not the one below

*/
#col1 { /* for LandingPage and LandingBlank template*/
	position:relative;
	display:block;
	float:left;
	width:700px;
	margin: 0;
	padding-left:20px;
}

/* If you are trying to set main body page styling here, make sure to 
set it in the other #col divs as well -- landing page uses #col, not #col1 */
#col1 ul {
	position:relative;
	margin:0px 0px 22px 12px;
	padding:0px;
}
#col1 ul li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet1.gif) no-repeat 0 3px;
	z-index:5;
	line-height: 150%; 
}

#col1 ul ul {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	margin-left: 30px;
    margin-top: 10px;
	z-index:5;
}

#col1 ul ul li {
	position:relative;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat 0 0;
	z-index:5;
	line-height: 150%; 
}



#col1 ul.type2 li {
	position:relative;
	font-size:inherit;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet7.gif) no-repeat;
	z-index:5;
	line-height: 100%; 
}

/* #col1a - col1c moved to marketing, since they seem to be for the landing pages */

/* THIS IS THE RIGHT SIDEBAR right panel*/
#col2 {
	position:relative;
	display:inline;
	float:right;
	width:191px;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 13px;
	border-left: 1px dotted #A4B5C1;
}
#col2 p {
	padding:0px 7px 0px 0px;
}
#preFooter {
	position:relative;
	display: inline;
	float:left;
	width:690px;
	/*	margin:35px 0px 0px 12px !important; */
	margin:35px 0px 0px 5px;
	color:#056B79;
}
#award {
	position:relative;
	display:block;
	width:604px;
	border:3px solid #DDDED0;
	padding:16px 20px 15px 20px;
	background:#F0F1EC;
}
#award img {
	float:left;
	padding:0px 20px 20px 0px;
}
#award p {
	margin:0px;
	line-height:150%;
}

/* 3-Column Page */


/*.subNav2 .content {
	position:relative;
	display:block;
	float:left;
	top:137px; 
	background:#FFFFFF;
	padding:0px;
}*/

/* this is the main placeholder for deptBlank content -- includes left navigation */
.subNav2 .content {
	position:relative;
	display:block;
	float:left;
	background:#FFFFFF;
	padding:0px;
}

.subNav1 #pageHeader /* withOUT the left nav*/
{
	position:relative;
	display:block;
	clear:both;	
	width:960px;
	top:120px;
	height:50px;
	z-index:1; 
	background:#fff;
	padding-top: 20px;
}

.subNav2 #pageHeader /* WITH the left nav*/
{
	position:relative;
	display:block;
	clear:both;	
	width:730px;
	top:120px;
	left: 230px;
	height:50px;
	z-index:1; 
	background:#fff;
	padding-top: 20px;
}


.subNav2 #pageTitle{ /* this is WITH left nav -- typography set in H1 in App_CustomCSS/Marketing.css*/
	position:relative;
	display:block;
	float:left;
	width: 673px;
	height: 42px;
	line-height: 175%;	
	overflow: hidden;
	/*top: 10px; /* ie hack */
	left: 25px;
}

.subNav2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:460px;
	top: 0px; /* for DeptHome template - differs from LandingPage template*/
	*top: 0px;
	line-height:150%;
	color:#333333;
	margin:10px 0px 0px 5px !important;
}

.subNav2 #col1 p {
	margin: 0px 0px 10px 0px;
}

/*  3-Column Page No Tabs*/

.subNav1.col3 #col1 {
	position:relative;
	display:block;
	float:left;
	width:450px;
	line-height:150%;
	color:#333333;
	margin:25px 0px 0px 20px !important;
}

/* Original Style 
.subNav1.col3 #col1 {
	position:relative;
	display:block;
	float:left;
	width:450px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 20px !important;
	margin:5px 0px 0px -10px;
}
*/

/* New Style - NOTE: This does different stuff than the other pageTitle div -- 
it actually fills out the header for pages with no left nav */
.subNav1 #pageTitle
{
	position:relative;
	display:block;
	padding: 5px 10px 0px 15px;
	/*padding-top: 15px;*/
	float:left;
	top: 121px;
	width: 935px;
	height: 35px;
	line-height: 150%;
	overflow: hidden;
	color: #EB6C20; /* duplicated in a few other places too*/
	font-size: 16px;
	font-weight: bold;
	background: #fff;
}
*html .subNav1 #pageTitle /*ie6 hack*/
{
    /*width: 990px;*/
}

/* New Style */

.subNav1.col3 #col1 img {
	float:left;
	margin:5px 22px 10px 0px;
}

.subNav1.col3 .content {
	position:relative;
	display:block;
	float:left;
	/*top:117px !important;*/
	background:#FFFFFF;
	z-index:1;
	padding:0px;
}

.subNav1.col3 #leftNav { /* NOTE: LeftNav is REALLY set in leftNav.css, not here */
	position:relative;
	display:block;
	float:left;
	width:242px;
}

.subNav1.col3 #col2 {
	margin:20px 0px 0px 13px;
}

.subNav1.col3 #col1 p {
	margin:0px 0px 7px 0px;
}
.subNav1.col3 #col2 ul {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 0px;
}
.subNav1.col3 #col2 li {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	list-style:none;
	background:url(../_images/bullet5.gif) no-repeat;
	z-index:5;
}

/*  2-Column Page No Tabs*/

.subNav1.col2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:650px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 10px !important;
	margin:5px 0px 0px -10px;
}


/* original style

.subNav1.col2 #col1 img {
	float:left;
	margin:5px 22px 10px 0px;
}*/
.subNav1.col2 .content {
	position:relative;
	display:block;
	float:left;
	top:103px !important;
	top:101px;
	background:#FFFFFF;
	padding:12px 10px 0px 10px;	
	z-index:1;
}
.subNav1.col2 #leftNav {
	position:relative;
	display:block;
	float:left;
	top:-12px !important;
	left:-20px;
	width:242px;
}
.subNav1.col2 #leftNav_topB {
	position:relative;
	display:block;
	float:left;
	background:#006175;
	top:0px !important;
	top:0px;	
	width:230px;
	height:40px !important;
	height:36px;	
	z-index:1;	
}
.subNav1.col2 #col1 p {
	margin:0px 0px 7px 0px;
}

/* About the Hospital */
/* this takes care of the funkiness in the top menu that 
allows our search form */

#about {
	display:block;
	position:relative;
	background:url(../_images/img_aboutHospital_1.jpg) right no-repeat #9D9C87;
	width:735px;
	height:173px;
	top:-12px;
	left:-10px;
	padding:0px;
	float:left;
}
#subSection1 {
	display:block;
	position:relative;
	width:718px;
	top:5px;
	left:3px;
	padding:0px;
	float:left;
	border-bottom:1px dotted #028FAB;
}
#subSection1 ul {
	display:block;
	position:relative;
	margin:0px 13px 0px 0px;
	padding:0px 0px 18px 0px;
	width:165px;
	float:left;
}

#subSection2 {
	display:block;
	position:relative;
	width:715px;
	top:10px;
	left:0px;
	padding-bottom:20px;
	float:left;
}
 
#subSection2 ul {
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:165px;
	float:left;
}
.gridItem {
	display:block;
	position:relative;
	margin:0px 16px 13px 0px;
	padding:0px 0px 18px 0px;
	width:165px;
	height:125px !important;
	height:135px;	
	float:left;
	border-right:1px dotted #028FAB;
}		
.gridItem p {
	font-size:11px;
}
.gridItem h2 {
	color:#6A6857;
	font-size:14px;
}
.gridItem.last {
	border-right:none;
}
.gridItem .right {
	float:right;
	margin:0px 10px 0px 0px !important;
	margin:0px -35px 0px 0px;	
}

/* Health Library 
// unless these styles are for the top nav, we may very well be abel to remove these styles altogether.
//   Health Library pages are maintained by Staywell now, including the landing page 
*/

#categories {
	width:205px;
	height:150px;	
	padding:30px 0px 10px 23px;
	float:left;
}
#browse #categories .right {
	margin-right:0px !important;
	margin-right:-50px;
}
#articles {
	width:215px;
	height:150px;	
	padding:30px 0px 10px 23px;
	float:left;
}
#browse #articles .right {
	margin-right:0px !important;
	margin-right:-40px;
}
.gridItem3 {
	display:block;
	position:relative;
	margin:0px 12px 13px 0px;
	padding:0px 10px 18px 10px;
	width:210px;
	height:125px !important;
	height:135px;	
	float:left;
	border-right:1px dotted #028FAB;
}		
.gridItem3 p {
	font-size:11px;
}
.gridItem3 h2 {
	color:#6A6857;
	font-size:14px;
}
.gridItem3.last {
	border-right:none;
	margin:0px 0px 13px 0px;
	padding:0px 0px 18px 10px;
	width:218xpx	
}
.gridItem3 .right {
	clear:both;
	float:right;
	margin:0px 12px 0px 0px !important;
	margin:0px -35px 0px 0px;	
	font-size:11px;	
}
.gridItem3.last .right {
	margin:0px 16px 0px 0px !important;
	margin:0px -35px 0px 0px;
}	
.gridItem_divider {
	clear:both;
	width:710px;
	border-bottom: 1px dotted #028FAB;
	margin:5px 0px 12px 0px !important;
	margin:0px 0px 25px 0px;	
}

/* Surgery Department */
/** This was the surgery widget -- we might be able to do away 
with this entire block of styles 

#history {
	position:relative;
	display:block;
	width:460px;
	padding:0;
	float:left;
	margin:0px 0px 15px 0px;
	font-size:11px;
	background:#F0F1EC;
	border: 1px solid #CCCCCC;
}
#history ul {
	margin:0px;
	padding:0px;
	width:140px;
}
#history li {
	margin:10px 0px 10px 0px;
	padding:0px;
	background:#004E5E;
	
}
#history a {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
#history p {
	margin:0 0 6px 0;
}
#historydivcontainer {
	position:relative;
	display:block;
	width:265px;
	float:left;
	margin:0px 0px 0px 10px;
	padding:10px;
}
.caption {
	color:#707070;
	font-size:10px;
	line-height:125%;
}
*/
.ContentHolder /* this contains the columns between pageHeader and footer -- including left nav and columns (col, col1, col2, depending on template) */
{
	float:left;
	position:relative;
	top: 0px;
	*top: 0px; /* ie hack*/
	display:block;
	width:952px;
	min-height:650px;
	height:650px;
	height:auto !important;
	z-index:1;
}

/*  2-Column Page No Tabs*/

.subNav2.col2 #col1 {
	position:relative;
	display:block;
	float:left;
	width:650px;
	line-height:150%;
	color:#333333;
	margin:5px 0px 0px 20px !important;

}
.subNav2.col2 #col1 img {
	float:left;
	margin:5px 22px 10px 0px;
}
.subNav2.col2 .content {
	position:relative;
	display:block;
	float:left;
	top:157px !important;
	background:#FFFFFF;
	z-index:1;
	padding:0px;
}
.subNav2.col2 #leftNav {
	position:relative;
	display:block;
	float:left;
	top:0px !important;
	width:242px;
	left:0px;
}

.subNav2.col2 #col1 p {
	margin:0px 0px 7px 0px;
}

/* MORE RIGHT SIDEBAR right panel*/
.subNav2 #col2 {
	/*this is set in styles above -- search for the div*/
}
.subNav2 #col2 ul, #col2 ul {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10px 20px 25px 0px;
}
.subNav2 #col2 li, #col2 li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_images/bullet5.gif) no-repeat scroll 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 6px;
	padding:0 0 0 8px;
	position:relative;
	text-decoration:none;
	z-index:5;

}
.rightpanelrule {
	/*height: 1px;
	margin-right: 12px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	margin-bottom: 12px;
	margin-top: 10px;
	color: #9E9E9E;*/
}

/* begin QuickLinks */


#quickLinks {
	display: block;
}

#quickLinks a
{
	font-size:10px;
	font-weight: normal; /* needed to add this because of Research legacy code*/
}

#quickLinks img /* NOTE: you cannot set padding/spacing specs for individual buttons because their order changes depending on location within the site. See /default.aspx, /research/ and a DeptHome templated page FJD 2011-02-04*/
{
	margin-bottom: 5px;
}

#quickLinks .ContactBTN /* not actually a button, but an icon next to a link */
{
	float:left;
	width:180px;
	padding: 0 0 5px 0;
}

#quickLinks .ContactBTN img
{
	float:left;
	padding-right:10px;
	margin: 0;
	display: inline;
}

#quickLinks .ContactBTN a
{
	float:left;
	width:120px;
	padding-top:15px;
	display: inline;
}

#quickLinks .MapsBTN
{
	float:left;
	width:180px;
	padding-bottom:12px;
	padding-top: 5px;
}

#quickLinks .MapsBTN img
{
	float:left;
	width:23px;
	height:17px;
	padding-right:10px;
}

#quickLinks .MapsBTN a
{
	float:left;
	width:130px;
	padding-top:2px;
}

#quicklinks #reqApptChat /* containing div for liveperson chat window images -- with blue background */
{
    background: #ebf9ff;
}



/* end QuickLinks -- we need to keep these style definitions as is*/

#relatedLinks {
	border-top: dotted 1px #666666;
	margin-right: 10px;
	padding-top: 12px;
}

.header 
{
    padding: 0px;
    margin: 3px 0 5px 0;
    border: 0;
}

#latestNews 
{
    padding-bottom: 0;
	/* NOTE: This div is defined differently than those following because
    of issues with the Contact and Map buttons. The News image must be cut
    with the padding and the top dotted line border intact in it. Trust me,
    we tried setting the styles in a way that was more consistent and it doesn't work.*/
}

#latestNews img.header 
{
    margin-bottom: 12px;
    padding: 0;
}

#latestNews img {
	float:left;
	margin:0px 0px 15px 0px;
	border:none;
}
#latestNews .label {
	font-size:11px;
	float:left;
	width:85px;
	margin:0px 0px 0px 10px;
}

.SubSubNav
{
	display:none;
}

/* SOME FORM STYLES */
.formtophdr{
	font-size: 20px;
	font-weight: bold;
	padding-left: 16px;
	color: #036;
	padding-top: 12px;
}
.formtoptxt {
	padding-right: 10px;
	padding-left: 16px;
	color: #036;
	line-height: 1.4em;
}
.formtxtred {
	color: #900;
}
.formtextblue {
	text-align:left;
}
.LandingPagesubTitle {
	font-size: 18px;
	font-weight: bold;
	color: #069;
}
select {
	z-index:5;
}

select#hideInput 
{
    font-size: 11px;
    /* can't control width of the menu but can decrease font size*/
}

table tr, #Table1 tr, #Table2 tr {
	height: 30px;
	z-index:10;
	margin: 0px;
	padding: 0px;
}

table td, #Table1 td, #Table2 td {
	padding-bottom: 0px;
	line-height: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

#highlightBox
{z-index:1;}
#subIntroduction
{z-index:1;}

/*styles for submit button landing pages

.btn_submit
{
background-image: url(/forms/formImages/btn_submit.gif);
 
    width:100px;
    height:25px;

}
*/

/* HEALTH EVENTS DETAIL PAGE */

#healthevent-detail-col1 
{
 float: left;
 position: relative;
 display: block;   
 width: 360px;
 margin-right: 20px;
 }
/*
*html #healthevent-detail-col1 /*ie6 hack 
{
    width: 370px;
}*/

#healthevent-detail-col2 
{
 float: left;
 position: relative;
 display: block;   
 width: 250px;
 background: #f0f1ec;
 padding: 20px;
}

.event-detail-header 
{
   	padding:0;
	font-size:14px;
	color:#0187a2;
	font-weight: 800;
	display: block; /* need to leave this in for Dana bug fix*/
}

span#ctl00_ContentPlaceHolder2_EventDetails_deptName 
{
 display: block;
 padding-bottom: 5px;
}

/**  RESEARCH FEED STYLES FOLLOW -- SEE marketing.css for additional lp (landing page) styles FJD 11-2011  **/

#lp_content #researchFeed 
{
    display: block;
}

#researchFeed .header {
    display: block;
    color: #0187A2;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 0 0;
}

#researchFeed p 
{
    display: block;
}

#researchFeed a.link
{
    display: block;
    background: url("../_images/bullet1.gif") no-repeat scroll 0 0 transparent;
    font-size: inherit;
    font-weight: normal;
    line-height: 140%;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    z-index: 5;    
}

/* For the Screen Saver link - Liz Miranda - -2/24/2012*/

#divScreenSaver , ctl00_lblScreenSaver
{

    color:#ff0000; 
    width:100%; 
    font-family:Arial; 
    font-size:24px;
    font-weight:bold; 
    text-align:center;
     
}

/*Form Error message in red 4.0 update Liz Miranda 5/1/2014*/

#pnlErrors

{
    color:#ff0000; 
}


.pnlErrors

{
    color:#ff0000; 
}


#ContentPlaceHolder2_RequestAppointment_pnlErrors
{
    color:#ff0000; 
}


#ContentPlaceHolder2_perceptionFeelingKnown_pnlErrors
{
    color:#ff0000; 
}


#ContentPlaceHolder2_AskCardiologist_pnlErrors
{
    color:#ff0000; 
}

#ContentPlaceHolder2_AskNephrologist_pnlErrors
{
    color:#ff0000; 
}

#ContentPlaceHolder2_AskObstetrician_pnlErrors
{
    color:#ff0000; 
}


#ContentPlaceHolder2_AskRheumatologist_pnlErrors
{
    color:#ff0000; 
}

#ContentPlaceHolder2_AskNephrologist_pnlErrros
{
    color:#ff0000; 
}

#ContentPlaceHolder2_NewsSignUp_pnlErrors
{
    color:#ff0000; 
}


#ContentPlaceHolder2_ICD_pnlErrors
{
    color:#ff0000; 
}

#ContentPlaceHolder2_ThoracicSurgeryContactUs_pnlErrors
{
    color:#ff0000; 
}

#ContentPlaceHolder2_ThoracicSurgeryAppointmentRequest_pnlErrors
{
    color:#ff0000; 
}

/* PUBLIC AFFAIRS NEWSROOM STYLES */

.newsroom-bar 
{
    display: block;
    width: 450px;
    background: #ff6633;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 10px;

    }
    
a.newsroom-bar-link:link, a.newsroom-bar-link:visited  
{
    float: right;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: inherit !important;
    }

a.newsroom-bar-link:hover, a.newsroom-bar-link:active
{
    text-decoration: underline;
    }

a.newsroom-orangelink:link, a.newsroom-orangelink:visited  
{
    color: #ff6633 !important;
    font-weight: 800 !important;
    font-size: inherit !important;
    }

a.newsroom-orangelink:hover, a.newsroom-orangelink:active
{
    text-decoration: underline;
    }
   
     
   /*newsroom home page press release list*/ 
    table#ContentPlaceHolder2_NewsRoomContent1_dlPressRelease td img
    {
        margin-right: 10px;
        }

   /*press releases overview page press release list*/ 
    table#ContentPlaceHolder2_PressRelease1_dlPressRelease td img
    {
        margin-right: 10px;
        }
    
   /*research briefs list -- thumbnail padding*/ 
    table#ContentPlaceHolder2_ResearchBriefs1_dlPressRelease td img
    {
        margin-right: 10px;
        }


/* newsroom right panel styles */    

#newsroom-contact 
{
    display:block;
    padding-top: 10px;
    border-top: dotted 1px #ccc;
    font-size: 11px;
    color: #999;
}

#newsroom-social
{
    display:block;
    padding-top: 10px;
    border-top: dotted 1px #ccc;
}

#newsroom-social img 
{
    float: left;
    margin-bottom: 10px;    
}

#newsroom-social .label {
	font-size:11px;
	float:left;
	width: 75%;
	margin:0px 0px 0px 10px;
}

#newsroom-signup {
	margin:10px 0px 10px 0px;
}


#newsroom-blogs
{
    display:block;
    padding-top: 10px;
    border-top: dotted 1px #ccc;
}

#newsroom-twitter-widget
{
    display:block;
    padding-top: 10px;

}

#NewsSignUp /*signup form*/
{
    background-color: #0187a2;
    padding: 20px 10px 0px 10px;
    color: #fff;
}

input#ContentPlaceHolder2_LeftNavSearch_ImageButton1
{
    display: block;
    float:right;
}
    
#in-the-news dl dd 
{
    padding: 0;
    margin: 0 0 10px 0;
}

div#ContentPlaceHolder2_FormHolder dd /* spacing for BWH In the News items */
{
    margin: 10px 10px 0px 20px;
    padding: 0px;
}

#awardshonors-header 
{
    padding: 0;
    margin:0;
}

/* styling for Skip Navigation links -- required for accessibility */
a.skip-navigation:link, a.skip-navigation:visited, a.skip-navigation:active
{
    background-color: transparent;
    border-color: transparent;
    color: transparent;
    bottom: -35px;
    display: block;
    left: -10000px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    z-index: 99;
}
a.skip-navigation:hover, a.skip-navigation:focus {
    background-color: black;
    border-color: white;
    color: white;
    left: 10px;
}

    
}

/* nursing news styling FJD needs debugging as of April 2016 */
table#ContentPlaceHolder2_NursingNewsList_dlNursingNews td .nursing-news-dateline
{
    font-weight: 800 !important;
}

/* Calendar Location Details page -- styling for the table. 
display page located at /View/includes/Location-Details.aspx?location_id=6914
user control located at /app_usercontrols/forms/LocationDetails.ascx
*/
table#location-details 
{
}

table#location-details tr
{

}


table#location-details tr td
{
    border-bottom: dotted 1px grey;
    padding: 5px;    
}

.nursing-news-dateline 
{
    font-weight: bold;
    }