/*
    Classes 
    =======
*/

.wrapping {
    margin:auto auto;
    width:960px;
    position:relative;
}

.row {
    width:100%;
    margin: 0px auto;
    padding-bottom:10px;
    overflow: hidden;
}

.column {
    float: left;
    display: inline;
    margin: 0px 20px 0px 0px;
    padding-bottom:10px;
    overflow: hidden;
}

.last {
    margin-right:0px;
}


.alignCenter {
    text-align:center;
}
.alignRight {
    text-align:right;
}
.marginTop {
    margin-top:10px;
}
.bold {
    font-weight:bold;
}
.tab200 { width:200px; }
.tab400 { width:465px; width:448px; }
.tab700 { width:695px; }

table.clsQualityIndex td {
    padding:8px;
}

.QIndex1 {
    background-color:#9CFF9C; 
    color:#444;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex2 {
    background-color:#31FF00;
    color:#333;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex3 {
    background-color:#31CF00;
    color:#222;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex4 {
    background-color:#FFFF00;
    color:#666;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex5 {
    background-color:#FFCF00;
    color:#666;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex6 {
    background-color:#FF9A00;
    color:#222;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex7 {
    background-color:#FF6464;
    color:#000;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex8 {
    background-color:#FF0000;
    color:#080805;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex9 {
    background-color:#990000;
    color:#fff;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.QIndex10 {
    background-color:#CE30FF;
    color:#000;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}


.Indic1 {
    background-color:#4472C4;
    color:#080805;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.Indic2 {
    background-color:#FF0000;
    color:#080805;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.Indic3 {
    background-color:#31CF00;
    color:#222;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}
.Indic4 {
    background-color:#ADD8E6;
    color:#222;
    padding:2px 4px 2px 4px;
    font-weight:bold;
}


/* 
    Main html tags
    ==============
*/

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
    margin:0;
    padding:0;
    background-color:#636466;
}

h1 {
    font-size:200%;
    font-family: Verdana;
    color:#0F4BB5;
    padding-right:110px;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #999999;
}
h2 {
    font-size:160%;
    font-weight:bold;
    margin-bottom:20px;
    padding-top:10px;
}
h3 {
    font-size:150%;
    margin-bottom:10px;
}
h4 {
    font-size:120%;
    margin-bottom:4px;
    margin-top:12px;
}
p {
    margin-bottom:20px;
    line-height:180%;
}
ul {
    margin-bottom:10px;
}
li {
    line-height:150%;
}
a:link, 
a:visited {
    color:#0066FF;
    color:#0F4BB5;
}
a:hover, 
a:active {
    color:#FF3300;
}

tr {
    background-color:#FFF;
}


/*
    Ids
    ===
*/



#tabNav li#selectedTab {
    background:#7092bf;
    border-bottom:1px solid #7092bf;;
}
#tabNav li a:link,
#tabNav li a:visited {
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    height:100%;
}
#tabNav li a:hover,
#tabNav li a:active {
    color:#000080;
}
#tabNav li#selectedTab a {
    color:#FFcc66;
}
#tabNav {
    border-top:1px solid #FFF;
    border-bottom:5px solid #7092bf;
    overflow:hidden;
    width:100%;
}
#tabNav li {
    float:left;
    xbackground-color:;
    background: #A7A9AC;
    padding:15px 15px 15px 15px;
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
}


#pageArea #tabNav ul {
    margin:0;
    list-style-type:none;
    display:inline;
}
#pageArea {
    margin-top:30px;
    background-color:#FFFFFF;
    padding:20px;
    border:1px solid #CCCCCC;
    position:relative;
}

#map_wrapping {
    position:relative;
    overflow:hidden;
}
#map_wrapping.fullscreen {
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
}

#map_canvas {
    height:400px;
    border:1px solid #000000;
    margin-bottom:10px;
    z-index:998;
}

#pageheader a:link, 
#pageheader a:visited {
    color:#a7a9ac;
    display:block;
    text-decoration:none;
    padding:0px 10px 20px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:140%;
}
#pageheader {
    height:80px;
    position:relative;
    display:block;
    background:#7092bf;
}
#pageheader .wrapping {
    height:80px;
}
#pageheader ul {
    position:absolute;
    left:0px;
    bottom:0px;
    margin-bottom:0px;
}
#pageheader li {
    float:left;
    xdisplay:inline;
    color:#FFFFFF;
    margin-right:30px;
    display:block;
}
#pageheader a:hover, 
#pageheader a:active {
    color:#8ed8f8;
}
#pageheader a#selected {
    color:#8ed8f8;
    color:#FFcc66;
}


#pagecontent {
    min-height:500px;
    height:auto !important;
    height:500px;
    background:#E6E8E7;
    padding-bottom:30px;
    border-top:1px solid #8ed8f8;
}


#pagefooter {
    background:#7092bf;
    border-top:1px solid #FFFFFF;
    color:#FFFFFF;
}
#pagefooter .row {
    margin-top:20px;
}
#pagefooter .wrapping {
    position:static;
}
#pagefooter a:link,
#pagefooter a:visited {
    color:#FFFFFF;
}
#pagefooter a:hover,
#pagefooter a:active {
    text-decoration:none;
}

#tblQualityIndex {
    padding:5px;
    color:#FFFFFF;
    font-weight:bold;
    line-height:150%;
    border:2px solid #FFFFFF;
    border-top:none;
    border-bottom:none;
    text-align:center;
    background:#2C2D2F repeat-x top;
}