/*body
{
    padding:0px;
    margin:0px;
    font-family:Garamond;
    font-size:11;
    background-color:#DDD;
}*/

#Container
{
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}

.ContainerPanel
{
    z-index:2;
    position:absolute;
    border:1px solid Gray;
    background-color:White;
    
    /*
    -moz-top-left-border-radius:10px;
    border-top-left-radius:10px;
    -moz-top-right-border-radius:10px;
    border-top-right-radius:10px;
    */
    box-shadow: 1px 2px 5px #999;
}
.Canvas
{
    z-index:3;
    border:1px solid Gray;
    background-color:Gray;
}
.mapCanvasPanel
{
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    z-index:-1;
}
.editMapCanvas
{
    width:100%;
    height:500px;
    border:1px solid Gray;
}
.mapCanvas
{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}
.Tools
{
    border-bottom:1px solid #EEF;
    height:2em;
}
.play {}
.pause {}
.stop {}

#TimelineMapTitlePanel a { float:right; margin:1px 3px 0px 0px; }
#TimelineMapTitle { float:left; font-size:1.2em; margin:3px 8px; font-weight:bold; }

#TimelineMapDetailsPanel
{
    padding:5px;
    overflow:auto;
}
#TimelineMapDetailsPanel h2
{
    margin:0px;
}
#TimelineMapDetailsPanel h3
{
    margin:0px;
}

.settingsGroup
{
    margin-top:15px;
    padding:5px 10px;
}
.settingsGroup legend
{
    margin-left:5px;
    font-style:italic;
}
.settingsGroupSeperator { clear:both; height:2px; }



.slider
{
    font-size:.8em;
    font-weight:bold;
    white-space:nowrap;
}
.boxed
{
    background-color:#AFA;
    border:1px solid Black;
    padding-left:-3px;
}

.pathNav
{
    text-align:center;
}
.pathNav a
{
}

.pathNavPrev
{
    float:left;
}

.pathNavNext
{
    float:right;
}



.setImgMaxWidth img { max-width:100%; height:auto; }
.setIframeMaxWidth img { min-width:100%; max-width:100%; height:auto; }