/* ELEMENTS */
@import 'jquery/alert.css';
*{
	border:none;
	padding:0;
	margin:0;
	

}

body{
	background:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ccc;	
}
p.small, span.small{ font-size:10px;}
p.big, span.big{ font-size:16px;}
p.white, span.white{ color:#FFF;}
.f_documentatie{color:#ABD372;}
.f_werkbon{	color:#093;}
.f_incident{color:#FF7D0A;}
.f_klant{color:#68CCF0;}
.f_error{color:#C41F3B}
span.i_prio{
	color:#F00 }
span.i_open{
	color:#FF0 }	
span.i_closed{
	color:#0F0;
}

h1{
	border-bottom:	1px solid #ccc;
	color:#ccc;
}
input.big{
	border:4px solid #212121;
	color:#999;
	height:32px;
	width:98%;
	font-size:22px;
	padding-left:10px;
	margin-top:5px;
}
a{
	color:#FFF;
	text-decoration:none;	
}
a:hover{
	text-decoration:underline;		
}

textarea.description{
	width:100%;
	font-size:14px;
	color:#333;
	height:150px;
	border:1px solid #444444;
	
				}

ul{ padding-left:20px; }

@media print {
.noprint {
    display:none;
}
}

.popup-werkbon-container{
	width:100%;
	display:none;
	background:#FFF;
	display:block;
	z-index:9999;
	position:fixed;
	left:0px;
	top:0px;background:#333;
	
}
.popup-werkbon-container a{
	
	color: #FFF;
}

.lock-container{
		width:100%;
	display:none;
	background:#FFF;
	display:block;
	z-index:9999;
	position:fixed;
	left:0px;
	top:0px;background:#333;
}

/* LAYOUT */
.mousepointer{ cursor:pointer; }
	/* HEAD */
		#head{
			
			width:100%;
			background:url(/images/top.jpg) repeat-x;	
		}
		
		.head_open{height:156px;}
		.head_closed{height:33px;}
		
		#head span.close{
			font-size:10px;
			float:right;
		}
		#debug{
			float:right;
			overflow:auto;
			height:120px;
			width:300px;
			display:none;
		}
		/* MENU */
			ul#top-menu{
				padding-left:0;
				position:absolute;
				top:120px;
				left:10px;
				height:33px;color:#ccc;
			}
			ul#top-menu li{
				float:left;
				list-style-type:none;
			}
			ul#top-menu li a{
				display:block;
				height:35px;
				line-height:33px;
				text-align:center;
				
				/* FONT */
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				
				padding:0px 10px 0px 10px;
				min-width:85px;	
			}
			ul#top-menu li a:hover{
				background:url(/images/menu_hover.png) no-repeat top center;
				color:#FFF;
			}
			ul#top-menu li ul.sub-menu{
				list-style: none;  
				position: absolute;
				padding-left:0;
				top: 35px;  /* needs to be same as height from ul#top-menu li a */
				background: #333;  
				display: none;  
				width: 170px;
				z-index:10000;
			}
			
			#top-menu li ul.sub-menu li{
				height:25px;
				width:inherit;
				
			}
			#top-menu li ul.sub-menu li a {
				text-align:left;				
				background: #333 url(/images/menu_bg.jpg) repeat left top;
				border: 1px solid #444444;
				height:inherit;
				width:inherit;
				line-height:25px;color:#999;
				
			}	
			#top-menu li ul.sub-menu li a:hover {		
			color:#FFF;
			}
			
			
		/* LOGO */
			#logo{
				padding:40px 10px 10px 10px;
			}
			
		/* LOADER */
			#loader{
				visibility:hidden;				
				width:314px;
				height:31px;
				line-height:31px;
				float:right;
				text-align:right;
			}
			#loader img{
				padding:0px 10px 0px 20px;
			}
			#loader span{
				padding:0px 10px 5px 0px;
			}
	/* CONTENT */
	#content{
		padding:10px 10px 10px 30px;	
	}
	
	div#statusbar{
		position:fixed;
		bottom:0px;
		width:100%;
		height:31px;
		border-top:1px solid #444444;	
		background:url(/images/statusbar.jpg) repeat top left;
		line-height:31px;
	}
	span#statustext{
		padding-left:5px;
		
	}