@CHARSET "ISO-8859-1";
body
{
	font-family:verdana,arial;	
	padding:0;
	margin:0;
	background-color:#979E9C;
	background-image:url('../images/mainBackGradient.png');	
	background-repeat:repeat-x;
	width:100%;	
}

p,table,table a { color:#0A3A6B; }

.fixDiv { width:80%; }

.right { float:right; }
.left { float:left; }
.italic { font-style:italic; }
.inactive { font-style:italic;color:#666; }
.hidden { display:none; }
.small { font-size:small; }
.smalllink { font-size:xx-small;font-style:italic; }

form label { display:block;font-style:italic; }

form input.text { border:1px solid #ccc;margin:0px; }

.error, .succes { padding-left:40px; }

.error 
{
	font-size:small;
	background-color:#f77;
	padding:5px 5px 5px 45px;
	background-image:url('../images/errorIcon.png');
	background-repeat:no-repeat;
	background-position:center left 15px;
}

.warning 
{
	background-color:rgb(255,128,0);
}

.error ul,
.succes ul {
	padding-left: 0px;
}

.error li,
.succes li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.succes 
{
	font-size:small;
	background-color:#0f3;
	padding:10px 5px 10px 45px;
	background-image:url('../images/succesIcon.png');
	background-repeat:no-repeat;
	background-position:center left 15px;
}

div#loginHeader
{
	height:30px;
    background-color:rgb(0,158,224);
	color:#fff;
	padding:10px 0px 0px 5px;
}

div#mainHeader
{
	height:70px;
	background-color:rgb(0,158,224);
    background-image: url('../images/Header.png');
    background-repeat:no-repeat;
    background-position:right;
	color:#fff;
	padding:20px 10px 0px 5px;
}

div#mainHeader a { color:#fff; }

#mainHeader > div { font-size:small; }	

#mainHeader > form input { padding: 5px 0px; }
#mainHeader > form input.text { color:#888;font-style:italic; font-size: 15px;  }

div#contentContainer
{
	background-color:#eee;
	float:left;
	padding:5px;
	margin:10px 10px 20px 10px;
	width:80%;	
    min-height:710px;
}

div#formContainer
{
	padding:10px;
	width:30%;	
	margin:100px auto 0px auto;
	background-color:rgb(0,158,224);
	color:#fff;
}

div#formContainer a {color:#ccc;font-size:small;}

div#formContainer > p {	margin:0px 0px 10px 0px;border-bottom:1px solid #ccc; }

img#homeImage {	margin:15px auto 0px auto;display:block; }

p#welcomeText
{
	border:none !important;
	background-color:#FF8000;
	padding:5px;
	margin:-5px !important;	
	margin-top:5px !important;	
}

#menu
{
	float:left;
	width:17%;
	height:400px;	
}

#menu ul
{
	padding:0px;
	margin-left:5px;
}

#menu ul li
{
	list-style:none;
	color:#fff;
	margin-bottom: 5px;
}

#menu ul li.main
{	
	font-weight:bold;
	background-color:rgb(0,158,224);
	
	background-repeat:repeat-x;
	color:#fff;
	padding:10px 5px;	
}

#menu ul li.main a { color:#fff;font-size:normal;font-weight:bold; }

#menu a
{
	color:#eee;
	font-size:16px;
	text-decoration: none;	
}

#menu a:hover {
	text-decoration: underline;
}

#footer
{
    clear:both;
    text-align:center;
    background-color:rgb(228,244,252);
    height:160px;
}

#footer > div
{
    padding-top:20px;
    padding-right:50px;
    float:right;
    text-align:left;
}

table th
{
    background-color:rgb(0,158,224);
	color:#fff;
	padding:5px 10px 5px 2px;
	text-align:left;
	font-style:italic;
}

div.tableHeader
{
	background-color:rgb(0,158,224);	
	background-repeat:repeat-x;
	color:#fff;
	padding:10px 2px;
}

.tableHeader a
{
	font-size:small;
	color:#fff;
	clear:both;
}

table tr.row1 { background-color:#bbb; }
table tr.row2 { background-color:#ddd; }

div.prev { font-size:large;width:33%;text-align:right; }
div.next { font-size:large;width:33%;text-align:left; }
div.pageCounter { font-size:small;width:33%;text-align:center;padding-top:3px; }

div.laad { background-color:#68A5BF;width:50%;color:#fff;text-align:center;padding:2px 0px 2px 0px; }
div.los { background-color:#E7BB36;width:50%;color:#fff;text-align:center;padding:2px 0px 2px 0px; }

td.laad { background-color:#68A5BF;color:#0A3A6B; }
td.los { background-color:#E7BB36;color:#0A3A6B; }

td.vlmlad { background-color:#87CEEB;color:#0A3A6B; }
td.vlmtus { background-color:#00FA9A;color:#0A3A6B; }
td.vlmdeellos { background-color:#D4CE12;color:#0A3A6B; }
td.vlmlos { background-color:#EADE12;color:#0A3A6B; }

table { width:100%; }
table tr td { padding-right:15px;border-spacing:2px;vertical-align:top; }
table tr td.description { background-color:#bbb;text-align:right;padding-right:8px; width:310 }
table tr.tableTussenKop { color:#fff;background-color:rgb(0,158,224); }
table tr.tableSubTussenKop { color:#fff;background-color:#a8cca9; }


td.red, tr.red { background-color:#f00 !important;color:#fff; }
td.orange, tr.orange { background-color:#ff8000 !important;color:#fff; }

td.iderror, tr.iderror { background-color:#A98C05 !important;color:#fff; }

div#newCommandDataContainer {margin-left:75px;}

#agrTabs { border-bottom:10px solid #75330F;padding:10px; }

#agrTabs ul { padding:0px;margin:0px; }

#agrTabs ul li.active
{
	background-color:#75330F;
	background-image:url('../images/gradientRed2.png');
	background-repeat:repeat-x;	
}

#agrTabs ul li
{
	list-style:none;
	display:inline;
	background-color:#C05217;
	background-image:url('../images/gradientRed1.png');
	background-repeat:repeat-x;
	padding:10px 10px 10px 5px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	border-left:2px solid #aaa;
	border-right:2px solid #aaa;
	border-top:2px solid #aaa;
}

#agrTabs ul li a
{
	color:#fff;
	text-decoration:underline;
}

tr.helpItemHeader
{
	background-color:#ff8000 !important;
	color:#fff;
	padding:5px !important;
}
