/* 
    Document   : danger3
    Created on : 2010.05.17., 15:13:26
    Author     : inti
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#dangerbody {
    width: 240px;
    background: #f7f7f7;
}

#danger3 {
    width: 207px;
    height: 133px;
    background: #e4e4e3;
    overflow: hidden;
    margin: 0 auto;
}
#danger3 div {
    position: absolute;
    width: 207px;
    height: 133px;
    background-color: transparent;
    background-image: url(../images/danger3/danger_layers.png);
    background-repeat: no-repeat;
}

/* 1: Közép-Magyarország */
#d3_1_1 { background-position:     0px    0px; }
#d3_1_2 { background-position:     0px -133px; }
#d3_1_3 { background-position:     0px -266px; }
#d3_1_4 { background-position:     0px -399px; }
/* 2: Észak-Dunántúl */
#d3_2_1 { background-position:  -207px    0px; }
#d3_2_2 { background-position:  -207px -133px; }
#d3_2_3 { background-position:  -207px -266px; }
#d3_2_4 { background-position:  -207px -399px; }
/* 9: Észak-Alföld */
#d3_9_1 { background-position:  -414px    0px; }
#d3_9_2 { background-position:  -414px -133px; }
#d3_9_3 { background-position:  -414px -266px; }
#d3_9_4 { background-position:  -414px -399px; }
/* 6: Balaton */
#d3_6_1 { background-position:  -621px    0px; }
#d3_6_2 { background-position:  -621px -133px; }
#d3_6_3 { background-position:  -621px -266px; }
#d3_6_4 { background-position:  -621px -399px; }
/* 5: Dél-Alföld */
#d3_5_1 { background-position:  -828px    0px; }
#d3_5_2 { background-position:  -828px -133px; }
#d3_5_3 { background-position:  -828px -266px; }
#d3_5_4 { background-position:  -828px -399px; }
/* 4: Dél-Dunántúl */
#d3_4_1 { background-position: -1035px    0px; }
#d3_4_2 { background-position: -1035px -133px; }
#d3_4_3 { background-position: -1035px -266px; }
#d3_4_4 { background-position: -1035px -399px; }
/* 3: Észak-Magyarország */
#d3_3_1 { background-position: -1242px    0px; }
#d3_3_2 { background-position: -1242px -133px; }
#d3_3_3 { background-position: -1242px -266px; }
#d3_3_4 { background-position: -1242px -399px; }

#danger3 div#d3_top {
    background-color: transparent;
    background-image: url(../images/danger3/danger_topo.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#danger3_legend {
    border: 1px solid #e8e8e8;
    background-color: #ffffff;
    background-image: url(../images/danger3/danger_legend.gif);
    background-repeat: no-repeat;
    background-position: center right;
    overflow: hidden;
    height: 14px;
    padding: 5px;
    margin-top: 2px;
    font-size: 11px;
    font-weight: bold;
}
#danger3_info {
    border: 1px solid #e8e8e8;
    background: #ffffff;
    overflow: hidden;
    height: 40px;
}
#danger3_info table {
    width: 100%;
}
#danger3_info table td.d3i_img {
    width: 40px;
    text-align: center;
    height: 40px;
    vertical-align: top;
}
#danger3_info table td.d3i_txt {
    font-size: 10px;
    height: 40px;
}

#danger_layer_1, #danger_layer_2, #danger_layer_3,
#danger_layer_4, #danger_layer_5, #danger_layer_6,
#danger_layer_9, #danger_top_layer {
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    width: 638px;
    height: 400px;
}
#danger_layer_1 { background-image: url(../images/danger3/danger_layer_1.png); }
#danger_layer_2 { background-image: url(../images/danger3/danger_layer_2.png); }
#danger_layer_3 { background-image: url(../images/danger3/danger_layer_3.png); }
#danger_layer_4 { background-image: url(../images/danger3/danger_layer_4.png); }
#danger_layer_5 { background-image: url(../images/danger3/danger_layer_5.png); }
#danger_layer_6 { background-image: url(../images/danger3/danger_layer_6.png); }
#danger_layer_9 { background-image: url(../images/danger3/danger_layer_9.png); }
#danger_top_layer { background-image: url(../images/danger3/big_danger_topo.png); }

.danger_level_0 { background-position:    0px  400px; }
.danger_level_1 { background-position:    0px    0px; }
.danger_level_2 { background-position: -638px    0px; }
.danger_level_3 { background-position:    0px -400px; }
.danger_level_4 { background-position: -638px -400px; }

.danger_icons { position: absolute; }
.danger_icons td { text-align: center; }
#danger_icons_1 { width: 120px; height: 114px; margin-top: 125px; margin-left: 217px; }
#danger_icons_2 { width: 160px; height:  80px; margin-top: 118px; margin-left:  51px; }
#danger_icons_3 { width: 160px; height:  80px; margin-top:  43px; margin-left: 306px; }
#danger_icons_4 { width: 160px; height:  80px; margin-top: 278px; margin-left: 111px; }
#danger_icons_5 { width: 160px; height:  80px; margin-top: 243px; margin-left: 286px; }
#danger_icons_6 { width: 160px; height:  80px; margin-top: 198px; margin-left:  81px; }
#danger_icons_9 { width: 120px; height: 114px; margin-top: 115px; margin-left: 427px; }

.danger_table {
    width: 100%;
}
.danger_table th {
    text-align: left;
    font-weight: normal;
}
.danger_table tr.odd td {
    background: #f2f2f2;
}
.danger_table tr.even td {
    background: #e0e0e0;
}