/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/*

	Harrington Hospital -  by Booyant, Inc.
	Contact Info: team@booyant.com  / 978.729.8408
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.General, non-section-specific selectors
	   2.Reusable elements
	   3.Page Structure
	   4.Header-specific selectors 
	   5.Navigation (main & sub)
	   6.Homepage 
	   7.Primary content column (#main) rules
	   8.Secondary content column (#secondary) rules
	   9.Callout / Highlight / Call to Action / Feature
	   10.Footer 
	   11.EXCEPTIONS/OVERRIDES
	   12.FORMS
	   
	   
    -------------------
	
*/


/* ===============================================
1. General, non-section-specific selectors
=============================================== */

html {
    height: 101%;
    margin-bottom: 1px;
}

.clearBoth {
	clear: both;
	display: block;
	height: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}

.group:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.center{
	text-align: center;
}

/* ===============================================
2. Reusable Elements
=============================================== */

.icn-physician {background-image: url(/images/icons/icon-physician.png);}
.icn-join {background-image: url(/images/icons/icon-join.png);}
.icn-visitors {background-image: url(/images/icons/icon-visitors.png);}
.icn-locations {background-image: url(/images/icons/icon-locations.png);}
.icn-services {background-image: url(/images/icons/icon-services.png);}
.icn-contact {background-image: url(/images/icons/icon-contact.png);}



/* ===============================================
3. Page Structure
=============================================== */
#content-wrap:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}


#page-wrap {
	margin: 0 auto;
	width: 960px;
	background: #fff;
	
}

	#content-wrap {
		padding: 25px 48px 20px 28px;
	}
	

		#main {
			float: right;
			/*width: 569px;*/
			padding-left: 30px;
			width: 569px;
			border-left: 2px dotted #999;
			min-height: 400px;
		}
		
		#secondary {
			float: left;
			width: 256px;
		}


/* It's like structural clearing, baby, thats good for me.... */		

#content-wrap:after, 
.content-wrap:after,
#header:after,
#main-nav:after,
#tabbed-content:after,
#feature-wrap:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}




/* ===============================================
4. All header-specific selectors; logo, nav, etc.
=============================================== */

#header {
	position: relative;	
	padding: 2.4em 22px 2.2em 41px;
	height: 4.5em;
}

	#logo {
		float: left;
		font-size: 2.4em;
		font-weight: bold;
	}
	
	#search-form {
		position: absolute;
		top: 48px;
		right: 22px;
		width: 262px;
	}
	
		#search-form p {
			font-size: 1em;
			margin: 0;
		}
	
			#search-form label {
				display: none;
			}
			
			#search-form input {
				width: 184px;
				vertical-align: middle;
			}
	
			input#submit-search {
				background: #7d8588;
				color: #fff;
				text-transform: uppercase;
				font-size: 1em;
				padding: 5px 6px 4px 6px;
				margin-left: 4px;
				width: 60px;
				height: 25px;
			}
			
	a.site-map {
		text-transform: uppercase;
		font-size: .8em;
		color: #7d8588;
		position: absolute;
		top: 22px;
		right: 24px;
		letter-spacing: .18em;
		text-decoration: none;
		font-weight: bold;
	}

/* ===============================================
5. Navigation (main & sub)
=============================================== */	

ul#main-nav {
	margin: 0;
	padding-left: 26px;
	background: #60a6ba url(/images/bg/main-nav.gif) 0 0 repeat-x;
	border-bottom: 1px solid #0561af;
	margin-right: 15px;
	margin-left: 15px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	clear: both;
}

	ul#main-nav li {
		float: left;
		padding: 0;
		margin: 0;
	}

	ul#main-nav li:last-child {
		margin-right: 0;
	}
	ul#main-nav li:last-child a {
		background: none;
	}

		ul#main-nav li a {
			color: #fff;
			display: block;
			margin: 0 0 -1px 0;
			text-decoration: none;
			padding: 8px 12px;
			background: url(/images/bg/main-nav-link.gif) right 50% no-repeat;
			border-top: 2px solid #7dcffa;	
		}
		
		ul#main-nav li a:hover, ul#main-nav li a.selected {
			background:#CD8802 url(/images/bg/main-nav-hover.gif) 0 bottom repeat-x;
			border-top: 2px solid #efc748;
			box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
  			-moz-box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.3);
  			-webkit-box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
		}
		

#sub-nav {
	width: 246px;
	padding: 0;
	font-size: 1.05em;
}
	#sub-nav li {
	margin: .25em 0;
	}

	#sub-nav a {
		color: #423103;
		display: block;
		text-decoration: none;
		padding: 2px 10px 2px 26px;
	}
	
	#sub-nav a:hover, #sub-nav a.selected,
	#careers_job_listing #nav-careers-opportunities a,
	#news_events_event #nav-events-calendar a,
	#news_events_news_release #nav-news-releases a
	 {
		-webkit-transition: all .2s ease-in;
		color: #fff;
		background-color: #CD8802;
		background-image: url(/images/bg/subnav-arrow.png);
		background-position: 12px 50%;
		background-repeat: no-repeat;
	}
	
		#sub-nav ul {
			background: #fcfae6;
			padding: 0;
			margin: 0;
			display:none;
		}
		
		#sub-nav li.selected ul {
			display:block;
		}
		
		#sub-nav ul li ul.sub2 {
			display:none;
		}
		
		#sub-nav ul li.selected ul {
			display:block;
		}
		
		#sub-nav ul a {
			padding: 2px 10px 2px 41px;
			
		}
		
		
		#sub-nav ul ul a {
			padding: 2px 10px 2px 55px;
			
		}
		
			#sub-nav li li a:hover, #sub-nav li li a.selected {
				background-color: #60a6ba;
				background-position: 27px 50%;
			}
			
			#sub-nav li li li a:hover, #sub-nav li li li a.selected {
				background-color: #60a6ba;
				background-position: 41px 50%;
			}

#main .breadcrumbs {
	font-size: 1.1em;
	padding: 0;
	margin: 12px 0px 25px 0px;
}

#main .breadcrumbs li {
		float: left;
		margin: 0;
		padding: 0;
		background: none;
	}
		.breadcrumbs a {
			text-decoration: underline;
			padding-right: 1em;
			margin-right: .6em;
			background: url(/images/bg/breadcrumb-arrow.gif) right 50% no-repeat;
		}
		
/*main nav selection*/

body.for_patients ul#main-nav li a.for_patients,
body.physicians ul#main-nav li a.physician_directory,
body.our_services ul#main-nav li a.our_services,
body.for_physicians ul#main-nav li a.for_physicians,
body.community_support ul#main-nav li a.community_support,
body.about_us ul#main-nav li a.about_us,
body.careers ul#main-nav li a.careers,
body.news_events ul#main-nav li a.news_events
{
	background:#CD8802 url(/images/bg/main-nav-hover.gif) 0 bottom repeat-x;
	border-top: 2px solid #efc748;
	box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
}

/*end main nav selection*/
					

		
/* ===============================================
6. Homepage rules
=============================================== */

#portals{
	position: relative;
}
div.portal{
	position: absolute;
	top: 0;
	left: 0;
}
div.portal div.copy{
	position: absolute;
	left: 13px;
	width: 285px;
	top: 48px;
}
div.portal h1{
	color: #cd8802;
	font-weight: normal;
	font-size: 2.3em;
	margin: 0;
	margin-bottom: .1em;
	text-transform: uppercase;
	line-height: 1em;
	
}

div.portal h1 a{
	color: #cd8802;
 	text-decoration: none;
}

div.portal h2 {
	color: #295489;
	margin: 0;
	font-size: 1.2em;
}

div.portal h2 a{
	text-decoration: none;
}

div.portal p{
	font-weight: bold;
	font-size: 1em;
}
div#portals ul#portal-nav{
	position: absolute;
	z-index: 200;
	top: 190px;
	left: 35px;
	width: 275px;
	margin: 0;
	padding: 0;
}
div#portals ul#portal-nav li{
	float: left;
}
div#portals ul#portal-nav li a{
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 10px;
	outline: none;
}
div#portals ul#portal-nav li a:after{
	padding-left: 10px;
	content: "|";
	color: #295489;
}
div#portals ul#portal-nav li a.selected{
	color: #638473;
}
div#portals ul#portal-nav li.last a:after{
	content: "";
}

#home #feature-wrap{
	margin: 0 15px 0 15px;
}

.content-wrap {
	padding: 10px 28px 15px 28px;
	background: url(/images/homepage/bottomGradient.png) 0 bottom repeat-x;
}

#feature-wrap {
	padding-top: 10px;
}

#portals {
	width: 732px;
	height: 252px;
	float: left;
}
	
.quicklinks {
	width: 197px;
	background: #8ebaa3;
	height: 172px;
	float: right;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

	.quicklinks h2 {
		margin: 10px 0 .4em 15px;
		font-size: 1.5em;
		font-weight: normal;
		color: #072c62;
	}	
	
	.quicklinks ul {
		margin: 0;
	}
	
		.quicklinks li {
			margin: 0;
		}
		
			.quicklinks a {
				font-size: 1em;
				color: #fff;
				display: block;
				background-position: 0 50%;
				background-repeat: no-repeat;
				text-decoration: none;
				padding: .2em 2.4em;	
			}
	

.company-login {
	width: 197px;
	background: #e0fbec;
	height: 80px;
	float: right;
	overflow: hidden;
}

.company-login h2{
	color: #072c62;
	font-weight: normal;
	margin: 5px 0 5px 10px;
}

.company-login form p{
	margin: 0;
}
.company-login form{
	color: white;
	background-color: #60a6ba;
	height: 25px;
	margin: 0 10px;
	font-size: .9em;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 5px;
}

.company-login input, .company-login label{
	vertical-align: middle;
}

.company-login #password{
	width: 85px;
	height: 12px;
	border-bottom: 1px solid #015d8d;
	border-left: 1px solid #c7e0e7;
	border-top: 1px solid #a7a9ac;
	margin: 0;
}
.company-login #forgot{
	margin: 0;
	color: #31a0c5;
	margin-left: 10px;
	font-size: .9em;
}
.company-login input#submit-login{
	height: 15px;
}

/* JQUERY tabs */

#tabbed-content {
	margin: 25px 15px 0 15px;
	clear: both;
	border-bottom: 1px solid #CD8802;
	/*background: url(/images/bg/tabbed-content.gif) left bottom repeat-x;*/
	padding-left: 100px;
	font-size: 1.1em;
}

	#tabbed-content li {
		float: left;
		margin: 0 1px 0 0;
	}
	
		#tabbed-content a {
			color: #668775;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			padding: 3px 22px;
			border-top: 1px solid #d3d5d6;
			border-left: 1px solid #d3d5d6;
			border-right: 1px solid #d3d5d6;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			margin-right: 5px;
			background: url(/images/bg/tabbed-content.gif) left bottom repeat-x;
		}
		
		#tabbed-content a:hover, #tabbed-content a.selected {
			background: #CD8802;
			color: #fff;
		
		}
		.content-wrap a dd{
		
			color: #4D4D4F;
		}
	
	
dl.feature {
	float: left;
	width: 295px;
	padding-right: 5px;
	margin-right: 30px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-top: 5px;
	-webkit-border-top: 5px;
	border: 1px solid #d3d5d6;
	height: 170px;
	-webkit-box-shadow: 3px 3px 50px #bcbec0;
	-moz-box-shadow: 3px 3px 5px #bcbec0;
	
}
	dl.feature dt{
		color: #072c62;
		text-transform: uppercase;
		font-size: .8em;
		margin-top: 25px;
		line-height: 1.2em;
	}
	
	dl.feature dd{
		margin-top: 8px;
		margin-bottom: 0;
		font-size: .8em;
		line-height: 1.3em;
		font-weight: bold;
		padding-right: 10px;
	}
	
	dl.feature dd.image{
		width: 75px;
		float: left;
		height: 150px;
		margin-right: 10px;
		margin-top: 15px;
		padding: 0;
	}
	
	dl.feature dd.image img {
		float: left;
		margin-right: 8px;
	}


.news ul{
	font-weight: bold;
	float: right;
	width: 235px;
	padding: 0;
	padding-top: 10px;
	font-size: 1.1em;
}
	.news li {
		background: url(/images/bg/news-bullet.png) left 6px no-repeat;
		padding-left: 1em;
		margin: 0 0 .6em 0;
	}
	
	.news li.more {
		background: none;
	}
	
		.news a {
			text-decoration: none;
		}
		
		.news a:hover {
			text-decoration: underline;
		}
		
		.news li.more a {
			color: #cd8802;
		}

/* ===============================================
7. Primary content column (#main) rules
=============================================== */
.poem{
	text-align: center;
}

html body div#main .first-element{
	margin-top: -10px;
}
	
p.intro {
	font-size: 1.4em;
}

#main ul li {
	background: url(/images/bg/bullet.png) left 6px no-repeat;
	padding-left: 1em;
}


ul.left-column{
	float: left;
	width: 250px;
}

ul.right-column{
	float: right;
	width: 250px;
}

#for_patients_insurance_carriers #main p{clear:both;}



/*List exceptions///////*/

#about_us_physician_services_physician_services #main ul{
	padding-left: 0;
	margin-left: 0;
}

#about_us_physician_services_physician_services #main ul li{
	background-image: none;
	padding-left: 0;
	margin: 0;
}

#about_us_physician_services_physician_services #main dl, #about_us_physician_services_physician_services #main dd{
	margin: 0;
}
#about_us_physician_services_physician_services #main dt{
	font-weight: normal;
	margin-top: .5em;
}



#about_us_physician_services_physician_services #main dd, #about_us_physician_services_physician_services #main dt{
	font-size: .8em;
	line-height: 1.3em;
	padding-left: 1em;
}

html body #main ul.no-list{
	padding-left: 0;
	margin-left: 0;
}

html body #main ul.no-list li{
	background-image: none;
	padding-left: 0;
	margin: 0;	
}

ul.tight-list li{
	margin: .2em 0;
}

/*///////List exceptions*/
/*career listing*/


h1.job-details {
	position: relative;
}
.careers h1 span.disclaimer{
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	font-size: .6em;
	font-weight: normal;
	
}

h4#career_title{
	background-color: #599EC6;
	color: white;
	padding: 10px 15px;
	margin: 0;
	position: relative;
}

h4#career_title a{
	text-transform: uppercase;
	font-weight: normal;
	margin-left: 20px;
	font-size: .7em;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
}

h4#career_title span{
	display: block;
	float: right;
	font-weight: normal;
}

#job-entry{
	background-color: #F6F6F7;
	clear:both;
	width: 569px;
}

#job-entry th{
	width: 130px;
	text-align: right;
	padding-right: 10px;
}

#job-entry td{
	width: 350px;
	padding: 10px 20px 10px 10px;
}

#job-entry td p {
	font-size: 1em;
}

#apply-btn{
	float: right;
	clear: both;
	color: #CD8802;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

/*end career listing*/

/*career-table/////////////*/



#career-table thead th{
	background-color: #599ec6;
	font-size: 1.2em;
}
#career-table thead tr a{
	color: white;
	text-decoration: none;
}

#career-table thead tr a:hover{
	color: #072C62;
}

#career-table td, #career-table th{
	padding: 10px;
	font-size: .9em;
}
#career-table tr.odd-row{
background-color: #f6f6f7;
}

/*/////////////career-table*/

/*Physician Profiles///////////////*/

/*search*/
.physicians div#secondary{
	width: 160px;
}
.physicians div#main{
	width: 650px;
}

.physicians #submit-btn{
	float: right;
	margin-bottom: 20px;
}
#phys-select{
	background-color: #599ec6;
	color: white;
	margin-top: 40px;
}

#main #phys-select li{
	float: left;
	background-image: none;
	margin-right: 50px;
}
#phys-select label{
	display: block;
	margin-bottom: 10px;
}

#phys-table{
	width: 100%;
}

#phys-table td{
	padding: 10px;
	color: #6f6f71;
}

#phys-table thead th{
	background-color: #a5a6a7;
	color: #fff;
}
#phys-table thead tr td{
	color: white;
}
#phys-table tr.odd-row{
	background-color: #f6f6f7;
}


/*profile*/
div.phys-profile{
	background-color: #fcfcfc;
	border: 1px solid #b9bdc0;
}
div.phys-name{
	background-color: #8ebedf;
	position: relative;
	height: 205px;
	width: 100%;
}
div.phys-name img{
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 5px;
	background-color: white;
	border: 1px solid black;
	z-index: 100;
	box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
}
div.phys-name h1{
	background-color: #3d6596;
	color: white;
	position: absolute;
	left: 0;
	width: 429px;
	padding: 8px 20px 8px 0;
	z-index: 50;
	top: 75px;
	padding-left: 200px;
	font-weight: normal;
	text-align: right;
	font-size: 1.4em;
}
div.phys-name h1 span{
	font-weight: bold;
}
div.phys-name h1 span.phone-number{
	font-weight: normal;
	text-align: right;
}
div.phys-profile table{
	margin-top: 20px;
}
div.phys-profile th{
	width: 180px;
	text-align: right;
	padding-bottom: 10px;
}
div.phys-profile td{
	width: 305px;
	padding: 0 0 10px 20px;
}

/*///////////////Physician Profiles*/

/*News releases*/
h3.spotlight-head{
	background-color: #599ec6;
	color: white;
	width: 9em;
	box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.3);
  	font-size: .9em;
  	letter-spacing: .3em;
  	padding: 5px 20px 5px 15px;
  	margin-bottom: 0;
  	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	margin-left: -15px;
}

div.spotlight{
	background-color: #f6f6f7;
	box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: 4px 1px 10px rgba(0, 0, 0, 0.3);
  	padding: 5px 10px 5px 15px;
  	margin-left: -15px;
  	margin-bottom: 20px;

}

/*end News releases*/
ul#advertising-thumbs{
	padding: 0;
}

ul#advertising-thumbs li{
	background-image: none;
	padding: 0;
	margin-bottom: 20px;
	width: 150px;
	overflow: hidden;
	float: left;
	margin-right: 35px;
	text-align: center;
}

table.calendarBG td{
	border: 1px solid gray;
	width: 120px;
	height: 120px;
	font-size: .7em;
	background-color: #F6F6F7;
}
table.calendarBG th{
	text-align: center;
}

div#calendar{
	clear: both;
	width: 910px;
	padding-top: 4em;
}

table.calendarBG td.calendarDayHeading{
	height: 25px;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	background-color: #599EC6;
	color: white;
	border: 1px solid #599EC6;
}

.date{
	font-style: italic;
}

/* ===============================================
8. Secondary content column (#secondary) rules
=============================================== */

	
#secondary img {
	float: left;
	margin-bottom: 1em;	
}

/* ===============================================
Callout / Highlight / Call to Action / Feature
=============================================== */




/* ===============================================
Footer related rules
=============================================== */

#footer {
	/* background: #072c62; */
	clear: both;
	font-size: .9em;
	margin: 0 auto;
	max-width: 960px;
	text-align: center;
	color: white;
	background-color: #072c62;
	text-transform: uppercase;
	font-size: .65em;
	letter-spacing: .5em;
	line-height: 1.2em;
	padding: .8em 0;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#footer p{
	margin: 0;
}

body#news_events_news_releases #main p, body#news_events_news_releases_archives #main p, body#news_events_events #main p{
	margin: 0;
	line-height: 1.7em;
}

body#news_events_news_releases #main h2, body#news_events_news_releases_archives #main h2{
	margin: 0;
}

body#news_events_news_releases_archives #main h2.month{
	margin-bottom: 1.4em;
}

body#news_events_news_releases #main p.short-content, body#news_events_news_releases_archives #main p.short-content{
	margin-bottom: 1.4em;
}

body#news_events_events #main p.date{
	margin-top: 1.4em;
}


a.boxlink {
	display: block;
	text-decoration: none;
	
}

a.boxlink:hover {
	text-decoration: underline;
}

#event-detail {
	background-color: #F6F6F7;
	clear:both;
	width: 569px;
}
#event-detail th{
	width: 130px;
	text-align: right;
	padding-right: 10px;
}

#event-detail td{
	width: 350px;
	padding: 10px 20px 10px 10px;
}

#event-detail td p {
	font-size: 1em;
	
}

.employeeLogin {
	font-size: 11px;
	padding: 10px;
	margin: 0 10px 0 10px;
	background-color: #72A4B8;
	color: #fff;
}

.employeeLogin a {
	color: #fff;
}

.employeeLogin a:hover {
	text-decoration: none;
}