/*

		global.css
		Seattle Children's Hospital
		12/18/08
		
		Authors:

		Christopher Berry (chris@odopod.com)
		Dave Hulse (daveh@odopod.com)
			
		SCH Colors:
		md_green:		#92B909
		lt_blue:		#1AB3D0
		md_blue:		#0090B4
		dk_grey:		#3F4450
		
		dk_blue:		#00325B
		dk_green:		#008737
		dk_orange:		#DB5A1D
		orange:			#FF9900
		yellow:			#FFDB13
		md_grey:		#666666
		grey:			#4D4E53
		

*/

/*
	===================================================================
	Begin Global General Styles
	===================================================================
*/

body {	
	font: 				62.5% Arial, Verdana, Sans-serif;
	color: 				#3F4450;
	background: 	#fff;
}

a, a:visited, a:active {
	color:				#1AB3D0;
}

p, dl dt a {
	line-height:		1.417em;
}
input, select, textarea, th, td {
	font-size:			1em;
}

li li, li p, td p, blockquote p {
	font-size:			1em;
}

.top_border{
  background:transparent url(/img/hr_pattern.gif) repeat-x scroll left top;
}

/*
	===================================================================
	Begin Form Styles
	===================================================================
*/

form, fieldset {
	border:				0;
}

input, select {
	font-size:			1.2em;
	font-family:		Arial, Verdana, Sans-serif;
	/*add tsp 122809 */
}

/*
	===================================================================
	Begin Common Styles
		#page, #header, #logo, #utilityBar, #content 
	===================================================================
*/
#skip 
{
	display:none;
}

#page {
	width:				950px;
	margin:				0 auto;
	padding:			0 10px;
	text-align:			left;
	background-color: 	#fff;
}

#header {
	position: relative;
		z-index:			9993;
	width:				950px;
	padding-top:		10px;
}

#flashNavReplace {
	position:			absolute;
	right:				-21px;
	top:				47px;
}

#logo {
	float:				left;
	width:				207px;
	height:				95px;
	margin-top:			8px;
	/* background: 		url("/img/logo_main_sch.gif") no-repeat; */
}

h1#logo a {
	float: 				left;
	display: 			block;
	width: 				207px;
	height:				95px;
	text-indent: 		-9999px;
}

#header #utilityNav {
	float:				right;
	margin-right:	-5px;
	padding-top:	0;
	text-align: 		right;
}
#header #utilityNav li {
	float:				left;
	display:			block;
	padding:			8px 5px;
	border-right:	1px solid #DBDBDB;
	font-size:			1.1em;
}
#header #utilityNav li.last {
	border:				none;
	padding-top: 	0px;
}
#header #utilityNav .last a.donate {
	background: 	url(/img/donate_now.jpg) no-repeat 0 0;
	display: 			block;
	width: 				111px;
	height: 			31px;
}
#header #utilityNav li div {
	display:			inline;
}
#header #utilityNav li div div {
	display:			inline;
	float:				left;
	padding-left:	5px;
}
#header #utilityNav li ul {
	display:			inline;
}
#header #utilityNav ul.textSizer li {
	display:			block;
	border:				none;
	margin:				-3px 5px 0 0;
	padding:			0;
}
#header #utilityNav ul.textSizer li.large {
	margin-right:		0;
}
#header #utilityNav ul.textSizer li a {
	display:			block;
	width:				20px;
	height:				20px;
	background:			transparent url("/img/btn_text_sizer.gif") no-repeat 0 0;
	text-align:			left;
	text-indent:		-9999px;
}
#header #utilityNav ul.textSizer li.small a {
	width:				15px;
	background-position:0 0;
}
#header #utilityNav ul.textSizer li.small a.active {	
	background-position:0px -20px;
}
#header #utilityNav ul.textSizer li.small a:hover {
	background-position:0 -40px;
}
#header #utilityNav ul.textSizer li.normal a {
	width:				17px;
	background-position:-15px 0;
}
#header #utilityNav ul.textSizer li.normal a.active {	
	background-position:-15px -20px;
}
#header #utilityNav ul.textSizer li.normal a:hover {
	background-position:-15px -40px;
}
#header #utilityNav ul.textSizer li.large a {
	background-position:-32px 0;
}
#header #utilityNav ul.textSizer li.large a.active {
	background-position:-32px -20px;	
}
#header #utilityNav ul.textSizer li.large a:hover {
	background-position:-32px -40px;
}
#utilityBar {
	position:			relative;
	height: 			40px;
	width: 				950px;
	margin:			20px 0 10px 0;
	padding:			6px 0 7px 0;
	border-top: 		1px solid #dbdbdb;
	border-bottom: 		1px solid #dbdbdb;
}
#home #utilityBar {
	margin:			20px 0 10px 0;
	padding:			0 0 2px 0;
	height: 			60px;
}
#utilityBar #breadCrumbs {
	float: 				left;
	width: 				680px;
	padding: 			0;
	list-style: 		none;
}
#utilityBar #breadCrumbAnchors {
	display: 			inline;
	font-size:			13px; /* px from em to lock size for text resize 12/09 */
	line-height:		40px;	
	color:				#92B909;
}

#utilityBar #breadCrumbs li {
	display: 			inline;
	font-size:			1.6em;
	line-height:		40px;
	color:				#92B909;
}
#utilityBar #breadCrumbs li span.divider {
	color:				#666666;
}
#utilityBar div.alert {
	display:			none;
}
#utilityBar h1 {
	width:				700px;
	font-size:			38px;
	font-weight:		normal;
	color:				#92B909;
	line-height: 60px; 
		-o-text-shadow: 0 1px 1px #ffffff;
		-moz-text-shadow: 0 1px 1px #ffffff;
		-webkit-text-shadow: 0 1px 1px #ffffff;
	text-shadow: 0 1px 1px #ffffff;
	letter-spacing: -1px;
}
#utilityBar #globalSearch {
	position:			absolute;
	top:				    9px;
	right:				    3px;
	width:				227px;
}
#home #utilityBar #globalSearch {
	right:				20px;
	top:                21px;
}
#home #utilityBar #globalSearch fieldset legend {
	margin-bottom:		2px;
	font-size:			16px;
	color:				#92B909;
}
#utilityBar #globalSearch input.text {
	float:				left;
	display:			block;
	width:				199px;
	padding:			2px 0 2px 2px;
	font-size:			1.1em;
	line-height:		1.6em;
	outline: none;
	-moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#utilityBar #globalSearch input.text:focus {
	border: 2px solid #fafafa;  
    -webkit-box-shadow: 0px 0px 5px #1ab3d0;  
	-moz-box-shadow: 0px 0px 5px #1ab3d0;  
	-o-box-shadow: 0 0 0 5px #1ab3d0;
	box-shadow: 0px 0px 5px #1ab3d0; 	
}
#home #utilityBar #globalSearch input.text {
	width:				203px;
}
#utilityBar #globalSearch input.submit {
	float:				right;
	display:			block;
	position:			relative;
	top:				3px;
	left:				3px;
	width:				16px;
	height:				16px;
	cursor:				pointer;
	border:				0;
	text-indent:		-9999px;
	background:			transparent url("/img/btn_circle_right.gif") no-repeat left top;
}
#utilityBar #globalSearch input.submit:hover {
	background-position:0 -384px;
}

/*
	===================================================================
	Begin Content Styles #content
	===================================================================
*/


#content {
	width: 				950px;
}

#content #main {
	position:			relative;
	float: 				left;
	width: 				700px;
	margin-bottom:		-16px;
}
#content #main h2 {
	font-size:			3.2em;
	line-height:		1.094em;
	color:				#92B909;
	-o-text-shadow: 0 1px 1px #ffffff;
	-moz-text-shadow: 0 1px 1px #ffffff;
	-webkit-text-shadow: 0 1px 1px #ffffff;
	text-shadow: 0 1px 1px #ffffff;
	letter-spacing: -1px;
}

#content #main div.altHeadings h2 {
	font-size:1.8em;
	line-height:1.278em;
	padding-top:25px;
	color: #3F4450;
}

#content #main span.altHeadings h2 {
	font-size:1.8em;
	line-height:1.278em;
	padding-top:25px;
}


#content #main div.clearfix {
	height:				1%;
}
#content #context {
	float: 				right;
	display:			inline;
	width: 				230px;
	margin-left: 		20px;
	margin-bottom:		-31px;
}
#home #content #context {
	width:				245px;
	margin-left:		5px;
}

/*
	===================================================================
	Begin Footer Styles #footer
	===================================================================
*/
#footer {
	width: 				950px;
	margin:				60px 0 0 0;
	padding: 			16px 0 45px 0px;
	background: 		transparent url("/img/hr_pattern.gif") repeat-x top left;
}
#footer #footerNav {
	height:				1%;
	padding-bottom:		10px;
	margin-bottom:		16px;
	background: 		transparent url("/img/hr_pattern.gif") repeat-x bottom left;	
}
#footer ul {
	display:			block;
	float: 				left;
	width: 				174px;
	margin:				0 20px 0 0;
	padding: 			0;
	list-style: 		none;
}

#footer ul.last {
	margin-right: 		0;
}
#footer ul li {
	font-size:			1.2em;
	margin-bottom:		.5em;
	
}
#footer ul li.loginButton {
	margin-top: 		14px;
	padding-bottom: 	16px;
}
#footer ul li a.button {
	font-size:			1em;
}
#footer ul li h3 {
	font-size: 		1.3em;
	font-weight: 	700;
	color: 				#333;
	padding: 			0;
		-moz-text-shadow: 0 1px 1px #fff;
		-o-text-shadow: 0 1px 1px #fff;
		-webkit-text-shadow: 0 1px 1px #fff;
	text-shadow: 0 1px 1px #fff;
}

#footer p {
	padding:			0;
	font-size: 			1.1em;
	line-height:		1.273em;
}
#footer p.copy {
	padding-top:		25px;
}
#footer div.vcard {
	font-size:			1.1em;
}
#footer div.vcard div.adr div {
	display:			inline;
}
#footer div.vcard div.tel {
	display:			block;
	float:				left;
	margin:				0 5px 0 0;
	padding:			0 5px 0 0;
	border-right:		1px solid #7C7C7C;
}
#footer div.vcard div.tel.last {
	margin:				0;
	padding:			0;
	border:				none;
}

#footer .socialFoot { margin: 14px 0 21px; }

#footer .socialFoot img {
	display: inline;
	padding: 6px;
}

/*
	===================================================================
	Begin Button Styles
	===================================================================
*/

a.button {
    margin-right: 		6px;
	padding:			5px 18px 8px 0;
	font-size:			1.2em;
	line-height:		1em;
    font-weight: 		bold;
	text-decoration: 	none;
    color:				#1AB3D0;    
	background: 		transparent url("/img/btn_bg_a.gif") no-repeat right top;
}
a.noBackground,
a.noBackground span {
	background-image:	none !important;
	text-decoration:	underline !important;
	padding:			0 !important;
}
a.noBackground:hover,
a.noBackground:hover span {
	text-decoration:	none !important;
}
li.loginButton a.button {
	padding-right:		20px;
}
a.threedot{
  	background: 		transparent url("/img/threedot_btn_bg_a.gif") no-repeat right top;
	padding-right:		21px;
}
a.special {
	background-image:	url("/img/btn_special_bg_a.gif");
}
a.orange {
	background-image:	url("/img/btn_orange_bg_a.gif");
}
a.button span {
    line-height: 		1em;
	padding:			5px 10px 8px 10px;
	background: 		transparent url("/img/btn_bg_span.gif") no-repeat left top;
}
a.button span.on {
    color: #92B909;
}
    
a.special span {
	background-image:	url("/img/btn_special_bg_span.gif");
}
a.orange span {
	background-image:	url("/img/btn_orange_bg_span.gif");
}
a.button:hover {
	background-position:right -48px;
	text-decoration:	none;
}
a.button:hover span {
	background-position:0 -48px;
}

/*
	===================================================================
	Utility Classes
	===================================================================
*/
.clearfix:after {
    content:			".";
    display: 			block;
    height: 			0;
    clear: 				both;
    visibility: 		hidden;
}






a.button:hover {
	background-position:right -48px;
	text-decoration:	none;
}
a.button:hover span {
	background-position:0 -48px;
}

/*
	===================================================================
	Utility Classes
	===================================================================
*/
.clearfix:after {
    content:			".";
    display: 			block;
    height: 			0;
    clear: 				both;
    visibility: 		hidden;
}

/*  temporary placed here - none of the below styles are solidified 
	===================================================================

	===================================================================
*/

div.bodyContent dl, span.bodyContent dl {
	padding:0 40px 10px !important;
	margin: 0 !important;
}

div.bodyContent dl dt, span.bodyContent dl dt 
{
	 font-size:1.2em !important;
}

div.bodyContent dl dd, span.bodyContent dl dd 
{
	 font-size:1em !important;
}

div.bodyContent ul, span.bodyContent ul {
	font-size:1.2em;
	padding:0 0 0 55px;
}

div.bodyContent ul li, 
span.bodyContent ul li, 
div.bodyContent ol li ul li, 
span.bodyContent ol li ul li
{
	/*background:transparent url("/img/blt_main.gif") no-repeat scroll 0 0.4em; tsp 02.22*/
	list-style-position: outside;
	list-style-image: url(/img/blt_main.gif);
	padding:0 60px 10px 0px;
}

div.bodyContent ul li ul, 
span.bodyContent ul li ul, 
div.bodyContent ul li ol, 
span.bodyContent ul li ol, 
div.bodyContent ol li ul, 
span.bodyContent ol li ul {
 padding:15px 0 0 14px;
 font-size:1em;
}

div.bodyContent ol, span.bodyContent ol {
	font-size:1.2em;
	padding:0 0 0 40px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	margin-left: 20px;
}
div.bodyContent ol li, span.bodyContent ol li
{
	padding:0 60px 10px 0px;
}

div.bodyContent ol li ol, span.bodyContent ol li ol {
 padding:15px 0 0 14px;
 font-size:1em;
}

div.bodyContent .pageDescriptionGraphic {
	float: 				left;
	margin:				0 20px 0 40px;
}

div.bodyContent .pageDescriptionGraphic p.caption {
font-size:1em !important;
font-style:italic !important;
margin:6px 0 0 !important;
line-height:1.167em !important;
margin:6px 0 0 !important;
padding:0 !important;
}

div.bodyContent .pageDescriptionGraphic img {
	float:				none !important;
	margin:				0 !important;
	display:inline !important;
}



div.bodyContent div.imageright, div.bodyContent div.imageRight
{
	float:left;
	margin:25px 10px 0 40px !important;
	font-size:1em !important;
font-style:italic;

}

div.bodyContent div.imageright br, div.bodyContent div.imageRight br
{
	clear:both;
}

div.bodyContent div.imageright img, div.bodyContent div.imageRight img 
{
	margin:10px 15px 10px 0px !important;
}

/* form styles */

#content #main div.bodyContent #formMainDiv {
margin:5px 0 0 30px;
width:650px;
}

#content #main div.bodyContent #formMainDiv div.formRow div.formField label {
font-size:1.2em;
font-weight:bold;
line-height:1.6em;
padding-bottom:2px;
}

#content #main div.bodyContent #formMainDiv div.formRow div.formField label span.required {
color:#DB5A1D;
padding-right:3px;
}

#content #main div.bodyContent #formMainDiv div.formRow div.formField textarea  {
font-size:12px;
line-height:1.6em;
padding-bottom:2px;
}

#content #main div.bodyContent #checkFormError 
{
	margin:8px 40px 0;
}

#content #main div.bodyContent input#submitButton:hover {
background-position:0 -22px;
}
#content #main div.bodyContent input#submitButton {
background:transparent url(/img/btn_submit.gif) no-repeat scroll left top;
display:block;
height:22px;
width:63px;
border:0 none;
cursor:pointer;
margin:3px 0 0;
padding:0;
text-indent:-9999px !important;
}

input.submitButton:hover {
background-position:0 -22px;
}

input.submitButton {
background:transparent url(/img/btn_submit.gif) no-repeat scroll left top;
display:block;
height:22px;
width:63px;
border:0 none;
cursor:pointer;
margin:3px 0 0;
padding:0;
text-indent:-9999px !important;
}

#content #main div.bodyContent #formMainDiv div.formField div.formText h1 {
background:transparent none repeat scroll 0 0 !important;
/*
font-size:1.4em !important;
font-weight:bold !important;
margin:8px 0 0 !important;
padding:0px !important;
line-height:1.278em;
padding-top:25px;*/

font-weight:bold;
margin:8px 0 0 !important;
padding:17px 0 6px;
font-size:1.8em;
line-height:1.278em;
padding-top:25px;
}

#content #main div.bodyContent #formMainDiv div.formField div.formText h4,
#content #main div.bodyContent #formMainDiv div.formField div.formText p,
#content #main div.bodyContent #formMainDiv div.formField div.formText ul {
margin:8px 0 0 !important;
padding:0px !important;
}



#content #main div.bodyContent fieldset .formRow
{
padding:0 40px 10px;
font-size:1.2em;
line-height:1.417em;	
}

#content #main div.bodyContent fieldset .formRow .selection input 
{
	margin-top: 3px;
}

#content #main div.bodyContent fieldset .formRow .selection label 
{
	margin-right: 10px;
}

#content #main div.bodyContent #formMainDiv div.formField div.formText p 
{
font-size:1.2em;
line-height:1.417em;
}


#detail #content #main .bodyContent blockquote {
	text-align:			center;
	margin:				5px 40px 0 20px;
	padding:			15px 20px 20px 0;
	background:			transparent url("/img/hr_pattern.gif") repeat-x left top;
}
#detail  #content #main .bodyContent blockquote p {
	font-size:			1.6em;
	line-height:		1.4em;
	padding-left:		40px;
	padding-right:		40px;
	color:				#92b909;
}
#detail #content #main .bodyContent blockquote p.author {
	margin-right:		-20px;
	padding-bottom:		18px;
	font-size:			1.2em !important;
	line-height:		1.0em !important;
	font-style:			italic;
	background:			transparent url("/img/hr_pattern.gif") repeat-x left bottom;
}

#detail #content #main .bodyContent table {
margin:8px 20px 0;
width:617px;
}

#detail #content #main .bodyContent table tr {
background:transparent url(/img/hr_pattern.gif) repeat-x scroll left bottom;
padding:4px;
}

#detail #content #main .bodyContent table td {
/* border:1px solid #E2E1DC;*/
padding:6px 4px 9px 4px;
}

#detail #content #main .bodyContent table td p {
/* border:1px solid #E2E1DC;*/
padding-left:0px;
}

#detail #content #main .bodyContent table td.bold {
font-weight:bold;
}

#detail #content #main .bodyContent table th  {
/* border:1px solid #E2E1DC; 
background-color: #F8F8F8;*/
padding:6px 4px 9px 4px;
color:#92B909;
font-weight:bold;
text-transform:uppercase;
}

#detail #content #main .bodyContent table td, #detail #content #main .bodyContent table th, #detail #content #main .bodyContent table caption {
font-size:1.2em;
line-height:1.417em;
}


.bodyContent blockquote 
{
	
	background:transparent url("/img/hr_pattern.gif") repeat-x scroll left top;
margin:5px 40px 0 20px;
padding:15px 20px 20px 0;
text-align:center;
}


.bodyContent blockquote p {
	font-size:			1.6em !important;
	line-height:		1.4em !important;
	padding-left:		40px !important;
	padding-right:		40px !important;
	color:				#92b909 !important;
}

.bodyContent blockquote p.last { 
background:transparent url("/img/hr_pattern.gif") repeat-x scroll left bottom;
padding-bottom:18px;
}

.bodyContent p img 
{
	float:none !important;
	margin: 0 !important;
	clear:both;
}


/* custom styles for index pages */ 
.indexBodyContent p 
{
	padding:0 40px 10px 20px !important;
}

.indexBodyContent h3
{
	margin: 8px 40px 0px 20px !important;
}



/* old virtual tour styles */ 
.virtualTour {
	margin: 10px 40px 0px 30px;
}

.tourImage {
	float: left;
	width: 120px;
	height: 140px;
	margin:10px 10px 10px 10px;
	text-align: center !important;
	font-size: 110%;
}

.tourImage img
{
	padding: 0 !important;
	margin: 0px 0px 5px 12px !important;
}



.clear {
	clear: both;
}


/* no border on h2 - background not necessary in some situation (after a table, first thing on a page) */

h2.noBorder 
{
	background:none;
}


.webForm
{
	margin:5px 0 0 30px;
	width:650px;
	font-size:120%;
}
.webForm .formField
{
    float:left;
    vertical-align:top;
    padding:10px;
}
.webForm .label
{
    font-weight:bold;
    padding:10px 5px;
    /*add tsp 122809*/
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 160px;
}

.webForm .input { padding: 7px 0; }

.webForm .formrow
{
    clear:both;
}

/********* temporary ***********/

.bodyContent div#related 
{
	/*display:none !important;*/
}

#printlogo 
{
	display:none;
}