/* basic elements */
body { 
	font: 8pt/16pt Verdana, Arial, sans-serif; 
	color: #000; 
	background: url(../../images/indexBackground.gif) repeat top left;
	margin: 0px;
	text-align: center;
	padding: 0px;
	}

form {
        padding: 0px;
	margin: 0px;
	}

a:link {
	text-decoration: underline;
	color: black;
	}

a:hover {
	text-decoration: underline;
	color: #666699;
	}

a:active {
	text-decoration: underline;
	color: #666699;
	}

a:visited {
	text-decoration: underline;
	color: black;
	}

object[type*="svg"] { border: 1px solid #b3b6c5;
	 pointer-events: none;
       }


.u--svg-inside {
	position: relative;
	display: inline-block;
	
	&:after {
		content: ""; 
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
  	}
  	
  	object {
		width: 100%; // Optional
  	}
}

/* specific divs */
#containerFront {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fff;
	padding: 0px;
	width: 740px;
	height: 1142px;
	border: black 1px solid;
	}

#container {
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        background: #fff;
        padding: 0px;
        width: 740px;
        height: 800px;
        border: black 1px solid;
        }

#topLeft {
	float: left;
	background: white;
	width: 421px;
	
	height: 27px;
	padding-left: 26px;
	padding-top: 3px;
	margin: 0px;
	border-bottom: 1px #666699 solid;

	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	color: #666699;

	padding-right: 0px;
	padding-bottom: 0px;
	}

#topRight {
	float: left;
	background: white;
	width: 267px;

	height: 27px;
	padding-right: 26px;
	padding-top: 3px;
	text-align: right;
	margin: 0px;
	border-bottom: 1px #666699 solid;

	font-size: 10px;
	color: #666699;
	font-weight: normal;

	padding-bottom: 0px;
	padding-left: 0px;
	}

#header {

	float: left;
	background: green;
	width: 740px;
	height: 148px;
	padding: 0px;
	margin: 0px;
	background: url(../../images/indexHeader.gif) no-repeat top left;
	}
	
#headerMenuLeft {
	float: left;
	background: #6c5ec5;
	width: 26px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px black solid;
	}

#headerMenuCenter {
	float: left;
	background: #747787;
	width: 523px;
	height: 22px;
	padding-left: 30px;
	padding-top: 2px;
	margin: 0px;
	border-bottom: 1px black solid;
	padding-bottom: 0px;

	font-weight: bold;
	color: white;
	font-size: 10px;
	vertical-align: middle;

	padding-right: 0px;
	padding-bottom: 0px;
	}

#headerMenuRight {
	float: left;
	background: #717697;
	width: 161px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px black solid;
	}

#columnTitleLeft {
	float: left;
	background: #cfd4f5;
	width: 172px;
	height: 30px;
	padding-left: 18px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;

	font-size: 9px;
	color: #6c5ec5;
	font-weight: normal;
	}

#leftContent {
	float: left;
	background: #eeeedd;
	width: 154px;
	height: 522px;
	border-right: 1px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;
	padding: 18px;
	line-height: 20px;
	}

#leftContentfront {
        float: left;
        background: #eeeedd;
        width: 154px;
        height: 858px;
        border-right: 1px #b3b6c5 dotted;
        border-bottom: 1px #b3b6c5 dotted;
        padding-left: 18px;
	padding-right: 18px;
	padding-top: 18px;
	padding-bottom: 24px;
	margin: 0px;
        line-height: 20px;
        }

#docLeft {
	float: left;
	background: #eeeedd;
	width: 154px;
	height: 2600px;
	border-right: 1px #b3b6c5 dotted;
	padding: 18px;
}

#columnTitleCenter {
	float: left;
	background: #eeeeff;
	width: 252px;
	height: 30px;
        padding-left: 18px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-right: 1px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;
	
	font-size: 9px;
	color: #6c5ec5;
	}

#centerContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 252px;
	height: 522px;
	padding: 18px;
	border-right: 1px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;
	}

#centerContentfront {
        float: left;
        text-align: left;
        background: #fff;
        width: 246px;
        height: 858px;
        padding-top: 18px;
	padding-bottom: 24px;
	padding-left: 14px;
	padding-right: 10px;
        border-right: 1px #b3b6c5 dotted;
        border-bottom: 1px #b3b6c5 dotted;
        }


#mapContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 445px;
	height: 522px;
	padding: 18px;
	border-right: 1px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;
}

#mapSvg {
        border: 1px solid #b3b6c5;
	width: 445px;
	height: 445px;
}

#mapSvgShort {
	border 1px solid #b3b6c5;
        width: 445px;
        height: 436px;
}

#mapSvgDayThumb {
	border: 1px solid #b3b6c5;
	width: 240px;
	height: 240px;
}

#mapAnom {
        border: 0px solid #b3b6c5;
        width: 445px;
        height: 460px;
}

#noramContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 482px;
	height: 522px;
	padding: 18px;
	border-right: 1px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;
}

#docContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 430px;
	height: auto;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 33px;
	padding-right: 86px;
}  

#chartContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 523px;
	height: 542px;
	padding-left: 18px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	border-right: 0px #b3b6c5 dotted;
	border-bottom: 1px #b3b6c5 dotted;
}

#legendContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 45px;
	height: 538px;
	padding: 10px;
	border-bottom: 1px #b3b6c5 dotted;
}

#legendNoram {
	float: left;
	text-align: left;
	background: #fff;
	width: 10px;
	height: 538px;
	padding: 10px;
	border-bottom: 1px #b3b6c5 dotted;
}

#docRight {
	float: left;
	text-align: left;
	background: #fff;
	width: 47px;
	height: auto;
	padding: 10px;
}

#tableContainer {
	float: left;
	text-align: left;
	background: #fff;
	width: 492px;
	height: 483px;
	padding-left: 16px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-top: 18px;
}

#tableContent {
	float: left;
	text-align: left;
	background: #fff;
	width: 492px;
	height: 483px;
	padding-left: 18px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 0px;
	}

#columnTitleRight {
	float: left;
	background: #cfd4f5;
	width: 260px;
	height: 30px;
	padding-left: 18px;
	padding-bottom: 0px;
	padding-top: 6px;
	padding-right: 0px;
	border-bottom: 1px #b3b6c5 dotted;
	
	font-size: 9px;
	color: #6c5ec5;
	}

#rightContent {
	float: left;
	background: #fff;
	width: 238px;
	height: 530px;
	padding: 18px;
	border-bottom: 1px #b3b6c5 dotted;
	}

#rightContentfront {
        float: left;
        background: #fff;
        width: 248px;
        height: 858px;
	padding-top: 18px;
        padding-left: 16px;
	padding-right: 0px;
	padding-bottom: 24px;
        border-bottom: 1px #b3b6c5 dotted;
        }


#tableContent {

	float: left;
	text-align: left;
	background: #fff;
	width: 527px;
	height: auto;
	padding-left: 22px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-top: 18px;

}

table.aoeVis {

	background: #fff;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	line-height: 18px;
}

table.dataReq {

	background: #fff;
	border-collapse: collapse;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 16px;
	width: auto;
}

td.dataReq {

	border: 1px solid #dddddd;
	padding: 8px;

	font-family: Verdana, Sans-Serif;
	font-size: 11px;

	text-align: left;
	vertical-align: top;
}

td.aoeVis {

	border: 1px solid #dddddd;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;

	font-family: Verdana, Sans-Serif;
	font-size: 11px;

	text-align: center;
}

td.aoeVisg {

	border: 1px solid #dddddd;
	background: #f4f4f4;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;

	font-family: Verdana, Sans-Serif;
	font-size: 11px;

	text-align: center;
}

iframe.areas {

	margin: 0px;
	padding: 0px;
}

/* search form */
input.formButton {
	color: #666699;
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 1px #666699 solid;
	}

input.formText {
	color: black;
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	border: 1px solid #666699;
	}

/* links */
p.headerMenu {
	color: white;
	word-spacing: 30px;
	font-size: 10px;
	font-weight: bold;
	}

.headerLinks a:link {
	text-decoration: none;
	color: #ffffff;
	}

.headerLinks a:visited {
	text-decoration: none;
	color: #ffffff;
	}

.headerLinks a:hover, a:active {
	color: #cfd4f5;
	text-decoration: none;
	}

.topLinks a:link {
	text-decoration: none;
	color: #666699;
	}

.topLinks a:visited {
	text-decoration: none;
	color: #666699;
	}

.topLinks a:hover, a:active {
	text-decoration: underline;
	color: #666699
	}

.menuLinks a:link {
	text-decoration: none;
	color: black;
}

.menuLinks a:visited {
	text-decoration: none;
	color: black;
}

.menuLinks a:hover, a:active {
	text-decoration: underline;
	color: #666699;
}


/* text */

.titleText {
	color: #717697;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 18px;
	}

p.contentHome {
	line-height: 20px;

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	
	}



p.contentDocs {
	line-height: 17px;

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	}

.menuTitle {
	color: #bb9955;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 14px;
	}

.menuSubmenu {
	color: #666699;
	}

.alertData {
	color: #FF0000;
	}


/* map borders */

img.maps {

	border: 1px solid #b3b6c5;
	}