html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #FFF;
    overflow: hidden;
    font-family: "Trebuchet MS";
}

#navToolbar {
    width: 100%;
    margin: 0;
}

#zoomin {
    width: 20%;
    margin: 0;
    float: left;
}

#zoomout {
    width: 20%;
    margin: 0;
    float: left;
}

#zoomfullext {
    width: 20%
    margin: 0;
    float: left;
}

#zoomprev {
    width: 20%;
    margin: 0;
    float: left;
}

#zoomnext {
    width: 20%;
    margin: 0;
    float: left;
}

#header {
    height: 60px;
    line-height: 0px;
    border-color: #00467F;
    background-color: #FFFFFF;
    border-width: 2px;
    border-radius: 5px;
    overflow: hidden;
}

#pTitle {
    position: absolute;
    top: 1px;
    left: 200px;
    font-size: 24px;
    font-weight: bold;
    color: darkred;
}

#pTitle2 {
    text-align:center;
    top: 1px;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: black;
}

#pTitle3 {
    position: absolute;
    top: 1px;
    left: 20px;
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
    color: black;
}

#hrProperties {
    font-weight: bold;
    color: black;
    height: 5px;
    
}

#logo {
    margin-bottom: 3px;
    margin-top: -7px;
    margin-left: 925px;
}


#logo2 {
    margin-bottom: 3px;
    margin-top: -8px;
    margin-left: 50px;
    height: 70px;
}

#leftPane {
    width: 22%;
}

#map {
    padding: 0;
    border-color: #00467F;
    border-width: 2px;
    border-radius: 5px;
}

#HomeButton {
    position: absolute;
    top: 95px;
    left: 20px;
    z-index: 50;
}

#timePanel {
    position: absolute;
    width: 100%;
    bottom: 50px;
    z-index: 100;
}

#timeInfo {
    margin: auto;
    width: 50%;
    padding: 10px;
    background-color: white;
    border-color: black;
    border-width: 2px;
}

#sliderTxt {
    text-align: center;
}

#spA {
    display: none;
    background-color: rgba(0, 0, 255, .75);
    color: yellow;
}

#spC {
    display: none;
    background-color: rgba(0, 0, 255, 1);
    color: yellow;
}

#spH {
    display: none;
    background-color: rgba(0, 0, 255, .5);
    color: yellow;
}

#layersDiv {
    padding: 5px;
}

#tocDivSLR,
#tocDivBase {
    padding-left: 5px;
}

#paneB1 {
    font-weight: bold;
    z-index: 10;
    position: absolute;
    right: 0px;
    /*top: 4px;*/
}

.openIcon {
    background-image: url(../images/plus_129.png);
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.closeIcon {
    background-image: url(../images/minus_130.png);
    background-position: center;
    background-repeat: no-repeat;
}

.claro .dijitTabContainerTop-tabs .dijitTabInnerDiv,
.claro .dijitTabContainerTop-tabs .dijitTabContent {
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

#popup{
position:absolute;
display:hidden;
top:160px;
left:50%;
width:500px;
height:auto;
margin-left:-250px;
background-color:white;
z-index:6;
padding:20px;
border:solid 5px #333333;
border-radius:5px;
}
#popup h1{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
}
#popup h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding-top:10px;
text-align:left;
}
#popup p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:0;
text-align:justify;
}
#popup a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
/*padding:5px;
text-align:right;
float:right; */
}
#overlay-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 5;
display: none;
}
.close-image{
display: block;
float:right;
position:relative;
top:-15px;
right: -15px;
height: 20px;
}

	td.bannerWidth {
		width: 20% !important;
	}

	img.banner {
		width: 80%;
		height: auto;
	}

.dojoxFloatingPaneTitle, .reportTitlePane {
	color: white;
	background-color: #76a2c5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	overflow: auto;
}