body    
{
	margin:0;
	padding:0;
	font:12px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
	color:#000;
	background: url('../images/content/bg.gif') repeat-x scroll 0 0 #DFDCDC;
	cursor:default;
}
#div    {position:relative;}
form    {margin:0;padding:0;}
img    {border:0;}
input,select,textarea{}
table {table-layout: fixed;}
ul {padding:0}

a:link, a:visited{color:#767676;text-decoration:underline;}
a:hover, a:active,a.active{color:#009aa8;text-decoration:none; }

.activeLi{border: 1px solid lightgrey; background-color: #E0E0E0;}

.hasToolTip{
    position:relative; /*this is the key*/
    z-index:24; 
    line-height: 25px;
    font-size:18px;
}

.miniPanelHeader{
    font-size: 16px;
    /*font-weight: bold;
    color:#253866;*/
    color:black;
}

.hasToolTip:hover{z-index:25;}

.hasToolTip span.toolTip{display: none}

.hasToolTip:hover span.toolTip{ /*the span will display just on :hover state*/
	display:block;
    position:absolute;
    top:0.5em; width:15em;
    border:1px solid #b0b1b1;
    background-color:#d5e3f2; color:#253866;
    text-align: left;
    padding: 3px;
    font-size: 10px;
    line-height: 12px;
    }


h1{font-size:14px;line-height:20px;margin:0 0 0 5px;padding:0;color:#009aa8;}

.dvClear{display:block;clear:both;height:1px;}

#dvPlate{height: 100%;width:100%;text-align:left;overflow:visible; background-color: #ffffff; border: 0px solid silver; max-width: 1000px}
    #dvHeader{height:60px;background:url(../images/content/bgDefault.png) no-repeat center #fff;}
        #dvLogo{float:left;height:44px;overflow:hidden;margin:17px 17px 0 17px;}
            .logo{background:url(../images/content/ADCON_Logo_RGB.svg) no-repeat;width:128px;height:100%;}
        #dvControl{height: 40px; 
			/*background-image: linear-gradient(bottom, #FEFEFE 15%, #DEDEDE 79%);
			background-image: -moz-linear-gradient(center bottom , #FEFEFE 15%, #DEDEDE 79%);*/
			background-color: lightgrey;
		}
        #dvGreeter{position:absolute; right: 0px; color:#253866;font-size:16px;top: -24px;text-align:right;}
        #dvLiveData{float:left;height:44px;width:148px;margin:7px 0 0 0;background:url(../images/content/liveData.png) no-repeat 17px ;border-left:1px solid #a4a4a4;}
        #dvTimestamp{color:#253866;font-size:10px;margin:0 17px 0 0;text-align: left;position: absolute; left:15px; }
        #dvTimestamp td{padding: 0px}
		#dvBreadcrumb{border: 1px solid grey; border-radius: 8px 8px 8px 8px; color: #253866; font-size: 18px; line-height: 25px; margin-left: 10px; padding: 2px; top: 4px; width: 200px;
			background-image: url(/livedata/images/button_gradient_bg.png);
			cursor: pointer;
			overflow: hidden;}
		#dvBreadcrumb	a {text-decoration:underline; padding-left: 4px;}
		#dvViewSelectors {position: absolute; right: 40px; top: 3px; cursor: pointer}
		#dvViewSelectors div {border: 1px solid darkgrey; border-radius: 7px; padding-top: 4px; top:3px; position: absolute; text-align: center; width: 56px; height: 22px;
			background-image: url(/livedata/images/button_gradient_bg.png);
		}
		#dvViewSelectors img {border:none;}
		#dvViewSelectors div.selected {border-radius: 7px 7px 0 0;border-bottom: none; cursor:default; height: 29px}
		#dvViewSelectors div.disabled {cursor:default; }
#dvButtons{position:absolute; right:0px; text-decoration: none;top: 0;}
#dvNavi{left:0;height:auto;width:100%;border-top:1px solid #7d7d7d;background:url(../images/content/bgNavi.png);z-index:1;}
        #dvNavi ul{margin:0 7px;padding: 12px 12px 0 0;list-style-type: none;}
        #dvNavi ul li{display:inline;margin:0;line-height:20px;height:20px;}
        #dvNavi ul li a:link, #dvNavi ul li a:visited{display:inline-block;color:#a8b1c5;background-color:#1c305f;text-decoration:none;}
        #dvNavi ul li a:hover, #dvNavi ul li a:active, #dvNavi ul li a.active{color:#1c305f;background-color:#fff;}
            
    #dvContent{width:100%;}
        #dvSubnavi{position:relative;top:0px;height:30px;width:100%;margin:0 0 10px 0;z-index:1;float: left; border-bottom: 1px dotted #b0b1b1;padding-bottom: 7px;}
            #dvSubnavi ul{margin:0; padding:0px 0px 4px 0px; list-style-type: none; float: left; }
            #dvSubnavi ul li{float:left;margin:4px 0 0 0;line-height:22px;height:26px;padding:0 10px;font-size:11px;font-weight: bold}
            #dvSubnavi ul li a:link, #dvSubnavi ul li a:visited{display:inline-block;color:#767676;text-decoration:underline;margin-top: 3px;}
            #dvSubnavi ul li a:hover, #dvSubnavi ul li a:active,#dvSubnavi ul li a.active{color:#009aa8;text-decoration:none; }
.dvIcon{float:left;width:130px;overflow:hidden;margin:10px;text-align:center;}
        .dvIconMini{overflow:hidden; text-align:center;}
		#dvInstruments{float:left;width:150px;height:250;overflow:hidden;margin:10px 0 0 0;text-align:center;}
        .dvItem{float:left;margin:5px;text-align:center;overflow:hidden;}
        #table-header{margin: 10px 17px -10px 17px; background-color:#516185;}
        #dvTable{float: right;width:77%;text-align:left;overflow:hidden;}
	        table{border-spacing:0;border-collapse:collapse;border:none; margin-right: 2px;}
	        tr th.active, tr th:HOVER {background-color: #d5e3f2;}
	        
	        col.active {background-color: #E0E0E0;}
			tr th{border-right: 1px solid #b0b1b1;margin: 0px;  padding: 4px 4px 4px 2px;text-align: center;}
	        tr th a {color: inherit;}
	        .ajax-table-img {height: 1em;padding: 4px;}
	        table.ajax-table tr td {height: 20px; min-width: 29px;}
	        #dvTable table tr td{border-right: 1px solid #b0b1b1;border-top: 1px solid #b0b1b1;margin: 0px;  padding: 4px 4px 4px 2px;text-align: right;}
	        #dvTable table tr td:FIRST-CHILD {text-align: left;}

			#dvMiniContent {background-color: #ffffff;}
	        #dvMiniContent table {font-size: 8pt; table-layout: auto;}
	        /*where else is this used? it was previously with padding:0px and text-align: center, but it didn't fit to any minipanel*/
	        #dvMiniContentTableNoBorder table tr td {font-size: 8pt; margin: 0px;  text-align: right;}
			
        .values-table{float:right;width:100%}
        .values-tableMini{font-size: 8pt; white-space: nowrap; border-bottom: 1px solid #b0b1b1; border-top: 1px solid #b0b1b1; overflow:hidden;padding: 4px 4px 4px 2px; text-align: right; }
		.values-tableMini tr td {font-size: 8pt; white-space: nowrap; border-bottom: 1px solid #b0b1b1; border-top: 1px solid #b0b1b1; overflow:hidden;padding: 4px 4px 4px 2px; text-align: right; }

        #dvPanel{margin:0px; min-height:270px; -moz-user-select: none;}
    #dvFooter{background-color:#516185;border-top:1px solid #1a2e5e;line-height:30px;color:#959fb7;height:30px;padding:0 17px;text-align: left;}
    #dvFooter .right{right: 0px;position:absolute;padding:0px}
    #dvFooter .right a{color:#959fb7;text-decoration:none;}
    #dvFooter .right div{padding-left: 10px; padding-right: 10px; background-color:#516185}
    #dvFooter .left{left: 10px;position:absolute;padding:0px}

    #dvFooterFullScreen{background-color:#516185;border-top:1px solid #1a2e5e;line-height:30px;color:#959fb7;height:30px;text-align: left;position:fixed; width:100%; bottom:0}
    #dvFooterFullScreen .right{right: 0px;position:absolute;}
	#dvFooterFullScreen .right a{color:#959fb7;text-decoration:none;}
    #dvFooterFullScreen .right div{padding-left: 10px; padding-right: 10px; background-color:#516185}
	#dvFooterFullScreen .left{left: 10px;position:absolute;}

.node-table
{
	margin: 10px;
	text-align: right; /* changed from center for better algnment especially with data delay icons */
}

.node-table th
{
    padding-right: 20px; 
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/livedata/images/bg.gif); 
}

.node-cell, .dvEventList table tr td
{
	border: 1px solid #b0b1b1;
	margin: 0px;  
	padding: 3px;
	white-space: nowrap; 
	overflow:hidden;
	/* the event list seems to ignore this parameter - which is good, but makes me sceptic */
	/*max-width: 150px; this also counts for the node list, and I think it reduced space for nothing -> now it shows scrollbars if table is too large*/
}

.node-cell img
{
	height: 20px;
    width: 20px;
    vertical-align: middle;
	margin-top: -1px; /* to avoid that lines with images are higher than lines without */
}


.statistic-links-year
{
	padding-left: 10px; 
	padding-right: 10px; 
	font-size:15px;
	color: black;
	text-decoration: underline;
}

.statistic-links-month
{
	padding-left: 2px; 
	padding-right: 2px; 
	font-size:13px;
	color: black;
	text-decoration: underline;
}

.statistic-links-month.inactive,.statistic-links-year.inactive 
{
	cursor: not-allowed;
}

.statistic-links-month.disabled,.statistic-links-year.disabled 
{
	text-decoration: none;
	color: grey;
}

.statistic-links-month.active,.statistic-links-year.active 
{
	background-color: #E0E0E0;
	color: #009AA8;
	text-decoration: none;
	cursor: default;
	border: 1px solid lightgrey;
}

.statistic-table tr td, .statistic-table th, 
.statistic-table-left tr td, .statistic-table-left th, 
.statistic-table-right tr td, .statistic-table-right th
{
	border: 1px solid #b0b1b1;
	border-top:none;
	border-left:none;
	overflow: hidden;
	padding: 3px;
	background-color: white;
	white-space: nowrap;
}

.statistic-table-left tr td table tr td
{
	border:none;
	padding:0px;
	background-color: transparent;
}

.statistic-table-header
{
	font-weight: bold;
}

.statistic-table-left
{
	width: 92px;
	overflow: hidden;
	text-align: left;
}


.statistic-table-div
{
	width: 100%;
	overflow-x: auto;
	left: 5px;
}

.statistic-table-middle
{
	vertical-align: top; 
	width: 98%;
	float:left;
}

.statistic-table-div-right
{
	left: -12px;
	width: 70px;
}

.statistic-table-div table
{
	line-height: 20px;
}

.statistic-table-right
{
	width: 100%;
	line-height: 20px;
	border-left: 1px solid #b0b1b1;
}

.dvSelector
{
	background-color: white; 
	position: absolute;
	min-width: 190px;
	z-index: 100;
	border-radius: 10px; 
	border: 1px solid darkGrey;
	visibility: hidden;
	top: 36px;
	padding: 7px;
}

.dvSelectorHead
{
	background-color: lightblue; 
	border-radius: 10px 10px 0px 0px; 
	font-size: 10pt; 
	text-align: center; 
	position: absolute; 
	width: 100%; 
	top: 0px; 
	right: 0px; 
	height: 19px; 
	padding-top: 2px;
}

.dvSelector > div:LAST-CHILD
{
	overflow: auto; 
	height: 90%;
}

.dvSelector a
{
	cursor: pointer;
	text-decoration:underline; 
}

#dvContent
{
	min-height: 150px; 
	height: 100%; 
	overflow: auto; 
}
#dvContentFullScreen
{
	min-height: 150px; 
	height: auto; 
	overflow: auto; 
	width: 100%; 
	position: absolute; 
	top: 100px; 
	bottom: 30px
}

.dvEventList
{
	padding-bottom: 20px;
	padding-top: 20px; 
	padding-left: 20px;
	min-height: 50px;
	width: 93%
}

th.headerSortUp { 
    background-image: url(/livedata/images/asc.gif); 
}

th.headerSortDown { 
    background-image: url(/livedata/images/desc.gif); 
}

.mapItem
{
	width: 260px;
	height: 56px;
	background: white;
	border-radius: 10px;
	border: 1px solid darkGrey;
	padding: 5px;
	opacity: 0.7;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	visibility: visible;
}

.mapItem:hover
{
	opacity:1;
	z-index: 10000
}

.mapItem:hover + .mapItemMarker
{
	z-index: 10001
}

.mapItem_large
{
	background: white;
	border: 1px solid darkGrey;
	padding: 5px;
	border-radius: 10px;
	opacity: 1;
	text-align: center;
	position: absolute;
	overflow: hidden;
	z-index:100;
	cursor: default;
	overflow: hidden;
	
}

.mapItemMarker, .mapItemsCluster
{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	z-index: 50;
	border: 1px solid black;
	position: absolute;
	
}

.mapItemMarker_instrument
{
	min-width:20px;
	min-height:20px;
	z-index: 50;
	position: absolute;
	/*background-size: 20px auto;*/
}

.mapItemIcon
{
	width: 20px;
	height: 20px;
}

.mapItemName
{
	font-size: 16px;
    padding: 0 0 0 5px;
    white-space: nowrap;
    font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}

.mapItemCloseDiv
{
	position: absolute;
	left: 245px;
	top: 15px;
	cursor: pointer;
}

.statistic-table-wrapper
{
	width: 100%;
}

.statistic-table-wrapper .even
{
	background-color: #EEEEEE;
}

.statistic-table-wrapper > td
{
	width: 82px;
}

.mapItemValuesHolder
{
	width:100%;
	vertical-align: bottom;
	white-space: nowrap;
	font-size: 14px;
    font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}

.mapItemValuesHolderText
{
	padding-left: 3px;
}


#accordion {
	list-style: none;
	padding: 0 0 0 0;
}
#accordion li{
	display: block;
	background-color: lightblue;
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 7px;
	list-style: circle;
	border-radius: 5px;
	padding-left: 5px;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
	color:blue;
}
.forecast-status-image
{
	position: absolute;
	left: 5px;
	top: -3px;
	height: 7px !important;
	width: 7px !important;
}