/* $Id: mastervolt.css 24 2014-06-29 15:32:19Z Bart $ */
body 
{
	margin: 0px 0px 0px 0px;
	background-color : #C8C8F5 ;
	background-color : #fdc400;
	background-image: url('background.png');
	background-repeat: repeat-x;
 		
	color : #000000;
	font-family		: Verdana, Arial, Syntax,Helvetica, sans-serif;
	font-size	        : 12px;
}

/* color pallet
 *
 *  #FDF8E5 graph background
 *  #FA7923 text
 *  #753206 header back-ground + Page header
 *  #A84707
 *  #aaaaaa menu back-ground
 *  #fdc400 menu select back-ground
 */

div.mainpage
{
	margin-top: 0px;
	min-width		: 1000px;
	background-image: url('zon.png');
	background-repeat: no-repeat;
}

/* ---- title bar ------ */
h1.PageHeader
{
    padding-top: 22px;
    padding-bottom: 22px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    text-align: center;
    color : #753206;
    background-image: url('panels.png');
    background-repeat: no-repeat;
    background-position: top right;
}

/* ---- menu bar ------ */
ul.menu-bar
{
    list-style-type: none;
    height: 40px;
    margin: auto;
    background: #aaaaaa;
}

li.menu-item
{
    float: left;
}

ul.menu-bar a 
{
    padding-right: 14px;
    padding-left: 14px;
    display: block;
    line-height: 40px;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16;
    color: #371C1C;
}

a.menu-selected,
ul.menu-bar a:hover 
{
    background: #fdc400;
    color: #FFFFFF !important;
}

/* ---- content ------ */
div.content-block
{
    margin-top: 20px;
    display: block;
    width: 100%;
    text-align: center;
}

/* ---- next/prev page ------ */
div.button-container
{
    clear : both;
    width: 100%;
    text-align: center;
}

div.button-bar
{
}

span.button-prev
{
    margin-right: 340px;
}

span.button-next
{
    margin-left: 340px;
}

span.button-prev a,
span.button-next a
{
    text-decoration: none;
    color: black;
}

span.button-prev a:hover,
span.button-next a:hover
{
    color: red;
}

/* ---- status page ---- */
table.status-table
{
    width: 80%;
    margin: auto; 
    border-spacing: 10px;
    border: solid black 1px;
}

th.statusheader
{
    background: #753206;
    color     : #FFFFFF;
}

tr.status-row
{
    width: 100%;
    white-space:nowrap;
}

th.col1, th.col2
{
    width: 30%;
}

th.col3
{
    width: 40%;
}

td.statuslabel
{
    font-size: 14px;
    white-space:inherit;
}

td.statuswaarde
{
    font-size: 14px;
    white-space:inherit;
    font-weight: bold;
}

/* --------- about page ---------- */
ul.about,
p.about
{
    text-align: left;
    margin-left: 30px;
}

h2.about
{
    color : #753206;
    text-align: left;
    margin-left: 50px;
}

ul.about-ul2
{
    margin-top: 10px;
    margin-bottom: 20px;
}

li.about
{
    text-align: left;
}

.about-image
{
    float: right;
    margin-right: 20px;
}

.about-image img
{
    border: solid 1px #753206;
}
/* --------- footer ---------- */
div.footer
{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 10px;
}


/* --------- graphs ---------- */
td.graph-tooltip
{
    font-family: Verdana, Arial, Syntax,Helvetica, sans-serif;
    font-size: 10px;
    white-space : nowrap;
}