html {
	overflow-y: -moz-scrollbars-vertical;
	width: 100%;
}

body {
  width: 100%;
  margin:0;padding:0;
  scrollbar-face-color : #ffffff;
  scrollbar-highlight-color : #666666;
  scrollbar-shadow-color : #eeeeee;
  scrollbar-3dlight-color : #ffffff;
  scrollbar-arrow-color : #eeeeee;
  scrollbar-track-color : #ffffff;
  scrollbar-darkshadow-color : #eeeeee;
  scrollbar-base-color : #ffffff;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
}

textarea {
    font-size: 110%;
    font-family: Arial, Helvetica, sans-serif;
}

form,input { 
  margin:0;padding:0; 
}
p{
  margin: 0;
}

#right ul,#right ol { margin:0;padding:0; }

a:link,a:visited,a:active {
 	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img {
	border: 0px;
}

h1 {
  margin:0;
  padding:0;
  font-size:130%;
  font-family: Lucida Sans, Arial;
  font-weight:normal;
}

h2 {
  margin:0;
  padding:0;
  font-size:130%;
  font-family: Lucida Sans, Arial;
  font-weight:normal;
}
span.large {  font-size: 60px; padding-right: 10px;}

h3 {
  margin:0;
  padding:0;
  font-size:110%;
  font-weight:bold;
  font-family: Lucida Sans, Arial;
}

.small {
  font-size: 90%;
}

.large {
  font-size: 110%;
}

b, strong, .bld {
  font-weight: bold;
}

.upp {
  text-transform: uppercase;
}

.error {
	color: #ff0000;
}

ul li { margin:0px;margin-left:-40px;padding:0px;list-style-type:none;line-height:100%; }
ul li a {
	background: url(/img/li_ongrey.gif) no-repeat center left; padding-left:20px;text-decoration:none;
}
ul.filterlist {margin:0px;padding:0px; }
ul.filterlist li { list-style-type:none;margin-left:0px;padding-bottom:3px; }
ul.filterlist li {
	background: url(/img/li_filter.gif) no-repeat top left; padding-left:30px;text-decoration:none;
	padding-bottom:4px;padding-top:4px;
}
ul.filterlist li a { background: none; padding: 0; }

ul.wizard-errors {
	padding-left: 0px;
}
ul.wizard-errors li {
	margin-left:0;
        list-style-type: none;
	color: #ff0000;
}

tr.hidden {
	display:none;
}

.lft { float:left; }
.rght { float:right; }
.clr { clear:both; }

a.clink:link,a.clink:visited,a.clink:active {
 	text-decoration:none;font-weight:bold;
}
a.clink:hover {
	text-decoration:none;font-weight:bold;
}

a.more { background: url(/img/more.gif) no-repeat center left; padding-left:20px!important; text-decoration:none; color:#0066ff; }

a.loginlink:link,a.loginlink:visited,a.loginlink:active {
 	text-decoration:none;font-size:16px;font-weight:bold;
}
a.loginlink:hover {
	text-decoration:none;font-size:16px;font-weight:bold;
}

#mainDiv { display:block;padding-left:20px;padding-right:20px; }
#mainTable {  }
#maincontent { border-top:1px solid #000000; }
.toplogo {  }
.topimg { padding:10px;padding-left:0; }
.loginblock { display:block; width:279px; }
.loginblockleft { float:left;display:block; width:145px;height:130px;border-right: 1px solid #ffffff; }
.loginblockright { float:left;display:block; width:145px;height:130px; }
#navbar { padding-top:14px;padding-bottom:5px; }
#subnavbar { padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #999999;margin-right:10px; }
#navbar a:link,#navbar a:visited,#navbar a:active,#navbar a:hover {
 	text-decoration:none;padding:4px 8px;font-size:130%;font-weight:normal;font-family: Lucida Sans, Arial;
}
#subnavbar a:link,#subnavbar a:visited,#subnavbar a:active,#subnavbar a:hover {
 	text-decoration:none;padding:4px 10px;font-size:110%;font-weight:normal;font-family: Lucida Sans, Arial;
}
#right .block { display:block;padding:10px;padding-top:14px;padding-left:20px;background-color:#fc7812; }
#right .block h2 { font-size:14px;margin-bottom:10px; }
#right .block ul.actionlist li,#right .block  div.actionlist div { list-style-type:none;margin-left:0px;padding-bottom:3px; }
#right .block ul.actionlist li,#right .block  div.actionlist div {
	background: url(/img/li_onblue.gif) no-repeat top left; padding-left:30px;text-decoration:none;
	padding-bottom:4px;padding-top:4px;
}
#right .block ul.actionlist li a { background: none; padding: 0; }

#right .block td a:link,#right .block td a:visited,#right .block td a:active, #right .block td a:hover {
	text-decoration:none;line-height:150%;
}
.borderblock {  border: 1px solid #000000;border-left-width:0;border-top-width:0; }
.borderblock ul,.borderblock ol,.borderblock li { margin:0;padding:0; }
.borderblock li { list-style-type:none;line-height:180%; }
.borderblock li a:link,.borderblock li a:visited,.borderblock li a:active,.borderblock li a:hover {
	font-weight:bold;
}

.wizzardblock {  border: 2px solid #000000;margin-left:10px; }
#main { font-size: 110%; }
#main #subnavbar { font-size: 100%; }

#main .block { margin: 10px; border-left: 0; margin-left: 0; }
.mainsep {  }
.mainseptop { border-top: 1px solid #999999; }

.selectresult { text-align: left;  }
.resultbox { padding:10px; text-align: left; }
.resultmore {  }
#main nobr { padding-right:7px; }

.wdots { background: url(/img/dots_white.gif) repeat-x; }
.dots { background: url(/img/dots.gif) repeat-x; }
div.dotted {
	height: 1px;
	background: url(/img/dots.gif) repeat-x;
}
.sep { margin-top:6px;margin-bottom:6px; }
.space10 { padding:14px;padding-top:10px;padding-bottom:10px; }
.space7 { padding:7px;padding-top:0px; }
.space07 { padding:7px; }

#main .blockspace { padding: 10px;padding-right:0px; }
#main .wizardcontent .blockspace { padding: 0; }
#main .wizardcontent .block { border: 0; padding-bottom: 20px; }
#main .wizardcontent .mainsep { margin-bottom: 10px; padding-bottom: 10px; }
#main .wizardcontent .widget-datasourcelistview table .blockspace { padding: 10px; }
#main .wizardcontent .block .mainsep h2 { font-weight: bold; }
.widget-datasourcelistview td { padding:10px;background: transparent url(/img/dots.gif) repeat-x top; font-size:110%; }
.widget-dynamicfilter td { padding:0px;background: transparent; }
.widget-datasourcelistview table td a.clickable:hover { text-decoration: none; }
.widget-datasourcelistview table td a.clickable { display: block; width: 100%; }
.selectcolumns td, { background: transparent; }

/* Opvallende widget (oranje)
.orange .widget-datasourcelistview td { background-color: #FC7812; }
.orange .widget-datasourcelistview th { background-color: #FC7812; }
*/

th { font-weight:normal;fontsize:100%; }



/* styles for forms */
.frmrow { padding-bottom:10px; }

.submitarrow { font-size: 100%; padding:5px;border: 1px solid #000000;background: #ffffff; cursor:pointer; }

form, input, select, button { padding:0px;margin:0px;vertical-align:middle; }
.submitsmall { font-size: 100%; width:17px;height:17px;border: 1px solid #000000;background: #ffffff url(/img/arrow_login.gif) no-repeat center center;vertical-align:baseline;cursor:pointer; }
.clearbut { font-size: 100%; font-weight: bold;height:17px;  color: #000000; border:1px solid #000000;background:#ffffff;vertical-align:baseline;cursor:pointer; }
.formbut { font-size: 100%; font-weight: bold;height:17px;color: #000000; border:1px solid #000000;background:#ffffff;vertical-align:top;padding-left:5px;padding-right:5px;cursor:pointer; }
.logdrop {  color: #00305d;border-style: outset; background-color: #ffffff;padding-left:2px; /* width:130px; */ }
.boxlong {  color: #00305d;border-style: outset; width:260px; background-color: #ffffff;padding-left:2px; }
.boxwaylong {  color: #00305d;border-style: outset; width:455px; background-color: #ffffff;padding-left:2px; }
.submitdeluxe { vertical-align:middle;margin:0px;margin-right:-1px;padding:0px; font: 14px Lucida Sans, Arial; color: #00305d; border-top:1px solid #c4c4c4; border-bottom:1px solid #808080;border-left:0px;border-right:0px; background: #ffffff;height:22px;cursor: pointer; }
input.submitdeluxe { padding:0px;margin-right: -3px; margin-left:-2px;}/* fix img submitdeluxe*/
.srch { vertical-align:top;margin:0px;margin-right:-1px;padding:0px; font: 11px Arial;line-height:20px; color: #0066ff; border-top:1px solid #c4c4c4; border-bottom:1px solid #808080;border-left:0px;border-right:0px; background: #ffffff;width:90px;height:20px; }
.srchsubmit { vertical-align:middle;border:0px;width:31px;height:22px;background-image:url(/img/search_submit.gif);background-repeat:no-repeat;background-color:transparent;cursor: pointer; }
.butimg { vertical-align:middle;margin-right:-1px; }
.butbg { background-color:#f6f6f6; }
.butclear { vertical-align:middle;width:28px;height:22px;background: transparent url(/img/but_clear.gif) no-repeat;border:0px;cursor: pointer; }
.butexport { vertical-align:middle;width:28px;height:22px;background: transparent url(/img/but_export.gif) no-repeat;border:0px;cursor: pointer; }
.butback { vertical-align:middle;width:28px;height:22px;background: transparent url(/img/but_back.gif) no-repeat;border:0px;cursor: pointer; }
.butplus { vertical-align:middle;width:28px;height:22px;background: transparent url(/img/but_plus.gif) no-repeat;border:0px;cursor: pointer; }
.butminus { vertical-align:middle;width:28px;height:22px;background: transparent url(/img/but_minus.gif) no-repeat;border:0px;cursor: pointer; }
.butcol { vertical-align:middle;width:28px;height:22px;background: transparent url(/img/but_col.gif) no-repeat;border:0px;cursor: pointer; }
input.wizzbut, input.submit
{
  font: 100% Arial;
  background: white; text-align:center;color:#000000;text-decoration:none;font-weight:bold;border: 1px solid #4c4c4c;padding:1px 10px;
}
input.submit-left { float: left; margin-right: 10px; }
input.submit-right { float: right; margin-left: 10px; }

ul.error {
	margin: 0; padding: 0;	
}
ul.error li {
	display: block;
	list-style-type: none;
	margin: 0;
}

ol.wizardlist li {
	font-weight: bold;
	line-height: 180%;
}

div.filterrow {
	margin-bottom: 10px;
}

div.flash-message {
    background-color: #ffeacd;
}

div.flash-error {
	background-color: #FFEEEE;
}
#main div.flash-error h2 {
	color: red;
}

select,textarea, .inputbox {
  padding: 1px;
}
/* input.inputbox { height: 15px; } */

.wide {
  width: 140px;
}

.marginblock {
	/* margin: 8px;
	margin-left: 100px; */
}

tr.contentrow {
        background-color: #fff;
}
tr.hightlight{ 
background-color: #D1D3D4;
cursor: pointer;
}

.thumnail_project{
	float:left;
	margin:0 0 0 4px;
	width:90px;
}

div.closebg div.closebox {
	display: none;
}


/* reports */
.data-table-container {
  width: 100%;
  width: expression((this.parentElement.offsetWidth - 20)+"px");
  overflow: auto;
  border: 1px solid #00305A;
}

.data-table {
}
.data-table th {
  background: #FC7A11;
  color: white;
  padding: 2px;
  text-align: left;
  white-space: nowrap;
}
.data-table td {
  padding: 2px;
  white-space: nowrap;
}
.data-table tr:hover {
  background: #ccc;
}
/* /reports */


#popup #main {
	background-color: white;
	padding-right: 15px;
	padding-top: 20px;
}

#popup input.logdrop {
	width: 200px;
}

/* availabilty styles */
.availability-controls { float:right;text-align:left;width:160px; }
.availability-off { background-color:#ffffff; }
.availability-on { background-color:#ffeacd !important; }
.availability-off div.remarks { display: none; }
.availability-unknown div.remarks { display: none; }

.availability-on img.yes { background: url(/img/but_avail_yes.gif); }
.availability-on img.unknown { background: url(/img/but_unknown_no.gif); }
.availability-on img.no { background: url(/img/but_avail_no.gif); }

.availability-off img.yes { background: url(/img/but_notavail_yes.gif); }
.availability-off img.unknown { background: url(/img/but_unknown_no.gif); }
.availability-off img.no { background: url(/img/but_notavail_no.gif); }

.availability-unknown img.yes { background: url(/img/but_notavail_yes.gif); }
.availability-unknown img.unknown { background: url(/img/but_unknown_yes.gif); }
.availability-unknown img.no { background: url(/img/but_avail_no.gif); }

.selectionprofile{
    border: 1px solid black;
}

.selectionprofile tr{
    border-bottom: 1px solid black;
}


/***********************************************************
 * Planning tool overview                                  *
 ***********************************************************/

.widget-planningoverview table {
    margin: 10px;
}

.planning-projecttitle {
    color: #0066FF;
    font-size: 16pt;
    cursor: pointer;
}

.planning-table {
    border-collapse: collapse;
    width: 98%;
}

.planning-table img {
    border: 0px solid white;
    cursor: help;
}

.planning-table .delete {
    border: 0px solid white;
    cursor: crosshair;
}

.planning-table td {
    border-bottom: 1px dotted #aaa;
	padding: 2px;
}

td.mouseover {
	background-color: #EEEEEE !important;
}

.planning-table {
	border: 1px dotted #999;
	border-bottom: 0;
}

td.slot-empty, 
td.slot-new, 
td.slot-noreaction,
td.slot-accepted, 
td.slot-declined,
td.slot-empty-comment, 
td.slot-new-comment, 
td.slot-noreaction-comment,
td.slot-accepted-comment, 
td.slot-declined-comment {
	font-size: 90%;
	width: 10% !important;
}

td.noslot {
    background-color: #C0C0C0;
}

td.slot-empty, td.slot-new {
    background-color: #FFFFFF;
    color: #000000;
}

td.slot-empty-comment, 
td.slot-new-comment {
    background-color: #FFFFFF;
    color: #000000;
	background-image: url(/img/comment-empty.png); 
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid black;
} 

td.slot-noreaction {
    background-color: #FFFFCC;
    color: #FF6600;
}

td.slot-noreaction-comment {
    background-color: #FFFFCC;
    color: #FF6600;
    background-image: url(/img/comment-noreaction.png); 
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid #FF6600;
}

td.slot-accepted {
    background-color: #EEFFEE;
    color: #339966;
}

td.slot-accepted-comment {
    background-color: #EEFFEE;
    color: #339966;
    background-image: url(/img/comment-accepted.png); 
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid #339966;
}

td.slot-declined {
    background-color: #FFEEFF;
    color: #FF0000;
}

td.slot-declined-comment {
    background-color: #FFEEFF;
    color: #FF0000;
    background-image: url(/img/comment-declined.png); 
    background-repeat: no-repeat;
    background-position: top right;
    border: 1px solid #FF0000;
}

td.location-new {
    color: #000000;
}

td.location-repeat {
    color: #DFDFDF;
}

td.location-new .light-text {
	color: #666;
}

.recently-added td {
	background-color: #FD7B10 !important;
}

td.recently-added {
    font-weight: bolder;
    background-color: #FFFFFF !important;
}

/***********************************************************
 * END Planning tool overview                              *
 ***********************************************************/

/***********************************************************
 * Planning selectiontool                                  *
 ***********************************************************/

.transparent-background {
	background-color: #000000;
	opacity: .5;
	filter: alpha(opacity = 50);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.widget-planningselectiontool .dateselectiontool {
    background-color: #FFFFFF;
    z-index: 2;
    position: absolute;
    width: 280px;
    top: 10px;
    left: 50px;
    border: 1px solid black;
}

.widget-planningselectiontool .planningselectiontool {
	background-color: #FFFFFF;
	z-index: 2;
	position: absolute;
	width: 1024px;
	height: 480px;
	top: 10px;
	left: 50px;
	border: 1px solid black;
    padding: 20px;
    overflow: auto;
}

.planningselectiontool .maintable {
    width: 1007px;
    margin-top: 10px;
}

.planningselectiontool .table-header {
	font-weight: bold; 
	 border-bottom: 1px solid #aaa;
}

.planningselectiontool .maintable td {
    vertical-align: top;
}

.planningselectiontool .maintable .listview table {
    border: 0px solid white;
    border-collapse: collapse;
    width: 100%;

}

.planningselectiontool .maintable .listview td {
    border: 1px dotted #aaa;
    padding: 4px 10px 4px 10px;
}

.planningselectiontool .maintable .listview .hover td {
    border: 1px solid black;
    padding: 4px 10px 4px 10px;
    background-color: #FFFFCC;
}

.planningselectiontool .maintable .listview .paging {
    border: 0px solid white;
    font-size: 16px;
}

.planningselectiontool .maintable .listview .pagelink {
    color: #0066FF;
    cursor: pointer;
}

.planningselectiontool .maintable .listview .pagelink:hover {
    text-decoration: underline;
}

.planningselectiontool .maintable .listview .icon {
    text-align: center;
}

.planningselectiontool .maintable .toolbar {
    width: 300px;
}

.planningselectiontool h1 {
    color: #0066FF;
    font-size: 16pt;
}

.planningselectiontool h2 {
	margin-top: 10px;
	margin-bottom: 10px;
    font-size: 12pt;
    text-weight: bold;
}

/***********************************************************
 * END Planning selectiontool                              *
 ***********************************************************/

td.slot-empty {
    background-color: #FFFFFF;
    color: #000000;
}

td.slot-new {
    background-color: #FFFFFF;
    color: #000000;
}

td.slot-noreaction {
    background-color: #FFFFCC;
    color: #FF6600;
}

td.slot-accepted {
    background-color: #EEFFEE;
    color: #339966;
}

td.slot-declined {
    background-color: #FFEEFF;
    color: #FF0000;
}

td.location-new {
    color: #000000;
}

td.location-repeat {
    color: #DFDFDF;
}

/***********************************************************
 * END Planning tool overview                              *
 ***********************************************************/


.reserve{
	color: black;	
}

.bordertr1{
	border-top: 1px solid green;
	border-left: 1px solid green;
	border-bottom: 1px solid green;
}

.bordertr2{
	border-top: 1px solid green;
	border-right: 1px solid green;
	border-bottom: 1px solid green;
}

.border{
	border: 1px solid green;	
}

.margin2{
	padding: 2px;
}

.background-grey{
	background-color: lightgrey;
}




.mono {
	font-family: Courier, "Courier New", monospace;
}




#loader {
	position: fixed;
	bottom: 10px;
	right: 10px;
	min-height: 20px;
	min-width: 20px;
	border: 1px solid #FC7812;
	background-color: white;
	padding: 10px;
	z-index: 500;
	-moz-border-radius: 5px;
}

#loader-background {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 499;
    cursor: wait;
}

#js_flashmessage {
	position: fixed;
	left: 30%;
	top: 0;
	width: 40%;
	min-height: 100px;
	border: 1px solid #999999;
	border-left: 10px solid #999999 !important;
	z-index: 1000;
	margin: 20px 30% 0 0;
	-moz-border-radius: 5px;
}

/* dataselectiontool css */

.dateselectiontool {
}

.dateselectiontool h1 {
    color: #0066FF;
    font-size: 16pt;
    text-align: center;
    margin-top: 25px;
}

.dateselectiontool .month {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.dateselectiontool .dategrid {
    margin-left: 30px;
    width: 220px;
    border-collapse: collapse;
    border: 0px solid white;
}

.dateselectiontool .dategrid td {
    border: 1px solid white;
}

.dateselectiontool .day {
    border: 1px solid white;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-weight: bold;
    color: #0055FF;
    cursor: pointer;
}

.dateselectiontool .next {
    text-align: right;
    font-weight: normal;
    cursor: pointer;
    color: #0055FF;
}

.dateselectiontool .prev {
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    color: #0055FF;
}

.dateselectiontool .dayrow {
    font-weight: bold;
    color: #00305D;
    text-align: center;
}

.dateselectiontool .day:hover {
    background-color: #ABABAB;
    color: #FFFFFF;
}

.dateselectiontool .wrongmonth {
    color: #AAAAAA;
}


.dateselectiontool .today {
    background-color: #0055FF; 
    color: #FFFFFF;     
}

.dateselectiontool .todaylink {
    font-weight: bold;
    color: #00305D;
    text-align: center;
    cursor: pointer;    
}
.dateselectiontool .todaylink:hover {
    text-decoration: underline;
}

.dateselectiontool .cancel {
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.select_readonly {
	font-size:14px;
}

textarea[disabled], textarea[readonly], input[disabled], input[readonly] {
	background-color: #ddd;
}