/*
//
//  ohsu.css
//
//  Created by Justin Rhoades on 2006-09-06.
//  Copyright (c) 2006 Justin Rhoades. All rights reserved.
//
*/


/*
COLOR PALETTE
#002776 - Deep Purple
#FDC82F - Mustard Yellow
#9BB1CC - Baby Blue
#496BA0 - Blueberry
*/

/* css reset ----------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,th,td,img
							{ margin:0; padding:0; }
table						{ border-collapse:collapse; border-spacing:0; }
fieldset,img				{ border:0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,th,var
							{ font-style:normal; font-weight:normal; }
ol,ul 						{ list-style:none; }
caption,th					{ text-align:left; }
h1,h2,h3,h4,h5,h6			{ font-size:100%; }
.clear  					{ clear:both; height:0px; overflow:hidden; }

/* typography ----------------------------------------------------------------------------------------------------*/
body						{ font-family:Arial, sans-serif; font-size:76%; color:#002776; }
h1							{ font-size: 2em; }
h2 							{ font-size: 1.7em; }
h3							{ font-size: 1.8em; }
h4		 					{ font-size: 1.4em; }
h5,h6,p						{ font-size: 1em; line-height: 1.4em; }
#subnav,.content-callout p,#footer p,#bottom p 	
							{ font-size: .9em; }
h3,h4						{ margin-bottom: .5em; }
h5,p,ul,li					{ margin-bottom: 1em; }
h3,h4,h5					{ font-weight: bold; }
#content-primary h3			{ color: #7090b7; }
#sidebar-announcement h4	{ color: #002776; margin: 0; padding: 0; }

/* links ----------------------------------------------------------------------------------------------------*/
a,a:link,a:active 			{ color: #002776; } 
a:visited 					{ color: #496BA0; }
a:hover 					{ color: #496BA0; }
a img						{ border: 0; outline: none; }
#nav li a					{ font-weight: bold; text-decoration: none; }
#nav li a:hover				{ color: #002776; }
#sidebar #sidebar-news a	{ color: #FDC82F; text-decoration: none; }
#sidebar #sidebar-news a:hover	{ text-decoration: underline; }
#sidebar-announcement h4 a	{ color: #002776; }
#sidebar-announcement h4 a:visted	{ color: #002776; }
#sidebar-announcement h4 a:hover	{ color: #002776; }


/* primary layout ---------------------------------------------------------------------------------------------------*/
#main,#footer				{ width: 840px; margin: 0 auto; padding: 0 20px; overflow: hidden; }
#sidebar,#content			{ float: left; }
#sidebar					{ width: 250px; }
#content					{ width: 590px; padding-bottom:40px; overflow: hidden; }
#home #sidebar				{ width: 210px; }
#home #content              { width: 630px; padding-bottom:0px; }
#footer						{ padding-top: 10px; padding-bottom: 35px; }
#bottom						{ width: 840px; margin: 0 auto; padding: 0 0 30px 0; }

/* secondary layout ---------------------------------------------------------------------------------------------------*/
#breadcrumbs				{ margin: 0 0 20px 0; padding: 6px 0 6px 30px; background: #FEDE82; }
#content-primary			{ float: left; width: 500px; margin: 0 0 0 30px; display: inline; }
#threecol #content-primary	{ width: 340px; }
#content-secondary      	{ float: left; width: 160px; margin:3em 0 0 40px; display: inline; }

/* backgrounds --------------------------------------------------------------------------------------------------*/
body						{ background: #7591b9; }
#main						{ background: #FFFFFF url(img/background-main-two.gif) repeat-y left top; }
body#home #main				{ background-image: url(img/background-main-home.gif); }
body#threecol #main			{ background-image: url(img/background-main-three.gif); }
#footer						{ background: #FFCC66 url(img/background-footer.gif) no-repeat left bottom; }
#sidebar					{ background: #496BA0; }
#sidebar-announcement		{ background: #FEDE82; }

/* head --------------------------------------------------------------------------------------------------*/
#head 						{ padding: 0 0 5px 0; background: #000; }
#head h1					{ margin: 0 0 0 15px; }

/* sidebar --------------------------------------------------------------------------------------------------*/
#mission-statement,.sidebar-title,#sidebar-news 
							{ margin: 0 20px 2em 20px; color: #FFF;}
.sidebar-title				{ margin-bottom: .3em; }
#sidebar #sidebar-news li	{ padding: .5em 0; border-top: 1px solid #9BB1CC; }
#mission-statement			{ margin-top: 20px; }
#sidebar-announcement		{ padding:10px 0px 20px 0px; }
#sidebar_announcement_info	{ padding: 0 0 0 20px; margin:0 0 0 0; }

a.strikethrough 				{ text-decoration: line-through; }

/* nav --------------------------------------------------------------------------------------------------*/
#nav 						{ background:#FDC82F url(img/background-nav.gif) top left repeat-y; margin: 0; }
#nav li						{ margin-bottom: 0; }
#nav li a					{ display: block; width: 190px; padding: .3em 0 .3em 20px; border-bottom: 1px solid #FFF; background: transparent; }
#nav li a:visited 			{ color: #002776; }
#nav li a:hover				{ background: #FFF; }
#nav li.last a				{ border-bottom: none; }
#nav li.active				{ margin-top: -1px; padding-bottom: .1em; background:#FFF url(img/background-nav-active.gif) top left repeat-y; }
#nav #subnav li a			{ color:#9BB1CC; width: 160px; padding-left:50px; border-bottom: 0; }
#nav #subnav li a.active	{ color:#002776; background: transparent url(img/background-submenu-arrow.gif) 40px center no-repeat; }
#nav #subnav li a:hover		{ color:#002776; }

/* breadcrumbs --------------------------------------------------------------------------------------------------*/
#breadcrumbs h5				{ padding:0; margin:0; }
#breadcrumbs a				{ font-weight: normal; }
#breadcrumbs a:visited 		{ color: #002776; }
#breadcrumbs a:hover 		{ color: #496BA0; }
#breadcrumbs a.active		{ text-decoration: none; color: #496BA0; }

/* content-primary --------------------------------------------------------------------------------------------------*/
#content-primary ul.no-bullet li 
							{ list-style: none; }
#content-primary ul.no-bullet li li 
							{ list-style: square; }
#content-primary ul	ul		{ margin-bottom: 2em; }
#content-primary li			{ margin-left: 15px; list-style: square; }
#content-primary #content-nav li 
							{ list-style: none; padding: 0 0 0 10px; margin-left: 0; background: transparent url(img/background-submenu-arrow.gif) left center no-repeat; }
#content-primary #content-nav li a
							{ font-weight: bold; }
.contact-us-tag				{ font-weight: bold; }
.staff-member				{ margin: 0 0 3em 0; }
.staff-member img			{ display: block; float: left; margin: 0 15px 10px 0; }



/* content-secondary --------------------------------------------------------------------------------------------------*/
#content-secondary p		{ line-height: 1.7; }
#content-secondary p.author	{ text-align: right; font-style: italic; }

/* footer ----------------------------------------------------------------------------------------------------*/
#footer p					{ float: left; display: inline; line-height: 1.3em; }
#footer p#footer-address	{ width: 250px; margin: 0 10px 0 20px; }	

/* external-links --------------------------------------------------------------------------------------------------*/
#bottom p					{ text-align: center; }
#external-links				{ line-height: 2em; margin-bottom: 10px; }
#bottom a:visited			{ color: #002776; }

/* forms ------------------------------------------------------------------------------------------------------*/
form h5						{ border-bottom: 1px solid #7090b7; padding: 0 0 .2em; margin: 0 0 .3em 0; }
form .instructions			{ color: #7090b7; }
input,textarea,select 		{ width: 260px; }
textarea					{ height: 200px; }
label 						{ float:left; width:100px; margin-right:5px; padding:.3em 0 0 0; text-align:right; }
form div					{ margin: 0 0 .5em 0; }
.submit						{ clear: both; }
.submit input				{ width: 80px; margin: 0 0 0 105px; }
option.null-value			{ color: #999; }
.req label					{ font-weight: bold; }
.error						{ color: #A90000; padding:8px 0; border:1px solid #A90000; background: #F8E5E5 url(img/warning.gif) no-repeat 10px center; }
#error-messages				{ color: #A90000; margin: 0 0 1em 0; padding: 1em; border:1px solid #A90000; background: #F8E5E5 url(img/warning.gif) no-repeat 1em 1em; }
#error-messages h5			{ padding-left: 2em; border-bottom: none; }
#error-messages	ul			{ padding: 0 0 0 2em; margin: 0; }
.hidden						{ display: none; }
.show						{ display: block; }

fieldset fieldset			{ margin-left:105px; }
fieldset div .instructions  { padding:.3em 0 0 0; margin: 0 0 .3em 0; }
fieldset fieldset input		{ float:none; width:20px; margin: 0 0 .3em 0; }
fieldset fieldset label 	{ float:none; width:400px; padding:.3em 0 0 0; text-align:left; font-weight: normal; }
fieldset .req fieldset label{ font-weight: normal; }

/* survey info page ------------------------------------------------------------------------------------------------*/
#hiddenEQ5D                 { display:none; }
#hiddenPatient				{ display:none; }
#hiddenSelfEfficacy			{ display:none; }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	display:none;
	border: 4px solid #002776;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window li {
	margin-left: 15px;
	list-style: square;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	margin-bottom: 10px;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:10px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:20px 15px 15px 15px;
	overflow:auto;
	text-align:left;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}


#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




/* IE Hacks --------------------------------------------------------------------------------------------------*/
* html div					{ height: 1%; }
* html #nav 				{ height: 1%; }