@import url(tabs.css);

/* Default Styles */
body { padding: 2em; color: #000; background: #fff; }
body, input, select, textarea { font-family: verdana, arial, helvetica, geneva, sans-serif; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
ul li, ol li, dl dt, dl dd { margin: 0; }
form, fieldset, img { border: 0; display: block; }
/* Set base font size */
body {
font-size: .8em;
}
/* For the above global font sizing, 1px is .0785em */
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
p, li, dt, dd { line-height: 1.2; margin: 0 0 0.8em 0; }
dt { font-weight: bold; }
ul { list-style: disc; }
ol { list-style: decimal; }
input, select, textarea { font-size: 1em; }
a, a:link { color: blue; text-decoration: underline; }
a:visited { color: purple; }
a:hover { color: #000; }
a:active { color: blue; }
table { width: 100%; }
th { font-weight: bold; text-align: left; }
th, td { vertical-align: top; padding: 4px 4px 4px 0; }
.Hide { text-indent: -32767px; height: 0; line-height: 0; overflow: hidden; display: block; } /* Don't set to be position: absolute; as it will break abs. positioned elements in Opera. Why? Dunno. */
img.Inline { display: inline;}
.Block { display: block; }
/*
From http://www.positioniseverything.net/articles/onetruelayout/equalheight:
Browsers don't let you throw arbitrarily large values at them. They have limits.
Fortunately, we know the number of that limit (provided by Safari, the most conservative browser in this matter): 32767px.
*/
.clear, .Clear { clear: both; height: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.ClearVis { clear: both; }
/* BEGIN CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
=====================================
	ClearFix is used on any floated element that would ordinarily need <div class="Clear"></div> below it.
	When ClearFix is used, the non-semantic Clear div should not be needed.
	USE THIS:
	<div class="ClearFix">
		<div style="width: 30%; float: left;">content</div>
		<div style="width: 30%; float: left;">content</div>
	</div>
	NOT THIS:
	<div style="width: 30%; float: left;">content</div>
	<div style="width: 30%; float: left;">content</div>
	<div class="Clear"></div>
	*/
	.ClearFix:after, .cmspage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ClearFix, .cmspage { display: inline-block; }
	/* Holly Hack Targets IE Win only \*/
		* html .ClearFix { height: 1%; }
		.ClearFix { display: block; }
	/* End Holly Hack */
/* END CLEARFIX
===================================== */
/* For rendering of .NET validator controls */
span[controltovalidate], span>font[color="Red"] { display: block; }
/* Accessibility */
abbr[title], acronym[title] { cursor: help; border-bottom: 1px dotted #666; }
/* General Page Styles
==================== */
.cmspage, #Content .cmspanel, .CmsModule {
padding: 1em 2em;
}
.cmspage .cmspage {
margin: 0;
padding-top: 0;
}
.cmspage ul {
margin-left: .8em;
padding-left: .8em;
}
.cmspage ol {
margin-left: 1em;
padding-left: 1em;
}
.cmspage ul, .cmspage ol, .cmspage dd {
margin-bottom: 1em;
}
.cmspage dd {
margin-left: 1.4em;
}
.cmspage p, .cmspage li {
margin-bottom: .6em;
}
.cmspage p, .cmspage li, .cmspage dt, .cmspage dd,
#Content .cmspanel p, #Content .cmspanel li, #Content .cmspanel dt, #Content .cmspanel dd,
.CmsModule p, .CmsModule li, .CmsModule dt, .CmsModule dd {
line-height: 1.4;
}
.cmspage h1, .cmspage h2, .cmspage h3,
.cmspage h4, .cmspage h5, .cmspage h6,
#Content .cmspanel h1, #Content .cmspanel h2, #Content .cmspanel h3,
#Content .cmspanel h4, #Content .cmspanel h5, #Content .cmspanel h6,
.CmsModule h1, .CmsModule h2, .CmsModule h3,
.CmsModule h4, .CmsModule h5, .CmsModule h6 {
color: #000;
margin: .6em 0 .2em 0;
}
.cmspage h1, .cmspage h2,
#Content .cmspanel h1, #Content .cmspanel h2 {
font-family: georgia, "times new roman", serif;
}
.cmspage h1, .cmspanel h1, .CmsModule h1 { font-size: 1.5em; margin-top: 0; margin-bottom: .6em; }
.cmspage h2, .cmspanel h2, .CmsModule h2 { font-size: 1.3em; margin-top: .8em; }
.cmspage h3, .cmspanel h3, .CmsModule h3 { font-size: 1.1em; }
.cmspage h4, .cmspage h5, .cmspage h6,
.cmspanel h4, .cmspanel h5, .cmspanel h6,
.CmsModule h4, .CmsModule h5, .CmsModule h6 { font-size: 1em; }

/* PAGED LISTS CLASSES */
span.highlight { background: #ff0; color: #000; font-weight: bold; padding: 0 3px; }
span.attn { color: #c00; font-weight: bold; }
table.paging { border: none; table-layout: fixed; border-collapse: separate; margin: 0; }
table.paging td, table.paging th { vertical-align: middle; }
table.paging td { border: none; padding: 0.2em 9px 0.3em 6px; }
table.paging td select, table.paging td option, table.paging td input { margin: 0; padding: 0; font-size: 0.9em; text-align: right; font-family: arial, helvetica, geneva, verdana, sans-serif; }
table.paging td a { color: #666; text-decoration: none; }
table.paging td a:link, table.paging td a:visited, table.paging td a:hover { color: #00f; }
table.paging td a:hover { text-decoration: underline; }
table.paging td a:active { color: #f00; }
table.list { border: none; table-layout: fixed; border-collapse: separate; border-bottom: 3px double #999; margin: 0; }
table.list td, table.list th { vertical-align: top; }
table.list td { border: none; padding: 0.2em 0px 0.3em 6px; }
table.list th { padding: 0.3em 0px 0.4em 6px; font-weight: bold; text-align: left; }
table.list td a { color: #666; text-decoration: none; }
table.list td a:link { color: #00f; }
table.list td a:visited { color: #909; }
table.list td a:hover { color: #00f; text-decoration: underline; }
table.list td a:active { color: #f00; }
table.list th a { color: #666; text-decoration: none; }
table.list th a:link, table.list th a:visited, table.list th a:hover { color: #00f; }
table.list th a:hover { text-decoration: underline; }
table.list th a:active { color: #f00; }
table.list tr.odd { background: #fff; }
table.list tr.even { background: #f6fcf6; }
table.list tr.subhead td  { border-bottom: 1px solid #cccccc; background: #eaebdb; }
table.list td.icon, table.list th.icon { padding: 0.1em 0; text-align: center; }
table.list td.formfield	{ padding: 0 0 0 6px; text-align: left; }
table.list td.numeric, table.list th.numeric { padding-right: 6px; text-align: right; }
table.list td.numeric { font-size: 1.0em; font-family: verdana, arial, helvetica, geneva, sans-serif; }
table.list td.numeric em { font-size: 0.9em }
table.list td.date { text-align: center; }
table.list td.nestedtable { padding: 0; }



/* Added for Bug 3605 - Babies module can be added to any template */
/* Baby Photos FunctionID 53 54 55 56 57
===================================================== */
/* Search
===================================================== */
#HeyBabySearchAndResults td {
padding-top: 0;
}
#BabySearchContainer {
background: #fff url(../../imgs/mckennan/hey_baby/search_bkgd.gif) repeat-x 0 0;
min-height: 368px;
}
* html #BabySearchContainer {
height: 368px;
}
#BabySearchContainer h4 {
margin-top: 0;
}
#BabySearchContainer th {
color: #4b9477;
width: 180px !important;
}
#BabySearchContainer td {
padding-top: 4px;
}
p.Instructions {
color: #666;
font-weight: bold;
margin-left: 196px;
margin-right: 1em;
}
#BabySearchContainer table {
position: relative;
z-index: 334;
margin-left: 1em;
}
#BottomInfo {
position: relative;
z-index: 234;
border-top: 1px solid #71CE71;
padding: .6em 1.2em;
background: url(../../imgs/mckennan/hey_baby/baby_bottom.jpg) no-repeat right top;
height: 40px;
}
#BottomInfo p {
font-size: .85em;
}
img#BabyTop {
width: 333px;
height: 148px;
position: absolute;
top: -149px;
right: 0;
}
* html img#BabyTop {
behavior: url(/scripts/pngbehavior.htc); /* Required for IE to understand png transparency */
top: -149px;
}


/* Results
===================================================== */
#BabySearchResultsContainer {
background: #fff url(../../imgs/mckennan/hey_baby/results_bkgd.gif) repeat-x 0 0;
position: relative;
}
#BabySearchResultsContainer table.list tr.even {
background-color: #d8e8e4;
}
#BabySearchResultsContainer table.list tr td, #BabySearchResultsContainer table.list tr th {
border-top: 1px solid #ccc;
}
#BabySearchResultsContainer table.list td, #BabySearchResultsContainer table.list th {
padding: .6em 0;
}
#BabySearchResultsContainer h3 {
font-size: 1.5em;
margin: .6em 0;
font-family: georgia, "times new roman", serif;
color: #1E7958;
}
#BabySearchResultsContainer #TopImgWrap {
padding-bottom: .4em;
border-bottom: 1px solid #fff;
}
#BabySearchResultsContainer #BabyResultsWrapper {
margin-left: 16px;
}
#BabySearchResultsContainer table {
margin-bottom: 2em;
}
#BabySearchResultsContainer tr.TableHeader th a,
#BabySearchResultsContainer table.paging td a, #BabySearchResultsContainer table.paging td a:link, #BabySearchResultsContainer table.paging td a:visited {
color: #000 !important;
font-weight: normal;
margin-left: 6px;
}
#BabySearchResultsContainer tr.TableHeader th a {
font-weight: bold;
margin-left: 0;
}
#BabySearchResultsContainer #NewSearchContainer {
position: absolute;
top: .8em;
right: 1em;
}

/* Detail
===================================================== */
#BabySearchDetail {
background: #fff url(../../imgs/mckennan/hey_baby/detail_bkgd.gif) repeat-x 0 0;
position: relative;
}
#BabySearchDetail #NewSearchContainer {
position: absolute;
top: 0;
right: 1em;
padding-top: 1.6em;
}
#BabySearchDetail #NewSearchContainer p {
text-align: right;
}
#BabySearchDetail #NewSearchContainer p img {
float: right;
}
#BabySearchDetail #NewSearchContainer p.NavLink {
position: relative;
top: 9px;
clear: right;
}
#BabySearchDetail a {
color: #000;
text-decoration: none;
}
#BabySearchDetail a:hover {
text-decoration: underline;
}
#BabySearchDetail p.Announce {
margin: 1em 15.7em 1em 16px;
height: 1%;
}
#BabySearchDetail #babyInfoContainer {
margin: 0 332px 0 16px;
height: 1%;
}
#BabySearchDetail #BottomInfo {
border-top: none;
}

/* ------------- Baby Photo Container --------------- */
#BabySearchDetail .babyPhotoContainer {
width: 324px;
float: right;
position: relative;
margin-right: 1em;
margin-bottom: 1em;
}
#BabySearchDetail div.Girl {
 background: url(../../imgs/mckennan/hey_baby/babyphotocontainer_girl.gif) repeat-y 0 0;
 }
#BabySearchDetail div.Boy {
 background: url(../../imgs/mckennan/hey_baby/babyphotocontainer_boy.gif) repeat-y 0 0;
 }
.babyPhotoContainer img {
width: 200px;
margin: 0 auto;
display: block !important;
}
#BabySearchDetail .babyPhotoContainer #BigPhoto {
width: 258px;
float: left;
text-align: center;
}
#BabySearchDetail div.Girl #BigPhotoTop {
 background: url(../../imgs/mckennan/hey_baby/banner_girl.gif) no-repeat 0 0;
 height: 88px;
 }
#BabySearchDetail div.Boy #BigPhotoTop {
 background: url(../../imgs/mckennan/hey_baby/banner_boy.gif) no-repeat 0 0;
 height: 126px;
 }
#BabySearchDetail .babyPhotoContainer #BigPhoto img {
border: 5px solid #fff;
width: 200px;
margin-bottom: 60px;
position: relative;
}
#BabySearchDetail div.Girl #BigPhoto img {
 margin-top: -30px;
 }
#BabySearchDetail div.Boy #BigPhoto img {
 margin-top: -68px;
 }
.Enlarge {
display: block;
position: absolute;
top: 42px;
left: 71px;
background: #fff !important;
padding: 2px;
padding-bottom: 0;
width: 10em;
}
#BabySearchDetail .babyPhotoContainer #BigPhoto a {
text-decoration: underline;
font-size: 11px;
}
#BabySearchDetail div.Girl #BigPhoto a {color: #c34686;}
#BabySearchDetail div.Boy #BigPhoto a {color: #5D89BF;}

#BabySearchDetail .babyPhotoContainer #BigPhoto a:hover {
color: #666;
}

/* -------------------- Thumbnails -------------------- */
#BabySearchDetail .babyPhotoContainer #BabyThumbContainer {
width: 66px;
float: left;
}
#BabySearchDetail .babyPhotoContainer #BabyThumbContainer img {
width: 50px;
margin-top: 7px;
border: 2px solid #fff;
height: auto;
}
#BabySearchDetail div.Girl #ThumbContainerTop {
 height: 51px;
 background: url(../../imgs/mckennan/hey_baby/thumbcontainertop_girl.gif) no-repeat 0 0;
 }
#BabySearchDetail div.Boy #ThumbContainerTop {
 height: 51px;
 background: url(../../imgs/mckennan/hey_baby/thumbcontainertop_boy.gif) no-repeat 0 0;
 }
#BabySearchDetail div.Girl #ThumbContainerBottom {
 height: 95px;
 background: url(../../imgs/mckennan/hey_baby/thumbcontainerbot_girl.gif) no-repeat left bottom;
 }
#BabySearchDetail div.Boy #ThumbContainerBottom {
 height: 95px;
 background: url(../../imgs/mckennan/hey_baby/thumbcontainerbot_boy.gif) no-repeat left bottom;
 }
#BabySearchDetail .babyPhotoContainer #BabyPhotoCaption {
clear: both;
position: absolute;
bottom: 5px;
left: 24px;
background: #fff;
width: 294px;
}
#BabySearchDetail div.Girl #BabyPhotoCaption {
 border-right: 1px solid #bb87a2;
 border-bottom: 2px solid #bb87a2;
 }
#BabySearchDetail div.Boy #BabyPhotoCaption {
 border-right: 1px solid #5D89BF;
 border-bottom: 2px solid #5D89BF;
 }
#BabySearchDetail .babyPhotoContainer #BabyPhotoCaption h3 {
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: center;
}
#BabySearchDetail div.Girl #BabyPhotoCaption h3 {
 color: #c34686;
 }
#BabySearchDetail div.Boy #BabyPhotoCaption h3 {
 color: #5D89BF;
 }
#BabySearchDetail #babyHeading h3 {
font-size: 1.2em;
}
#BabySearchDetail h3.Boy, #BabySearchDetail h4.Boy {color: #14c;}
#BabySearchDetail h3.Girl, #BabySearchDetail h4.Girl {color: #f66;}

#BabySearchDetail #BottomInfo {
position: relative;
z-index: 234;
padding: .6em 1.2em;
clear: both;
margin-top: 1em;
background-image: none;
height: 0;
}
#BabySearchDetail h5 {
color: #000;
text-transform: uppercase;
font-size: 1em;
}
#BabySearchDetail h3, #BabySearchDetail h4 {
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size: 1.4em;
border: none;
margin-bottom: .5em;
}
#BabySearchDetail #SiblingsTable a {
text-decoration: underline;
}
#BabySearchDetail #SiblingsTable a:hover {
color: #666;
}


/* Ennouncements
===================================================== */
#EnnouncementsTable th, #EnnouncementsTable td { padding: 4px; }


/* -------------------------------------
  Photo Slider
---------------------------------------- */
.PhotoSlider ul {
margin: 0;
padding: 0;
list-style: none;
}
.PhotoSlider li {
padding: 0;
background-image: none;
}
.PhotoSlider img {
margin: 0 auto;
}
.PhotoSlider {
width: 262px;
padding: 6px;
text-align: left;
position: relative;
background: #f2f2f2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.PhotoSlider .Border {
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.PhotoSlider .Overflow {
width: 260px;
overflow: hidden;
position: relative;
}
.PhotoSlider .Container {
left: 0;
width: 100%;
position: relative;
}
.PhotoSlider .Slide {
/* Must contain a width and a margin-right. */
width: 250px;
margin: 0;
padding: 5px;
float:left;
}
.PhotoSlider .PhotoCaption {
margin: 0;
padding: 8px 6px;
font-size: .85em;
color: #666;
}
.PhotoSlider .Buttons {
text-align: center;
font-size: .85em;
padding: 5px;
border-top: 1px solid #e6e6e6;
height: 20px;
position: relative;
}
.PhotoSlider .Buttons em {
font-style: normal;
position: relative;
top: 3px;
height: 1%;
}
.PhotoSlider .Prev, .PhotoSlider .Next {
height: 19px;
width: 26px;
display: block;
position: absolute;
outline: none;
}
.PhotoSlider .Prev {
top: 5px;
left: 80px;
background: url(../../imgs/slider/prev.gif) no-repeat 0 0;
}
.PhotoSlider .Next {
top: 5px;
right: 80px;
background: url(../../imgs/slider/next.gif) no-repeat 0 0;
}
.PhotoSlider .Next:hover, .PhotoSlider .Prev:hover {
background-position: -26px 0;
}
.PhotoSlider .Inactive {
background-position: -52px;
cursor: default;
}
.PhotoSlider .Inactive:hover {
background-position: -52px;
}

/* Fix for pre-existing style on Avera's layout for PhotoSlider */
#Content .PhotoSlider .Overflow .Container {
margin: 0px;
padding: 0px;
}

/* Fix for pre-existing style on Avera's layout for tabbed content */
#Content .TabsContainerlive .Tabnav {
margin: 0;
padding: 0;
}


/* -------------------------------------
  Photo Slider RIGHT COLUMN
---------------------------------------- */
#Col3 .PhotoSlider ul {
margin: 0;
padding: 0;
list-style: none;
}
#Col3 .PhotoSlider li {
padding: 0;
background-image: none;
}
#Col3 .PhotoSlider img {
margin: 0 auto;
}
#Col3 .PhotoSlider {
width: 146px;
padding: 6px;
text-align: left;
position: relative;
background: #f2f2f2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#Col3 .PhotoSlider .Border {
border: 1px solid #e6e6e6;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#Col3 .PhotoSlider .Overflow {
width: 140px;
overflow: hidden;
position: relative;
}
#Col3 .PhotoSlider .Container {
left: 0;
width: 100%;
position: relative;
}
#Col3 .PhotoSlider .Slide {
/* Must contain a width and a margin-right. */
width: 140px;
margin: 0;
padding: 4px;
float:left;
}
#Col3 .PhotoSlider .PhotoCaption {
margin: 0;
padding: 8px 6px;
font-size: .85em;
color: #666;
}
#Col3 .PhotoSlider .Buttons {
text-align: center;
font-size: .85em;
padding: 5px;
border-top: 1px solid #e6e6e6;
height: 20px;
position: relative;
}
#Col3 .PhotoSlider .Buttons em {
font-style: normal;
position: relative;
top: 3px;
height: 1%;
}
#Col3 .PhotoSlider .Prev, .PhotoSlider .Next {
height: 19px;
width: 26px;
display: block;
position: absolute;
outline: none;
}
#Col3 .PhotoSlider .Prev {
top: 5px;
left: 17px;
background: url(../../imgs/slider/prev.gif) no-repeat 0 0;
}
#Col3 .PhotoSlider .Next {
top: 5px;
right: 18px;
background: url(../../imgs/slider/next.gif) no-repeat 0 0;
}
#Col3 .PhotoSlider .Next:hover, .PhotoSlider .Prev:hover {
background-position: -26px 0;
}
#Col3 .PhotoSlider .Inactive {
background-position: -52px;
cursor: default;
}
#Col3 .PhotoSlider .Inactive:hover {
background-position: -52px;
}