/* ELEMENT FORMATTING */
body
{
font-family: sans-serif;
font-size: 8pt;
color: #ffffff;
margin: 0;
padding: 0;
/*background: #336699;*/
background: #255F8E;
background-image: url(./../images/wallpaper.jpg);
background-repeat: repeat-x;
}

h1
{
font-size: 14pt;
font-weight: bold;
}

h2
{
font-size: 8pt;
font-weight: bold;
border-bottom: 1px solid #cccccc;
display: block;
}

a
{
/*color: #ffffff;*/
color: #000000;
font-weight: bold;
}

.formdisabled
{
color: #333333;
}

.sectionheader
{
font-size: 8pt;
font-weight: bold;
border-bottom: 1px solid #cccccc;
display: block;
margin-bottom: 10px;
margin-top: 10px;
position: relative;  /* NEEDED AS IE FIX FOR HIDING HEADERS */
top: 0;
left: 0;
}

.ploterrorbox
{
font-size: 12pt;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding-top: 50px;
}

.statusok
{
margin-top: 3px;
margin-bottom: 3px;
padding: 3px;
border: 2px solid #66cc66;
}

.statuswarning
{
margin-top: 3px;
margin-bottom: 3px;
padding: 3px;
border: 2px solid #cccc66;
}

.statusfail
{
margin-top: 3px;
margin-bottom: 3px;
padding: 3px;
border: 2px solid #cc6666;
}

.statusdisabled
{
margin-top: 3px;
margin-bottom: 3px;
padding: 3px;
border: 2px solid #cccccc;
}

img
{
border: 0;
}

th
{
border-bottom: 1px solid #cccccc;
}




/* PAGE BLOCK FORMATTING */
.pagecontainer
{
min-width: 1200px; /* Needed especially for iPad */
}

.container
{
padding: 20px;
margin: 0;
}

div.header
{
height: 60px;
background: #ffffff url('./../images/header_bg.png') no-repeat right top;
}

.header-image
{
float: left;
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 0px;
}

.header-text
{
float: left;
font-size: 18pt;
font-weight: bold;
margin-top: 15px;
color: #666666;
}

.login-message
{
font-weight: bold;
}

.login-error
{
color: #cc0000;
font-weight: bold;
}

.errorbox
{
margin: 0px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #ff0000;
background: #ffdddd;
color: #ff0000;
font-weight: bold;
}

.warningbox
{
margin: 0px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #ffff00;
background: #ffff99;
color: #666600;
font-weight: bold;
}

.messagebox
{
margin: 0px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #00ff00;
background: #ddffdd;
color: #000000;
font-weight: bold;
}

/*.dimbox
{
position: absolute;
background: #000000;
opacity: 0.05;
-moz-opacity: 0.05;
filter:alpha(opacity=5);
}*/

.loadingbox
{
position: absolute;
width: 160px;
height: 60px;
background: #ffffff;
border: 1px solid #000000;
padding: 10px;
text-align: center;
color: #000000;
font-weight: bold;
z-index: 90;
}

#loginbox
{
margin-top: 150px;
width: 500px;
margin-left: auto;
margin-right: auto;
}




/* TABLE 'DEFAULT' */
.widget-table
{
border-spacing: 0px;
}

.widget-table td
{
margin: 0px;
padding: 8px;
}

.widget-table td.header
{
font-weight: bold;
text-align: center;
padding: 2px 8px;
}

.widget-table td a,
.widget-table td a:visited
{
color: #000000;
}

.widget-table td.odd
{
background: #eeeeee;
color: #000000;
}

.widget-table td.even
{
background: #ffffff;
color: #000000;
}




/* TABLE 'NOSHADE' */
.widget-table-noshade
{
border-spacing: 0px;
}

.widget-table-noshade td
{
margin: 0px;
padding: 8px;
}

.widget-table-noshade td.header
{
font-weight: bold;
text-align: center;
}

.widget-table-noshade td.odd
{
}

.widget-table-noshade td.even
{
}

.image-container
{
padding: 10px;
position:relative;
border: 1px solid #cccccc;
}

.image-container img
{
position:absolute;
top:0;
bottom:0;
left: 0;
right: 0;
margin:auto;
border: 1px solid #cccccc;
}

.logbook-info,
.logbook-edited
{
font-size: 8pt;
}

.logbook-edited
{
font-style: italic;
}


@media print {
	.header {
		display:none;
	}
	.widget-hmenu {
		display:none;
	}
	#systemtree {
		display:none;
	}
	#hometree {
		display:none;
	}
	#plotsettings {
		display:none;
	}
	.widget-tabpanel-list {
		display:none;
	}
	.widget-tabpanel-list-item {
		display:none;
	}
	.widget-tabpanel-list-item-active {
		display:block;
		width: 95%
	}
}