html { height: 100% }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, table, td, p { margin: 0px; padding: 0px; }

/*body { height: 100%; font-family: Verdana,Tahoma,Helvetica,sans-serif; font-size: 11px; color: #000000; background: #000033 url('../images/body2.jpg') fixed no-repeat top center; }*/
body { height: 100%; font-family: Verdana,Tahoma,Helvetica,sans-serif; font-size: 11px; color: #000000; }

h2 { color: #ffffff; font-size: 24px; padding: 0px 15px; }
h3 { color: #2E6E9E; padding: 5px 50px 10px; }
hr { border: 0px solid #A6C9E2; border-top-width: 1px; }
form { width: auto; }
form, table, input { font-size: 12px; }
input, select, textarea { background: #ffffff; color: #000000; }
input:disabled, select:disabled, textarea:disabled {
	background: #DDDDDD;
}
fieldset { border: 0px solid #A6C9E2; border-top-width: 1px; margin: 5px 10px 0px; padding: 0px 0px 0px 140px; }
legend { padding: 0px 10px; }

table { width: 100%; }
td, th { padding: 4px; }
th { text-align: right; width: 140px; vertical-align: top }
label { font-weight: bold; }

/*#headerDiv { height: 152px; background: transparent url('../images/header.jpg') no-repeat bottom center; padding: 0px 10px 0px; }*/
 #headerDiv { height: 152px; background: none; padding: 0px 10px 0px; }
#titleDiv { position: absolute; top: 54px; width: 450px; z-index: 20; }
#titleDiv img { float: left; margin: 2px 5px 25px 0px; }
#titleDiv .title { font-size: 11px; font-family: Arial; font-weight: bold; color: #ffffff; position: relative; top: -15px; left: 1px; }
#titleDiv .subtitle { font-size: 11px; font-family: Arial; font-weight: bold; color: #000000; }
#welcomeDiv { float: right; font-size: 12px; color: #ffffff; padding: 10px 0px; z-index: 20; height: 80px; text-align: right; }
#welcomeDiv label { color: #dfdfdf; font-size: 11px; padding: 0px 6px 6px; display: block }
#headerClouds { position: absolute; height: 152px; width: 950px; overflow: hidden; }
#headerMask { position: absolute; top: 0px; height: 152px; width: 950px; overflow: hidden; z-index: 100; }
/*
#headerClouds { position: absolute; height: 152px; width: 950px; overflow: hidden; background: transparent url('../images/headerClouds.png') repeat-x 540px 0px; z-index: 10; }
#headerClouds .mask { height: 152px; width: 950px; overflow: hidden; background: transparent url('../images/headerCloudsMask.png') repeat-x 0px 0px; z-index: 11; }
*/

#bodyDiv { width: 970px; margin: 0 auto; background: #046a94 url('../images/bodyback.jpg') repeat-x center top; }
#menuDiv { height: 32px; overflow: hidden; z-index: 20; }
#menuDiv .ui-button-text { font-weight: bold; font-size: 13px; }
#languageDiv { float: right; clear: right; margin: 10px 0px 0px; z-index: 50; }
#languageDiv input { display: none; }
#languageDiv label { cursor: pointer; color: #001155; font-size: 10px; font-weight: bold; padding: 2px 6px 4px 4px; margin: 0px 0px 0px 4px; background: transparent url('../images/styleBackground.png') repeat 50% 10%; }
#languageDiv label:hover, #languageDiv label.selected { color: #ffffff !important; background: transparent url('../images/styleBackgroundSelected.png') repeat 50% 10%; }

#mainDiv { margin: 0px 10px 25px; min-height: 480px; overflow: hidden; }
#mainDiv .ui-state-default a { font-size: 11px; font-weight: bold }

#footerDiv { padding: 10px 40px 30px; text-align: center; color: #cccccc; font-size: 10px; }

#loadingDiv { background: #DFEFFC; text-align: center; padding: 15px 0px 0px; font-size: 18px; font-weight: bold; }
#progressbar { height: 20px; margin-top: 20px; background: transparent url('images/pbar-ani.gif') repeat-x top left; }
#loginDiv { margin: 0px auto; width: 250px; padding-top: 100px; }
#loginForm { width: 450px; overflow: hidden; height: auto !important; }
#logoutForm { width: 450px; overflow: hidden; text-align: right; }

.languageOption { padding-left: 20px; background-repeat: no-repeat; background-position: center left; }
.backBtn { position: absolute; top: 120px; z-index: 100; }
.forwardBtn { position: absolute; top: 120px; z-index: 100; left: 32px; }
.reloadBtn { position: absolute; top: 120px; z-index: 100; left: 70px; }
.filter-bar { background: #7eb544; padding: 2px; overflow: hidden; color: #ffffff; }
.filter-bar label { font-size: 11px; }

.confirmResponse { padding: 4px 8px; text-align: left; }
.errorResponse { padding: 4px 8px; text-align: left; }
.errorResponseDisplay { padding: 4px 8px; text-align: left; }
.confirmResponse span.ui-icon, .errorResponse span.ui-icon, .errorResponseDisplay span.ui-icon { float: left !important; margin-right: 5px; }

.fright { float: right; }
.fleft { float: left; }
.cboth { clear: both; }

.tinyWidth { width: 32px; }
.smallWidth { width:  100px; }
.normalWidth { width: 190px; }
.largeWidth { width: 400px; }

.tinyHeight { height: 36px; }
.smallHeight { height: 100px; }
.normalHeight { height: 200px; }

#parameter_measurement_units { padding: 0px 10px; }
.hidden { display: none; }
.little span { font-size: 10px; }
.little span.ui-button-text { height: 14px; padding: 1px 4px 1px 22px; }
/*
Second level of tabs below the main ones, should look different
*/
.miniTabs { border: none; }
.miniTabs .ui-tabs-nav { background: none; padding: 0px 10px; }
.miniTabs .ui-tabs-nav li { background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; }
.miniTabs .ui-tabs-nav li a { padding: 4px 8px 3px; color: #026890; }
.miniTabs .ui-tabs-nav li a:hover { padding: 4px 8px 3px; color: #ffffff; }
.miniTabs .ui-tabs-nav li.ui-tabs-selected { background: #ffffff; }
.miniTabs .ui-tabs-nav li.ui-tabs-selected a { color: #003300; }
.miniTabs .ui-tabs-panel { border: 1px solid #A6C9E2; padding: 10px 0px; }

.containerTable { width: 100%; }
.containerList { width: 280px; max-width:280px; height: 320px; padding: 10px 5px 10px 10px; background: #0078ae url('../images/backTree.png') repeat-x top left; overflow: auto; text-align: left; vertical-align: top; }
.containerInfo { overflow: auto; vertical-align: top; }

.roleCategories .ui-button-text { font-size: 9px; }
.strike { text-decoration:  line-through; }

.tight thead tr td { margin: 0px; padding: 1px; }
.tight tbody tr td { margin: 0px; padding: 1px; }
.tight tfoot tr td { margin: 0px; padding: 1px; }

/*.container_edit {
	border: 1px solid #6BBB00;
	padding: 10px;
}
.container_view {
	border: 1px solid #A6C9E2;
	padding: 10px;
}
.container_edit legend, .container_view legend {
	font-weight: bold;
	padding: 4px 10px;
}*/
.tableHeader { background: #7EB544; }
.tableHeader td { color: #ffffff; font-weight: bold; }
.miniTable td, .miniTable th { margin: 0; padding: 1px }
.toolTip { background: #efefef; border: 4px solid #0078AE; float: left; text-align: left; padding: 5px 10px; position: absolute; z-index: 1000; min-width: 100px }
.toolTip table { font-size: 10px; }
.ui-slider-button-label { text-align: left; width: 100%; }

.configuration-tree {
	margin: 10px; padding: 10px; background: #6699CC; color: #333333;
}

#selectable { background: #ffffff; font-weight: bold; font-size: 12px; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li { margin: 2px; padding: 2px 4px 4px; height: 16px; cursor: pointer; min-width: 180px; display: block; float: none; }
#selectable li:hover { background: #79c9ec; }

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; }
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden; }
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; }
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden; }

.qaqcImage { float: left; margin: 0px 0px 0px 10px; }

.local_series_state_data_transmision_blocked {
	color: gray !important;
}
.local_series_state_config_changed {
	color: red !important;
}
.local_series_state_newly_added {
	color: yellow !important;
}

.local_station_state_data_transmision_blocked {
	color: gray !important;
}
.local_station_state_config_changed {
	color: red !important;
}
.local_station_state_newly_added {
	color: yellow !important;
}

.buttonset_tight label { padding: 2px 6px !important }
.buttonset_tight label span { padding: 0px !important}

.component_data_json {
	display: none;
}