/*

NEW CSS FOR SIMPLIFIED WINTER WEATHER SITE

*/


.tipbox {
min-height: 120px;
margin-bottom: 8px;
padding: 12px;
border-top: 2px solid #2185db;
border-right: 2px solid #004b8c;
border-bottom: 2px solid #004b8c;
border-left: 2px solid #2185db;
background-color: #005faf;
background-image: url('http://emergency.cdc.gov/disasters/winter/images/highlight-snowflake.png');
background-repeat: no-repeat;
background-position: top right;
margin:15px 0px;
}

.tipboxtitle p {
margin: 0;
line-height: 0.9em;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
color: White;
}

.tipboxdate p {
margin: 0 0 1em 0;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
color: #d2d2ff;
}

.tipboxtext p {
color: #e5e5e5;
}

.highlightsbox {
margin-bottom: 8px;
padding: 12px;
border: 1px solid #dcdbff;
background-color: #f2f1ff;
background-image: url('http://emergency.cdc.gov/disasters/winter/images/bg-icicles.png');
background-repeat: repeat-x;
}

.highlightsboxtitle {
margin: 0;
padding-bottom: 8px;
text-transform: uppercase;
font-family: "Trebuchet MS", sans-serif;
font-size: 14pt;
color: #001393;
}

.highlightsboxtext {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
color: #000e6a;
}

.faq-question {
margin-top: 1.5em;
border-top: 2px dotted #c5c5c5;
padding: 0.5em 0 1em 0;
}

ul.blue-checkmark {
list-style-image: url('/disasters/winter/images/blue-checkmark.png'); position: relative; left: 15px;
}


.ecards img {
border: 0;
float: left;
margin: 0 10px 10px 0;
}

.smallgraytext {
color: #676767;
font-size: 0.8em;
line-height: 120%;
}


/*
----------------------------------------------------------------------------------------------------
*/








/*
-----------------------

INDEX.ASP
COOL TIP BOX W/ SNOWFLAKE BACKGROUND AND STACKED TILES (for Guide & eCards)
Cool Tip contents are styled with classes: highlightstitle, highlightstext

-----------------------
*/

.cooltipandtilecontainer {
position: relative;
}

.cooltipandtileswrapper {
position: relative;
height: 238px;
margin-bottom: 15px;
}
      
.cooltipbox {
position: absolute;
top: 0;
right: 155px;
bottom: 0;
left: 0;
background-color: #005faf;
background-image: url('http://emergency.cdc.gov/disasters/winter/images/highlight-snowflake.png');
background-repeat: no-repeat;
background-position: bottom right;
overflow: auto;
}

.tilesbox {
position: absolute;
top: 0;
right: 0;
width: 150px;
}

/* ------ STYLES FOR TEXT IN COOL TIP BOX ------ */

.cooltiptextwrapper {
padding: 10px;
}

.cooltiptitle {
line-height: 0.7em;
text-transform: uppercase;
font-family: "Trebuchet MS", sans-serif;
font-size: 14pt;
font-weight: normal;
color: White;
}

.cooltipdate {
line-height: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
color: #d2d2ff;
}
      
.cooltiptext {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
color: #e5e5e5;
}

.cooltiptext li {
margin-top: 0;
margin-bottom: 5px;
}







/*
-----------------------

MULTIPLE PAGES
TEXT BOX WITH TOP-LEFT IMAGE, TEXT, AND LINK LIST (LOOKS SIMILAR TO A TEXT BOX MODULE)

-----------------------
*/

.winterbox {
min-height: 160px;
border: 2px solid #cac8ff;
background-color: #f7f7ff;
margin-bottom: 8px;
padding: 5px;
}
      
.winterboxtext {
color: #656565;
font-size: 0.9em;
}

.winterbox ul {
margin-top: 8px;
}

.winterboxtitle {
text-transform: uppercase;
font-weight: bold;
}






/*
-----------------------

MULTIPLE PAGES
HIGHLIGHTS BOX W/ ICICLES BACKGROUND

-----------------------


.highlightsboxcontainer {
position: relative;
}

.highlightsboxwrapper {
position: relative;
height: 238px;
margin-bottom: 15px;
}
      
.highlightsbox {
position: absolute;
top: 0;
right: 155px;
bottom: 0;
left: 0;
border: 1px solid #dcdbff;
background-color: #f2f1ff;
background-image: url('http://emergency.cdc.gov/disasters/winter/images/bg-icicles.png');
background-repeat: repeat-x;
overflow: auto;
}

.guidebox {
position: absolute;
top: 0;
right: 0;
width: 150px;
}

------ STYLES FOR TEXT IN HIGHLIGHTS ------

.highlightstitle {
margin: 0;
padding-bottom: 8px;
text-transform: uppercase;
font-family: "Trebuchet MS", sans-serif;
font-size: 14pt;
color: #001393;
}

.highlightstextwrapper {
padding: 10px;
}

.highlightstext {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
color: #000e6a;
}

.highlightstext li {
margin-top: 0;
margin-bottom: 5px;
}
   
*/




/*
-----------------------

INDEX.ASP
2-COLUMN TEXT BOX W/ ICICLES BACKGROUND

-----------------------
*/

.twocolboxwrapper {
position: relative;
border: 1px solid #d5d4ff;
background-color: #f2f1ff;
background-image: url('http://emergency.cdc.gov/disasters/winter/images/bg-icicles.png');
background-repeat: repeat-x;
background-position: top;
padding: 10px 10px 10px 10px;
margin-bottom: 15px;
}

/* The special code immediately below and indented resolves issue in Firefox where Wrapper DIV will not draw behind the nested DIVs */

   @-moz-document url-prefix() { 
     .twocolboxwrapper {
        min-height: 70px;
     }
   }
    
.twocolbox1 {
position: relative;
float: left;
width: 50%;
}
      
.twocolbox1 ul {
position: relative;
left: -20px;
}
      
.twocolbox2 {
position: relative;
float: right;
width: 50%;
}







/*
-----------------------

MULTIPLE PAGES
CLASSES THAT CONTROL WHITE SPACE ABOVE AND/OR BELOW AN ELEMENT

-----------------------
*/

.whitespaceabovebelow {
margin-top: 25px;
margin-bottom: 30px;
}

.whitespacebelow {
margin-bottom: 30px;
}

.whitespacebelow-medium {
margin-bottom: 30px;
}

.whitespacebelow-small {
margin-bottom: 20px;
}








/*
-----------------------

DURINGSTORM/OUTDOORSAFETY.ASP
FORMATTING FOR DATA TABLE

-----------------------
*/

th.windchillfactor {
background-color: #e6f4ff;
}

td.windspeed {
text-align: center;
font-weight: bold;
}

td.frostbitetime30 {
background: #6699CC;
color: #FFFFFF;
font-weight: bold;
}

td.frostbitetime10 {
background: #006699;
color: #FFFFFF;
font-weight: bold;
}

td.frostbitetime05 {
background: #003366;
color: #FFFFFF;
font-weight: bold;
}

td.frostbitetime30 span, td.frostbitetime10 span, td.frostbitetime05 span {
display: none;
}