.button {
cursor: pointer;
}
.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}
.formuliertabel
{
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, Arial, schreefloos;
  background:white;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:800px;
  height: 100%;
  margin: 0 auto;
  padding: 0;

}

.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}

.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}
.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}

.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #ddd;
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}
.header
{
	padding-top: 10px;

}

.bodyformulier2
{
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, Arial, schreefloos;
  background:#B0D3F3 url(./images/bgtest.gif) repeat-y scroll center top;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:800px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.schaduwlinks
{
background:#B0D3F3 url(./images/bgtest.gif) repeat-y scroll center top;
}
.schaduwrechts
{
background:#B0D3F3 url(./images/bgtest.gif) repeat-y scroll center top;
}
.bodyformulier
{
  font-size: 12px;
  font-family: "Lucida Grande", Verdana, Arial, schreefloos;
  background:#B0D3F3;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:800px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}


.hoofding
{
	font-size: 12px;

	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, schreefloos;
	width:800px;
	padding:0px;
	background: #7e9aa8; 
}

.selected
{
	border-right-color: white;
	border-left-color: white;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 2px;
	background: #B0D3F3;
	color: #14384E;
	
}

.notselected
{
	border-right-color: white;
	border-left-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
	background: #14384E;
	cursor: pointer;
}
.titel
{
	font-size: 12px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, schreefloos;
	border-right-color: white;
	border-left-color: white;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 2px;
	background: #B0D3F3;
	color: #14384E;
	height:25px;
}
.invoer
{
	padding-bottom: 20px;
	vertical-align: top;
	font-size: 12px;
	color: #14384E;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, schreefloos;
	height:30px;
}
.tussentitel
{
	vertical-align: top;
	font-size: 1px;
	color: #14384E;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, schreefloos;
	height:10px;
}
.leegveld {
  border: 2px solid red;
}
.okveld {
  border: 1px solid gray;
}
.lijsttabel
{
	
	border-color: #14384E;
	border-width: 2px;
	border-style: solid;
	
}
.selectedrow
{
	background: #B0D3F3;
	color: #14384E;
	cursor: pointer;
}
.unselectedrow
{
	cursor: pointer;
	background: white;
	color: #14384E;
}
.lijnboven
{
	vertical-align: top;
	border-top: 2px solid #14384E ;
	height:50px;
}
.kleineretekst
{
	font-size: smaller;
}

.maxgrootte {
	height: 400px;
	max-height: 400px;
	overflow: auto;
}

.maandkalender {
  
  text-align: center;
  
  border-spacing: 0px 0px;
  
  padding: 0px;
  
  margin: 0px;
  
  border-right-width: 0px;
  
  border-left-width: 0px;
  
  border-bottom-width: 1px;
  
  border-top-width: 1px;
  
  font-style: normal;
  font-size: 10px;
  font-family: Helvetica, Verdana, Arial, schreefloos;
  font-weight: normal;
  background-color: #B0D3F3;
  border-top: solid #14384E;
  border-bottom: solid #14384E;
  color: #14384E;
}

.maandkalender-header {
  text-align: center;
  font-size: 12px;
  font-family: Helvetica, Verdana, Arial, schreefloos;
  font-weight: bold;
  background-color: #7e9aa8; 
  color: white !important;
}

.maandkalender-dagen {
  text-align: center;
  font-size: 12px;
  font-family: Helvetica, Verdana, Arial, schreefloos;
  font-weight: bold;
  border-top:1px solid white;
  border-bottom:1px solid white; 
  color: #14384E;
}

.maandkalender-dag {
  cursor:pointer;
}

.maandkalender-nondag {
  cursor:pointer;
  color:gray;
}

.maandkalender-dag-selected {
  background-color: #7e9aa8;
  cursor:pointer;
}

.maandkalender-nondag-selected {
  cursor:pointer;
  color:gray;
}

.link{
	cursor:pointer;
}