body {
	margin: 0;
	padding: 0;
	font: Arial, Verdana, sans-Serif;
}

form {
	margin: 0;
	padding: 0;
}

a {
	color: #0099cc;
	text-decoration: underline;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 100%
}

#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	width: 100%;
}

#menu {
	margin: 0;
	padding: 0;
}

#logoEstat {
	background-color: #BFBFC1;
	height: 16px;
	margin: 0;
	padding: 0;
	right: 0;
	top: 0;
}

#logoCommission {
    height: 67px;
    width: 100%;
    margin: 0;
    padding: 0px 0px 0px 55px;
    right: 0;
    top: 0;
}

#logoEstat img, #logoCommission img {
    border: none;
}

#logoLinkEstat, #logoLinkCommission {
	float: left;
	width: 224px;
	height: 100%;
}

#logoTitleEstat {
	display: none;
}

#logoTitleCommission {
	float: left;
	color: #0065A2;
	font-size: 26px;
	padding-top: 20px;
	height: 10px;
	font-family: Verdana,Geneva,sans-serif;
	text-transform: uppercase;
}

#logoSubTitleEstat {
	display: none;
}

#logoSubTitleCommission {
	font-size: 18px;
	color: white;
	padding-left: 280px;
	font-family: Verdana,Geneva,sans-serif;
}

#separatorEstat {
    visibility: false;
}

#separatorCommission {
    background-color: #0065A2;
    height: 38px;
}

/*  3 Main Tabs begin */
#tabsEstat {
    padding: 0;
    float: left;
    margin-top: 45px;
}

#tabsCommission {
    padding: 0;
    float: left;
    margin-top: 5px;
}

#tabsEstat ul, #tabsCommission ul {
    margin: 1px 12px 0 12px;
    padding: 0 0 0 0;
    list-style: none;
}

#tabsEstat ul li.selected, #tabsCommission ul li.selected {
    margin: 0 2px 0 2px;
    padding: 0;
    background: #009de0 url(../images/common/tabsFrameL.gif) no-repeat left top;
}

#tabsEstat ul li.selected span, #tabsCommission ul li.selected span {
    background: transparent url(../images/common/tabsFrameR.gif) no-repeat right top;
    margin: 0;
    font: bold 11px Verdana, Tahoma, sans-serif;
    color: #09C;
    text-decoration: none;
}

#tabsEstat ul li.selected span em, #tabsCommission ul li.selected span em {
    color: #fff;
    padding: 0 12px 0 0;
    margin: 0 0 0 0;
    font: bold 11px Verdana, Tahoma, sans-serif;
    text-decoration: none;
    float: left;
    background: transparent url(../images/common/tabArrowDown_Selected.gif) no-repeat right 50%;
}

#tabsEstat ul li, #tabsCommission ul li {
    background-color: #fff;
    margin: 0 2px 0 2px;
    float: left;
    padding: 0;
}

#tabsEstat ul li span, #tabsCommission ul li span {
    background: transparent url(../images/common/tabsFrameL.gif) no-repeat left top;
    height: 26px;
    margin: 0;
    padding: 0;
    float: left;
}

#tabsEstat ul li span a, #tabsCommission ul li span a {
    background: transparent url(../images/common/tabsFrameR.gif) no-repeat right top;
    padding: 5px 6px 8px 6px;
    margin: 0;
    font: bold 11px Verdana, Tahoma, sans-serif;
    color: #09C;
    text-decoration: none;
    float: left;
}

#tabsEstat ul li span a:hover em, #tabsCommission ul li span a:hover em {
    color: #FF8C00;
    text-decoration: none;
}

#tabsEstat ul li.selected span a:hover em, #tabsCommission ul li.selected span a:hover em {
    color: #FF8C00;
    text-decoration: none;
}

#tabsEstat ul li span a em, #tabsCommission ul li span a em {
    padding: 0 12px 0 0;
    font-style: normal;
    background: transparent url(../images/common/tabArrowDown.gif) no-repeat right 50%;
}

#tabsEstat ul li.selected span a em, #tabsCommission ul li.selected span a em {
    padding: 0 12px 0 0;
    font-style: normal;
    background: transparent url(../images/common/tabArrowDown_Selected.gif) no-repeat right 50%;
}

/*  3 Main Tabs end */

/*  Navigation Buttons start*/
#buttonsEstat {
    margin: 0;
    padding: 5px 0 0 0;
    float: right;
    text-align: right;
    margin-top: 45px;
}

#buttonsCommission {
    margin: 0;
    padding: 5px 0 0 0;
    float: right;
    text-align: right;
    margin-top: 5px;
}

#buttonsEstat ul, #buttonsCommission ul {
    float: right;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

#buttonsEstat ul li, #buttonsCommission ul li {
    float: left;
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
}

#buttonsEstat ul li.table, #buttonsCommission ul li.table {
    background: transparent url(../images/common/table_select.gif) no-repeat left top;
}

#buttonsEstat ul li.graph, #buttonsCommission ul li.graph {
    background: transparent url(../images/common/graph_select.gif) no-repeat left top;
}

#buttonsEstat ul li.map, #buttonsCommission ul li.map {
    background: transparent url(../images/common/map_select.gif) no-repeat left top;
}

#buttonsEstat ul li.nui, #buttonsCommission ul li.nui {
    background: transparent url(../images/common/nui_select.gif) no-repeat left top;
}

#buttonsEstat ul li.page, #buttonsCommission ul li.page {
    background: transparent url(../images/common/page_select.gif) no-repeat left top;
}

#buttonsEstat ul li.info, #buttonsCommission ul li.info {
    background: transparent url(../images/common/info_select.gif) no-repeat left top;
}

#buttonsEstat ul li.save, #buttonsCommission ul li.save {
    background: transparent url(../images/common/save_select.gif) no-repeat left top;
}

#buttonsEstat ul li.print, #buttonsCommission ul li.print {
    background: transparent url(../images/common/print_select.gif) no-repeat left top;
}

#buttonsEstat ul li.demoTour, #buttonsCommission ul li.demoTour {
    background: transparent url(../images/common/demoTour.gif) no-repeat left top;
    width: 34px;
}

#buttonsEstat ul li.print2, #buttonsCommission ul li.print2 {
    display: none;
}

#buttonsEstat ul li.folder, #buttonsCommission ul li.folder {
    background: transparent url(../images/common/folder_select.gif) no-repeat left top;
}

#buttonsEstat ul li.table a, #buttonsCommission ul li.table a {
    background: transparent url(../images/common/table.gif) no-repeat left top;
}

#buttonsEstat ul li.graph a, #buttonsCommission ul li.graph a {
    background: transparent url(../images/common/graph.gif) no-repeat left top;
}

#buttonsEstat ul li.map a, #buttonsCommission ul li.map a {
    background: transparent url(../images/common/map.gif) no-repeat left top;
}

#buttonsEstat ul li.page a, #buttonsCommission ul li.page a {
    background: transparent url(../images/common/page.gif) no-repeat left top;
}
/* --- ARA --- */
/* New style in case there is no metadata available */
#buttonsEstat ul li.page_unavailable, #buttonsCommission ul li.page_unavailable {
    background: transparent url(../images/common/page_select.gif) no-repeat left top;
}
/* New style in case there is no update info available */
#buttonsEstat ul li.info_unavailable, #buttonsCommission ul li.info_unavailable {
    background: transparent url(../images/common/info_select.gif) no-repeat left top;
}

#buttonsEstat ul li.nui_unavailable, #buttonsCommission ul li.nui_unavailable {
    background: transparent url(../images/common/nui_select.gif) no-repeat left top;
}
/* --- ARA --- */
#buttonsEstat ul li.nui a, #buttonsCommission ul li.nui a {
    background: transparent url(../images/common/nui.gif) no-repeat left top;
}

#buttonsEstat ul li.info a, #buttonsCommission ul li.info a {
    background: transparent url(../images/common/info.gif) no-repeat left top;
}

#buttonsEstat ul li.save a, #buttonsCommission ul li.save a {
    background: transparent url(../images/common/save.gif) no-repeat left top;
}

#buttonsEstat ul li.print a, #buttonsCommission ul li.print a {
    background: transparent url(../images/common/print.gif) no-repeat left top;
}

#buttonsEstat ul li.demoTour a, #buttonsCommission ul li.demoTour a {
    background: transparent url(../images/common/demoTour.gif) no-repeat left top;
    width: 34px;
}

#buttonsEstat ul li.folder a, #buttonsCommission ul li.folder a {
    background: transparent url(../images/common/folder.gif) no-repeat left top;
}

#buttonsEstat ul li a, #buttonsEstat ul li, #buttonsCommission ul li a, #buttonsCommission ul li {
    display: block;
    width: 20px;
    height: 20px;
}

#buttonsEstat ul li a span, #buttonsEstat ul li span, #buttonsCommission ul li a span, #buttonsCommission ul li span {
    visibility: hidden;
    line-height: 1px;
    font-size: 0px;
}

/* ARA - greying out graph and maps icons when plugin=0 mode */
.graphDisabled {
	background: transparent url(../images/common/graph_select.gif) no-repeat left top;
}

.mapDisabled {
	background: transparent url(../images/common/map_select.gif) no-repeat left top;
}
/* ARA */

/*  Navigation Buttons end*/
#title {
	clear: both;
	display: block;
	margin: 0 12px 15px 5px;
	padding: 0px 0 4px 0;
	border-bottom: 1px solid #000;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #333333;
}

#title p {
	margin: 0;
}

#title h2 {
	font: bold 12pt Arial, Verdana, sans-serif;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#title h2 a, #title a {
	color: #0099cc;
	text-decoration: underline;
}

#title h3 {
	font: bold 9pt Arial, Verdana, sans-serif;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#title #shortDescription p {
	display: inline;
}

#title .zLabel {
	font-style: italic;
	font-size: 9pt;
}

#printGraph table.printData, #printMap table.printData, #table table.printData {
	font: normal 11px Arial, Arial, sans-serif;
	color: ##333333;
	background-color: #F8F5E9;
}

#printMap .infoContent, #printGraph .infoContent {
	padding: 4px;
	border: 1px solid #444;
	margin: 0 0 0 0;
}

span.labeled {
	font-weight: bold;
}

span.download_info {
	font-style: italic;
	color: red;
}

table.printData tr td a {
	color: #0099cc;
	text-decoration: underline;
}

table.printData tr {
	background-color: #F8F5E9;
}

#title h2 a:hover {
	color: #FF8C00;
	text-decoration: none;
}

#main {
	margin: -8px 5px 0 5px;
	padding: 0 0 0 0;
	height: auto !important;
	height: 300px;
}

#map {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
	z-index: 0;
	float: left;
}

#map #SVGimport {
	display: block;
	margin: 0px 4px 4px 0;
	padding: 0 0 0 0px;
	border: 1px solid #000;
	z-index: 80;
	text-align: center;
}

html>body #map #SVGimport {
	float: left;
}

#desc {
	position: absolute;
	z-index: 280;
	display: block;
	height: 14px;
	width: 140px;
	top: -8px;
	left: 260px;
	padding: 1px;
	font: 10px Verdana, Tahoma, sans-serif;
	margin: 0 0 0 0;
}

#map #SVGimport img {
	margin: 0;
	padding: 0;
}

#graph {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#graph #SVGimport {
	display: block;
	height: 384px;
	width: 430px;
	margin: 0 0 0 0;
	padding: 0;
	overflow: auto;
	border: 1px solid #818181;
}

#graph #SVGimport img {
	margin: 0;
	padding: 0;
	border: 0;
}

#mapTools {
	clear: left;
	display: block;
	border: 1px solid #818181;
	background-color: #F8F5E9;
	margin: 20px 1px 10px 1px;
	padding: 0 0 5px 0;
	font: normal 11px Arial, Verdana, sans-Serif;
}
/* ARA */
.MapToolsDyn {
	height: 51px;
}
/* ARA */
#mapTools p {
	font: normal 11px Arial, Verdana, sans-Serif;
	margin: -10px 0 0 80px;
	padding: 0 0 0 0;
}

#mapTools span {
	text-align: center;
	display: block;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	font: bold 11px Arial, Verdana, sans-Serif;
	color: #ff0000;
}

#mapButtons {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#mapButtons ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

#mapButtons ul li {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 4px 0 4px;
	padding: 0 0 0 0;
	border: 0;
}

#mapButtons ul li.Wzoom {
	background: #ff8c00 url(../images/map/WorldZoom.gif) no-repeat top left;
}

#mapButtons ul li.ZoomIn {
	background: #ff8c00 url(../images/map/ZoomIn.gif) no-repeat top left;
}

#mapButtons ul li.ZoomOut {
	background: #ff8c00 url(../images/map/ZoomOut.gif) no-repeat top left;
}

#mapButtons ul li a {
	display: block;
	width: 16px;
	height: 16px;
}

#mapButtons ul li a em {
	visibility: hidden;
	font-size: 0px;
}

#Options {
	margin: 0 0 0 70px;
	padding: 0 0 0 0;
	font: normal 11px Arial, Verdana, sans-Serif;
}

#BaloonsOptions {
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	font: normal 11px Arial, Verdana, sans-Serif;
}

#Options ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Options ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#Options ul li label {
	float: left;
	line-height: 20px;
	vertical-align: middle;
	margin: 0 3px 0 3px;
	padding: 0 0 0 0;
}

#Options ul li label input {
	margin: 5px 0 0 0;
}

#leftColumn {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 420px;
}

#rightColumn {
	border: 1px solid #818181;
	background-color: #F8F5E9;
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: right;
	width: 270px;
	float: left;
}

span.close {
	padding: 0 12px 4px 0;
	margin: 0 2px 0 0;
	background: transparent url(../images/common/closeButt.gif) no-repeat right 50%;
}

span.open {
	padding: 0 12px 4px 0;
	margin: 0 2px 0 0;
	background: transparent url(../images/common/openButt.gif) no-repeat right 50%;
}

span.close a,span.open a {
	text-decoration: none;
	font: normal 10px Arial, Verdana, sans-Serif;
	color: #085E7A;
}

table.infoTabs {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	position: relative;
	z-index: 80;
}

#infoTabs {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

#infoTabs ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

#infoTabs ul li {
	float: left;
	margin: 1px 1px -1px 0;
	padding: 0 0 0 0;
	background: #C9E6FD url(../images/common/bgInfoTabs.gif) repeat-x left bottom;
	white-space: nowrap;
}

#infoTabs ul li.selected {
	float: left;
	margin: 0 1px -1px 0;
	padding: 0 0 0 0;
	background-image: none;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

#infoTabs ul li.selected em {
	float: left;
	background: transparent url(../images/common/infoTabsL.gif) no-repeat left bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font: normal 9px Arial, Verdana, sans-Serif;
	color: #353B3C;
	cursor: pointer;
}

#infoTabs ul li.selected em span {
	float: left;
	background: transparent url(../images/common/infoTabsR.gif) no-repeat right bottom;
	padding: 7px 6px 3px 6px;
	margin: 0 0 0 0;
}

#infoTabs ul li a {
	float: left;
	background: transparent url(../images/common/infoTabsL.gif) no-repeat left bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font: normal 9px Arial, Verdana, sans-Serif;
	color: #353B3C;
	cursor: pointer;
}

#infoTabs ul li a span {
	float: left;
	background: transparent url(../images/common/infoTabsR.gif) no-repeat right bottom;
	padding: 7px 6px 3px 6px;
	margin: 0 0 0 0;
}

#rightColumn .infoContent {
	position: relative;
	margin: 0 0 0 0;
	padding: 8px 8px 8px 8px;
	background-color: #fff;
	border: 1px solid #818181;
	text-align: left;
	z-index: 30;
}

#rightColumn #infoContent {
	min-height: 335px;
	height: auto !important;
	height: 1px;
	height: 335px;
}

#printGraph .infoContent {
	margin: 0 0 0 0;
	padding: 8px 8px 8px 8px;
	background-color: #fff;
	text-align: left;
	border: 1px solid #818181;
}

.infoContent table {
	font: normal 11px Arial, Verdana, sans-Serif;
}

.infoContent table.data caption {
	font: bold 14px Arial, Verdana, sans-Serif;
	color: #4A8B9F;
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
	width: 100%;
	text-align: left;
}

.infoContent table.data caption span {
	font: normal 14px Arial, Verdana, sans-Serif;
	color: #4A8B9F;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background: transparent url(../images/map/data_icon1.gif) no-repeat left 50%;
}

.infoContent table.data tr th {
	text-align: center;
	margin: 0 0 0 0;
	padding: 3px 3px 12px 3px;
}

.infoContent table.data tr td {
	border-bottom: 1px solid #CDCDCD;
	margin: 0 0 0 0;
	padding: 3px 2px 3px 4px;
}

.infoContent table.data tr td.notLegend {
	border-bottom: 0px;
	margin: 0 0 0 0;
	padding: 3px 2px 3px 4px;
}

.infoContent table.data tr td.notLegend span {
	font-weight: bold;
	margin: 0 1px 0 1px;
}

.infoContent table.data tr td.last {
	border-bottom: none;
}

.axisContainer p,.infoContent label {
	font: normal 11px Arial, Verdana, sans-Serif;
}

td span.ico {
	display: block;
	width: 22px;
	height: 17px;
	border: 1px solid #000;
}

td span.Graph_ico {
	display: block;
	width: 16px;
	height: 16px;
	border: 0px;
}

.n1 {
	background: #FFF290;
}

.n2 {
	background: #FFE100;
}

.n3 {
	background: #B3D733;
}

.n4 {
	background: #66CC66;
}

.n5 {
	background: #329966;
}

.n6 {
	background: #FFF290 url(../images/common/data_icon2.gif) no-repeat left top;
}

.infoContent ul.info {
	margin: 6px 0 0 5px;
	padding: 0;
	list-style: none;
	font: normal 11px Arial, Verdana, sans-Serif;
	border-bottom: none;
	width: 99%;
}

.infoContent ul.info li.sep {
	border-bottom: 1px solid #444;
	padding: 0 0 4px 0;
}

html>body .infoContent ul.info {
	margin: 20px 0 0 5px;
}

.infoContent ul.info li {
	margin: 0 0 0 0;
	padding: 1px 0 1px 0;
}

html>body 	.infoContent ul.info li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*  map classes begin     */
.infoContent span.numClass {
	margin: 2px 0 2px 0;
	padding: 0 0 0 0;
	display: block;
	font: normal 11px Arial, Verdana, sans-Serif;
}

.infoContent span.numClass label,.infoContent span.numClass select {
	font: normal 11px Arial, Verdana, sans-Serif;
}

ul.ColorGroups {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	width: 100%;
}

ul.ColorGroups li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.ColorGroups li label {
	float: left;
}

ul.ColorGroups li input {
	float: left;
	font: normal 11px Arial, Verdana, sans-Serif;
}

ul.ColorGroups li span {
	display: block;
	border: 1px solid #444;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0;
	padding: 0;
}

ul.ColorGroups li span.g-outer {
	display: block;
	position: relative;
	border: none;
	margin: 0;
	padding: 0;
}

.colourGroupTop,.colourGroupBottom,.colourGroupMiddle,.colourGroupMiddleOuter {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0;
	position: absolute;
}

.colourGroupTop,.colourGroupBottom {
	width: 16px;
	height: 8px;
}

.colourGroupTop {
	left: 0;
	top: 0;
}

.colourGroupBottom {
	left: 0;
	top: 8px;
}

.colourGroupMiddle {
	width: 6px;
	height: 6px;
	left: 5px;
	top: 5px;
}

.colourGroupMiddleOuter {
	width: 8px;
	height: 8px;
	left: 4px;
	top: 4px;
	background-color: #444;
}

ul.ColorGroups li span em.hidden {
	visibility: hidden;
	font-size: 0px;
	line-height: 0px;
	width: 0;
	height: 0;
	float: left;
	display: block;
}

.infoContent h4 {
	font: bold 11px Arial, Verdana, sans-Serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	display: block;
	float: left;
}

ul.methods {
	list-style: none;
	margin: 0;
	padding: 0;
	font: normal 11px Arial, Verdana, sans-Serif;
	display: block;
	width: 110px;
	float: left;
}

ul.methods li {
	margin: 1px 0 1px 0;
	padding: 0;
	font: normal 11px Arial, Verdana, sans-Serif;
}

ul.methods li.last {
	display: block;
	background-color: #f8f5e9;
}

div.manualinput {
	font: normal 11px Arial, Verdana, sans-Serif;
	padding: 4px;
	background-color: #f8f5e9;
	float: left;
	text-align: left;
}

dl.min_max {
	margin: 0;
	padding: 0;
}

dl.min_max dt {
	float: left;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dl.min_max dd {
	margin: 0 0 0 5px;
	padding: 0 0 5px 0;
}

dl.inputFields {
	margin: 0;
	padding: 0;
	float: left;
}

dl.inputFields dt {
	font-weight: normal;
	float: left;
	margin: 2px 0 2px 0;
}

dl.inputFields dd input {
	width: 40px;
	height: 14px;
	border: 1px solid #555;
	font: normal 11px Arial, Verdana, sans-Serif;
	margin: 2px 0 2px 0;
	padding: 0 0 0 2px;
}

#istogram {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	height: 110px;
	border: 1px solid #cdcdcd;
	font: normal 11px Arial, Verdana, sans-Serif;
}

html>body #istogram {
	float: left;
}

#istogram input {
	float: left;
}

#butt {
	margin: -20px 0 0 0;
	padding: 20px 0 0 0;
	display: block;
	width: 100%;
}

html>body #butt {
	margin: -10px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#butt input {
	border: 3px solid #B2B2B2;
	background-color: #f8f5e9;
	font: normal 11px Arial, Verdana, sans-Serif;
}

.infoContent dl.d1 {
	margin: 0 8px 0 0;
	padding: 0 0 0 0;
	float: left;
}

.infoContent dl.d1 dt,.infoContent dl.d2 dt {
	font: bold 11px Arial, Verdana, sans-Serif;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
}

.infoContent dl.d2 dt {
	margin: 2px 0 2px 78px;
	padding: 0 0 0 0;
}

.infoContent dl.d1 dd,.infoContent dl.d2 dd {
	font: normal 11px Arial, Verdana, sans-Serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.infoContent dl.d2 dd {
	margin: -2px 0 0 0;
}

.infoContent dl.d2 dd label {
	width: 100%;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.infoContent label.layers {
	display: block;
	font: normal 11px Arial, Verdana, sans-Serif;
}

#baloonsControlPanel span, #baloonsControlPanel textarea, #baloonsControlPanel input {
	font: normal 11px Arial, Verdana, sans-Serif;
}

#baloonsControlPanel legend {
	font: bold 11px Arial, Verdana, sans-Serif;
}

.infoContent dl.d1 dd select,.infoContent dl.d2 dd select {
	font: normal 11px/11px Arial, Verdana, sans-Serif;
	border: 1px solid #cdcdcd;
	margin: 0 0 15px 0;
}

.infoContent dl.d1 dd select {
	width: 70px;
	height: 180px;
}

html>body .infoContent dl.d1 dd select {
	height: auto;
}

.infoContent dl.d2 dd select {
	width: 130px;
	margin: 0 0 0 5px;
	height: 180px;
}

html>body .infoContent dl.d2 dd select {
	height: 172px;
}

.infoContent dl.d2 {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

.infoContent h4.Headform {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.TypeM {
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	float: left;
	font: normal 11px Arial, Verdana, sans-Serif;
	list-style: none;
}

ul.TypeM li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

ul.TypeM li ul {
	margin: 0 0 0 0;
	list-style: none;
	padding: 0 0 0 0;
	margin: 6px 0 6px 0;
	padding: 4px;
	background: #f8f5e9;
}

dl.compare {
	margin: 0;
	padding: 4px;
}

dl.compare dt {
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #b2b2b2;
}

dl.compare dd {
	margin: 0 0 0 2px;
	padding: 0 0 0 0;
	width: 100%;
}

dl.compare dd select {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dl.compare dd input {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.TypeM select {
	width: 98px;
	font: normal 11px Arial, Verdana, sans-Serif;
}

.infoContent ul.compare {
	display: block;
	width: 100%;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: normal 11px Arial, Verdana, sans-Serif;
	float: left;
}

.infoContent ul.compare li {
	display: block;
}

.infoContent ul.compare li select {
	width: 100px;
	font: normal 11px Arial, Verdana, sans-Serif;
}

#legalNotice {
	font: normal 11px Arial, Verdana, sans-Serif;
	background-color: #009de0;
	height: 17px;
	text-align: right;
	overflow: hidden;
	clear: left;
	padding-right: 2px;
	margin: 0;
}

#legalNotice a {
	text-decoration: none;
	color: #fff;
}

#legalNotice a:hover {
	text-decoration: none;
	color: #fff;
}

#app_info {
	color: black;
}

input.butt_on {
	border: 3px solid #B2B2B2;
	background-color: #f8f5e9;
	font: normal 11px Arial, Verdana, sans-Serif;
	margin: 10px 0 10px 0;
	padding: 0 4px 0 4px;
}

#rightColumn #scrollingArea {
	width: 95%;
}

#printGraph #rightColumn #scrollingArea {
	width: 100%;
	overflow: auto;
}

ul.chartOptions {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.chartOptions li {
	margin: 0 0 0 0;
	padding: 3px 0 3px 18px;
	font: normal 11px Arial, Verdana, sans-Serif;
}

ul.chartOptions li label {
	/*width:60%;*/
	display:block;
	margin:0 0 0 2px;
	padding:2px 0 0 0;
}

.vertical_bar {
	background: #F8F5E9 url(../images/graph/vertical.gif) no-repeat left 50%;
}

.horizontal_bar {
	background: transparent url(../images/graph/horizontal.gif) no-repeat left 50%;
}

.line {
	background: #F8F5E9 url(../images/graph/line.gif) no-repeat left 50%;
}

.pie {
	background: transparent url(../images/graph/pie.gif) no-repeat left 50%;
}

.scatter_plot {
	background: #F8F5E9 url(../images/graph/scatter.gif) no-repeat left 50%;
}

.box_plot {
	background: transparent url(../images/graph/box.gif) no-repeat left 50%;
}

.vertical_stacked_bar {
	background: #F8F5E9 url(../images/graph/vertical_s.gif) no-repeat left 50%;
}

.horizontal_stacked_bar {
	background: transparent url(../images/graph/horizontal_s.gif) no-repeat left 50%;
}

.pyramid {
	background: #F8F5E9 url(../images/graph/pyramid.gif) no-repeat left 50%;
}

ul.majorAxis {
	margin: 20px 0 10px 0;
	padding: 0;
	list-style: none;
	font: normal 11px Arial, Verdana, sans-Serif;
}

ul.majorAxis li select {
	font: normal 11px Arial, Verdana, sans-Serif;
	width: 40%;
}

div.butt_on_line {
	width: 100%;
	display: block;
	float: left;
}

#table_import {
	overflow: auto;
	margin: 0;
	padding: 0;
	height: 350px;
}

table.widtheigt {
	width: 200px;
}

tr.alt {
	background-color: #F8F5E9;
}

.alt {
	background-color: #F8F5E9;
}

#tableheader table {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table.infoData th,table.widtheigt td {
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	font: bold 12px Arial, Verdana, sans-Serif;
	background-color: #c9e4f1;
}

table.infoData th {
	border-top: 3px solid #0099cc;
	border-bottom: 3px solid #0099cc;
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	font: normal 11px Arial, Verdana, sans-Serif;
	background-color: #c9e4f1;
}

table.infoData td,table.widtheigt td {
	padding: 3px 0 3px 0;
	margin: 0 0 0 0;
	border-left: 1px dashed #cdcdcd;
	font: normal 11px Arial, Verdana, sans-Serif;
	text-align: center;
}

table.infoData {
	margin: 0;
	padding: 0;
	width: 100%;
}

table.infoData td {
	
}

table.infoData th.vertical {
	border-top: 0px;
	border-bottom: 0px;
}

#table_import table.infoData td {
	text-align: center;
}

#table_import table.infoData th.vertical,table tr td table.infoData th.vertical {
	
}

#tableheader table th {
	width: 47px;
	padding: 0;
	text-align: center;
	font: normal 10px Arial, verdana, san-serif;
}

table.infoData th.vertical,table.widtheigt th.vertical {
	border-bottom: 1px solid #cdcdcd;
	background: #c9e4f1;
	font: bold 12px Arial, Verdana, sans-Serif;
	margin: 0;
	padding: 0 0 0 12px;
	text-align: left;
}

#copyrightsPrint {
	font: normal 10px Tahoma, Arial, Verdana, sans-Serif;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	border-top: 2px solid #393939;
	background-color: #F8F5E9;
}

#copyrightsPrint span {
	color: #393939;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}

#copyrights {
	font: normal 10px Tahoma, Arial, Verdana, sans-Serif;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#table #copyrights {
	font: normal 10px Tahoma, Arial, Verdana, sans-Serif;
	margin: 0 0 0 0;
	padding: 3px 20px 3px 20px;
	color: #fff;
	background-color: #09c
}

#section_wrapper ul.tableSave {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	list-style: none;
}

ul.tableSave li {
	margin: 0 0 0 0;
	padding: 3px 0 3px 5px;
	font: normal 11px Tahoma, Arial, Verdana, sans-Serif;
	text-align: left;
}

ul.tableSave li a {
	text-decoration: underline;
	margin: 0 10px 0 0;
	color: #09c;
}

ul.tableSave li a:hover {
	text-decoration: none;
}

#footer {
	padding: 3px 0 3px 20px;
	margin: 0 0 0 0;
	font: normal 11px Tahoma, Arial, Verdana, sans-Serif;
}

#footer	a {
	text-decoration: underline;
	color: #09c;
}

#footer	a:hover {
	text-decoration: underline;
	color: #09c;
}

#footer p {
	display: block;
	margin: 3px 0 3px 0;
	padding: 0;
}

fieldset.labels {
	display: block;
	border: 2px solid #f8f5e9;
	font: normal 11px Arial, Verdana, sans-Serif;
}

fieldset.labels legend {
	font-weight: bold;
}

fieldset.labels label {
	display: block;
}


fieldset.sorting {
	display: block;
	font: normal 11px Arial, Verdana, sans-Serif;
	border: 2px solid #f8f5e9;
}

fieldset.sorting legend {
	font-weight: bold;
}

fieldset.sorting label {
	display: block;
}


fieldset.sorting select {
	font: normal 11px Tahoma, Arial, Verdana, sans-Serif;
	margin: 5px 5px 5px 5px;
	padding: 0 0 0 0;
}

#group {
	background-color: #f8f5e9;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#group label {
	width: 90px;
}

#group select {
	float: right;
	margin: 10px 5px 0 0;
	width: 100px;
}

#tableheader {
	border-bottom: 3px solid #0099cc;
	border-top: 3px solid #0099cc;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#tableheader table.infodata {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#tableheader table.infodata th.labels,th.labels {
	border-right: 3px solid #09c;
	margin: 0;
	padding: 0;
	background: #c9e4f1 url(../images/table/label_sep.gif) no-repeat 50% 50%;
	text-align: right;
}

#tableheader table.infodata th.labels table,th.labels table {
	margin: 0;
	padding: 0;
	width: 100%;
}

#tableheader table.infodata th.labels table td,th.labels table td {
	width: 50%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

span.error {
	font: normal 11px Tahoma, Arial, Verdana, sans-Serif;
	margin: 10px 0px 5px 0px;
	color: #1F44AF;
	padding: 3px;
	background-color: #B0ECFF;
	border: 1px solid #1F44AF;
	display: block;
	float: left;
}

body#description {
	font: normal 11px/140% Tahoma, Arial, Verdana, sans-Serif;
	padding: 10px;
	color: #000;
}

body#description #title {
	margin: 0 12px 0 -5px;
	padding: 0 0 4px 0;
}

body#description #title h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

body#description b {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0 0 4px 0;
	color: #1F44AF;
	font-family: Arial, Verdana, sans-serif;
	display: block;
	border-bottom: 1px solid #1F44AF;
}

body#description u {
	font-weight: bold;
	color: #393939;
}

ul.tableSave {
	margin: 0 0 0 0;
	padding: 0;
}

ul.tableSave li {
	margin: 2px 0 2px 0;
	padding: 6px 0 6px 0;
}

ul.tableSave li a {
	padding: 6px 8px 6px 32px;
}

.htm {
	background: url(../images/common/htm24.gif) no-repeat left top;
}

.zip {
	background: url(../images/common/zip24.gif) no-repeat left top;
}

.xls {
	background: url(../images/common/xls24.gif) no-repeat left top;
}

.xml {
	background: url(../images/common/xml24.gif) no-repeat left top;
}

.tsv {
	background: url(../images/common/tsv24.gif) no-repeat left top;
}

#additional_info {
	width: 257px;
	margin: 20px 0 0 12px;
	padding: 0 0 0 0;
	background: url(../images/common/AdditionalBody.gif) repeat-y left top;
	font: normal 11px Tahoma, Arial, Verdana, sans-Serif;
}

#additional_info h4 {
	background: url(../images/common/AdditionalHeader.gif) no-repeat left top;
	height: 32px;
	margin: 0 0 0 0;
	padding: 5px 0 0 3px;
	color: #0099cc;
}

#additional_info p {
	background: url(../images/common/AdditionalFooter.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 6px 10px 6px;
	font: normal 10px/130% Tahoma, Arial, Verdana, sans-Serif;
}

span.anim {
	font: normal 11px/130% Tahoma, Arial, Verdana, sans-Serif;
	float: left;
	width: 100%;
	display: block;
}

ul.circle_legend {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	font: normal 11px Tahoma, Arial, Verdana, sans-Serif;
	background: url(../images/common/WhiteCircle.gif) no-repeat left top;
	height: 107px;
}

ul.circle_legend li {
	margin: 0 0 31px 61px;
	padding: 0 0 0 0;
}

ul.circle_legend li.pad {
	margin: 0 0 42px 61px;
}

div.LinkRow {
	display: block;
	text-align: right;
	font: 11px Verdana, Arial, san-serif;
	margin: 10px;
}

div.LinkRow span {
	margin: 0 0 0 20px;
	padding: 0;
}

div.LinkRow span.PrintTable {
	background: #0099CC url(../images/common/leftCorners.gif) no-repeat left top;
	padding: 0;
	display: block;
	float: right;
}

div.LinkRow span.PrintTable a {
	color: #fff;
	text-decoration: underline;
	background: transparent url(../images/common/rightCorners.gif) no-repeat right top;
	margin: 0;
	padding: 0 15px;
	display: block;
	float: left;
	line-height: 25px;
	height: 25px;
}

div.LinkRow span.View {
	float: right;
}

div.LinkRow span.View a {
	text-decoration: underline;
	color: #09c;
	height: 25px;
	line-height: 25px;
	padding: 0;
}

div.LinkRow span.View a em {
	font-style: normal;
	font-weight: bold;
}

#printGraph h2, #printMap h2, #table h2 {
	font: bold 12pt Arial, Verdana, sans-serif;
	color: #333333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	clear: both;
}

#section {
	font: normal 11px Verdana, Arial, san-serif;
	color: #333333;
	margin: 0 0 0 0;
	width: 100%;
}

#section_header {
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	display: block;
	text-align: right;
	line-height: 14px;
	height: 24px;
	float: left;
	width: 98%;
	position: relative;
	z-index: 12;
}

#section_header h3 {
	background: url(../images/common/tabSectionL.gif) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#section_header h3 span {
	background: url(../images/common/tabSectionR.gif) no-repeat top right;
	margin: 0 0 0 0;
	padding: 6px 12px 6px 12px;
	font: bold 11px Verdana, arial, san-serif;
	float: left;
}

#section_body {
	background: #F8F5E9 url(../images/common/sectionBodyL.gif) repeat-y left top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	display: block;
	position: relative;
	top: -1px;
	z-index: 3;
	height: auto !important;
	height: 1px;
	clear: both;
	float: left;
	width: 100%;
}

#section_wrapper {
	background: url(../images/common/cornerDivR.gif) no-repeat right top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	width: 100%;
	clear: both;
}

#section_wrapper a {
	text-decoration: underline;
	color: #0099CC;
}

#section_footer {
	z-index: 3;
	top: -5px;
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/common/sectionFooterL.gif) no-repeat bottom left;
}

#section_footer span {
	background: url(../images/common/sectionFooterR.gif) no-repeat bottom right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	width: 100%;
}

div.xlsList,div.txtList,div.htmlList,div.spssList,div.pcAxisList,div.xmlList,div.tsvList,div.zipList,div.pngList,div.table,div.graph,div.map,div.common,div.pdflist {
	width: 94%;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	background: url(../images/common/bottom_sep.gif) repeat-x bottom left;
	text-align: left;
	float: left;
	display: block;
	clear: left;
}

div.last {
	background: none;
}

#section_wrapper h4 {
	height: 12px;
	width: 50px;
	padding: 50px 8px 10px 8px;
	display: block;
	float: left;
	margin: 10px 10px 10px 10px;
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, san-serif;
	white-space: nowrap;
}

#section_wrapper h4.demo {
	height: 12px;
	width: 41px;
	padding: 50px 0 10px 0;
	display: block;
	float: left;
	margin: 10px -40px 10px 10px;
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, san-serif;
	white-space: nowrap;
	text-align: center;
}

div.xlsList h4 {
	background: url(../images/common/xlsGroup.gif) no-repeat top left;
}

div.txtList h4 {
	background: url(../images/common/txtGroup.gif) no-repeat top left;
}

div.htmlList h4 {
	background: url(../images/common/htmlGroup.gif) no-repeat top left;
}

div.spssList h4 {
	background: url(../images/common/spssGroup.gif) no-repeat top left;
}

div.pcAxisList h4 {
	background: url(../images/common/pcAxisGroup.gif) no-repeat top left;
}

div.xmlList h4 {
	background: url(../images/common/xmlGroup.gif) no-repeat top left;
}

div.tsvList h4 {
	background: url(../images/common/tsvGroup.gif) no-repeat top left;
}

div.zipList h4 {
	background: url(../images/common/zipGroup.gif) no-repeat top left;
}

div.pngList h4 {
	background: url(../images/common/pngGroup.gif) no-repeat top left;
}

div.pdfList h4 {
	background: url(../images/common/pdfGroup.gif) no-repeat top left;
}

div.table h4 {
	background: url(../images/common/tableTour.gif) no-repeat top left;
}

div.graph h4 {
	background: url(../images/common/graphTour.gif) no-repeat top left;
}

div.map h4 {
	background: url(../images/common/mapTour.gif) no-repeat top left;
}

div.common h4 {
	background: url(../images/common/commonTour.gif) no-repeat top left;
}

#section_wrapper dl.d1 {
	float: left;
	margin: 20px 0 0 20px;
	display: block;
	width: 30%;
	background: url(../images/common/verticalSep.gif) no-repeat right middle;
}

#section_wrapper dl {
	margin: 20px 0 0 20px;
	padding: 0 0 20px 0;
	float: left;
	width: 30%;
}

#section_wrapper dl.download_info {
	margin: 0 0 0 20px;
	width: 90%;
}

#section_wrapper dl dt {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: bold;
}

#section_wrapper dl dd {
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
}

#section_wrapper ul.demo {
	margin: 30px 0 0 70px;
	padding: 0 0 0 0;
	list-style: none;
}

#section_wrapper ul {
	margin: 20px 0 0 100px;
	padding: 0 0 0 0;
	list-style: none;
}

#section_wrapper ul li {
	margin: 4px 0 0 0;
}

#section a em {
	font-style: normal;
	font-weight: bold;
}

li.HeaderList {
	list-style: none;
	padding: 0 0 6px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #b2b2b2;
}

#section_wrapper ul.pieCo {
	margin: 20px 0 0 10px;
	padding: 0 0 0 0;
	list-style: none;
}

#section_wrapper ul.pieCo li {
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}

#section_wrapper ul.pieCo li select {
	margin: 10px 0 0 0;
}

.maparea {
	margin: 0;
	padding: 0;
}

.dataList {
	margin: 10px 10px 10px 10px;
	padding: 0;
	text-align: left;
	display: block;
}

#svgImport span.spacer {
	height: 8px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: normal 8px/8px verdana;
	display: block;
}

#section_wrapper p {
	margin: 10px 0 10px 10px;
	float: left;
	width: 95%;
	text-align: left;
}

#section_wrapper p em {
	font-weight: bold;
	font-style: normal;
}

.infoContent dl.marginZero {
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	display: block;
}

.infoContent dl.marginZero dt {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#dimension {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: right;
}

#dimension span.selectBox {
	text-align: left;
	font: bold 11px Arial, Verdana, sans-Serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#dimension span.selectBox select {
	margin: 0 0 0 0;
	font: normal 11px Arial, Verdana, sans-Serif;
	width: auto;
}

#dimension span.radioChoices {
	font: bold 11px Arial, Verdana, sans-Serif;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
}

#dimension span.radioChoices label {
	font: normal 11px Arial, Verdana, sans-Serif;
}

#dimension span input.butt_on1 {
	border: 3px solid #B2B2B2;
	background-color: #f8f5e9;
	font: normal 11px Arial, Verdana, sans-Serif;
	margin: 0 0 0 15px;
	padding: 0 4px 0 4px;
}

.ScrollTable-container {
	width: 100%;
}

.ScrollTable thead tr {
	position: relative;
}

.ScrollTable tbody {
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}

.ScrollTable tbody tr {
	height: auto;
}

.ScrollTable tbody tr td:last-child {
	padding-right: 20px;
}

.ScrollTable {
	height: 400px;
}

.ScrollTable thead tr th {
	border-bottom: 3px solid #0099cc;
	border-top: 3px solid #0099cc;
	background-color: #c9e4f1;
	font: normal 11px Arial, Verdana, sans-Serif;
	text-align: center;
	color: #000;
	height: 25px;
}

.ScrollTable tbody {
	height: 35px;
	width: 100%;
}

.ScrollTable tbody tr td {
	padding: 0;
	margin: 0 0 0 0;
	border-left: 1px dashed #cdcdcd;
	font: normal 11px Arial, Verdana, sans-Serif;
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
}

.ScrollTable tbody tr th {
	background: #c9e4f1;
	font: bold 12px Arial, Verdana, sans-Serif;
	margin: 0;
	padding: 0 10px 0 12px;
	text-align: left;
	white-space: nowrap;
	width: 15%;
	border-bottom: 1px dotted #cdcdcd;
}

.ScrollTable tr:hover,.ScrollTable .highlighted {
	background: #ffe2ac;
}

.ScrollTable tbody tr:hover th,.ScrollTable tbody tr.highlighted th {
	background: #e0d3a4;
}

th.labels {
	margin: 0;
	padding: 0;
}

th.labels span.horizontalDim {
	margin: 0 10px 0 0;
	float: right;
}

th.labels span.verticalDim {
	margin: 0 0 0 10px;
	text-align: left;
	float: left;
}

span.horizLabel {
	margin: 0 10px 0 0;
	float: right;
}

span.vertLabel {
	margin: 0 0 0 10px;
	float: left;
}

#expect {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	font: normal 11px Arial, Verdana, serif;
	padding: 4px 0 4px 0;
}

#expect span {
	font-weight: bold;
}

li.expect {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	font: normal 11px Arial, Verdana, serif;
	padding: 2px 0 2px 2px;
	margin: 4px 0 0 0;
	height: auto !important;
	height: 1px;
	width: 99%;
}

li.expect span {
	font-weight: bold;
}

#progressBarEstat {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 90px;
    font: bold 11px Verdana, Arial, sans-serif;
    color: #fff;
}

#progressBarCommission {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 157px;
    font: bold 11px Verdana, Arial, sans-serif;
    color: #fff;
}

#progressBarEstat table, #progressBarCommission table {
    top: 29px;
    font: bold 11px Verdana, Arial, sans-serif;
    color: #fff;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

#progressBarEstat table tr td, #progressBarCommission table tr td {
    padding: 0 10px 0 10px;
}

.hide {
	/*visibility: hidden;*/
	display: none;
}

.show {
	/* visibility: visible;*/
	display: block;
}

#scaleSize {
	margin: 0;
	padding: 0;
}

.axisContainer {
	width: 110px;
	float: left;
	margin-right: 5px;
}

.axisContainer label {
	font-size: 10px;
}

.axisContainer p {
	margin: 0;
}

.axisContainer select {
	width: 110px;
	font: normal 11px Arial, Verdana, sans-Serif;
}

.axisContainer .values {
	height: 180px;
}

#graphDimensionBox, #animationBox, #lastDataBox {
	float: left;
	margin-top: 10px;
}

fieldset.L1 {
	height: 234px;
	width: 80px;
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 0 3px;
	font: normal 11px Arial, Verdana, sans-Serif;
	text-align: center;
	border: 2px solid #F8F5E9;
}

fieldset.L1 legend,fieldset.L2 legend {
	font-weight: bold;
}

fieldset.L1 select {
	font: normal 11px Arial, Verdana, sans-Serif;
	border: 1px solid #cdcdcd;
	margin: 0 0 2px 0;
	width: 70px;
	height: 180px;
}

fieldset.L2 {
	width: 130px;
	margin: 0 0 0 4px;
	padding: 3px 3px 0 3px;
	font: normal 11px Arial, Verdana, sans-Serif;
	height: 234px;
	text-align: center;
	border: 2px solid #F8F5E9;
}

fieldset.L2 select {
	width: 120px;
	font: normal 11px Arial, Verdana, sans-Serif;
	float: left;
	height: 180px;
}

fieldset.L1 label {
	margin: 0;
	padding: 0;
	float: left;
}

fieldset.L1 input {
	margin: 0;
	padding: 0;
	float: right;
}

fieldset.spacer {
	padding: 4px;
	margin: 0 0 15px 0;
}

fieldset.spacer input {
	margin: 0 0 0 5px;
}

fieldset.scaling {
	border: 2px solid #F8F5E9;
	font: normal 11px Arial, Verdana, sans-Serif;
}

fieldset.scaling legend {
	font-weight: bold;
}

fieldset.scaling label {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

fieldset.scaling  label.groupby {
	background-color: #f8f5e9;
	border-bottom: 1px solid #f8f5e9;
	margin: 0 0 -2px 0;
	padding: 0 0 2px 0;
}

fieldset.scaling input {
	font: normal 11px Arial, Verdana, sans-Serif;
}

fieldset.scaling  input.textfield {
	width: 50px;
	font: normal 11px Arial, Verdana, sans-Serif;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

fieldset.scaling ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	background-color: #f8f5e9;
	width: 100%;
}

fieldset.scaling ul li {
	padding: 0 10px 0 0;
	margin: 2px 0 2px 0;
}

fieldset.scaling ul li span {
	padding: 0 30px 0 5px;
	margin: 2px 0 2px 0;
}

fieldset.scaling p.BgWhite {
	background-color: #fff;
	margin: 0;
	padding: 0 0 0 5px
}

fieldset.scaling p {
	margin: 0 0 0 0;
	padding: 0 4px 0 4px;
	background-color: #f8f5e9;
	line-height: 140%;
}

#table h2.normal {
	font: normal 12px Arial, Verdana, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

ul.series {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font: normal 11px Arial, Verdana, sans-serif;
	background-color: #f8f5e9;
	list-style: none;
}

ul.series li {
	margin: 0 0 0 0;
	padding: 3px;
}

ul.series li select {
	font: normal 11px Arial, Verdana, sans-serif;
}

#error {
	width: 100%;
	text-align: center;
}

#error p {
	margin: 20% auto 0 auto;
	width: 50%;
	text-align: left;
}

#error p img {
	float: left;
	border: 0px;
	margin: 0 10px 10px 10px;
	padding: 0 0 0 0;
}

#error p span {
	margin: 0 0 0 0;
	text-align: left;
	font: normal 11px Arial, Verdana, sans-serif;
	padding: 0 0 0 0;
}

#help {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 90;
}

#rightColumn .infoContent#legendTab {
	margin-top: 2px;
	height: 150px;
	overflow: auto;
	background-color: #F8F5E9;
}

#legend-comparison {
	font: normal 11px Arial, Verdana, sans-serif;
}

#legend-data-time {
	font: normal 11px Arial, Verdana, sans-serif;
}

#legendTab hr {
	border: 0;
	background-color: #CCC;
	height: 1px;
}

#sourceOfData {
	float: right;
}

#flagsInfo {
	
}

.warningMessage {
	clear: left;
	display: block;
	border: 1px solid #818181;
	background-color: #F8F5E9;
	text-align: center;
	display: block;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	font: bold 11px Arial, Verdana, sans-Serif;
	color: #ff0000;
}