.main {
  width:200px;
  border:1px solid #0E9EAB;
}

.month {
  background-color:#0E9EAB;
  font:bold 12px verdana;
  color:white;
}
table .month {
  border:solid 1px white;
}
.daysofweek {
  border:solid 1px #DDDDDD;
  background-color:gray;
  font:bold 12px verdana;
  color:white;
}

.days{
  border:solid 1px #DDDDDD;
  font-size: 12px;
  font-family:verdana;
  color:black;
  background-color: #EBFAFB;
}

.days #today{
  font-weight: bold;
  color:#ff0000;
  padding: 1px;
}
td .selected
{
  font-weight: bold;
  color:#ffffff;
  background-color: #0E9EAB;
}


.nav_level1,.nav_level1_mo,.nav_level1_current,.nav_level1_current_mo
{
	cursor:pointer;
	text-decoration:none;
	height: 20px;
	padding: 2px 2px 2px 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid white;
	border-left: 1px solid lightgray;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #0D8691;
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	background-color: #9fd8dd;
	color: #000000;
}

.nav_level1_mo{
	background-color: #0e9eab;
	color: #ffffff;
}
.nav_level1_current{
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	background-color: #0e9eab;
	color: #ffffff;
	font-weight:bolder;
}
.nav_level1_current_mo{
	border-right: 1px solid lightgray;
	border-bottom: 1px solid white;
	background-color: #0e9eab;
	color: #ffffff;
	font-weight:bolder;
}

body
{
	padding:0px;
	margin:0px;
	font-size: 11px;
	background: #fff;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	overflow:hidden;
	/*
	scrollbar-face-color: #cee3f5;
	scrollbar-highlight-color: #cee3f5;
	scrollbar-shadow-color: #cee3f5;
	scrollbar-3dlight-color: #cee3f5;
	scrollbar-arrow-color: #0000ff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
  */
}

#main
{
	margin:0px;
}

#header
{
	padding: 0px 0px 0px 0px;    
	font-size: 11px;
	left: 0pt;
	border-bottom:solid 1px #ffffff;
	height: 36px;
	color: white;    
	font-style: normal;
	font-family: verdana, arial;
	background-color: #0e9eab;
	overflow:hidden;
}

#control,td #control
{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-family: verdana, arial;
	height:100%;
	width:150px;
	background-color: #6ec5ce;
	overflow:hidden;
}

#logo
{
	left: 0px;
	background-image: url(../images/spliethoff_logo.gif);
	width: 169px;
	color: white;
	background-repeat: no-repeat;
	font-family: verdana, arial;
	position: absolute;
	top: 5px;
	height: 24px;
	cursor:pointer;
}

#application
{
	padding: 0px 10px 0px 0px;
	font-weight: bolder;
	font-size: 18px;
	color: #fff;
	font-family: verdana, arial;
	position: absolute;
	top: 5px;
	left: 190px;
	cursor:pointer;	
}

#header_info
{
	padding: 0px 10px 0px 0px;
	font-size: 12px;
	font-weight: bolder;
	vertical-align: bottom;
	color: #fff;
	font-family: verdana, arial;
	position: absolute;
	/*bottom: 9px;*/
	top:5px;
	width:300px;
  height:25px;
	/*border:solid 1px white;*/
	right:10px;
	text-align: right;
	vertical-align: bottom;
}
#header_info td
{
	font-size: 10px;
	font-weight: bolder;
	color: #fff;
}

#utc
{
	/*clear: right;*/
	font-size: 10px;
	color: white;
	font-family: verdana, arial;
	position:relative; /*position: absolute;*/
	top: 5px;
	right: 10px;
	text-align: right
}

#show_main
{
  position:absolute;
  top:90px;
  left:150px;
  padding:10px 20px 10px 10px;
  overflow:auto;
}

#page_crumb
{
  position:absolute;
  top:47px;
  left:160px;
  height:30px;  
}

#title,#show_title
{
	text-transform: uppercase;
	font-weight: bolder;
	font-family: verdana, arial;
	color:#0E9EAB;
}

#lable{
  text-align:right;
  padding:0px 10px;
}

a
{
	font-size: 11px;
	color: #0e9eab;
	font-family: verdana, arial, helvetica
}

table, tr, td
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
}

#label
{
	text-align:right;	
	padding-right:10px;
}

input, select, textarea
{
	font-size: 11px;
	color: #0a6b74;
	border: solid 1px #0e9eab;
	font-family: verdana, arial, helvetica;
	background-color: #ebfafb;		
	/*
	scrollbar-face-color: #e6f1fa;
	scrollbar-highlight-color: #e6f1fa;
	scrollbar-shadow-color: #cee3f5;
	scrollbar-3dlight-color: #cee3f5;
	scrollbar-arrow-color: #0000ff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;	
	*/
}

.button
{
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	color: #9fd8dd;
	font-family: verdana, arial;
	background-color: #0e9eab;
	border:groove 1px black;
}

.button_mo
{
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	color: white;
	font-family: verdana, arial;
	background-color: #0e9eab;
	border:groove 1px black;
}

.button_disabled
{
	/*font-weight: bolder;*/
	font-weight: bolder;
	font-size: 11px;
	color: #4A4A4A;
	/*font-style:italic;*/
	font-family: verdana, arial;
	background-color: #CDC9C4;
	border:solid 1px #878787;
}

.err_button
{
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	color: white;
	text-decoration:italic;
	font-family: verdana, arial;
	background-color: #b9bfcb;
	border: solid gray 1px;
}

.button_error
{
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	color: #D8DDDE;
	text-decoration:italic;
	font-family: verdana, arial;
	background-color: #ff0000;
	border:solid 1px #000000;
}
.button_error_mo
{
	font-weight: bolder;
	font-size: 11px;
	cursor: pointer;
	color: white;
	text-decoration:italic;
	font-family: verdana, arial;
	background-color: #ff0000;
	border:solid  1px #000000;
}

.row_even
{
	background-color: #abdde2;
}

.row_odd
{
	background-color: #cfecee;
}