/*html styling*/
body {padding: 30px 0;font-family: Arial, Helvetica, sans-serif;font-size: .75em;color: #444;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
.bg
{
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -5000;
height: 100%;
}
h1,h2,h3,h4,h5,h6 {text-transform: uppercase;font-weight: normal}
.titlePurple {color: #68194A}
.titleGreen {color: #497544;}
h3.titleEventPage {font-size: 2.5em;}
a {color:#00519A;text-decoration: none}
a:hover {text-decoration: underline}
.error404 {font-size: 1.3em;border-top: 1px solid #ccc;padding: 10px 0}
/*End of html styling*/
/* Stylish css */
.fStyle {font-family: 'Dosis', Arial, Helvetica, sans-serif;}
.scrollBar::-webkit-scrollbar {width:6px; height:6px; border: none; background: transparent;}
.scrollBar::-webkit-scrollbar-track-piece {border: none; position: absolute; padding: 0; box-shadow: none; background-color: rgba(0,0,0,0.07); border-radius: 30px;}
.scrollBar::-webkit-scrollbar-thumb:vertical {background-color: #6394C1; border-radius: 30px; border: none;}
.scrollBar::-webkit-scrollbar-thumb:horizontal {background-color: #6394C1; border-radius: 30px; border: none;}
/* End of Stylish css */
/*Struct styling*/
.container_24 {padding:0;}
.userHeader {background: #f9f9f9 url('../img/userbkg.png') repeat-x;padding:5px 5px 20px 5px;-moz-box-shadow: 0 6px 10px #333;;-webkit-box-shadow: 0 6px 10px #333;box-shadow: 0 6px 10px #333;text-align: right;color: #fff;font-size: 1.3em;text-shadow: 0 0 5px #333}
.mainContainer {background: #f9f9f9 url('../img/mainbkg.png');padding:0 5px;-moz-box-shadow: 0 6px 10px #333;;-webkit-box-shadow: 0 6px 10px #333;;box-shadow: 0 6px 10px #333;border-top: 15px solid #f9f9f9}
.mainHPContainer {background: #f9f9f9;padding:0 5px;-moz-box-shadow: 0 6px 10px #333;;-webkit-box-shadow: 0 6px 10px #333;;box-shadow: 0 6px 10px #333;border-top: 15px solid #f9f9f9}
/*End of Struct styling*/
/*header styling*/
.headerBkg {background: #f9f9f9}
h2.hSubTitle {display:block;font-size: 13px;color: #7D7D7D;text-transform: uppercase;}
.hLinks{border-bottom: Solid 1px #C8D1DB;text-align:right;}
.hLinksBottom{display:block;padding-top:2px;}
.hLinksBottom a{font-size: 14px;height: 20px;color: #98A7BA;padding-left: 28px;text-decoration: none}
.hLinksBottom a.selected,.hLinksBottom a:hover {color:#00519A;text-decoration: underline}
.bTwitter, .bRSS, .bDelic{width:23px;height:23px;padding-left:24px;display:inline}
.bTwitter a {display:inline-table;width: 23px;height:23px;background: url(../img/HEWS-S1.png) no-repeat top left;}
.bRSS a {display:inline-table;width: 23px;height:23px;background: url(../img/HEWS-S2.png) no-repeat top left;}
.bDelic a {display:inline-table;width: 23px;height:23px;background: url(../img/HEWS-S3.png) no-repeat top left;}
.bTwitter a:hover, .bRSS a:hover, .bDelic a:hover{background-position: top right;}
/*End of header styling*/
/* Main Navigation */
#nav {height: 49px;margin: 0 auto 5px auto;background: #f9f9f9;padding-top: 15px}
#nav li{position: relative;float: left;list-style: none;font-size: 14px;text-align: center;}
#nav li a {text-decoration:none;width:104px;height: 40px;display: block;line-height: 38px;border-left: Solid 1px #C8D1DB;border-bottom: Solid 1px #C8D1DB;border-top: Solid 1px #C8D1DB;}
#nav li a.gray, #nav li a.blue{
color:#2E5895;
background: #FDFCFB; /* Old browsers */
background: -moz-linear-gradient(top, #FDFCFB, #BDC7D2); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FDFCFB), color-stop(#BDC7D2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FDFCFB,#BDC7D2); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FDFCFB,#BDC7D2); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FDFCFB,#BDC7D2); /* IE10+ */
background: linear-gradient(top, #FDFCFB,#BDC7D2); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfb', endColorstr='#bdc7d2',GradientType=0 ); /* IE6-9 */
}
#nav li a.selected, #nav li:hover a.selected{color:#FFFFFF;background:#497544;}
#nav li a.selectedEvent {color:#FFFFFF;background:#68194A;}
ul#nav li:hover a.gray{color:#FFFFFF;background:#F77A07;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F77A07', endColorstr='#F77A07',GradientType=0 ); /* IE6-9 */}
ul#nav li:hover a.blue,ul#nav li a.blue.selected{color:#FFFFFF;opacity: .95;background:#405C7A;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405C7A', endColorstr='#405C7A',GradientType=0 ); /* IE6-9 */}
ul#nav li a.blue.last, ul#nav li a.blue.selected.last{width:108px;border-right: Solid 1px #C8D1DB;}
ul#nav li:hover a.blue.last, ul#nav li:hover a.blue.selected.last{width:108px;border-right: Solid 1px #405C7A;}
/* End of Main Navigation */
/* Footer */
h4.tFooter {padding-top: 10px;font-size: 1.5em;text-transform: uppercase;color:#fff}
.centerFooter {padding: 5px 5px 5px 0}
.rightFooter {padding: 5px}
.footerLegend{display:block;padding:15px 0;border-top: solid 1px #CBD3DC;font-size: 15px;color:#5B738B;background: #f9f9f9;}
.footerContainer {margin-top: 1px;padding:5px;-moz-box-shadow: 0 4px 10px 3px #333;-webkit-box-shadow: 0 4px 10px 3px #333;box-shadow: 0 4px 10px 3px #333;opacity: .90;color: #fff;
background: #405C7A; /* Old browsers */
background: -moz-linear-gradient(top, #405c7a 0%, #6394C1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405c7a), color-stop(100%,#6394C1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #405c7a 0%,#6394C1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #405c7a 0%,#6394C1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #405c7a 0%,#6394C1 100%); /* IE10+ */
background: linear-gradient(top, #405c7a 0%,#6394C1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405c7a', endColorstr='#6394C1',GradientType=0 ); /* IE6-9 */}
ul.footerList {padding: 5px 0}
ul.footerList li {border-bottom: 1px dotted #fff;padding: 5px 0;font-size: 12px}
ul.footerList li a {color: #fff;text-decoration: none;color: #efefef}
ul.footerList li a:hover {text-decoration: underline;color: #fff}
/* End of Footer */
/* HP */
#map {border: 5px solid #497544;height: 400px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;background: #6394C1;margin-bottom: 20px}
.legend {display:block;margin-bottom:30px;color:#2E5895;font-size:14px;text-align:center}
h2.sectionHP {text-shadow: 0 0 4px #fff;font-size:22px;font-weight:normal;color: #00519A;line-height:25px;text-align: left;text-transform: uppercase;padding-bottom: 10px;}
.centerHP {border: 1px solid #ccc;border-top: 0;border-bottom:0;padding: 0 5px;}
.sideLHP {padding-right: 5px;}
.sideRHP {padding-left: 5px;}
/* End of HP */
/* Infobriefs */
.noInfobriefs {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;}
ul.infoBriefsList li {border-bottom: 1px solid #c8d1db;padding: 5px 0;}
.whenInf {color: #FF6600;font-size: .9em;padding: 5px 0 2px 0;border-bottom: 1px dotted #bbb;}
.contentInf {font-family: georgia;font-size: 1.3em;line-height: 1.3em;}
h4.titleInf {font-size: 1.25em;}
table.briefSummary {background: #e8ebee;width: 100%;margin: 10px 0;border: 1px solid #c8d1db;border-bottom: 0}
table.briefSummary td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;vertical-align: middle}
table.briefSummary td.value {text-align: right;font-size: 1.8em;font-weight: bold}
/* End infobrief */
/* Hazard Page */
#mapHazard {border: 5px solid #497544;height: 400px;border-radius: 4px;background: #6394C1;}
.noItem {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;}
.mainHazardLeft {padding: 0 5px 0 0;}
.mainHazardRight {padding: 0 5px 40px 0;}
.rightHazard {padding: 0 0 5px 10px;}
.bCrumbsHazard {color: #6394C1;margin-bottom: 3px}
.bCrumbsHazard a {text-decoration: underline}
h2.nameHazard {text-shadow: 0 0 4px #fff;font-size:40px;line-height:35px;text-align: left;text-transform: uppercase;padding: 10px 0;border-bottom: 1px solid #497544;border-top: 1px dotted #6394C1;}
h3.titleHazard {font-size: 1.8em;padding-top: 10px}
h4.titleHazard {margin: 15px 0 5px 0;font-size: 1.8em;line-height: 1em;}
.statsHazard {background: #EDEACB;border: 1px solid #9A987F;border-radius: 5px}
ul.statsHaz {}
ul.statsHaz li {padding: 5px;border-bottom: 1px solid #9A987F}
ul.statsHaz li:last-child {border: 0}
.evStatInfo {float:left;width: 122px;line-height: 13px;margin-top: 3px;}
.evN {font-size: 2.5em;font-weight: bold;margin-left: 122px;text-align: right;color: #64634F}
ul.links {margin:-1px 0 20px 0;border-top: 1px solid #c8d1db;}
ul.links li {padding: 5px 0;border-bottom: 1px solid #c8d1db}
ul.links li a {text-decoration: none}
ul.links li a:hover {text-decoration: underline;color: #00519A;}
.linksExp {font-size:.90em;color: #999}
.explInfo {border-top: 1px solid #c8d1db;border-bottom: 1px solid #c8d1db;padding: 5px 0;font-size:.90em;color: #999;margin-top: 5px}
.span-7 {float:left;margin-right: 5px;width: 180px;}
.span-2 {margin-left: 185px;text-align: right}
.last {margin-right: 0;}
.noNews {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;}
.contentInf {padding-top: 10px;line-height: 1.5em}
/* End of Hazard Page */
/* Floods */
.span-1f{float:left;width: 35px;height: 80px;background:#68194A;padding:0 2px;color: #eee;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.span-8f {margin-left: 45px;height: 80px;padding: 3px}
ul.floodItems {margin-top: 10px}
li.floodItem {padding: 5px;padding: 0;box-shadow: 0 0 2px #68194A;height: 80px;border-radius: 5px;margin: 10px 0;
background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */
}
li.floodItem .day {font-size: 2.2em;letter-spacing: 1px;padding-left: 2px;font-weight: bold}
li.floodItem .month {letter-spacing: 3px;margin-top: -5px;padding-left: 3px}
li.floodItem .year {letter-spacing: 0px;padding-left: 3px}
table.floodSummary {background: #e8ebee;width: 100%;margin: 10px 0;border: 1px solid #c8d1db;border-bottom: 0}
table.floodSummary td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;vertical-align: middle}
table.floodSummary td.value {text-align: right;font-size: 1.8em;font-weight: bold}
#mapFlood {border: 5px solid #68194A;height: 200px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;background: #6394C1;margin-top: 10px}
.floodSummaryTxt {margin: 10px 0;border-top: 1px solid #C8D1DB;border-bottom: 1px solid #C8D1DB;padding: 10px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
.noFloods {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;margin-bottom: 10px}
/* End of Floods*/
/* Seismic */
.span-1s{float:left;width: 40px;height: 74px;padding:0 2px;color: #eee;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.span-8s {margin-left: 48px;height: 74px;padding: 3px;}
li.eqItems {margin-top: 10px}
li.eqItem {padding: 0;box-shadow: 0 0 2px #444;height: 80px;border-radius: 5px;margin: 10px 0;
background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */
}
#viewPastEQ,#viewASEQ {float: right;width: 80px;text-align: center;margin-top: 15px;padding: 3px 0;cursor: pointer;font-size: .9em;border-radius: 2px;}
.onMap {border: 1px solid #fff}
li.eqItem .day {display: inline;margin-right: 2px;font-weight: bold}
li.eqItem .month {font-weight: bold}
li.eqItem .year {display: block;letter-spacing: 3px;font-weight: bold}
li.eqItem .dateMag {font-size: 2.2em;border-bottom: 1px dotted #fff;font-weight: bold}
.redLi {background: #f22906;}
.orangeLi {background: #f6911a;}
.greenLi {background: #439630;}
.greenLi,.redLi,.orangeLi {padding: 3px;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;color: #fff}
ul.BN {margin-right: 10px}
ul.BN li {width: 100%;
background:#68194A;/* Old browsers */
background: -moz-linear-gradient(top, #7B3761,#68194A); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#7B3761), color-stop(#68194A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7B3761,#68194A); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7B3761,#68194A); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7B3761,#68194A); /* IE10+ */
background: linear-gradient(top, #7B3761,#68194A); /* W3C */
margin-top: 5px;color: #fff;padding: 5px;border-radius: 5px;height: inherit}
.eqBNMag {font-size: 4em;font-weight: bold;line-height: 1em;}
a.moreBN {color:white;text-decoration: underline;}
.eqBNDate {font-size: 1.2em;font-weight: bold;padding-bottom: 5px;}
table.eqSummary {background: #e8ebee;padding: 5px;border: 1px solid #c8d1db;width: 100%}
table.eqSummary td {text-align: left;border-top: 1px solid #c8d1db;padding: 5px;vertical-align: top}
table.eqSummary td.value {text-align: right;font-size: 2em;font-weight: bold;width: 65%;vertical-align: middle}
.noEQ {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;}
.eqContainer {height: 365px;padding-right: 1px;margin-bottom: 10px;overflow: hidden;width: 100%}
.eqContainer:hover {overflow: auto;padding-right: 5px}
/* End of Seismic */
/* Locust */
.locustUpdate {text-transform: uppercase;font-size: 1.2em}
.locustTxt {border-top: 1px solid #C8D1DB;padding: 5px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
/* End Locust */
/* Elnino Lanina*/
.ninoninaUpdate {text-transform: uppercase;font-size: 1.2em}
.ninoninaTxt {padding: 5px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
/* End of Elnino Lanina*/
/* Drought*/
.ifrMapDrought {border: 5px solid #497544;border-radius: 4px;background: #6394C1;margin-top: 10px}
/* End of Drought*/
/* Volcanoes */
#mapVolcano {border: 5px solid #68194A;height: 200px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;background: #6394C1;margin-top: 5px}
ul.volItems {margin-top: 10px}
ul.volItems li {padding: 5px;box-shadow: 0 0 2px #444;border-radius: 5px;margin: 10px 0;height: 95px;
background: #FDFCFB; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff', endColorstr='#eeeeee',GradientType=0 ); IE6-9 */}
ul.new li {border-left: 8px solid red}
ul.ongoing li {border-left: 8px solid orange}
ul.volItems h5 {font-size: 1.1em;border-bottom: 1px solid #c8d1db;padding-bottom: 3px;margin-bottom: 3px}
ul.volItems h5 a:visited {color:#00519A;}
/*To be removed*/
table.volInfo {background: #e8ebee;width: 100%;margin-bottom: 10px;border: 1px solid #c8d1db;border-bottom: 0}
table.volInfo td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;vertical-align: middle}
table.volInfo td.value {text-align: right;font-size: 1.8em;font-weight: bold}
/*End to be removed*/
table.volSummary {background: #e8ebee;width: 100%;margin-bottom: 10px;border: 1px solid #c8d1db;border-bottom: 0}
table.volSummary td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;vertical-align: middle}
table.volSummary td.value {text-align: right;font-size: 1.8em;font-weight: bold}
.volActTxt {border-top: 1px solid #C8D1DB;padding: 5px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
.volActContainer {height: 350px;padding-right: 10px;margin-bottom: 10px;overflow: hidden;width:100%}
.volActContainer:hover {overflow: auto;padding-right: 5px}
/* End of Volcanoes*/
.noStorms,.noVolcanoes,.noFloods,.noSeismic,.noCRED {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;}
/* Storms */
ul.stormItems {margin-top: 10px}
ul.stormItems li {padding: 5px;box-shadow: 0 0 2px #444;border-radius: 5px;margin: 10px 0;
background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */}
li.TS {border-left: 8px solid #13fc57;}
li.TD {border-left: 8px solid #00ccfb;}
li.H1 {border-left: 8px solid #fffb55;}
li.H2 {border-left: 8px solid #ffcc43;}
li.H3 {border-left: 8px solid #fe661c;}
li.H4 {border-left: 8px solid #ff0000;}
li.H5 {border-left: 8px solid #cc24cc;}
/* Storms HP latest */
.hpTS {background: #13fc57;color: #555;}
.hpTD {background: #00ccfb;color: #fff;}
.hpH1 {background: #fffb55;color: #555;}
.hpH2 {background: #ffcc43;color: #fff;}
.hpH3 {background: #fe661c;color: #fff;}
.hpH4 {background: #ff0000;color: #fff;}
.hpH5 {background: #cc24cc;color: #fff;}
table.stormForecast {width: 100%;border-collapse: collapse;}
.stormName {font-size: 1.2em;border-bottom: 1px dotted #BDBDBD;margin-bottom: 2px;font-weight: bold}
.stormDate {font-size: 0.8em;}
.stormMore {text-align: right;border-top: 1px dotted #BDBDBD;margin-top: 2px}
table.stormForecast tr.forHeader {}
table.stormForecast tr.forHeader td {color: #fff;background: #777;font-weight: bold}
table.stormForecast td {border: 1px solid #888;text-align: center;background: #fff;padding: 5px}
table.stormForecast td.TS {background:#6CFF96;}
table.stormForecast td.TD {background:#00ccfb;}
table.stormForecast td.H1 {background:#fffb55;}
table.stormForecast td.H2 {background:#ffcc43;}
table.stormForecast td.H3 {background:#fe661c;}
table.stormForecast td.H4 {background:#ff0000;color: #FFF}
table.stormForecast td.H5 {background:#cc24cc;color: #FFF}
td.TS {background:#6CFF96;}
td.TD {background:#00ccfb;}
td.H1 {background:#fffb55;}
td.H2 {background:#ffcc43;}
td.H3 {background:#fe661c;}
td.H4 {background:#ff0000;color: #FFF}
td.H5 {background:#cc24cc;color: #FFF}
td.TSdark {background:#17A957;color: #fff}
td.TDdark {background:#0092FF;color: #fff}
td.H1dark {background:#EEEB02}
td.H2dark {background:#FF9443}
td.H3dark {background:#B74D1C;color: #fff}
td.H4dark {background:#ff0000;color: #FFF}
td.H5dark {background:#cc24cc;color: #FFF}
.addLayer {background: #1c2b38;border-radius: 7px;width: 100px;margin: 3px 5px 3px 0;padding: 5px; text-align: center;float: left;text-shadow: none;font-size: 10px}
.addLayer a {text-decoration: none;display: block;color: #eee}
.addLayer a:hover {text-decoration: underline;color: #ffcc43;}
table.stormInfo {border-collapse: collapse;margin:0 0 10px 4px;width: 395px}
table.stormInfo tr th {font-weight: bold;line-height:1.2em;border: 1px solid #999;text-align: center;background: #ccc}
table.stormInfo tr td {border:1px solid #999;text-align: center;}
table.stormInfo tr td.region {text-align: left;width: 60%;}
table.stormInfo tr td.region p.small {padding:0;margin:0}
table.stormSummary {background: #e8ebee;width: 100%;margin: 10px 0;border: 1px solid #c8d1db;border-bottom: 0}
table.stormSummary td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;vertical-align: middle}
table.stormSummary td.value {text-align: right;font-size: 1.5em;font-weight: bold}
table.stormSummary td.catName,table.forTable td.catName {font-size: 1.2em;padding: 10px 5px;}
table.forTable {background: #e8ebee;width: 100%;margin: 10px 0;border: 1px solid #c8d1db;border-bottom: 0;}
table.forTable td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;vertical-align: middle}
table.forTable td.value {text-align: right;font-size: 1.8em;font-weight: bold;width: 50%}
table.stormSummary .forDate,table.forTable .forDate {font-size: 0.9em}
.stTrackRecords {margin-bottom: 10px;overflow: hidden;padding-right: 0;width: 100%}
.stTrackRecords:hover {overflow: auto;padding-right: 5px;}
.stPastFEW {padding:0 5px 0 1px;margin-bottom: 10px;width: 100%}
.stPast{height: 340px;overflow: hidden;padding:0 1px;margin-bottom: 10px;width: 100%}
.stPast:hover {overflow: auto;padding-right: 5px;}
.eqPast{height: 400px;overflow: hidden;padding:0 1px;margin-bottom: 10px;width: 100%}
.eqPast:hover {overflow: auto;padding-right: 5px;}
.flPast {height: 365px;overflow: hidden;padding-right: 1px;margin-bottom: 10px;width: 100%}
.flPast:hover {overflow: auto;padding-right: 5px;}
/* End of Storms */
/* Maps */
.whenMap {color: #FF6600;font-size: .9em;border-bottom: 1px dotted #bbb;padding: 5px 0 2px 0}
.thumbMap {float: left}
.infoMap {margin-left: 95px}
.fileMap {color: #6b8e23;margin: 4px 0 0 95px;font-size: .75em;}
table.pMaps {width: 100%;margin-bottom: 30px}
table.pMaps td{text-align: left;padding-top: 7px;}
table.pMaps td h4 {font-size: 1.2em;margin-left: 5px;}
table.pMaps td .infoMap {margin-left: 5px;}
table.pHPMaps {width: 100%;}
table.pHPMaps td{text-align: left;padding: 5px 0;border-bottom: 1px solid #c8d1db;}
.moreMapsHP {text-align: right;padding-bottom: 20px;font-weight: bold;}
.moreMapsHazard {text-align: right;padding-bottom: 20px;font-weight: bold;}
.noMaps {padding: 10px 0;font-size: 1.2em;border-bottom: 1px solid #6394C1;}
table.countryMaps {margin-top: 10px;}
h4.titleMap {font-size: 1.25em;margin-bottom: 5px}
/* End of Maps */
/* Event Page */
.nameEvent
{
text-shadow: 0 0 4px #fff;
font-size:40px;
line-height:35px;
text-align: left;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px solid #68194A;
border-top: 1px dotted #6394C1;
}
#mapEvent,#mapCountry {border: 5px solid #68194A;height: 400px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;background: #6394C1;}
/* End of Event Page */
/* Country Pages*/
table.countriesTable {width: 100%;margin-bottom: 30px}
table.countriesTable td {text-align: left;width: 50%;padding: 5px}
.hazCalError {font-size: 1.2em;margin: 5px 0 20px 0;padding: 10px 0 2px 0;}
.countryLetter {font-size: 3em;padding: 3px 0;color: #68194A;font-weight: bold}
.countryName {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;font-size: 1.2em;padding: 2px;margin-top: -1px}
h2.nameCountry
{
text-shadow: 0 0 4px #fff;
font-size:40px;
line-height:35px;
text-align: left;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px solid #68194A;
border-top: 1px dotted #6394C1;
}
ul.countryVol {width: 100%;margin: 10px 0}
ul.countryVol li {padding: 5px; border: 1px solid #ccc;margin: 5px 0;border-radius: 5px;color:#fff;font-size: 1.3em;background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */}
ul.countryVol li.actInfo {color: #000}
ul.countryVol li:hover {background: #6394C1;color: #fff}
ul.countryVol li:hover a {color: #fff}
ul.countryVol li .vCountryActDate {font-size: .8em}
.vCountryActDate {display: inline;padding-left: 10px}
table.countryLatest td {text-align: left;padding: 5px;width: 50%}
#tabs-1 .stormItem {border: 1px solid #ccc;box-shadow: none;background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */}
table.countryMaps {width: 100%}
table.countryMaps td {text-align: left;width: 50%;border:1px solid #CCC;padding: 5px;background: #FFF}
table.countryMaps td h4 {padding: 0;}
table.countryInfo {background: #e8ebee;width: 100%;margin: 10px 0;border: 1px solid #c8d1db;border-bottom: 0}
table.countryInfo td{text-align: left;padding: 5px;border-bottom: 1px solid #c8d1db;}
table.countryInfo td.value {text-align: right;font-size: 2em;font-weight: bold}
.tabH4 {font-size: 1.45em;text-transform: uppercase;margin-top: 10px;}
#viewEQCountry,#viewFLCountry,#viewVOLCountry {float: right;width: 80px;text-align: center;margin-top: 10px;padding: 3px 0;cursor: pointer;font-size: .9em;border-radius: 2px;}
#viewVOLCountry {margin-top: 0}
#tabs-1 .latestInfo, #tabs-1 .floodItems {margin-bottom: 25px}
/* End of Country Page*/
/* TABS SCRIPT CSS */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#tabs ul {position: relative;z-index: 3;top: 1px}
.ui-tabs-nav:after {display: block;clear: both;content: " ";}
.ui-tabs .ui-tabs-nav { margin: 0;}
.ui-tabs-nav li {float: left;border: 1px solid #C8D1DB;border-bottom: 0;font-size: 1.4em;line-height: 1.4em;font-family: 'Dosis', Arial, Helvetica, sans-serif;width: 160px;border-top-right-radius: 5px;text-align: center;text-transform: uppercase;margin-right: 3px;}
.ui-tabs-nav li a {display: block;padding: 7px 3px;}
.ui-tabs-nav .ui-tabs-selected {background: #eee;border-bottom: 1px solid #eee}
.ui-tabs-nav .ui-tabs-selected a {position: relative;z-index: 2;color: #333;font-weight: bold;text-decoration: none;border-bottom: 1px solid #eee;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-panel {padding: 5px;clear: left;border: 1px solid #C8D1DB;background: #eee}
.ui-tabs .ui-tabs-hide { display: none !important; }
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav {display: inline-block;}
.ui-tabs-nav .ui-tabs-unselect a:link {color: #FFF}
/* END OF TABS SCRIPT CSS */
/* CRED Data*/
table.cred {margin: 0 0 10px 0;width: 100%;}
table.cred td {margin:0;padding:0;border-bottom: 1px dotted #c8d1db;padding: 5px 0;color: #666;font-size: 1.1em}
table.cred td.yearCred {width: 50%;text-align: left;}
.statCont {overflow: auto;padding: 0 0 10px 0;margin-left: 100px}
.credCountry {width: 100%;margin-top: 20px}
.credCountry td {border: 1px solid #ddd;padding: 3px}
.credCountry td.credY{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);padding:10px 0;border-top: 0;}
.credCountry td.credFirst {border-top: 0;border-left:0}
.credCountry td.credHz {vertical-align: middle;padding-right: 5px;border-left: 0;border-right: 0}
.credCountry td.credV {text-align: center;}
.v0 {background: #C6E3E9;color: #8A9BAA}
.v1 {background: #fffb55}
.v2 {background: #ffcc43}
.v3 {background: #fe661c;color: #fff}
.v4 {background: #ff0000;color: #fff}
.v5 {background: #cc24cc;color: #fff}
.colNames {float:left;width: 100px;padding-top: 35px}
/* End of CRED Data*/
/* Hazards Calendar */
img { border: none; }
table.cal { table-layout: fixed;margin: 5px;border-spacing: 3px;width:99%;}
table.cal thead tr th {border:0;text-align: center;border-right: 1px solid #CCC;padding-top: 10px}
table.cal thead tr th.country:first-child {width: 60px;font-size: 2px;border-right: 1px solid #CCC;color: #eee}
table.cal tbody tr td {padding: 2px 0; text-align: center;word-wrap: break-word;vertical-align: middle;height: 25px;line-height: 11px;border: 1px solid #ccc;background: white}
table.cal tbody tr td:first-child {width: 60px;background: transparent;border-left:0;text-align: left;}
table.cal tbody tr.region td:first-child {height: 5px;line-height: 12px;text-transform: capitalize;padding: 10px 0;border-left: 0;border-right: 0;text-align: left;font-weight: bold;font-family: 'Dosis', Arial, Helvetica, sans-serif;font-size: 14px}
table.cal tbody tr td.etclick {cursor:pointer;text-decoration: underline}
table.cal tbody tr td.edclick {cursor:pointer;text-decoration: underline}
table.cal tbody tr td {font-size: 11px}
table.cal tbody tr td.et1 {background: #8bd4f6;}
table.cal tbody tr td.et2 {background: #263a65;color: #ffffff}
table.cal tbody tr td.et3 {background: #bbb;}
table.cal tbody tr td.et4 {background: #e48300;}
table.cal tbody tr td.et5 {background: #fff137;color: #333}
table.cal tbody tr td.et6 {background: #6bb761;}
table.cal tbody tr td.et7 {background: #e5caee;}
table.cal tbody tr td.et8 {background: #0094ec;}
table.cal tbody tr td.et10 {background: #8d2813;color: #fff}
table.cal tbody tr td.et16 {background: #33653c;color: #fff}
table.cal tbody tr td.et23 {background: #98e275;color: #333}
table.cal tbody tr td.et24 {background: #e2411e;color: #fff}
table.cal tbody tr td.et25 {background: #33653c;color: #fff}
table.cal tbody tr td.et26 {background: #ffac17;color: #333}
table.cal tbody tr td.detailsEventType {text-align: left;}
table.cal tbody tr td.detailsRegion {text-align: left;font-weight:bold;}
table.cal tbody tr td.detailsDescription {text-align: left;}
td.detailsRegion {border-right: 1px solid #ccc;font-weight: bold;line-height: 15px;color: #666;}
td.detailsDescription {line-height: 15px;}
.tinyTip { width: 300px; padding: 17px 0px 0px 0px; display: block;}
.tinyTip .content { width: 315px; padding: 10px; border: 6px solid #303030;background: #eee; color: #333;box-shadow: 0px 0px 20px #333;font-size: 12px;overflow: auto}
.tinyTip .bottom { height: 14px; background: url(../img/tinytips/notch-dark.png) top center no-repeat; }
.small {font-size: 11px;padding: .2em 1em .275em;}
.hazCalIntro {padding: 5px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
/* End of Hazards Calendar*/
/* about us*/
.aboutTxt,.aboutList {padding: 5px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
.aboutTitle {border-bottom: 1px solid #C8D1DB;}
/* End of about us*/
/* Home Page Updates */
ul.latestUpdatesHP {width: 100%}
ul.latestUpdatesHP li {border: 1px solid #ccc;border-radius: 5px;margin: 7px 0;
background: #FFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF,#EEEEEE); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(#FFFFFF), color-stop(#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF,#EEEEEE); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF,#EEEEEE); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF,#EEEEEE); /* IE10+ */
background: linear-gradient(top, #FFFFFF,#EEEEEE); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff', endColorstr='#eeeeee',GradientType=0 ); IE6-9 */
}
ul.latestUpdatesHP li p {padding: 5px;font-family: georgia,Serif;font-size: 1.2em;width: 250px}
.itemHead {border-radius: 5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding: 3px 5px;font-size: 1.4em;}
.moreHP a {
display: block;
font-size: 20px;
color: #ccc;
position: relative;
bottom: 40px;
right: 5px;
float: right;
border: 3px solid #ccc;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 26px;
text-align: center;
font-weight: bold;
}
.moreHP a:hover {
color: #fff;
border-color: #fff;
text-decoration: none;
}
/* End of Home Page Updates*/
/* forms */
form {padding: 10px}
label {width: 200px;display:block;font-size: 1.5em}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
.flLegend {height: 130px}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;border-radius: 5px;-moz-border-radius: 5px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:640px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:640px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin:1em;-moz-border-radius: 10px;border-radius: 10px;font-size: 1.2em}
.error, .alert {background:#fbe3e4;color:#8a1f11;}
.notice {background:#fff6bf;color:#514721;}
.success {background:#e6efc2;color:#264409;}
.info {background:#d5edf8;color:#205791;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}
.centered {text-align: center;padding: 10px 0;margin: 10px 0; border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
/* API subscription and signin form */
.formRight form {padding: 0}
.formRight input,button {padding: 5px;margin: 5px 0;}
.formRight input {width: 184px;color: #777;font-size: 14px;border-color: #bbb}
.formRight input.long {width: 248px}
/* End of API subscription and signin form */
/* End of forms*/
/* Maps Repository */
.mapsContainer {display:none;}
.maps a {font-size: 1.3em;line-height: 1.1em}
table.maps {border-collapse: collapse;width: 100%}
.maps th {cursor:pointer;text-align: right;border-bottom: 3px solid #333;padding: 3px 0 3px 14px;font-weight: bold}
.maps {margin: 30px 0 5px 0;border-bottom: 3px solid #333;color: #555}
.mapDate {color: #FF6600;font-size: .75em;}
.mapTechInfo {color: #6b8e23;margin:4px 0 0 0;font-size: .75em;}
a.mapCountry,a.mapTechInfo,a.tag {font-size: 1em;}
.dataTables_wrapper {position: relative;min-height: 302px;clear: both;_height: 302px;zoom: 1;width: auto;margin:10px auto;}
.dataTables_wrapper td {padding:10px 0;border-bottom: 1px solid #C8D1DB;text-align: left}
.dataTables_wrapper td:first-child {width: 25%}
.dataTables_filter {background: #e6e6e6;border: 1px solid #cccccc;padding: 20px 10px;border-radius:.5em;white-space:nowrap}
.dataTables_filter input {width: 530px;padding: 7px 3px;color: #555;font-size: 1.2em;border-radius: 3px}
.dataTables_length {display:none}
.dataTables_info {color: green;text-align: right}
.dataTables_paginate { margin-top: 20px}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px;width: 19px;margin-left: 3px;float: left;}
.paging_full_numbers span.paginate_button,.paging_full_numbers span.paginate_active {border: 1px solid #aaa;padding: 2px 5px;margin: 0 3px;cursor: pointer;*cursor: hand;}
.paging_full_numbers span.paginate_button { border-radius: 3px;font-size: .9em}
.paging_full_numbers span.paginate_button:hover {background-color: #ccc;}
.paging_full_numbers span.paginate_active {background-color: #0094ec;color:#fff;border: 1px solid #2f79ed;border-radius: 3px;}
.cat {color: #0194ec;padding: 2px;border-radius:3px;cursor: pointer}
.categories {width: auto;margin:40px auto -20px auto;background: #fff;background: -webkit-linear-gradient(top, #fff,#fff,#eee);background: -moz-linear-gradient(top, #fff,#fff,#eee);border-radius:.5em;box-shadow: 0 0 10px #333;padding: 20px;z-index: 1;position: relative;}
a.scroll {display: block;display:none;z-index: 999;opacity: .8;position: fixed;top: 100%;margin-top: -80px;left:100%;margin-left: -120px;width: 100px;line-height: 48px;height: 48px;padding: 10px;background-color: #000;font-size: 24px;text-align: center;color: #fff;box-shadow: 0 0 10px #333;}
a.scroll:hover {background: orange; color: black;}
/* End of Maps Repository */
/* API Page */
.apiTxt,.apiList {padding: 5px 0;line-height: 1.5em;font-size: 1.3em;font-family: Georgia}
.apiExample {font-size: 2em;text-align: center;color: #F5801F}
/* End of API Page*/
/* button
---------------------------------------------- */
.button {
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
font-weight: bold;
padding: .5em 2em .55em;
text-shadow: 0px 1px 0px #333;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.shrink {padding: 7px 5px;border-radius: 3px;font-size: 13px}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}
.bigrounded {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.medium {
font-size: 12px;
padding: .4em 1.5em .42em;
}
.small {
font-size: 11px;
padding: .2em 1em .275em;
}
/* color styles
---------------------------------------------- */
/* black */
.black {
color: #d7d7d7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top, #444, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top, #000, #444);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* gray */
.grayB {
color: #e9e9e9;
border: solid 1px #555;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.grayB:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background: -moz-linear-gradient(top, #757575, #4b4b4b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.grayB:active {
color: #afafaf;
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background: -moz-linear-gradient(top, #575757, #888);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* white */
.white {
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top, #fff, #dcdcdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top, #ededed, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */
.orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */
.red {
color: #faddde;
border: solid 1px #980c10;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top, #c9151b, #a11115);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
color: #de898c;
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* blue */
.blueB {
color: #fff;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blueB:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blueB:active {
color: #80bed6;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top, #0078a5, #00adee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* green */
.green {
color: #e8f0de;
border: solid 1px #538312;
background: #64991e;
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
background: #538018;
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
background: -moz-linear-gradient(top, #6b9d28, #436b0c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
color: #a9c08c;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}