/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Riley Hospital for Children
  TARGET SPEC:	CSS-2
		 MODIFIED:	2008.08.20
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/


/*
	====================================  ELEMENT DEFAULTS  =========================================
*/
a { color: #339; cursor: pointer; text-decoration: underline; }
a:hover { color: #339; cursor: pointer; text-decoration: none; }
a.emergency { color: #a20033; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
body { font: normal 12px/1.66 Verdana, Arial, Helvetica, sans-serif; color: #000; }
table { font: inherit; }
body { background: #fff; margin-bottom: 30px; }
body.PopUp { margin: 20px; }

p { margin: 10px 0px 10px 0px; }

h1 {
	font: bold 142% Verdana, Arial, Helvetica, sans-serif;
	color: #a20033;
	margin: 0px 0px 30px 0px;
	border-bottom: 3px solid #bbe;
	padding: 0px 0px 5px 0px;
}

h2 {
	display: block;
	color: #903;
	font: bold 117% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 2px 0px;
	border-bottom: 5px solid #f4f4ff;
}

h2.FirstChild, h2:first-child { padding-top: 0px; }

h2.ImageHeader {
	padding: 0px 0px 8px 0px;
	border-bottom: 3px solid #bbe;
	margin-bottom: 15px;
}

h3 {
	color: #903;
	font: bold 117% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

h4 {
	color: #000;
	font: bold 105% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 8px 0px 0px 0px;	
}


h5 {
	color: #903;
	font: bold; 12px; Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	display: block;
	color: #a20033;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 6px 0px;
	border-bottom: 3px solid #a20033;
	margin-bottom: 15px;
}

h7 {
	color: #903;
	font: bold 117% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

fieldset { overflow: auto; }

ul { margin: 0px; padding: 0px 0px 0px 15px; }
ul li { padding: 2px 0px 2px 0px; }
ul li a { padding: 0px; }

ul.SquareBullets, ul.NoBullets, ul.ArrowBullets, ul.CheckboxList { list-style: none; padding: 0px; }
ul.SquareBullets li { padding: 2px 0px 2px 10px; background: url("../template-images/bullet_square.gif") left 10px no-repeat; }
ul.ArrowBullets li { padding: 2px 0px 2px 13px; background: url("../template-images/bullet_arrow.gif") left 9px no-repeat; }
ul.IndentedArrowBullets li { list-style: none; padding: 10px; padding: 2px 0px 2px 13px; background: url("../template-images/bullet_arrow.gif") left 9px no-repeat; }

p:first-child, p.FirstChild { margin-top: 0px; }
p.FirstChild { margin-bottom: 0px; }


/*
	====================================  CUSTOM CLASSES  =========================================
*/

.BorderedPic, .BorderedPicLeft, .BorderedPicRight {
	display: block;
	padding: 4px;
	border: 1px solid #bbe;
	background: #fff;
}
.PicLeft, .PicRight { margin-bottom: 15px; }
.BorderedPicLeft, .PicLeft, .PicLeftCaption { float: left; margin-right: 30px; margin-top: 5px; }
.BorderedPicRight, .PicRight, .PicRightCaption { float: right; margin-left: 30px; margin-top: 5px; }

.PicLeftCaption, .PicRightCaption { font-weight: bold; font-size: 83%; text-align: center; }

.DropDownMenu {
	position: absolute;
	z-index: 601;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: #fff;
	width: 185px;
	top: 30px;
	border: 1px solid #cce;
	border-bottom: 0px;
	display: none;
  left: 0px;
}
.DropDownMenuShadow, #linkPreviewBoxShadow {
	position: absolute;
	z-index: 600;
	margin: 0px;
	background: #000;
	border: 0px solid #000;
	width: 185px;
	height: 200px;
	top: 37px;
	display: none;
}
.DropDownMenu li { margin: 0px; padding: 0px; }
.DropDownMenu li a {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border-bottom: 1px solid #cce;
	display: block;
	background: #fff;
	color: #339;
	text-decoration: none;
}
.DropDownMenu a:hover {	background: #eec; }

.Footnote { font-size: 83%; color: #404040; }

.Keywords { font-size: 83%; color: #404040; }

.NewsArticle { width: 350px; padding: 0px 20px 0px 20px; border: 3px solid #bbe; }

.TextBox {
	border: 1px solid #bbe;
	font: normal 83% Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.TableWrapper { border: 5px solid #bbe; padding: 0px 10px 10px 10px; }

.Cleared { overflow: auto; }

.Chart { width: 100%; }
.Chart th { background: #fff; color: #339; text-align: left; font-size: 14px; }
.Chart td, .Chart th { border-bottom: 1px solid #bbe; padding: 5px 10px 5px 10px; }
.Chart td { background: #f4f4ff; }
.Chart tr.AltRow td { background: #fff; }

.popup-container {
	position: absolute;
  z-index: 10000;
  text-align: left;
	border: 10px solid #bbbbee;
  -moz-border-radius: 10;
  -webkit-border-radius: 10;
}

.popup-container .content {
  padding: 0px;
  background: #898989;
  position: relative;
}

.popup-container .loading { text-align: center; padding: 100px; }

.popup-container .image { text-align: center; margin-top: 20px; }

.popup-container .header { position: relative; }

.popup-container .close { 
	position: absolute; 
  right: -19px; 
  top: -17px; 
  z-index: 1001;
}

.popup-container .content { padding: 10px; }

.popup-container .footer {
	display: none;
  border-top: 1px solid #dddddd;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

.popup-container .header h1 { padding: 7px 100px 10px 10px; margin: 0px; background: #999; color: #404040; }
.popup-container .content div.LastChild { margin-bottom: 0px; }

#popup-template, .popup-container { display: none; }

.Rotator { position: relative; }
.RotatorItem { position: absolute; top: 0px; display: none; }
.Rotator .Active { position: static; top: auto; display: block; }

.SearchResultStatus { list-style: none; margin: 0px; padding: 5px 10px 5px 10px; background: #bbe; color: #000; position: relative; }
.SearchResultStatus li { display: inline; }
.SearchResultStatus li.Matches { position: absolute; right: 10px; top: 4px; }

.SearchResult { margin: 10px 0px 10px 0px; font-size: 83%; }
.SearchResult ul { list-style: none; margin: 0px; padding: 0px; }
.SearchResult li { display: inline; }

.SearchResult .htButton { margin-left: 20px; font-size: 83%; }
.SearchResult .Link { font-size: 100%; }
.SearchResult .Desc { margin-left: 20px; }
.SearchResult .DocURL, .SearchResult .Info { margin-left: 20px; color: #666; }

.SearchResultList li { font-size: 83%; padding-top: 10px; }
.SearchResultList a { font-size: 100%; }

.SearchResultNav { position: relative; overflow: auto; min-height: 11px; padding: 5px 10px 5px 10px; border: 1px solid #bbe; background: #f4f4ff; }
.SearchResultNav .BtnNext { position: absolute; right: 10px; top: 5px; }

.SearchedText { color: #900; font-weight: bold; }

.SectionLinks a { font-size: 100%; font-weight: bold; }
.SectionLinks p { margin: 20px 0px 0px 0px; }
.SectionLinks p:first-child, .SectionLinks p.FirstChild { margin: 0px; }

.ViewerLinkCollection { overflow: auto; list-style: none; margin: 0px; padding: 0px; }
.ViewerLinkCollection li { float: left; margin: 5px; }
.ViewerLinkCollection img { padding: 2px; border: 1px solid #aaa; }

/*
	====================================  LAYOUT & SPECIAL ITEMS  =========================================
*/

#alertBar, #alertBar a, #alertBar a:visited, #alertBar a:hover, #alertBar a:visited:hover { color: white; text-decoration: none; }
#alertBar a:hover, #alertBar a:visited:hover { text-decoration: underline; font-weight: bold; }
#alertBar { background: #a20033; padding: 5px 10px 0px 10px; font-size: 90%; }

#layoutWrapper {
	max-width: 950px;
	min-width: 760px;
	margin: 0px auto 0px auto;
	padding: 0px 8px 0px 8px;
  position: relative;
  z-index: 0;
}
body.PopUp #layoutWrapper { min-width: inherit; max-width: inherit; padding: 0px; }

#topSection { border-top: 5px solid #a20033; height: 116px; position: relative; z-index: 900; }
#topSection img {	display: block; }
#imgLogo { position: absolute; left: 0px; top: 17px; }

#topLinks { position: absolute; z-index: 1; right: 1px; top: 5px; font-size: 100%; margin: 0px; padding: 0px; list-style: none; }
#topLinks li { display: inline; float: left; margin-left: 8px; color: #339; font-weight: bold; }
#shareLinks { width: 140px; top: 21px; left: auto !important; right: 45px; }
#shareLinks li { 
	float: none; 
  display: block; 
  margin: 0px; 
  font-weight: normal;
}
#shareLinks li img { 
	display: inline;
  line-height: 1;
  margin-right: 10px;
  vertical-align: middle;
}
#topLinks .DropDownMenuShadow { top: 27px; width: 140px; }

#navSection { height: 30px; background: url("../template-images/bg_navsection.gif") no-repeat top right; position: relative; z-index: 200; }

#navButtons { position: absolute; z-index: 50; list-style: none; margin: 0px; padding: 0px; }
#navButtons li.NavButton { display: inline; float: left; margin: 0px; padding: 0px; position: relative; z-index: 100; }
#navButtons li.NavButton img { display: block; }

#breadcrumbs { border: 1px solid #ddb; background: #eec; padding: 10px 20px 10px 20px; margin: 1px 0px 1px 0px; color: #339; font-size: 92%; }

#bannerSection { height: 75px; margin: 1px 0px 1px 0px; position: relative; z-index: 0; }
#bannerSection img { display: block; margin: 0px; }
.HomePage #bannerSection { height: 256px; background-repeat: no-repeat; background-position: top center; }

#bannerLinks { position: absolute; top: 0px; left: 0px; width: 100%; }
.HomePage #bannerLinks { top: 181px; }
#bannerLinks td { min-width: 149px; }
#bannerLinks a { display: block; margin: 0px; padding: 0px; height: 75px; text-decoration: none; background: url("../template-images/pixel_white.gif") repeat-y; }
#bannerLinks td.FirstChild a, #bannerLinks td:first-child a { border-left: 0px; background: none; }

#contentSection { background: #fff; padding: 20px 0px 30px 0px; position: relative; z-index: 10; }

#pageTools { position: absolute; top: 20px; right: 0px; font-size: 83%; }
#pageTools span { display: inline; float: left; margin-left: 20px; }
#pageTools img { float: left; margin-right: 5px; }

div.ColumnWrapper { overflow: auto; outline: none; }
table.ColumnWrapper { width: 100%; }

div.Column { display: inline; float: left; }
td.Column { display: table-cell; float: none; vertical-align: top; }


.HomePage	#column2 { width: 350px; padding: 0px 20px 0px 20px; }
.HomePage	#column3 { width: 220px; }

.SectionHomePage body, .SectionHomePage table  { font-size: 100%; }
.SectionHomePage #column1 { width: 250px; padding-right: 29px; }
.SectionHomePage #column2 { padding: 0px 30px 0px 30px; border-left: 1px solid #bbe; border-right: 1px solid #bbe; }
.SectionHomePage #column3 { padding-left: 29px; }

.SubPageWithNav #column1 { width: 20%; padding: 0px 29px 0px 0px; border-right: 1px solid #bbe; }
.SubPageWithNav #column2 { padding: 0px 0px 0px 30px; }
.SubPageWithNav #column3 { padding: 0px 0px 0px 30px; }

.SubPage2 #column1 { padding: 0px 29px 0px 0px; border-right: 1px solid #bbe; }
.SubPage2 #column2 { padding: 0px 0px 0px 30px; width: 220px; }

.SectionSubPageWithNav #column1 { width: 20%; padding: 0px 29px 0px 0px; border-right: 1px solid #bbe; }
.SectionSubPageWithNav #column2 { width: 40%; padding: 0px 0px 0px 30px; }
.SectionSubPageWithNav #column3 { width: 40%; padding: 0px 0px 0px 30px; }

.AdminPage #column1 { width: 160px; padding: 0px 29px 0px 0px; border-right: 1px solid #bbe; }
.AdminPage #column2 { padding: 0px 0px 0px 30px; }

#subNav { padding: 0px; margin: 0px; list-style: none; }
#subNav li { padding: 10px 0px 0px 0px; margin: 0px; }
#subNav li.FirstChild, #subNav li:first-child { padding: 0px; }

#quickLinks {list-style: none; margin: 0px; padding: 0px; }
#quickLinks li { border: 1px solid #bbe; background: #f4f4ff; padding: 0px; margin: 10px 0px 0px 0px; display: block; }
#quickLinks div { background: url("../template-images/quick_link_corner.gif") bottom right no-repeat; position: relative; bottom: -1px; right: -1px; padding: 5px 5px 5px 5px; }
#quickLinks a { display: block; padding: 2px 10px 2px 7px; font-size: 92%; line-height: 1.2; text-decoration: none; border-left: 7px solid #bbe; }
#quickLinks a:hover { text-decoration: underline; }
#quickLinks a.Active { border-left: 7px solid #900; }
#quickLinks img { position: absolute; bottom: -1px; right: -1px; }
#quickLinks li.FirstChild, #quickLinks li:first-child { margin-top: 0px; }


#quickLink {list-style: none; margin: 0px; padding: 0px; }
#quickLink li { border: 1px solid #bbe; background: #f4f4ff; padding: 0px; margin: 10px 0px 0px 0px; display: block; }
#quickLink div { background: url("../template-images/quick_link_corner.gif") bottom right no-repeat; position: relative; bottom: -1px; right: -1px; padding: 5px 5px 5px 5px; }
#quickLink a { display: block; padding: 2px 10px 2px 7px; font-size: 92%; line-height: 1.2; text-decoration: none; border-left: 7px solid #bbe; }
#quickLink a:hover { text-decoration: underline; }
#quickLink a.Active { border-left: 7px solid #900; }
#quickLink li.FirstChild, #quickLinks li:first-child { margin-top: 0px; }


#quickSearch { position: absolute; right: 0px; top: 6px; }
#quickSearch input { float: left; margin-right: 5px; }
#queryText { border: 1px solid #bbe; font-size: 83%; padding: 2px 5px 2px 5px; width: 95px; }

#keywords { font-size: 83%; color: #666; margin-bottom: 0px; }

#footerSection {
	background: #f4f4ff;
	border: 1px solid #bbe;
	border-bottom: 0px;
	font-size: 83%;
	line-height: 1.5;
	padding-top: 15px;
}
#footerSection a, #footerSection a:visited { text-decoration: none; }
#footerSection a:hover, #footerSection a:visited:hover { text-decoration: underline; }

#footerBlocks { margin: 0px 0px 5px 0px; width: 100%; }
#footerBlocks td { border-left: 1px solid #bbe; padding: 0px 15px 0px 15px; vertical-align: top; }
#footerBlocks td.FirstChild { border-left: 0px; }
#footerBlocks td.LastChild { width: auto; }
#footerBlocks ul { 
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#footerBlocks li { margin: 0px; padding: 0px; }

#pageBottom { position: relative; margin: 0px -1px 0px -1px; height: 10px; background: url("../template-images/footer_left_corner.gif") top left no-repeat; }
#pageBottom img { position: absolute; right: 0px; top: 0px; margin: 0px; }

#linkPreviewBox { position: absolute; top: 0px; left: 0px; z-index: 1400; width: 200px; padding: 9px; border: 1px solid #bbe; background: #fff; }
#linkPreviewBoxShadow { position: absolute; top: 0px; left: 0px; z-index: 1399; width: 220px; background: #000; }