/* CSS Document */
img { behavior: url(iepngfix.htc); } 
body
{
	background-color:#F0F0F0;
	background-repeat:repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #32393d;
}
#site
{
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	width:1000px;
	border:#000 1px solid;
}
.navigation1
{
	color:#FFFFFF;
	margin-top:77px;
	margin-left:20px;
	text-decoration:none;
}
#header
{
	background-image:url(images/panel_header.jpg);
	background-repeat:no-repeat;
	background-color:#4b3c2d;
	width:100%;
	height:40px;
}
#navigation
{
	background-color:#4b3c2d;
	height:63px;
}
#footerafloop
{
	background-image:url(images/position_2.jpg);
	height:20px;
}
#position
{
	background-color:#FFFFFF;
	background-image:url(images/position.jpg);
	height:20px;
}
#loginbox
{
	text-align:center;
	height:153px;
	background-color:#8e011c;
	filter:alpha(opacity: 80);
	-moz-opacity:.80;
	opacity:.80;
	
	width:204px;
	color:#FFFFFF;
	float:left;
}


#content
{
	background-color:#FFFFFF;
	min-height: 600px;	
	padding:10px;
	text-align:left;
}


#footer
{
	background-color:#4b3c2d;
}
/* Uploader van de import functie*/
#loader{
   visibility:hidden;
}

#f1_upload_form{
   height:100px;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   width:400px;
}

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}


.sIFR-active h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}
.sIFR-active h3 {
	visibility: hidden;
	letter-spacing: 10px;
	font-size: 20px;
}
h2 {
font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 35px;
	display: inline;
}
h3 {
font-family: Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	font-size: 15px;
	display: inline;
}



#Menu {
position: relative;
clear: both;
float: left;
width: 980px;
height: 31px;
display: inline;
z-index: 10;
margin-top:105px;
background: url(images/bg_navi_sublist.gif) -5000px 0 no-repeat; /* Preloads dropdown bg */
}
#Menu ul { /* Top level list */
margin: 0;
padding: 0;
list-style: none;
width: 980px;
}
#Menu li { /* Top level list item */
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
background: url(images/btn_navi_right.gif) 100% 0 no-repeat;
}
#Menu li.HasSubMenu { /* Top level list item with sub nav */
background: url(images/btn_navi_right_arrow.gif) 100% 0 no-repeat;
}
#Menu li a { /* List item link */
display: block;
height: 24px;
color: #fff;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
padding: 6px 13px 0 13px;
background: url(images/btn_navi_left.gif) 0 0 no-repeat;
}
#Menu li.HasSubMenu a { /* List item link with sub nav */
padding: 6px 23px 0 13px;
}
#Menu li.First a {
background: url(images/btn_navi_left_first.gif) 0 0 no-repeat;
}
#Menu li ul { /* Sub list */
float: left;
position: absolute;
left: 0;
top: 30px;
width: 175px;
display: none;
text-align: left;
background: url(images/bg_navi_sublist.gif) 0 100% no-repeat;
padding: 0 0 10px 0;
z-index: 10;
}
#Menu li ul li { /* Sub list item */
clear: both;
color: white;
text-align: left;
background-image: none;
}
#Menu li ul li a { /* Sub list item link - Same width as li ul */
color: #394852;
padding: 2px 10px 0 10px;
width: 138px;
height: auto;
font-weight: normal;
font-size: 0.9em;
background-image: none;
}
#Menu li ul li a:hover {
text-decoration: underline;
}
#Menu li:hover { /* List item rollover */
background-position: 100% -100px;
}
#Menu li:hover a, #Menu li.over a{ /* List item link rollover */
background-position: 0 -100px;
color: #394852;
}
#Menu li:hover ul, #Menu li.over ul {
display: block;
}
/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
/* End */
* html #Menu li:hover , * html #Menu li.over { /* List item link rollover */
background-position: 100% -100px;
}


/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 120px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A { background-image: url(../img/edit.png); }
.contextMenu LI.cut A { background-image: url(../img/cut.png); }
.contextMenu LI.copy A { background-image: url(../img/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(../img/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(../img/delete.png); }
.contextMenu LI.quit A { background-image: url(../img/door.png); }
.contextMenu LI.insert A { background-image: url(../img/plus.png); }





table.standard thead tr{ 
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	height:25px;
}
table.standard {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	text-align: left;
}
table.standard tbody tr.odd td {
	background-color:#F0F0F6;
}
table.standard tbody td {
	color: #3D3D3D;
	padding: 3px;
	background-color: #FFF;
	vertical-align: middle;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 15px;
	opacity: 0.85;
	width:300px;
	
}