/*
 * Copyright (c) 2004 Loadit B.V.
 * www.loadit.info
 * All rights reserved.
 *
 * This software is the confidential and proprietary information of
 * loadit B.V. ("Confidential Information").
 * You shall not disclose such Confidential Information and shall use
 * it only in accordance with the terms of the license agreement you
 * entered into with Loadit.
 */ 
 
 /*
  * Author: Aziz Rahmouni
  * Author: Salomo Petrus
  * Description: LOAD IT template stylesheet
  */
 
 /* 
	-----------------------
		body tags: 
	-----------------------
*/
html
{
	margin: 0px;
	padding: 0px;
}
#contentDiv {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
}
body 
{
	font-size: 11px;
	font-family: verdana;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	scrollbar-3dlight-color:#B6C0DB;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#B6C0DB;
	scrollbar-darkshadow-color:#072C63;
	scrollbar-face-color:#072C63
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
}



body.login
{
	font-size: 12px;
	font-family: arial;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-image:url(images/bg.png)
}
td.rapportDetailTD
{
	font-weight:bold;
	background: #4070A1;
	color:#ffffff;
	vertical-align:top;
	text-align: left;
	height: 15px;
}
/* 
	-----------------------
		form elements: 
	-----------------------
*/

input, select, textarea 
{
	border: 1px;
	border-style: solid;
	margin-right: 6px;
	background-color: #EEF8FF;
	font-weight: normal;
	font-size: 11px;
	font-family: verdana;
	vertical-align: top;
}

input.button
{
	color: #FFFFFF;
	background:#4070A1;
	cursor:pointer;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-family: verdana;
}
input.procentFields
{
	cursor:pointer;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-family: verdana;
	height: 14px;
	width:50px;
}
select.euralcodeFields
{
	font-size: 12px;
	font-family: verdana;
}

select.obcodeFields
{
	font-size: 10px;
	font-family: verdana;
	width:150px;	
}
select.beheerList
{
	width: 150px;
	height: 150px;
}
input.noBgAndBorder{
	border: 0px none #FFFFFF; background-color: transparent; 
}
input.noBorder{
	border: 0px none #FFFFFF; 
}
/* 
	-----------------------
			links: 
	-----------------------
*/

a.content_link:visited 	{ color: #4070A1; text-decoration: none; }
a.content_link:link 	{ color: #4070A1; text-decoration: none; }
a.content_link:active 	{ color: #4070A1; text-decoration: none; }
a.content_link:hover 	{ color: #000000; text-decoration: none; }

/*
a.content_link_wLine:visited 	{ color: #4070A1; text-decoration: none; }
a.content_link_wLine:link 		{ color: #4070A1; text-decoration: none; }
a.content_link_wLine:active 	{ color: #4070A1; text-decoration: none; }
a.content_link_wLine:hover 		{ color: #000000; text-decoration: none; }
*/

/* 
	-----------------------
		html elements: 
	-----------------------
*/

iframe
{
	padding-bottom: 0px;
	padding-top: 0px;
	width: 1037px;
	height: 100%;
	border: 0px; 
}

fieldset
{
	border: 1px solid #B2BFD1;
	margin: 5px;
	padding: 5px;
}
legend
{
	font-weight: bold;
	color: #294E7D;
}

/* table tag */
table 
{
	border: 0px black solid;
	font-size: 11px;
	font-family: verdana;
}

table.planingoverzicht
{
	border: 1px black solid;
	font-size: 11px;
	font-family: verdana;
	border-color: #294E7D;
	padding: 2px;
}


/* th tag */
th 
{
	font-weight:bold;
	background: #4070A1;
	color:#ffffff;
	vertical-align:top;
	text-align: left;
}
th.userInfo
{
	font-weight:bold;
	background: #4070A1;
	color:#ffffff;
	vertical-align:top;
	text-align: left;
	height: 15px;
}
th.userInfo
{
	font-weight:bold;
	background: #4070A1;
	color:#ffffff;
	vertical-align:top;
	text-align: left;
	height: 15px;
}
th.planing 
{
	height: 20px;
}
th.rapportDetail
{
	font-weight:bold;
	background: #4070A1;
	color:#ffffff;
	vertical-align:top;
	text-align: left;
	height: 15px;
	width:70px;
}

td.handhavingTitle
{
	font-weight:bold;
	background: #4070A1;
	color:#ffffff;
	height: 20px;
}

span.volumeUitgifte
{
	color:#FF0000;
	font-weight:bold;
}
span.volumeOntvangst
{
	color:green;
	font-weight:bold;
}

div.swithButton
{
	background-color:#4070A1;
	font-weight: 600;
	font-size: 20px;	
	color:#ffffff;
	height: 20px;
	width:70px;
	vertical-align:text-top;
	cursor:pointer;
}
div.stateField
{
	height: 20px;
	text-align:center;
	vertical-align:top;
	vertical-align:bottom;
	background: #DDDDDD;
	color:#4070A1;
}
tr 
{
	vertical-align:middle;
	text-align: left;
}

	.webform_field_error {
		color: red;	
	}

/*  tr tag */
tr.header_title
{
	font-weight:bold;
	background: #ffffff;
	color:#4070A1 ;
	vertical-align:top;
}
.high_row
{
	background: #DDDDDD;
	color:#4070A1;
	vertical-align:top;
	text-align: left;
}
.lite_row
{
	background: #d9d9d9;
	color:#4070A1;
	vertical-align:top;
}
.lite_row_extramodules
{
	font-size: 13px;
	font-family: arial;
	font-weight: bold;
	color: #4070A1;
}

/* 
	-----------------------------------
  		general website properties:
	-----------------------------------
*/

#container 
{
	z-index: 0;
	margin: 0px;
	padding: 0px;
	width: 1200px; 
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px solid #000000;
}

/* the top of the website */
#top 
{
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #B6C0DB url(../images/load_it_top.png);
	width: 1200;
	height: 76px;
}	
#logout
{
	z-index	  	: 	2;
	position  	: 	absolute;
	left      	: 	1000px;
	top       	:	15px;
	width     	: 	200px;
	height    	: 	50px;
	text-align	:   right;
}
table.userInfo
{
	border		: 1px #FFFFFF solid;	
}
/* the menu of the website */
#menu
{
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 76px;
	width: 160px;
	height: 100%;
	background: #ffffff;
	
}


#menu_navigation
{
	z-index: 2;
	position: absolute;
	left: 2px;
	top: 78px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-right: 2px;
	border-right: 5px #B6C0DB solid;
}

.menu_title_button
{
	z-index: 3;
	width: 153px;
	height: 20px;
	background: #B6C0DB;
	margin-bottom: 2px;
	cursor: pointer;
}

.menu_button
{
	z-index: 3;
	width: 153px;
	height: 16px;
	background: #4070A1;
	margin-bottom: 2px;
}

.menu_title_true
{
	z-index: 4;
	position: relative;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 1px;
	background: url(../images/true2.gif) no-repeat;
}
#arrowUp
{
	position: relative;
	background: url(../images/del.gif) no-repeat;
}
#arrowDown
{
	position: relative;
	background: url(../images/true.gif) no-repeat;
}
.menu_title_false
{
	z-index: 4;
	position: relative;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 1px;
	background: url(../images/false2.gif) no-repeat;
}

.menu_title_text
{
	z-index: 4;
	position:relative;
	top: 3px;
	left: 22px;
	font-size: 10px;
	font-family: verdana;
	color: #FFFFFF;
}

.menu_text
{
	z-index: 4;
	position:relative;
	top: 2px;
	left: 3px;
	font-size: 10px;
	font-family: verdana;
	cursor: pointer;
}
.menu_text a:link, .menu_text a:visited, .menu_text a:active     
{
	color: #FFFFFF; 
	text-decoration: none;
}

.menu_text a:hover    
{
	color: #9FBDE9; 
	text-decoration: none;
	cursor: pointer;
}

/* content */
#module
{
	z-index: 1;
	position: absolute;
	left: 157px;
	top: 0px;
	background: #ffffff;
	height: 100%;
	padding-left: 0px; 
	border-left: 5px #B6C0DB double;
	border-right: 3px #B6C0DB solid;
}

#source_frame
{
	z-index: 1;
	position: absolute;
	left: 100px;
	top: 280px;
	background: #ffffff;
	height: 400px;
	width: 600px;
	padding-left: 0px; 
	display : hidden;
}

#module_title
{
	z-index: 3;
	position: absolute;
	left: 250px;
	top: 58px;
	width: 750px;
	text-align: center;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	color: #4070A1;
}

/* The footer of the website */
#footer
{
	z-index: 1;
	position: absolute;
	bottom: 0px;
	width: 1200px;
	height: 20px;
	background: #B6C0DB;
}

#footer_text
{
	z-index: 2;
	position: absolute;
	top: 4px;
	left: 550px;
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
}
#noResult
{
	text-align: center;
	font-size: 12px;
	font-family: arial;
	color: #4070A1;
}

/* website content positioning */
.innercontent {
	margin: 3px;
	padding-top: 100px;
	padding-bottom: 21px;
}

/*  tooltip */
.tip {
	font:10px/12px Arial,Helvetica,sans-serif; 
	border:solid 1px #666666; 
	width:50px; 
    padding:1px; 
	position:absolute; 
	z-index:100; 
	visibility:hidden; 
	color:#333333;
    top:20px; 
	left:0px; 
	background-color:#EEF8FF; 
	layer-background-color:#ffffcc;
}

/* Sortable tables */
thead td	{background: buttonface; font: menu; border: 1px outset white;
			 cursor: default; padding-top: 0; padding: bottom: 0;
			 border-top: 1px solid buttonhighlight;
			 border-left: 1px solid buttonhighlight;
			 border-right: 1px solid buttonshadow;
			 border-bottom: 1px solid buttonshadow;
			 height: 16px;
			 }
thead .arrow		{font-family: webdings; color: black; padding: 0; font-size: 10px;
			height: 11px; width: 10px; overflow: hidden;
			margin-bottom: 2; margin-top: -3; padding: 0; padding-top: 0; padding-bottom: 2;}
			/*nice vertical positioning :-) */