@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

html, body { 
    height: 100%; width: 100%; margin: 0; 
}       
body{
    background-color:white; overflow:hidden; 
    font-family: 'Open Sans', sans-serif; 
}

#headtop { 
position: absolute; width: 100%;
    border: none;
    height: 70px;
    background: url('../img/bg.jpg') repeat-x top left;
}

#topDock { height: 50px; }

#map { 
    width: 100%; height: 100%;
}

#menuLeft ul {
    list-style: none;
    margin: 5px; padding: 0;
}
#menuLeft p { text-align: center;}
#menuLeft li { font-size: 11px;}

#msgPanel { position: absolute; top:0; right: 120px; height: 30px; z-index: 300;}
#loading { height: 30px; line-height: 20px; background-color:yellow; padding: 0 10px; display: none;}
#gif_loader { float: left; height: 20px;margin: 5px 0;}
#msg_loader { float: left; height: 20px; line-height: 20px; padding-left: 10px; font-weight: bold; margin: 5px 0;}

.servicePanel { float: left; padding: 0 3px;}
.servicePanel p { padding: 0; margin: 3px;}



#serviceWrapper { background-color: #EFEFEF; font-size: 11px;}
#igmOpacityLevel {margin: 0 auto;}

.toolPanel {
    background-color: #EFEFEF;
    border-bottom: 1px solid #C7C7C7;
    text-align: center;
    padding-bottom: 5px;
}
.toolPanel p { padding: 3px 0; margin: 0; font-size: 11px;}
.toolPanel h4 { padding: 3px 0; margin: 0; background-color: #99ccff;}
#activateWrapper { width: 100px; margin: 0 auto;}

.chartPanel { float: left; width: 600px; padding: 5px;}
#distanceToolsAct { margin: 5px;}

#footer  { height: 30px; background: url('../img/bgfooter.png') repeat-x top left;}
#footer p { line-height: 30px; padding: 0 5px; font-size: 11px; margin: 0;}
#leftFooter { float: left; width: 50%; text-align: left;}
#rightFooter { float: right; width: 50%; text-align: right}


.bubbleContent h4 { padding:5px 0; margin: 0; font-size: 16px;}
.bubbleContent p
{
    margin: 0;
    padding: 3px 0;
}

.fotowrap img { margin: 3px;}

#ribbon {
position: fixed;
top: 0;
right: 0;
z-index: 10000;
cursor: pointer;
}

.backbtn {
    position: absolute;
    top:50px;
    left: 160px;
    height: 30px;
    line-height: 30px;
    z-index: 10001;
}
.backbtn a { text-decoration: none; }

.track_li a { font-size: 10px; text-decoration: none; color: #E13300; font-weight: bold;}