/*
OHSU Stylesheet
Paul Farning - ISITE Design, Inc.

hdr: #e5e6e7;
blue: #dfe3f1;
*/

@import "nav.css";

body{
    background: transparent url(/health/_resources/css/img/bg_page_healthcare.gif) 0 0 repeat-x;
}

#nav_unified{
    margin-top: 3px;
}

#nav_unified a {
    background-color: #C1D3C3;
    background-image:url(http://www.ohsu.edu/xd/style/img/bg_nav_unified_healthcare.gif);
	border-color:#C1D3C3;
}
#nav_unified a.nav_healthcare{

	background-color: #fff;
	background-position: 0 -88px;
	color: #2C5529;
	border-bottom: 0;
	margin-top: 0;
	padding-bottom: 1px;
}

	#utility{
        background:transparent url(/health/_resources/css/img/bg_header.gif) repeat-x scroll 0pt -22px;
		float:right;
		margin:17px 0 0 41px;
		padding-left:10px;
		position:absolute;
		right:10px;
		top:1px;
		/* width:18em; */
    }
	* html #utility {
        top: 70px;
    }

	#utility li{
   		font-size: .9em;
    }


#breadcrumb{
    background-color:#FFFFFF;
	clear:right;
	margin-bottom:1px;
	width:100%;
}
#breadcrumb li {
	background:none;
	color:#404040;
	display:inline;
	font-size:0.9em;
	line-height:28px;
	padding:0;
}

#subnav h4{
    color:#004284;
	font-size:1em;
	font-weight:normal;
	margin-bottom:0.4em;
	margin-top:-1px;
	padding:6px 12px;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img, button {
    margin:0; padding:0; border:0;
}
hr	{ display:none; }

body {
    font: 76%/130% Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	text-align: center;
	padding-bottom: 8px;
}

h1, h4, h5, h6, p, #header h2 { margin: 0 0 .7em 0; }
h2, h3 {margin: 1.5em 0 .3em 0;}

p {line-height:1.2;}

ul, ol { list-style-image:url(../images/bullet_point.gif); }

table {font-size:12px}

#logoprint {display: none;} /*img inserted into page for printing.  hide it here, reveal it in print.css*/


/* ------------ LINKS -------------- */
a:link, a:visited {
	color: #a65c2f;
	text-decoration: none;
}
#utility a, #footer a { color: #225b95; }
a:hover, a:active {
	/*color: #472503;*/
	color: #000;
	text-decoration: underline;
}

a.more, .more a {
	background: transparent url(../images/bg_arrow.gif) 100% 3px no-repeat;
	padding: 0 16px 0 0;
}

.more span {    position: absolute; left: -9999em;}/*include the rest 'learn more <span> about this topic </span>' and hide it*/

/*#utility a:hover, #footer a:hover { color: #003366; }*/

ul.arrow, #subnav ul { list-style:none; list-style-image: none; }/* ie 7 won't override w/out list-style-image; everyone else needs list-style */
ul.arrow li, a.arrow {
	background: transparent url(../images/bg_arrow.gif) 0 3px no-repeat;
	padding: 0 0 0 20px;
}
ul.arrow li { padding-bottom: 5px; line-height: 1.1;}
h1	{ font-size:140%; }
h2	{ font-size:110%; text-transform: uppercase; }
h3	{ font-size:100%; }
h4	{ font-size:120%; }
h5	{ font-size:100%; }
h6	{ font-size:90%; }

h1, h2, h3, h4, h5, h6 { 
	color: #225b95;
	font-weight: normal;
}

.main h2 {
    margin: 23px 0 8px 0;
}

input, textarea { border: 1px solid #cccccc; }

dl { margin: 0 14px;	}
dt { font-weight: bold; clear: right;}/*for pages with dls where dds contain images.  dds with an image should be classed .ddimage */
dd { margin-bottom: 12px; }



.clear { clear: both; }


.nowrap { white-space: nowrap; }

/* ----------- LAYOUT ----------- */
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 785px;
}

#header {
	background: #e5e6e7 url(/health/_resources/css/img/bg_header.gif) left top repeat-x;
	float: left;
	padding-bottom:4px;
	margin: 0 auto 1px auto;
	/*overflow: hidden;*/
	padding: 0;
	position: relative;
    width: 785px;
	background-color:transparent;
	background-image:none;
}

#header h2 a{
	background: transparent url(/health/_resources/css/img/logo.gif) 0 0 no-repeat;
    display: block;
	float: left;
	height: 65px;
	width: 271px;
	text-indent: -9999em;
	}
#header h2{
	float: left;
	margin: 0 0 8px 0;
	padding: 9px 0 0 13px;
	width: 271px;
	}
#header p{
	background: transparent url(/health/_resources/css/img/bg_where_healing_teaching.gif) 0 0 no-repeat;
	clear: none;
    display: block;
	float: left;
	height: 34px;
	margin: 30px 0 0 55px;
	width: 190px;
	text-indent: -9999em;
	}
		* html header p { margin: 30px 0 0 27px;   }
		
*+html #header {
	padding-top:9px;
}
	#brand, #byline {
		display: block;
		float: left;	
		text-indent: -9999px;
	}
	#brand {
		background: transparent url(../images/ohsu_logo.gif) no-repeat;
		height: 61px;
		margin: 4px 0 0 8px;
		overflow: hidden;
		width: 247px;
	}
	#byline {
		background: transparent url(../images/hdr_byline.gif) no-repeat;
		height: 34px;
		margin: 4px 0 0 44px;
		width: 165px;		
	}

	#accessibility { position: absolute;  left: -999em; }

	#utility {
		margin: -3px 8px 0 552px;
		padding-top: 3px;
		width: 225px;
	}
		#utility form {
			margin: 0;
			padding: 0;			
		}
		#utility input, #subnav input, .secondary input {
			color: #999;
			padding-left: 2px;
			width: 256px;
			height: 1.7em;
		}
		#utility ul, #footer ul {
			list-style: none;
			margin: -5px 0 0 0;
		}
		#utility ul 					{ margin-bottom: 3px;  }
		#utility li, #footer li 		{ display: inline; font-size:12px;}
		#utility label, #utility legend { display: none; }


#subcontent {
    width: 570px;
	padding: 20px;
	float: left;
	clear: left;
}




/* --------- MAINNAV -------- */
#navcontainer {
	background: #fff url(http://www.ohsu.edu/xd/style/img/bg_nav_unified_healthcare.gif) repeat-x;
	width: 785px;	clear: both;
}

#nav {
	height: 34px;
	list-style: none;
	margin: 0 0 2px 290px;
	padding: 0;
	position: relative;
	width: 498px;
}
	#nav li { display: inline; }
	#nav li a {
		background: #006 url(../images/nav.gif) no-repeat;
		display: block;
		float: left;
		height: 30px;
		overflow: hidden;
		text-indent: -9999px;
	}
		#nav li#about-nav a			{ background-position: -1px 0; width: 103px;}
		#nav li#healthcare-nav a	{ background-position: -102px 0; width: 105px; }
		#nav li#education-nav a		{ background-position: -205px 0; width: 98px; }
		#nav li#research-nav a		{ background-position: -301px 0; width: 92px; }
		#nav li#outreach-nav a		{ background-position: -391px 0; width: 97px; }

		#nav li#about-nav a:hover			{ background-position: -1px -30px; }
		#nav li#healthcare-nav a:hover, #nav li#healthcare-nav a.active		{ background-position: -102px -30px; }
		#nav li#education-nav a:hover		{ background-position: -205px -30px; }
		#nav li#research-nav a:hover		{ background-position: -301px -30px; }
		#nav li#outreach-nav a:hover		{ background-position: -391px -30px; }

		#nav li ul {
			display: none; /*until we have something in there*/
			background: #fff;
			border: 1px solid #cfd4e8;
			padding: 10px 0;
			position: absolute; left: -9999px; top: 30px;
			width: 160px;
			z-index: 200;
		}
			#nav #about-nav:hover ul, #nav #about-nav.over ul { left: -10px; }
			#nav #healthcare-nav:hover ul, #nav #healthcare-nav.over ul { left: 93px; }
			#nav #education-nav:hover ul, #nav #education-nav.over ul { left: 198px; }
			#nav #research-nav:hover ul, #nav #research-nav.over ul { left: 296px; }
			#nav #outreach-nav:hover ul, #nav #outreach-nav.over ul { left: 323px; }

				#nav #about-nav li a, #nav #healthcare-nav li a, #nav #education-nav li a,
				#nav #research-nav li a, #nav #outreach-nav li a, #nav #about-nav li a:hover,
				#nav #healthcare-nav li a:hover, #nav #education-nav li a:hover,
				#nav #research-nav li a:hover, #nav #outreach-nav li a:hover {
					background: transparent url(../images/bg_arrow.gif) 8px 3px no-repeat;
					float: none;
					height: auto;
					margin-left: 0;
					padding: 0 0 3px 28px;
					text-decoration: none;
					text-indent: 0;
					width: auto;
				}

#flash { margin: 0 0 6px 0; }	

#content {}

#content:after { /* fix bug in release of Firefox 2.0.0.8 */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.interior #content {
	border: 1px solid #cfd4e8;
	float: left;
	margin-bottom: .8em;
	width: 783px;
}
	#blocks {
		background: #fff url(../images/bg_content.gif) left bottom no-repeat;
		display: inline;
		float: left;
		margin: 0 0 8px 0;
		width: 785px;
	}
		.block {
			border-top: 1px solid #cfd4e8;
			display: inline;
			float: left;
			margin: 0 5px 0 0;
			width: 258px;
		}
		.last 	{ margin-right: 0; width: 259px; }
			.block h2, .block h3, #newsandevents h2 {
				border-bottom: 1px solid #cfd4e8;
				padding: 5px 16px 3px 16px;
				margin-bottom: .6em;
				font-weight: normal;
			}
		.block label, .block legend { display: none; }
		.block select {
			margin: 0 0 3px 14px;
			width: 230px;
		}
		.find {
			background: #dfe3f1;
			margin: 0 0 0 14px;
			padding: 8px;
			width: 214px;
		}
			.find label { display: block; }
			.find input {
				color: #999;
				padding-left: 3px;
				width: 181px;
				height: 1.3em;
			}

	/*#leader #quicklinkswrap  { background-color: #FFFFCC; width: auto; display: block; float: none;}*/

	#newsandevents {
		border: 1px solid #cfd4e8;
		margin: 0 0 0 208px;
		padding: 0;
		position: relative; /* fixes some ie madness */
	}
		#newsandevents dl { clear: right;}
			#newsandevents dt {
				color: #666;
				display: block;
				float: left;
				font-weight: normal;
			 	width: 3em;

			}
			#newsandevents dd {	margin: 0 0 8px 47px; }
		#newsandevents a.arrow {
			display: block;
			margin: 0 0 18px 60px;
		}
		#newsandevents p.more {
			margin:.8em 0 .5em 16px;
			padding-bottom:1em;
		}

	.double #newsandevents {
		border: 0;
		margin-left: 0;
	}	
	.double #newsandevents h2, .doernbecher #newsandevents h2 { border: 0; padding: 0;}
	
	#highlights {
		clear: both;
		float: left;
		list-style: none;
		margin-left: 0;
	}
		#highlights a {
			background: transparent url(../images/graphic_btns.jpg) no-repeat;
			border: 1px solid #ccc;
			display: block;
			height: 55px;
			margin: 0 8px 2px 0;
			overflow: hidden;
			text-indent: -9999px;
			width: 198px;
		}
			#transformations-nav a	{ background-position: 0 0; }
			#opportunity-nav a		{ background-position: 0 -55px; }
			#researcharea-nav a		{ background-position: 0 -110px; }
			
			#transformations-nav a:hover	{ background-position: -198px 0; }
			#opportunity-nav a:hover		{ background-position: -198px -55px; }
			#researcharea-nav a:hover		{ background-position: -198px -110px; }
	
button{
	cursor: pointer;
	text-indent: -1000em;
}

#searchform button, #searchform_dept button, #searchagain #searchterms button {
	background: transparent url(../images/btn_go.gif) 0 0 no-repeat;
	border: 0;
	color: #fff;
	height: 19px;
	margin-top: 1px;
	width: 23px;
	vertical-align: middle;
}
*+html #searchform_dept button {
	margin-left:4px;
	margin-top:-3px;
}
button.search {
	background: #000 url(../images/btn_search.gif) no-repeat;
	border: 0;
	width: 61px;
	height: 19px;
	vertical-align: middle;
}
button.search:hover,
#searchform button:hover, #searchform button.over,
#searchform_dept button:hover, #searchform_dept button.over,
#searchagain #searchterms button:hover, #searchagain #searchterms button.over
{background-position: 0 -19px; }

#footer{
    font-size: .9em;
	padding-top: .9em;
	}
	
#footer ul {
    float: left;
	width: 420px;
	}
	
#footer li {
	background: transparent url(/health/_resources/css/img/bg_nav_utility_divider.gif) 0 50% no-repeat;
    float: left;
	padding: 0 6px;
	width: auto;
	font-size: 1em;
	}
	
#footer li.footer_about, #footer li.footer_jobs  {
	background-image: none;
	clear: left;
	padding-left: 0;
	font-size: 1em;
	}
	
#footer p {
	float:right;
	text-align: right;
    width: 330px;
	}
	
#footer a{    color: #004990}

/* Interior Pages */

body .healthcarepage {background: transparent url(/health/_resources/css/img/bg_page_healthcare.gif) 0 0 repeat-x; }

body.static .full img,
body.healthtopic .main img{
     float: right;
	margin: 0 10 10px 10px;
	clear: right;
}
/* special image case to prevent tiny text columns */
body.static .full img.wide,
body.healthtopic .main img.wide,
img.wide {
	float:none;
	clear:right;
	display:block;
	margin:0 0 10px;
}
#breadcrumb{
    background-color:#FFFFFF;
	clear:right;
	margin-bottom:1px;
	width:100%;
}
#breadcrumb li {
	background:none;
	color:#404040;
	display:inline;
	font-size:0.9em;
	line-height:28px;
	padding:0;
}



/* Form Pages */

/*I'm not sure why this needs to happen, but variable width content in forms seems to be having unexpected results on overall width calculations - which causes the sidebar to be aligned incorrectly. */
/*.form .full {width:577px;}*/  

.form .main fieldset {
	margin-bottom:1em;
}
.form .main legend {
	display:none;
}
.form .main label, .form .main input, .form .main select, .form .main textarea {
	display:block;
}
.form .main input[type=hidden] {
	display:none;
}
.form .main input {
	margin:0 0 1em;
}
.form .main form span {
	display:block;
	margin:0 0 1em;
}
.form .main span input {
	display:inline;
	margin:0;
}
.form .main textarea {
	width:573px;
	margin:0 0 1em;
}
.form .main button {
	float:left;
	height:19px;
	text-indent:-9999px;
}
button.clearform {
	height:19px; width:84px;
	text-indent:-9999px;
	background:transparent url(../images/doernbecher/btn_clear_form.gif) -1px 0 no-repeat;
}
button.clearform:hover, button.clearform.over { background-position:-1px -19px; }

/* form#donate */
#donate p {margin:.2em 0 .8em;}
#donate .note {padding-top:1em;}
#donate label em {display:block;}
#verisign {float:right;}
/* form#donate buttons */
#continuedonation {
	width:68px;
	background:transparent url(../images/doernbecher/btn_continue.gif) -1px 0 no-repeat;
}
#continuedonation:hover, #continuedonation.over { background-position: -1px -19px; }
#resetdonation {margin-left:8px;}

/* form#interest_survey */
#submitsurvey {
	width:87px;
	background:transparent url(../images/doernbecher/btn_send_survey.gif) -1px 0 no-repeat;
}
#submitsurvey:hover, #submitsurvey.over {
	background-position:-1px -19px;
}
#resetsurvey {margin-left:8px;}

/* form#email_patient */
#submitemail {
	width:77px;
	background:transparent url(../images/doernbecher/btn_send_email.gif) -1px 0 no-repeat;
}
#submitemail:hover, #submitemail.over {
	background-position:-1px -19px;
}
#resetemail {margin-left:8px;}


          /*
--=.._/(        Sub Navigation      )\_..=--
    	  */

#subnav {
   display: inline;
	float: left;
	margin-left: -783px;/**/
	width: 167px;

   /*background-color: #DCEAC6;
	position: absolute;
	top: 0;*/
}

#subnav div { border-bottom: 0px solid #cfd4e8; width: 168px; }
#subnav form { margin: 10px 0;}
#subnav legend { display: none; }
#subnav label { position: absolute; left: -9999px; }
#subnav input { margin-left: 10px; width: 120px; }

div.full {
	float: left;
	display: inline;
	margin: 0 0 0 190px;
	padding: 2em 16px 1.3em 0;
}

.column { /* generic column maker class */
	float: left;
    width: 200px;
	margin: 1%;
	padding: 2%;
}

#subcontent .column { /* more info areas on bottom*/
	float: left;
    width: 270px;
	margin: 0;
	padding: 5px 15px 5px 0px;
}

.static .column{/* full width pages */
	width: 245px;
	margin: 0 10px 0 0;
}


.finda div.full {
	margin-left: 168px;
	padding: 0 0 1.3em 0;
}

.finda .clear {    border-top: 1px solid #eee}

div.first {
    /*border-bottom: 1px solid #ccc;*/
	border-right: 1px solid #cfd4e8;
	width: 420px;
	float: left;
	padding: 2em 20px;
}

.clinic div.first {
    /*border-bottom: 1px solid #ccc;*/
	border-right: 0;
	width: 570px;
	float: left;
	padding: 2em 20px;
}

* html .finda div.first {width: 415px;}
* html .clinic div.first {width: 530px;}

.three div.full { padding: 2em 0 1.3em 0; }
.landing div.full { padding: 0; margin-left: 168px; width: 615px; }
.interior #content ul, .interior #content ol {
	margin-left: 1.1em;
	margin-bottom: 1em;
}
* html .interior #content ul, * html .interior #content ol {
	margin-left:1.3em;
}
*+html .interior #content ul, *+html .interior #content ol {
	margin-left:1.3em;
	list-style:none;
}
.interior #content ul ul, .interior #content ul ul ul, .interior #content ol ol {margin-bottom: 0; margin-left: 2em}


.interior #content h1, .interior #content .callout h2 {
	font-size: 1.9em;
	   /* 	line-height: 90%; breaks home page when it's on but two line heading smash without it.*/
	margin-bottom: 1em;
	padding-top: 1px;
	text-transform: uppercase;
	font-weight: normal;
}
.interior #content .callout h2 {
	margin-top:7px;
}
.interior #content .main h1, .static #content h1, .finda #content h1  {
	line-height: 90%;
}
.static #content h1, .clinic #content h1   {width: 577px;}
.clinicpage #content h1, .doctorresults #content h1 {width:auto;} /* .clinic #content h1 rule was causing clinic names to overflow container */

.interior #content h2, .interior #content .callout h3, #details h4 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}
.interior #content h2.highlight, .homepage #leader h4{
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin-left: 469px;
	padding: 3px 3px 3px 18px;
}


.interior #content h3 {
	color: #000;/**/
	margin-bottom: 2px;
	font-size: 110%;
	text-transform: uppercase;
	font-weight: normal;
}
.interior #content .callout h3 {
	color:#225B95;
}

/* ----- landing page ----- */

#leader { background: #fff url(../images/bg_border.gif) 468px 0 repeat-y; float: left; }
	.interior #content #leader h1, #leader p {
		margin: 16px 12px 8px 312px;
		text-transform: none;
	}
	.interior #content #leader h1 {
		margin-top:8px; margin-right: 30px;
		font-size:3em;
		line-height:1;
	}
	#leader p { margin-top: 0; min-height:80px; }
	/** html #leader p { margin-bottom: -3px; }dirty temp hack*/
	#leader h2.highlight, .homepage #leader h4 { width: 125px; text-transform: uppercase;}
	* html .homepage #leader h4 { margin:0 0 .7em 0; width: 125px;}
	.interior #content #leader ul.arrow { margin-left: 474px; }

.secondary {
	border-top: 1px solid #cfd4e8;
	float: left;
	width: 615px;
}
	.double {
		border-top: 1px solid #cfd4e8;
		float: left;
		margin: -1px 0 0 0;
		width: 366px;
	}
	.intro {
		padding-bottom:1.2em;
		border-bottom: 1px solid #cfd4e8;
	}
	.reference a { white-space: nowrap; }
		.double legend { display: none; }	
		.double form {
			margin: 12px;
		}
		.double select {
			display: block;
			float: none;
			margin-top: 6px;
			width: 257px;
		}

	.single  {
		float:right;
		width:249px;
 	}
		.single h2 	{ padding-left: 14px; }
	
	.ads {}
		.ads a.ad { _margin-left:3px; }
		.ads a img { margin: 3px 0 2px 4px; width: 240px; } /* height: auto; */
	
		.double h2, .double p, .single h2, .single p { margin: 1em 11px .5em 12px; }
		.double p, .single p { margin-top: .5em; }

	.searchbox {
		margin-left: 0px;
		padding: 1.2em 12px;
	}
	.homepage .searchbox {
		width:225px;
		border-bottom:1px solid #CFD4E8
	}
	
	* html .homepage .searchbox {width:249px;} /*IE6 hates children, fun, puppies, and America */
	
	.homepage .eventsbox {
		width:215px;
		margin-left: 0px;
		padding: 1.2em 12px;
	}
	.secondary .reference {
        margin-right: 10px;
    }
	.homepage .secondary .reference {
		margin-right:0;
		margin-bottom:12px;
		border-bottom:1px solid #cfd4e8;
	}
	* html #picoform2 input {margin-left: 1px;    }/*ensure IE6 doesn't cut off the start of the input*/
	
	#picoform2 fieldset {
		float:left;
		width:200px;
	}
	#picoform2 button.search {
		display:inline;
		float:left;
		margin:1px 0pt 0pt 7px;
	}
	* html #picoform2 button.search { /* IE6 has a bug causing this button to ride up too high. */
		margin-top:1px;
	}
	/* force health topics forms to take special format */
	#healthbytopics select {
		width:290px;
	}
	#healthbytopics fieldset {
		float:left;
		width:200px;
	}
	#healthbytopics button.go {
		display:inline;
		float:right;
		clear:none;
		margin:7px 14pt 2pt 7px;
	}
	* html #healthbytopics button.go { /* IE6 has a bug causing this button to ride up too high. */
		margin-top:5px;
	}
	/* added these rules to get "Browse the Collection" next to the heading, like "More Options" in the find a doctor widget */
	.homepage .double.reference h2 {
		display:inline;
		float:left;
	}
	.reference p.more, .searchbox p.more {
		clear:both;
		margin:0 0 0 12px;
		padding-top:1em;
	}
	.homepage .double.reference #healthbytopics {
		clear:both;
	}


	#details .searchbox{margin: 0; padding: 5px;}
	#details .searchbox select, #details .searchbox input 	{ margin-bottom:  5px; width: 155px; }
	#details .searchbox .search {float:right; margin-right:2px; _margin:.2em 0 0;}
	#details .searchbox h2, #details .searchbox a.arrow, #details .searchbox p {text-align: left; float: none; }
	#details .searchbox a.arrow { clear:none; margin-top:1em; }

		.main .searchbox {
            margin-left: 0;
        }

		.searchbox h2 {
			margin: 0;
			padding: 0;
		}
		.searchbox .arrow 	{ clear: both; display:block; margin-top: 2em; }
		.searchbox p.more   { margin-left:0; }
		.searchbox form 	{ margin-top: .5em; }
		.searchbox legend 	{ display: none; }
		.searchbox label 	{ float: left; padding-top: 0px; text-align:left; }
		label.hide 			{ position: absolute; left: -9999px; float: none; }
		.searchbox input 	{ margin-bottom: 5px; width: 12em; }
		.searchbox select 	{ margin:2px 0 10px 0; width: 222px; }
		.searchbox label.check {clear:left; margin-top:-5px; margin-bottom:10px; width:220px;}
			.searchbox label.check input { float:left; margin:0; width:20px; border:none; }
		.searchbox #doctorsearch {text-align:left;}
		
		
		
/* ----- three column ----- */
.three .main {
	display: inline;
	float: left;
	width: 410px;
}
#details {
	margin: -22px 0 0 426px;
	width: 167px;
	}
* html #details {width: 165px;/*IE 6, grr*/}
	#details div {
		border-bottom: 1px solid #cfd4e8;
		padding: 12px 12px 2px 12px;
	}
	#details ul 		{ list-style: none; }
	#details li 		{ margin-bottom: .8em; }
	#details .arrow li 	{ margin-bottom: 0; }
	.interior #content #details ul, .interior #content #details ol { margin-left: 0; }

/* ----- ads ----- */
#details .ad, #subnav .ad, .single .ad {
	display: block;
	margin: 1em 0 1em 8px;
}
.single .ad { margin: 2px 0; }
.ad img {
	border: 1px solid #333;
	margin: 0;
}
.ad img.noborder { border: 0; }
	#details .ad img, .single .ad img { border-color: #cfd4e8; }
	#subnav .ad img { border-color: #fff; }


                    /*
          --=.._/(        callouts      )\_..=--
              	  */

div.callout {
    border: 1px solid #bbe;
	float: right;
	padding: 5px;
	margin: 1em;
	width: 300px;
	background-color:#f6f6f6; /* Set by Christoph 19 Feb */
}

#doctors_1000 a{
    width: 390px;
	height: 126px;
	background: transparent url(../images/btn_1000_doctors.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	display: block;
	overflow: hidden;
}
#doctors_1000 a:hover{
	background-position: 0 -126px;
}

.featuredmd{

}
.featuredmd p{
	text-align: left;
	margin-top: 1em;
}
	.featuredmd p.description{
		height:58px;
		overflow:hidden;
	}
.featuredmd img{
    background-color: #fff;
	padding: 4px;
	border:  1px solid #EBEBEB;
	margin-left: 20px;
}
#referral {
    width: 144px;
	padding:0 5px 5px 5px;
	float: left;
	margin: 0;
}
	#content div#referral h2.highlight{
        margin-left: -5px;
		margin-top: 0px;
		padding: 3px 3px 3px 18px;
		width: 133px;
    }


                    /*
          --=.._/(        find a doctor/find a clinic      )\_..=--
              	  */

#findawrap {
    float: left;
	width: 615px;
	border-top: 1px solid #cfd4e8;
	border-bottom: 1px solid #cfd4e8;
}
* html .finda #findawrap {
	width:617px;
}
/* some changes neccessary to add this component to the narrower context of /clinics-and-services/index.cfm */
.clinicslanding #findawrap {
	display:inline;
	clear:both;
	width:409px;
	margin:0 -16px 0 -22px;
	padding:0 16px 20px 22px;
	background-color: #ebebeb;
}
* html .clinicslanding #findawrap {
	position:relative;
}
#findawrap .column {
	width: 267px;
    margin:0;
    padding:20px 20px 0;
}
* html #findawrap .column{
	width: 268px;
    margin:0;
    padding:19px 20px 0;
}
#findawrap .column.secondcol {
	background-color:#ebebeb;
	border-left:1px solid #cfd4e8;
	padding-bottom:20px;
}
.finda #findawrap .column h2, #findawrap legend{ /*needed to get specific on the h2 to override an earlier style*/
	color: #225b95;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0 0 4px 0;
}
.clinicslanding #findawrap legend {
	padding-top:23px;
}
.finda #findawrap .column ul{
    margin-bottom: 1.5em;
}


* html .finda #findawrap .column h2, * html #findawrap legend{ /*IE Fix.  to wide so it was blowing the floats*/
	margin-left:-6px;
	font-size: 1.1em;
}

#findaform  fieldset fieldset legend{ /*inner fieldset legends*/
	color: #a65c2f;
	font-size: .9em;
	margin-bottom: 0px;
	text-transform: capitalize;
	display: none;
}
#findaform  fieldset {margin-bottom: 9px;}
#findaform  fieldset.inactive{ background-color: #eee;}
#findaform  fieldset.active{ background-color: #CCFF00;}
#findawrap input, #findawrap select,  #findawrap label{
	width: 263px;
	float: left;
	margin-top: 5px;
}
.clinicslanding #findawrap input {
	width:100%;
	margin-left:-1px;
	_margin-left:0;
}
.clinicslanding #findawrap select {
	width:100%;
	margin-top:0;
}
#findawrap input#name {width: 200px;}
#findawrap label#namelabel {width: 60px; }
#findawrap option {color: #a65c2f;}


#findaform label {
    clear: left;
}
/*#findaform label.check {clear:none; padding-left:4px; color:#A65C2F;}*/

.clinicslanding .servicelines {
	clear:left;
	padding:1px 16px 0 22px;
	margin:-1px -16px 0 -22px;
}

#doctorName{ width: 222px; }
#details #doctorName { width:153px; }
#findaform label[for="doctorName"] {clear:none;} /* Safari drops the label (in this context) behind the following select*/
#findaform label.check input {
    width: 20px;
	margin: 0;
	border:none;
}
#findawrap button{
	float: right;
	color: #fff;
	background-color: #74A160;
	text-indent: -9999px;
	margin-top: 18px;
}
ul.cliniclisting{
    margin:1em 0 1em 2.5em ;
    padding:0;
}
/* this is for clinics landing page only */
.interior #content .servicelines ul.cliniclisting {
	float:left;
	width:180px;
	margin-right:8px;
	_margin-left:0;
	_padding-left:1.3em;
	_list-style-position:outside;
}
ul.cliniclisting li{
	margin: .5em 0 .5em 0;
	line-height: .8em;
}

.clinicslanding #subcontent {
	width:428px;
	margin:0 -16px 0 -22px;
	padding:1px 0 20px 20px;
	border-top: 1px solid #cfd4e8;
}
* html .clinicslanding #subcontent { position:relative; clear:both; width:427px; margin:0 0 0 -11px; }
.clinicslanding #subcontent .column {
	width:198px;
}

/* more columns for clinics-and-services/index.cfm*/

/*  foo.over is for IE6's lack of support for :hover on anything but <a>*/
#findadoctorsubmit {background: url(../images/btn_findadoctor.gif) 0 0 no-repeat;  width: 99px; height: 19px;}
#findadoctorsubmit:hover, #findadoctorsubmit.over {background-position: 0 -19px;}

#viewphysicianprofile { float:right; background: url(../images/btn_view_physician_profile.gif) 0 0 no-repeat; width: 148px; height: 19px; text-align:left; margin-right:2px; _margin:.2em 0 0 0;}
#viewphysicianprofile:hover, #viewphysicianprofile.over {background-position: 0 -19px;}

#viewclinicdetails {background: url(../images/btn_find_clinics.gif) 0 0 no-repeat; width: 99px; height: 19px;}
#viewclinicdetails:hover, #viewclinicdetails.over {background-position: 0 -19px;}



                    /*
          --=.._/(        doctors / clinics     )\_..=--
              	  */

.doctorpage .main img, .clinicpage .main img, .deptarmentpage .main img{
	float: left;
	margin: 0 15px 15px 0;
}
.doctorpage .main h2 {clear: left;}/* make sure we get past the doctor image*/

#doctor_details {width: 275px; float: left;}/*upper dl container.  otherwise, the floats can fall below the image*/

.doctorpage dl{/*accepting patients? ...*/
	margin-bottom: 15px;
	float: left;
	margin-left: 0;
}
.doctorpage dd, .doctorpage dt{
    float: left;
	width: 115px;
	margin: 8px 0 0 0;
}
.doctorpage dt{
    clear: left;
	width: 130px;
}
.doctorpage #subcontent { /* the 'more information' area*/
	margin-left: -20px;
    width: 400px;
	padding: 20px;
	float: left;
	clear: left;
}

* html .doctorpage #subcontent {/*IE 6 fix*/
	margin-left: 0px;
	padding: 10px;
	    width:390px;
}
.doctorpage #subcontent .column {
	float: left;
    width: 185px;
	margin: 0;
	padding: 5px 15px 5px 0px;
}

.doctorpage #subcontent .column ul{
	margin-left: 0;
	padding:0;
	list-style-type: none;
}
.doctorpage .main #subcontent li {
    padding-left: 16px;
	background: transparent url(../images/bg_arrow.gif) 0 3px no-repeat;
	list-style: none;
}

.doctorpage a#more {
	position:relative;
    background: url(../images/btn_viewmore.gif) 0 -26px no-repeat;
	width: 445px;
	height: 26px;
	display: block;
	text-indent: -9999em;
	margin-left: -22px;
	overflow: hidden;
}

.doctorpage a#more.opened{
    background: url(../images/btn_viewmore.gif) 0 0px no-repeat;
}

/* for adding branding at top of .doctorresults search results pages */
img.brandedSearch {
	float:right;
	border:1px solid #D3DAEC;
}
.doctorresults dt {
	clear:none;
}

/* columns on clinics landing page - too much left margin */
.clinicslanding .locationsbyspecialty .column {
    width: 186px;
	padding:8px 8px 8px 0;
	margin:4px 4px 4px 4px;
}
.clinicslanding #content .column ul {
	margin-left:14px;
	_margin-left:16px;
}
*+html .clinicslanding #content .column ul {
	margin-left:16px;
}


.clinicpage #subcontent, .deptarmentpage #subcontent{
    width: 380px;
	padding: 0px;
	float: left;
	clear: left;
}

/*doctor images*/
.clinicpage #subcontent div, .deptarmentpage #subcontent div{
	float: left;
    width: 100px;
	margin: 0 15px 10px 0;
	padding: 4px 3px;
	text-align: center;
	border: 1px solid #cfd4e8;
	height: 13em;
	min-height: 13em;
}
.clinicpage #subcontent div:hover, .deptarmentpage #subcontent div:hover {
	background-color: #EBECEC;
}

.clinicpage #subcontent div img, .deptarmentpage #subcontent div img {
    float: none;
    margin:0;
    padding:0;
}
.clinicpage #subcontent div p,  .deptarmentpage #subcontent div p{
    margin-top: 0px;
}

.clinicpage #clinic_contact_details  {/*ensure the text the right of the doctor or clinic photo doesn't wrap under in a goofy way.*/
    margin-left: 115px ;
}
.clinicpage #clinic_contact_details_noPic  {/*JJB removes the left margin if there is not an image to the left.*/
    margin-left: 0px ;
}




.searchwarning {
    padding: 10px;
	background-color: #EDEDED;
	border: 1px solid #d3daec;
}



                    /*
          --=.._/(        Search Results (Pico)      )\_..=--
              	  */


#search_results_wrap{
    padding: 10px;
	width: 557px;
}
/*
.three styles are for global search 
*/
.three #search_results_wrap {
	float:left;
	display:inline;
	padding:0 0 10px;
	width:410px;
	overflow:hidden;
}
form#searchagain {
	background: #DCEAC6;
    border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	width: 500px;
	position: relative;
	float: left;
}
.three form#searchagain {
	width:400px;
	padding:10px 0;
}

#searchagain fieldset{
	width: 48%;
	float: left;
}
.three #searchagain fieldset{
	margin-left:2%;
	_margin-left:0;
	_padding-left:2%;
}
* html .three #searchagain fieldset#search_options {
	width:46%;
}

/*#searchagain fieldset#searchterms label, #searchagain fieldset#searchterms input{
	font-size: 135%;
}*/
#searchterms {margin-bottom: 30px;}
.three #searchterms {margin-bottom:0;}
#searchterms label {display: none;}
#searchterms label.search_scope {clear:left; display:inline; padding-top:5px; width:170px;}


#searchagain legend {
	/*display: none;*/
	margin-left: -8px;
}
* html #searchagain legend {	margin-left: -6px;}
#searchagain #searchterms button{    margin-top: 2px;}

#searchagain label, #searchagain input, #searchagain select, #searchagain button{
    float: left;
	margin-right: 5px;
}
#searchagain #query{ padding:2px;}
#searchagain #query:focus{ background-color: #ffa;}


#searchagain #search_options legend {
	margin-bottom:2px;
}
#searchagain #search_options h3{/* make it look like a legend */
    margin:0;
    padding:8px 0 0;
	text-transform: none;
	font-size: 100%;
	clear: left;
}
#searchagain label input {
	float: none;
	border: none;/* removes 'extra' ie border */
	position: relative; /* get it to line up */
	top: 3px;
	}
#searchagain #search_options label select {
	float: none;
	margin:0;
}

#searchagain select{
	margin-right: 80px; /* make sure the next bit falls below */
	margin-bottom: 8px;
}
.three #searchagain select{
	margin-right:0;
}

#search_results_wrap .labels, #search_results_wrap .term{
	font-size: 120%;
	line-height: 2.5em;
	font-style: normal;
}
#search_results_wrap p.search_terms {  margin:-1em 0 0; padding:0;}
#search_results_wrap .term { font-weight:bold; }
#search_results_wrap .numdocs { line-height:1; padding:1.2em 0 0;margin:0; }
.prevnextbutton.current {font-weight:bold;}

.interior #content ol.search_results {
	margin-left:2em;padding-left:0;
}
ol.search_results li {
	margin-bottom:1em;
}
#search_results_wrap ol.search_results h3 {
	margin:0;padding:0;
	color:#225B95;
	line-height:normal;
}
#search_results_wrap ol.search_results .term {
	font-size:100%;
	line-height:normal;
}
ol.search_results p {
	margin-bottom:0;
}

#search_results_wrap ol{
    margin-top: 20px;
}
#search_results_wrap .helplink{
    display: none;
}
#searchagain #picohelp{
    width: 6em;
	position: absolute;
	text-align: right;
	right: 4px;
	bottom: 4px;
	text-transform: capitalize;
}

#helpwrapper {
    border: 1px solid #ccc;
	padding: 5px 10px;
	font-size: 90%;
	background-color: #f3f6f3;
	width: 500px;
}

#helpwrapper table {
	margin-left: 15px;
	border-collapse: collapse;
	margin-bottom: 10px;
	
}
#helpwrapper table td {border: 1px solid #666;padding: 1px;}
#helpwrapper table thead{
    line-height: 22px;
}

                    /*
          --=.._/(        tables      )\_..=--
              	  */
thead {
    /*background: transparent url(../images/bg_table_header.gif) 0 0 repeat-x;*/
	cursor: pointer;
	color: white;
	line-height: 26px;
}
thead tr { }

th { padding-left:5px; }

/*arrows*/
.headerSortDown { padding-left: 20px; background: transparent url(../images/arrow_down.gif) -1px 0 no-repeat;}
.headerSortUp { padding-left: 20px; background: transparent url(../images/arrow_up.gif) -1px 0 no-repeat;}
/* table striping*/
.even, .even td {background-color: #FAFAFA;}
.odd, .odd td {background:#E7F1D9; background-color: #E7F1D9;}

#labtest_results td{
	line-height: 1.5em;
    border-bottom: 1px solid #DCEAC6;
}


#doctorresults {
    border-collapse: collapse;
	border:none;
	width:100%;
	background: transparent url(../images/bg_table_header.gif) 0 0 repeat-x;
}
#doctorresults td {
	/*background: transparent url(../images/bg_grey_border.gif) left top repeat-x ;
		border-top: none;*/
	border: 1px solid #d3daec;
	padding: 5px;
	height: 63px;
	_height:53px;
}
*+html #doctorresults td { height:53px; }

#doctorresults tfoot {
    text-align: center;
	line-height: 24px;
}
#doctorresults .doctorname_cell {
	width: 200px;
	padding: 5px;
	background-position: 3px 5px;
	background-repeat: no-repeat;
}
.doctorname_cell a {display: block; margin-left:65px;}
/* #doctorresults img{float: left; margin-left: -5px; margin-right: 4px;} */

.heart #leader {
	background-image: url(../images/heart/heart_feature_2.jpg);
}

.neuro #leader {
	background-image: url(../images/neuro/neuro_feature.jpg);
}


                    /*
          --=.._/(        Doernbecker Overrides       )\_..=--
              	  */
.doernbecher #leader {
	background-image: url(../images/doernbecher/Doernbecher_feature.jpg);
}

.interior.doernbecher #content #leader h1 {
	margin-right:8px;
}

.homepage.doernbecher .container.double {
	margin-right:0;
}
/* "By Speciality" search button */
.doernbecher #doctorsearch {
	float:right;
	display:inline;
	margin-bottom:.5em;
}
.homepage.doernbecher .secondary .reference {
	border:none;
}
.doernbecher .double #newsandevents {
	border-top:1px solid #CFD4E8;
}
.doernbecher .ads {}

.doernbecher .ads a img {
	height:auto;
	width:auto;
}
.homepage.doernbecher .double.reference a.arrow {
	margin-bottom:.8em;
}
.doernbecher #subnav h4.dch {
	width:auto;
	padding:0;
	border:none;
}
.doernbecher #subnav h4.dch a { 
	display:block;
	padding:96px 12px 16px;
	background:transparent url(../images/doernbecher/doernbecher_logo.jpg) 0 0 no-repeat;
	text-align:center;
	font-weight: bold;
}
.doernbecher #subnav .ad img, .doernbecher #subnav img.decoration { border:1px solid #CFD4E8; }
.doernbecher #subnav .ad, .doernbecher #subnav img.decoration {
	display:block;
	margin:1em 0 1em 3px;
} 

/* ----- hax0red ----- */
* html #navcontainer { overflow: hidden; }
* html .find input 	{ margin-left: -14px; }
* html button 		{ margin: -6px 0 0 2px; }
* html #utility 	{ margin-top: -50px; }
* html #byline 		{ margin-top: 17px; }
* html #brand 		{ margin-left: 2px; }
* html #details		{ margin-left: 423px; }
* html .interior #content #leader h2.highlight { margin-left: 466px; }
* html .double input { margin-left: -12px; }
* html #newsandevents dd { height: 1%; } /* 3px jog fix */
* html .ads { height: 1%; } /* 3px jog fix */
* html .ads a img { margin-left: 1px; }



                    /*
          --=.._/(        Randoms       )\_..=--
              	  */
				  
				  
.hide {display: none; !important}
.left {float: left !important;clear: none !important}
.right {float: right; margin-left: 4px; !important}
.center {text-align:center; !important}
.clear {clear: both; !important}
.clearleft {clear: left; !important}
.clearright {clear: right; !important}
.noborder {border:none; !important}
.red {color: red; !important}
.small {width: 25%; !important}
.medium {width: 48%; !important}
.large {width: 90%; !important}

/*these next two are set with more specificity to ensure they'll override other styles.  */
body #wrapper .noborderplease {border:none;}
body #wrapper .borderplease {border-width: 1px; border-style: solid;}

/*for required form fields */
.required {
	color:#CC0000;
}