/*
* Children's Mercy Flu-Microsite Style Sheet
* Contact: amhay@cmh.edu (Adam M. Hay)
*/

/* --------- GEN --------- */
body {
    margin: 0px;
    padding: 0px;  
    font-size: 10pt; /* establish 1em */
    background: url(../images/bg.png) top center repeat-y #cfe4f6;
}
body, table td {
    font-family: Verdana;
    color: #002d9a;
    line-height: 1.2em;
}
p {
}
h6, h5, h4, 
h3, h2, h1 {
    color: #002d9a;
}
img {
    border: none;
}
#ehc_Content a {
    color: #0f7ad1 ! important;
    text-decoration: none;
}
#ehc_Content a:hover {
    text-decoration: underline;
}


/* - CPH - */
#siteContainer {
    width: 760px;
    margin: auto;
}
#siteContainer td {
    vertical-align: top;
    padding: 10px;
}

.viewAll {
    display: block;
    float: right;
    margin-right: 10px;
    margin-top: 6px;
    
    font-size: .7em;
    color: #810058;
}


/* --------- HEAD --------- */
#head {
    /* vertical-align: middle ! important; */
    height: 85px;
    padding: 0px ! important;
    /* background: url(../images/header.png) left center no-repeat; /* Without CMH reference */
    background: url(../images/header_cmh.png) left center no-repeat;  /* With CMH reference */
}
#head .logo {
    display: block;
    margin: 20px 0px 0px 15px;
    height: 25px;
    width: 310px;
    
    /*border: 1px solid green;/**/
}
#head .logo_cmh {
    display: block;
    margin: 5px 0px 0px 15px;
    height: 10px;
    width: 310px;

    /*border: 1px solid green;/**/
}

.normal { 
	border:1px solid black ! important; 
	color:#000000 ! important; 
	background:white
	}
.grey {
	border:1px solid gray; 
	color:#BBBBBB; 
	background:white 
}

/* --------- LEVEL 1 --------- */
#flZone {
}
#flZone_wide {
    padding: 0px ! important;
}

#flObject {
    float: left;
    display: block;
    width: 545px;
    height: 190px;
}

#breadcrumb {
    color: #343434;
    font-size: .8em;
    text-transform: capitalize;
}
#breadcrumb a {
    color: #343434;
}

#searchBox {
    float: left;
    margin: 0px 0px 15px 0px;
    padding-left: 5px;
    height: 15px;
    width: 145px;
    
    color: #a5a5a5;
    line-height: 1.2em;

    border: 1px solid #a5a5a5;
}
#flZone_wide #searchBox {
    float: left;
    margin: 0px;
    padding-left: 5px;
    margin-right: 5px;
    height: 15px;
    width: 195px;
    
    color: #a5a5a5;
    line-height: 1.2em;

    border: 1px solid #a5a5a5;
}
#searchBtn {
    float: right;
    margin: 0px 0px 15px 0px;
    
    cursor: pointer;
}
#flZone_wide #searchBtn {
    float: right;
    margin: 0px;
    
    cursor: pointer;
}

#chkltsTbl {
    float: right;
    width: 177px;
    height: auto;
}
#chkltsTbl_wide {
    float: right;
    width: 100%;
    height: auto;
}
#chkltsTbl td {
    padding: 0px ! important;
}
#chkltsTbl .head {
    display: block;
    height: 28px;
    width: 177px;
    
    background: url(../images/chicklets_header.png) no-repeat;
}
#chkltsTbl .body {
    display: block;
    
    font-size: .8em;
    
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
#chicklets td {
    padding: 0px ! important;
}
#chicklets a {
    text-decoration: none;
    color: #002d9a;
}
#chkltsTbl .foot {
    display: block;
    height: 11px;
    width: 177px;
    
    background: url(../images/chicklets_footer.png) no-repeat;
}


/* --------- LEVEL 2 --------- */
#body {
    padding: 0px 0px 0px 20px ! important;
}

#fastFacts p, #fastFacts li {
    font-size: .8em;
    color: #343434;
}
#fastFacts font:first-child {
    font-size: 1em ! important;
    font-weight: bold;
    color: #343434;
}

#resourcesTbl {
    float: right;
    width: 229px;
    height: auto;
}
#resourcesTbl td {
    padding: 0px ! important;
}
#resourcesTbl .head {
    display: block;
    height: 27px;
    width: 229px;
    
    background: url(../images/resources_header.png) no-repeat;
}
#resourcesTbl .head_links {
    display: block;
    height: 27px;
    width: 229px;
    
    background: url(../images/links_header.png) no-repeat;
}
#resourcesTbl .body {
    display: block;
    padding: 0px;
    
    font-size: .8em;
    
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

#resourceTbl_Articles, #resourceTbl_Articles  td {
    margin: 0px ! important;
    padding: 0px ! important;
}
#resourceTbl_Articles td {
    padding: 10px 10px 0px 10px ! important;
}
#resourceTbl_Articles a {
    display: block;
    
    color: #002d9a;
}
#resourceTbl_Articles strong {
    color: #343434;
}
#resourceTbl_Articles .resDate {
    color: #757575;
}
#resourcesTbl .foot {
    display: block;
    height: 11px;
    width: 229px;
    
    background: url(../images/resources_footer.png) no-repeat;
}


/* --------- LEVEL 3 --------- */
#videos {
    position: relative;
    padding-left: 0px ! important;
    padding-right: 0px ! important;
}
#videos .titleStripe {
    display: block;
    height: 25px;
    width: 100%;
    
    background: url(../images/videos_header.png) left center no-repeat #ffefcd;
}
#videos .spryVidObject {
    display: block;
    margin: auto;
    margin-top: 15px;
    width: 620px;
}
#videos img {
    cursor: pointer;
    margin-left: 5px;
}
div#spryNav {
    display: block;
    *position: absolute;
    top: 85px;
    padding: 0px 25px !important;
}
#spryNav_P {
    float: left;

    background: url(../images/videos_NavPrev.png) no-repeat;
}
#spryNav_N {
    float: right;

    background: url(../images/videos_NavNext.png) no-repeat;
}
#spryNav_P, #spryNav_N {
    display: block;
    height: 50px;
    width: 30px;
}

#chickletBar {
    padding-left: 0px ! important;
    padding-right: 0px ! important;
}
#chickletBar .titleStripe {
    display: block;
    height: 25px;
    width: 100%;
    
    background: url(../images/chickletsBar_header.png) left center no-repeat #ffefcd;
}
#chickletBar .chickletStripe {
    display: block;
    margin: auto;
    margin-top: 15px;
    width: 675px;
}
#chickletBar .chickletStripe a {
    color: #343434;
    font-size: .8em;
    text-decoration: none;
}

/* --------- FOOT --------- */
#foot {
    padding: 0px ! important;
    padding-top: 40px ! important;
    text-align: center;
}
#foot .cmhLogo {
    display: block;
    height: 32px;
    width: 127px;
    
    background: url(../images/cmhLogo.png) no-repeat;
}
#foot .ychlLogo {
    display: block;
    height: 32px;
    width: 130px;

    background: url(../images/ychlLogo.png) no-repeat;
}
#foot .commentsLogo {
    display: block;
    height: 32px;
    width: 130px;

    background: url(../images/commentsLogo.png) no-repeat;
}
#foot .cmhLogo a, #foot .ychlLogo a, #foot .commentsLogo a {
    display: block;
    height: 100%;
    width: 100%;
}

#foot .footDiv {
    display: block;
    margin: auto;
    height: 7px;
    width: 700px;
    
    background: #f1f1f1;
}
#foot .copyright {
    display: block;
    margin: 5px 0px;
    font-size: .7em;
}
#foot .closingBar {
    display: block;
    margin-bottom: 3px;
    height: 10px;
    width:100%;
    
    background: #002d9a;
}