﻿.hidden
{
	visibility:hidden;
}
.detailstable
{
	border:1px solid #B7DBE3;
	background-color:#F0FAFC;
}

.textbox
{
	border:solid gray 1px;
}


.button
{
	border:solid #DDDDDD 1px;
	height:22px;
	
}
.textboxright
{
	border:solid gray 1px;
	text-align:right;
}
.topay
{
	color:Red;
	font-weight:bold;
}
.payed
{
	color:green;
	font-weight:bold;
}
.odditem
{
}
.evenitem
{
	background-color:#FFFFE8;
}
.newitem
{
	background-color:#FFF7E3;
}
.detail
{
	background-color:#F0FAFC;
}

.listtable
{
	border:1px solid #666666;
	border-collapse:collapse;
	width:100%

}
.listtable td
{
	border-bottom:1px solid #BBBBBB;
	border-collapse:collapse;
	
	
}
.tabletitle
{
	background-image:url(/images/headerBackground.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:center left;
	background-color:#666666;
	color:White;
	font-weight:bold;
	height:20px;
	font-size:17px;

}
.tableheader
{
	background-color:#E5E5E5;
	color:black;
	font-weight:bold;
}
.tablefooter
{
	background-color:#E5E5E5;
}

h1
{
	color:#FF6D06;
	font-family:Trebuchet MS;
	font-weight:normal;
	font-size:21px;
}
h2
{
	color:#03A0FF;
	font-family:Trebuchet MS;
	font-weight:normal;
	font-size:17px;
	margin-top:0px;
	margin-bottom:13px;
}
hr
{
	height:1px;
	color:Green;
	padding:0px;
	margin:0px;
}

#hidden-9
{ 
		background-color:#E8EEFA;
		overflow:hidden; 
		text-align:left;
		width:100%;

}
#toggle
{
	margin-bottom:4px;
}

div.centered
{
	position:absolute;
	left:50%;
	top:25%;
	width:500px;
	margin-left:-250px;
	
	
}

.black_overlay{
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.80;
    filter: alpha(opacity=70);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
} 

/*Algemene layout*/
body
{
	margin: 0 0 0 0;
	font-family:Verdana;
	font-size:11px;
}
.header
{
	height:70px;
	background-image:url(/images/banner.jpg);
	background-repeat:no-repeat;
}

.ruler
{
	height:24px;
	background-image:url('/images/balk.gif');
	background-repeat:repeat-x;
	background-position:left;
	font-weight:bold;
	color:MenuText;
}

.content
{
	vertical-align:top;
	padding-left:20px;
	padding-top:10px;
}

/*Menu*/
td.menu
{
	width:150px;
	background-color:#F0F0F0;
	height:15px;
	vertical-align:top;
	border-bottom:1px dotted white;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
 
td#tdMenu
{
	width:160px;
}
 
td.menu a
{
  	text-decoration: none;
	background-color:#EFEFEF;
	color:Black;
}
td.menu a:hover
{
  	text-decoration: none;
	background-color:#EFEFEF;
	color:Red;
}
a
{
	cursor:pointer;
}
img
{
	border:0px;
}

a.menu:active,a.menu:active:link,a.menu
{
	text-decoration:none;
}
input,select,textarea
{
	font-size:11px;
	font-family:Verdana;
}

.textboxnormal
{
	width:150px;
	border:solid gray 1px;

}
.textboxsmall
{
	width:50px;
	border:solid gray 1px;

}
.textboxmedium
{
	width:80px;
	border:solid gray 1px;

}
.textboxdescr
{
	width:340px;
	border:solid gray 1px;

}
.textboxdate
{
	width:80px;
	border:solid gray 1px;
	cursor:pointer;

}
.textboxamount
{
	width:80px;
	border:solid gray 1px;
	text-align:right;

}
.textboxamountsmall
{
	width:50px;
	border:solid gray 1px;
	text-align:right;

}
.textboxinfo
{

	width:340px;
	border:solid gray 1px;
}
.textboxtermsandconditions
{

	width:500px;
	border:solid gray 1px;
	height:300px;
	overflow:auto;
}
.detaildropdown
{
    width:340px;
    border:solid gray 1px;
}
.bijlagendiv
{	
	display:none;
	position:absolute;
	right:1px;
	top:1px;
	border:1px solid black;
	background-color:White;
}

.closedivtd
{
	position:absolute;
	right:1px;
	top:1px;

	font-weight:bold;
	cursor:pointer;
	font-size:18px;
	text-align:right;
}
a.deletelink
{
	font-weight:bold;
	color:Red;
	text-decoration:none;
	font-size:11px;
}
textarea.invoiceline,textarea.invoicelinenew
{	
    
    width:400px;
    height:50px;
	border:solid gray 1px;
    
}
textarea.invoicelinenew
{	
    
   
    height:100px;
	
    
}
tr.odditem td,tr.evenitem td, tr.newitem td
{
    vertical-align:top;
}