@import url(interactive/interactive.css);
@import url(interactive/garage_safety.css);
@import url(interactive/general_safety.css);
@import url(interactive/poison_safety.css);
@import url(interactive/suffocation_safety.css);
@import url(interactive/toy_safety.css);
@import url(interactive/water_safety.css);
@import url(interactive/fire_safety.css);
@import url(interactive/safety_kids.css);
@import url(interactive/travel_safety.css);
@import url(tabs.css);

/* MAIN STYLE DEFAULTS */
html, body { margin: 0; padding: 0; }
body { font-family: arial, helvetica, geneva, verdana, sans-serif; }
input, textarea, select, option, span.inputText, button { font-family: arial, helvetica, geneva, verdana, sans-serif; margin: 0; font-size: 1em; }
span.inputText { display: inline-block; padding: 0.3em 0 0 2px; }
form { cursor: auto; margin: 0; }
img, div, span { border: none; margin: 0; padding: 0; }
span[controltovalidate] { display: block; }
span>font[color="Red"] { display: block; }

/* DEFAULT STYLES FOR TEXT ELEMENTS */
h1, h2, h3, h4, h5, h6 { color: #4b9477; font-weight: bold; line-height: 1.2em; margin: 0.5em 0 0.2em 0; }
h1 { font-size: 1.5em; margin-top: 0.2em; }
h2 { font-size: 1.6em; font-style: italic; margin-top: 0.2em; font-family: "times new roman", "garamond light", palatino, times, serif; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
h2 { border-bottom: 1px solid #ccc; line-height: 1.3em; margin-bottom: 0.3em; }
h4 { border-bottom: 1px solid #ccc; line-height: 1.5em; margin-bottom: 0.2em; }
p, ul, ol, li { font-weight: normal; line-height: 1.2em; text-align: left; }
p { margin: 0 0 0.7em 0; }
ul, ol, dl { margin-top: 0; margin-bottom: 1.3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li { line-height: 1.2em; margin: 0 0 0.5em 0; }
dt { font-weight: bold; margin: 0 0 0.5em 0; }
dd { margin: 0 0 0.7em 0; }
big { font-size: 1.1em; }
small { color: #666; font-size: 0.9em; line-height: 1.2em; }
a, a:link, a:visited { color: #2313B6; text-decoration: none; }
a:hover { color: #408080; text-decoration: underline; }
a:active { color: #2313B6; }
.cmspage a, .cmspage a:link, .cmspage a:visited { text-decoration: underline; }
th, td { vertical-align: top; }
th { text-align: left; font-weight: bold; }
table { border: none; margin: 0; padding: 0; table-layout: fixed; border-collapse: collapse; }

/* SPECIAL CLASSES FOR CmsPageBase */
ul.message { margin-top: 0; margin-bottom: 1em; }
ul.message li { color: #c00; font-size: 1.1em; font-weight: bold; }
div.cmspage, div.cmspanel { margin: 0; padding: 0; }
#homepagecmstext p { margin: 0 5px 0.7em 25px; font-size: 11px; color:#666; }

/* WEBDATAFORMS CLASSES */
table.ff { border-collapse: collapse; table-layout: fixed; margin: 0 0 1em 0; }
table.ff th, table.ff td { vertical-align: top; }
table.ff td { padding: 0.1em 0 0.1em 0; text-align: left; }
table.ff th { font-size: 0.9em; padding: 0.5em 6px 0.1em 0; text-align: right; color: #000; font-weight: bold; }
table.ff td.text { padding: 0.5em 6px 0.2em 0; }
table.ff td table { border-collapse: collapse; table-layout: auto; border: none; margin: 0; padding: 0; }
table.ff td table td { border: none; margin: 0; padding: 0; vertical-align: top; }

/* 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; }

/* Other */
.Bold { font-weight: bold; }
.Indent { margin-left: 1.4em; }
.Hide { display: none; }
.Hidden { visibility: hidden; }
.clear, .Clear { clear: both; visibility: hidden; line-height: 0; }
/*
ClearFix is used on any element that floats and would need a clearing div below it.
When ClearFix is used, the clearing div is rarely needed.
*/
.ClearFix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
}
/* Hides from IE Mac \*/
* html .ClearFix,
* html .ClearFix * { height: 1%; }
/* End hide from IE Mac */

/* DEBUG OUTPUT */
span.tracecontent { display: block; margin: 1em 18px 2em 18px; }
span.tracecontent table { border-collapse: separate; table-layout: auto; }
span.tracecontent table h3 { color: #fff; font-size: 12px; margin: 0.2em 2px; }
span.tracecontent table td, span.tracecontent table th { border-bottom: 1px solid #ccf; font-size: 9px; overflow-x: hidden; padding: 0.1em 2px; }

/* Print and Email buttons */
#EmailPrint { margin-top: 20px; margin-left: 6px; }
#EmailPrint a { padding: 2px 0 2px 22px; margin: 0; color: #000; font-weight: bold; font-size: 11px; background-image: url(../../imgs/mckennan/icons/email_print.gif); background-repeat: no-repeat; }
#EmailPrint a:hover { color: #666; text-decoration: none; }
#EmailPrint ul { list-style: none; margin: 0; padding: 0; }
li#Email { padding-bottom: 0; }
li#Email a { background-position: 0 2px; }
li#Print a { background-position: 0 -25px;  }
li#Email a:hover { background-position: 0 -55px; }
li#Print a:hover { background-position: 0 -82px; }

/* Footer */
#Footer { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #fff; padding: 8px 24px 0 30px; margin: 0 -36px -1em -30px; }
#Footer p { font-size: 0.9em; color: #666; line-height: 1.5em; }
#Footer a, #Footer a:link, #Footer a:visited { color: #066837; text-decoration: underline; }
#Footer a:hover { color: #666; }
#Footer a:active { color: #066837; }


/* eWEP styles */
ul.HorizList {
list-style: none;
background: #E2EEEB !important;
padding: 7px 0 8px 4px !important;
margin: 0 !important;
}
ul.HorizList li {
display: inline;
color: #bbb;
}
ul.HorizList li a {
color: #3E8C78 !important;
text-decoration: none !important;
}
ul.HorizList li a:hover {
text-decoration: underline !important;
}
table.Border1 { border: 1px solid #76487c; border-top: none; border-right: none; }
table.Border1 td, table.Border1 th { border: 1px solid #76487c; border-left: none; border-bottom: none; }
table.Border1 tr.Border1Heading td, table.Border1 tr.Border1Heading th { background-color: #b98fba; }
ul.NoBullets {
margin: 0;
padding: 0;
list-style: none;
}
p.Small1, li.Small1 {
font-size: .85em;
}
p.Small2, li.Small2 {
font-size: .75em;
}

/* Help Button for all Avera sites */
a.HelpBtn {
text-decoration: none !important;
color: #fff !important;
padding: 0 .3em !important;
font-weight: bold !important;
background-color: #282 !important;
border: 1px solid #282 !important;
}
a.HelpBtn:focus, a.HelpBtn:hover {
background-color: #5b5 !important;
border: 1px solid #000 !important;
}

img.Right {
float: right;
}
img.Left {
float: left;
}
img.Border { /* Specifically for McGreevy */
border: 1px solid #555 !important;
padding: 2px;
background-color: #fff;
}

/* image styles - Bug 1788 */
img.DropShadow {
padding: 0 12px 11px 0 !important;
background: url(../imgs/layout/dropshadow.gif) no-repeat right bottom !important;
}

/* Added for Bug 3605 - Babies module can be added to any template */
/* Baby Photos FunctionID 53 54 55 56 57
===================================================== */

/* Search
===================================================== */
#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: 200px !important;
}
#BabySearchContainer td {
padding-top: 4px;
}
p.Instructions {
color: #666;
font-weight: bold;
margin-left: 206px;
margin-right: 1em;
}
#BabySearchContainer table {
position: relative;
z-index: 334;
}
#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: -148px;
}

/* Results
===================================================== */
#BabySearchResultsContainer {
background: #fff url(../imgs/mckennan/hey_baby/results_bkgd.gif) repeat-x 0 0;
}
#BabySearchResultsContainer h3 {
font-size: 1.4em;
margin-bottom: 8px;
color: #000;
}
#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: .5em;
}

/* Detail
===================================================== */
#BabySearchDetail {
background: #fff url(../imgs/mckennan/hey_baby/detail_bkgd.gif) repeat-x 0 0;
}
#BabySearchDetail #NewSearchContainer {
position: absolute;
top: 1em;
right: .5em;
}
#BabySearchDetail #NewSearchContainer p {
text-align: right;
}
#BabySearchDetail #NewSearchContainer p.NavLink {
position: relative;
top: 7px;
}
#BabySearchDetail a {
color: #000;
}
#BabySearchDetail p.Announce {
margin: 1em 0 1em 16px;
height: 1%;
}

#BabySearchDetail #babyInfoContainer {
margin: 0 332px 0 16px;
height: 1%;
}

/* ------------- 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;
font-weight: normal;
}
#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;
}