body {
    width: 90%;
    margin: 0 auto;
    font: 10pt/1.5em Helvetica,"Helvetica neue", Arial, sans-serif;
}

/*HTML 5 specific*/
header,section,article,aside,footer{
    display: block;
}

/* Table 1 Style */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #ccc;
    border-bottom:3px solid #fff;
    background-color:#802731;
    zbackground:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#802731;
    border:1px solid #fff;
    border-right:3px solid #000;
    padding:0px 10px;
    zbackground:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    xbackground-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    ztext-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png)
}
/* Table 2 Style */
table.table2{
    font-family: Georgia, serif;
    zfont-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.2em;
    border-collapse:collapse;
    text-align:center;
}
.table2 thead th, .table2 tfoot td{
    padding:20px 10px 40px 10px;
    color:#fff;
    zfont-size: 26px;
    background-color:#222;
    font-weight:normal;
    border-right:1px dotted #666;
    border-top:3px solid #666;
    -moz-box-shadow:0px -1px 4px #000;
    -webkit-box-shadow:0px -1px 4px #000;
    zbox-shadow:0px -1px 4px #000;
    ztext-shadow:1px 1px 1px #000;
}
.table2 tfoot th{
    padding:10px;
    font-size:18px;
    text-transform:uppercase;
    color:#888;
}
.table2 tfoot td{
    font-size:36px;
    color:#EF870E;
    border-top:none;
    border-bottom:3px solid #666;
    z-moz-box-shadow:0px 1px 4px #000;
    z-webkit-box-shadow:0px 1px 4px #000;
    zbox-shadow:0px 1px 4px #000;
}
.table2 thead th:empty{
    background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.table2 thead :nth-last-child(1){
    border-right:none;
}
.table2 thead :first-child,
.table2 tbody :nth-last-child(1){
    border:none;
}
.table2 tbody th{
    text-align:right;
    padding:10px;
    color:#333;
    ztext-shadow:1px 1px 1px #ccc;
    background-color:#f9f9f9;
}
.table2 tbody td{
    padding:10px;
    background-color:#f0f0f0;
    border-right:1px dotted #999;
    ztext-shadow:-1px 1px 1px #fff;
    color:#333;
}
.table2 tbody span.check::before{
    content : url(../images/check1.png)
}
.table2  {
    tr:nth-child(even) {background: #CCC}
    tr:nth-child(odd) {background: #FFF}
}

/* Table 3 Style */
table.table3{
    font-family:Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
    border-collapse:collapse;
}
.table3 thead th{
    padding:6px 10px;
    text-transform:uppercase;
    color:#444;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    border-bottom:5px solid #444;
}
.table3 thead th:empty{
    background:transparent;
    border:none;
}
.table3 thead :nth-child(2),
.table3 tfoot :nth-child(2){
    background-color: #7FD2FF;
}
.table3 tfoot :nth-child(2){
    -moz-border-radius:0px 0px 0px 5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table3 thead :nth-child(2){
    -moz-border-radius:5px 0px 0px 0px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}
.table3 thead :nth-child(3),
.table3 tfoot :nth-child(3){
    background-color: #45A8DF;
}
.table3 thead :nth-child(4),
.table3 tfoot :nth-child(4){
    background-color: #2388BF;
}
.table3 thead :nth-child(5),
.table3 tfoot :nth-child(5){
    background-color: #096A9F;
}
.table3 thead :nth-child(5){
    -moz-border-radius:0px 5px 0px 0px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}
.table3 tfoot :nth-child(5){
    -moz-border-radius:0px 0px 5px 0px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}
.table3 tfoot td{
    font-size:38px;
    font-weight:bold;
    padding:15px 0px;
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td{
    padding:10px;
}
.table3 tbody tr:nth-child(4) td{
    font-size:26px;
    font-weight:bold;
}
.table3 tbody td:nth-child(even){
    background-color:#444;
    color:#444;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td:nth-child(odd){
    background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(85,85,85)),
        color-stop(0.7, rgb(105,105,105))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(85,85,85) 39%,
        rgb(105,105,105) 70%
        );
    text-shadow:1px 1px 1px #000;
}
.table3 tbody td:nth-last-child(1){
    border-right:1px solid #222;
}
.table3 tbody th{
    color:#696969;
    text-align:right;
    padding:0px 10px;
    border-right:1px solid #aaa;
}
.table3 tbody span.check::before{
    content : url(../images/check2.png)
}
.table1 .td130 {
     color:#fff;
     background-color:#0064cb;
     text-decoration::underline;
}
.table1 .td140 {
     color:#0ee;
     background-color:#2e80a3;
     text-decoration::underline;
}    
.table1 .td150 {
     color:#ffc;
     background-color:#2e80a3;
     
}
.table1 .td160 {
     background-color:#5c9c7f;
}
.table1 .td170 {
     background-color:#8bb85a;
}
.table1 .td180 {
     background-color:#b9d436;
}
.table1 .td190 {
     background-color:#ff9700;
}
.table1 .td200 {
    font-weight: bolder;
    color:#fff;
     background-color:#ff4000;
}
.table1 .td210 {
    color:#fcc;
     background-color:#ff3000;
}
.table1 .td220 {
    color:#fcc;
    font-weight:bold;
    font-size:large;
    text-decoration:underline; 
     background-color:#ff2000;
}
.table1 .td230 {
    color:#fcc;
    font-size: larger;
     background-color:#ff1000;
     text-decoration:underline; 
     font-stretch:expanded;
     
}
.table1 .td240 {
    color:#fcc;
    font-size: larger;
     background-color:#ff0000;
     font-stretch:extra-expanded;
     text-decoration:underline; 
}
.table1 .td250 {
     color:#f00;
     font-size: larger;
     background-color:#8a2be2;
     
}
/* --- COLD Statii  */
.coldtable .tdCold-150 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-140 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-130 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-120 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-110 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-100 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-90 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-80 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-70 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-60 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-50 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-40 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-30 {
     color:#000;
     background-color:#BFAA2A;
     text-align: center;
}
.coldtable .tdCold-20 {
     color:#000;
     background-color:#BAAA2A;
     text-align: center;
}
.coldtable .tdCold-10 {
     color:#000;
     background-color:#AAAA2A;
     text-align: center;
}
.coldtable .tdCold-1 {
     color:#fff;
     background-color:#fff;
}
.coldtable .tdCold0 {
     color:#000;
     background-color:#AAAA2A;
     text-align: center;
}
.coldtable .tdCold-0 {
     color:#000;
     background-color:#AAAA2A;
     text-align: center;
}
.coldtable .tdCold10 {
     color:#000;
     background-color:#A4AC2C;
     text-align: center;
}
.coldtable .tdCold20 {
     color:#000;
     background-color:#9EAF2F;
     text-align: center;
}
.coldtable .tdCold30 {
     color:#000;
     background-color:#98B232;
     text-align: center;
}
.coldtable .tdCold40 {
     color:#000;
     background-color:#92B535;
     text-align: center;
}
.coldtable .tdCold50 {
     color:#000;
     background-color:#8CB838;
     text-align: center;
}
.coldtable .tdCold60 {
     color:#000;
     background-color:#86BB3B;
     text-align: center;
}
.coldtable .tdCold70 {
     color:#000;
     background-color:#80BE3E;
     text-align: center;
}
.coldtable .tdCold80 {
     color:#000;
     background-color:#7AC141;
     text-align: center;
}
.coldtable .tdCold90 {
     color:#000;
     background-color:#75C444;
     text-align: center;
}
.coldtable .tdCold100 {
     color:#000;
     border-color: #FF6600;  
     background-color:#009CB0;
     text-align: center;
}
.coldtable .tdCold110 {
     color:#fff;
     border-color: #f00;  
     background-color:#008DB7;
     text-align: center;
}
.coldtable .tdCold120 {
     color:#fff;
     border-color: #f00;  
     background-color:#007FBE;
     text-align: center;
}
.coldtable .tdCold130 {
     color:#fff;
     border-color: #f00;  
     background-color:#0071C5;
     text-align: center;
}
.coldtable .tdCold140 {
     color:#fff;
     border-color: #f00;  
     background-color:#0063CC;
     text-align: center;
}
.coldtable .tdCold150 {
     color:#fff;
     border-color: #f00;  
     background-color:#0055D3;
     text-align: center;
}
.coldtable .tdCold160 {
     color:#fff;
     border-color: #f00;  
     background-color:#0046DB;
     text-align: center;
}
.coldtable .tdCold170 {
     color:#fff;
     border-color: #f00;   
     background-color:#0038E2;
     text-align: center;
}
.coldtable .tdCold180 {
     color:#fff;
     border-color: #f00;     
     background-color:#002AE9;
     text-align: center;
}
.coldtable .tdCold190 {
     color:#fff;
     border-color: #f00;   
     background-color:#001CF0;
     text-align: center;
}
.coldtable .tdCold200 {
     color:#fff;
     border-color: #f00;   
     background-color:#000EF7;
     text-align: center;
     font-weight: bold;
}
.coldtable .tdCold210 {
     color:#fff;
     background-color:#0000FF;
     border-color: #f00;   
     text-align: center;
     font-weight: bold;
}
.coldtable .tdCold220 {
     color:#fff;
     border-color: #f00;   
     background-color:#0000FF;
     text-align: center;
     font-weight: bolder;
}
.coldtable .tdCold230 {
     color:#fff;
     border-color: #f00;   
     background-color:#0000FF;
     text-align: center;
     font-weight: bolder;

}
.coldtable .tdCold240 {
     color:#fff;
     border-color: #f00;   
     background-color:#0000FF;
     text-align: center;
     font-weight: bolder;
}
.coldtable .tdCold250 {
     color:#fff;
     border-color: #f00;   
     background-color:#4B0082;
     text-align: center;
     font-weight: bolder;
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
.coldtable .tdCold260 {
     color:#fff;
     border-color: #f00;   
     background-color:#4B0082;
     text-align: center;
     font-weight: bolder;
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
.coldtable .tdCold270 {
     color:#fff;
     border-color: #f00;   
     background-color:##4B0082;
     text-align: center;
     font-weight: bolder;
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

.coldtable .tdCold1 {
     color:#fff;
     background-color:#f00;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdCold2 {
     color:#fff;
     background-color:#f00;
     font-weight: bold;
     font-size: x-large;
     text-align: center;
     text-decoration-style: solid;
     text-decoration-line: underline;
     text-decoration-color:#fff;
}
.coldtable .tdCold3 {
     color:#fff;
     background-color:#f00;
     font-weight: bold;
     font-size: x-large;
     text-align: center;
     text-decoration-style: double;
     text-decoration-line: underline;
     text-decoration-color:#fff;
}
.tdTextOk {

}
.tdTextEqual {
     text-decoration-style: solid;
     text-decoration-line: underline;
}
.tdTextBreached {
     text-decoration-style: double;
     text-decoration-line: underline;
}

/* --- COLD HillIndex Statii  */
.table1 .tdCold-50 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold-40 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold-30 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold-10 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold0 {
     color:#f00;
     background-color:#fff;
     text-decoration:underline;
}
.table1 .tdCold10 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold20 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold30 {
     color:#fff;
     background-color:#108188;
     text-decoration::underline;
}
.table1 .tdCold40 {
     color:#fff;
     background-color:#6da3a6;
     text-decoration::underline;
}
.table1 .tdCold50 {
     color:#fff;
     background-color:#6da3a6;
     text-decoration::underline;
}
.table1 .tdCold60 {
     color:#fff;
     background-color:#6da3a6;
     text-decoration::underline;
}
.table1 .tdCold70 {
     color:#fff;
     background-color:#6da3a6;
     text-decoration::underline;
}
.table1 .tdCold80 {
     color:#108188;
     background-color:#afc4c5;
     text-decoration::underline;
}
.table1 .tdCold90 {
     color:#108188;
     background-color:#afc4c5;
     text-decoration::underline;
}
.table1 .tdCold100 {
     color:#f00;
     background-color:#eee7e5;
     text-decoration:underline;
}
.table1 .tdCold110 {
     color:#f00;
     background-color:#eee7e5;
     text-decoration:underline;
}
.table1 .tdCold120 {
     color:#f00;
     background-color:#eee7e5;
     text-decoration:underline;
}
.table1 .tdCold130 {
     color:#f00;
     background-color:#eee7e5;
     text-decoration:underline;
}
.table1 .tdCold140 {
     color:#fc322f;
     background-color:#ebac97;
     text-decoration:underline;
}
.table1 .tdCold150 {
     color:#fc322f;
     background-color:#ebac97;
     text-decoration:underline;
}
.table1 .tdCold160 {
     color:#fc322f;
     background-color:#ebac97;
     text-decoration:underline;
}
.table1 .tdCold170 {
     color:#f33;
     background-color:#dc724f;
     text-decoration:underline;
}
.table1 .tdCold180 {
     color:#fff;
     background-color:#dc724f;
     text-decoration::underline;
}
.table1 .tdCold190 {
     color:#fff;
     background-color:#dc724f;
     text-decoration::underline;
}
.table1 .tdCold200 {
     color:#fff;
     background-color:#dc724f;
     text-decoration::underline;
}
.table1 .tdCold210 {
     color:#fff;
     background-color:#c22e00;
}
.table1 .tdCold220 {
     color:#fff;
     background-color:#c22e00;
     text-decoration:underline;
}
.table1 .tdCold230 {
     color:#fff;
     background-color:#c22e00;
     text-decoration:underline;
}
.table1 .tdCold240 {
     color:#fff;
     background-color:#c22e00;
     text-decoration:underline;
}
.table1 .tdCold250 {
     color:#fff;
     background-color:#c22e00;
     text-decoration:underline;
}

.coldtable .tdAsthma0 {

}
.coldtable .tdAsthma20 {
     color:#fff;
     background-color:#3D9970;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdAsthma50 {
     color:#fff;
     background-color:#FF851B;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdAsthma100 {
     color:#fff;
     background-color:#FF4136 ;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdAsthma200 {
     color:#fff;
     background-color:#85144b;
     font-weight: bold;
     text-align: center;
}

.coldtable .tdAsthmaDHHS0 {

}
.coldtable .tdAsthmaDHHS20 {
     color:#000;
     background-color:#3D9970;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdAsthmaDHHS50 {
     color:#000;
     background-color:#FF851B;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdAsthmaDHHS100 {
     color:#000;
     background-color:#FF4136 ;
     font-weight: bold;
     text-align: center;
}
.coldtable .tdAsthmaDHHS200 {
     color:#000;
     background-color:#85144b;
     font-weight: bold;
     text-align: center;
}


/*Added By JL*/
#addEvent {
    float: left;
    display: block;
    padding: 1em;
    margin: 0em 1em 1em 1em;
    clear: both;
}

#addEvent input {
    position: relative;
    float: right;
    padding: 0px;
    line-height: 20px;
    margin: 0em 0em 0em 1em;
}

#addEvent select {
    position: relative;
    padding: 0px;
    line-height: 20px;
    float: right;
}

#addEvent textarea {
    padding: 0px;
    word-wrap: break-word;
    word-spacing: 0px;
    text-transform: none;
    vertical-align: top;
    float: right;
    clear: both;
}

#addEvent #submit {
    clear: top;
}

#submit input {
    float: right;
}

.locations {
    float: right;
}

.locations li {
    clear: both;
    list-style-type: none;
}

.districts {
    float: right;
    margin-left: 5px;
}

.districts label {
    text-align: left;
}

.districts fieldset {
    text-align: right;
}

input.districts {
    margin-top: 2px !important;
}

.button-Add {
    width: 300px;
    float: left;
    clear: both;
    margin-bottom: 5px;
}

.button-add button {
    float: right;
}

.button-return {
    width: 300px;
    float: left;
    clear: both;
    margin-bottom: 5px;
}

.button-return button {
    float: right;
}
.coldtablediv {
    background-size:100%;
    background-height:100%;
    background-image: url('../images/cold.jpg');
    color:#fff;    
}
.asthmatablediv {
    background-size:150%;
    background-height:150%;
    background-image: url('../images/asthma.jpg');
    background-repeat:no-repeat;    
    color:#000;  
    padding:0.2em;  
    margin:0.2em; 
}
.asthmatablediv th {
    padding:0.2em;  
    margin:0.2em; 
}
.coldtablediv h3 {
    text-shaddow:3px 3px 18px rgba(149,150,150,150,1);
    color:#fff;   
}
.coldtablediv tfoot th {
     background-color: rgba(0, 0, 0, 0.6);
     text-shaddow:3px 3px 18px rgba(149,150,150,150,1);
     color:#fff;   
}
.heattablediv {
    background-size:100%;
    background-height:100%;
    background-image: url('../images/heat.jpg');
    color:#fff;
}
.heattablediv h3 {
    text-shaddow:3px 3px 18px rgba(149,150,150,150,1);
    color:#fff;   
}
.heattablediv tfoot th {
     background-color: rgba(0, 0, 0, 0.2);
     text-shaddow:3px 3px 18px rgba(149,150,150,150,1);
     color:#fff;   
}
.freezing {
    background-image: url(images/ice_white.svg); 
    background-position: left bottom, left top;
    background-repeat: no-repeat;
    background-size: 30%; 
}