.lowercase { text-transform: lowercase; /* force text to lowercase */ }

.orange50 { background-color: #FEBC89 }
.orange40 { background-color: #FECDA7 }
.orange25 { background-color: #FEDEC4 }
.orange10 { background-color: #FFF2E8 }

.p_lastitem { background-color: #FEEAB6 !important;}
.rpb_header { background-color: #FDD7E0 !important;}
.vdh_highlight { background-color: #F3EC94 !important; color: #4D4709; font-weight: bold; }

.p_available { background-color: #FFFFFF }
.p_finished { background-color: #8D8DCD; text-align: center; color: #000048; font-weight: bold; font-family:Verdana; font-size:8pt; }
.p_unfinished { background-color: #CE776B; text-align: center; color: #400000; font-weight: bold; font-family:Verdana; font-size:8pt; }
.p_noinvoice { background-color: #91B78B; text-align: center; color: #004000; font-weight: bold; font-family:Verdana; font-size:8pt; }
.p_dontinvoice { background-color: #F3EC94; text-align: center; color: #4D4709; font-weight: bold; font-family:Verdana; font-size:8pt; }
.p_selecteditem { background-color: #0080FF; text-align: center; color: #000048; font-weight: bold; font-family:Verdana; font-size:8pt; }
.act_waitinglist > td { background-color: #FFDDA8; }

.syncfield { background: url(/inc/images/syncfield.png) }
.syncfield:disabled { color: #686868; background: url(/inc/images/syncfield-disabled.png) }

.p_end { background-color: #D0D0FC }
.p_start { background-color: #D0D0FC }
.p_unavailable { background-color: #FFF2E8}
.p_partial { background-color: #FF8C8C; font-weight: bold;}

.error, .errorkop, .warning { color: #FF0000 !important; }
.btwinclusief {color: #FF0000 !important;}
.errorkop, .successkop { font-weight: bold; }
.successkop, .success { color: #00AA00; }
.successpastelbg { background-color: #D0FFBF; }
.spellerr {
	color: #d70303;
	text-decoration: none;
	background: url(/inc/images/spellchecker_bg.gif) repeat-x 100% 100%;
	cursor: pointer;
}

.bgerror { background-color: #FF0000; }
.bgsuccess { background-color: #00AA00; }
.bgshowinfo { background-color: #0000AA; }
.bgdisabled { background-color: #F0F0F0; }

.box-full {border:1px solid black;}
.box-bottom, tr.box-bottom td {border-bottom:1px solid black !important;}
.box-left {border-left:1px solid black;}
.box-right {border-right:1px solid black;}
.box-top {border-top:1px solid black;}
.box-left-corner {border-left:1px solid black; border-top:1px solid black;border-bottom:1px solid black;}
.box-right-corner {border-right:1px solid black; border-top:1px solid black;border-bottom:1px solid black;}
.box-middle {border-top:1px solid black;border-bottom:1px solid black;}

input[readonly] {
	color: gray;
	cursor: inherit;
}

button[disabled]:active,
button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="text"][disabled],
textarea[disabled],
select[disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
  background-color: #E3E3E3;
  cursor: inherit;
}

.float-right { float: right; }

.thinbox {border-style: solid; border-color: #44162a; border-width: 1px;}
.box {color: #44162a; background-color: #FFFCF9; border-style: solid; border-color: #FEBC89; border-width: thin;}
.bottomline {color: #44162a; background-color: #FFFCF9; border-bottom-style: solid; border-bottom-color: #FEBC89; border-bottom-width: thin;}
.showinfo { color: #0000AA; }

.menuhead { cursor: pointer; font-style: italic; font-weight: bold; }
.menuheadactive { cursor: pointer; font-style: italic; font-weight: bold; color: #FC7812; }
.menuitem { cursor: pointer; color: #44162a; text-decoration: none; }
.menuitemactive { cursor: pointer; color: #FC7812; text-decoration: none; }
.menuitem:hover { color: #333333; }
.modheader { font-weight: bold; font-size: 16px; }
.cmscell, tr.cmscell td, .cmstable td  { text-align: left; border-bottom: solid 1px silver; }
.cmscell2 { border-bottom: solid 1px silver; vertical-align: text-top;}

.pageheader, .pageheader div { font-weight: bold; font-size: 16px; }
fieldset.page { width: 800px; padding-bottom: 25px; }

.highlight {background-color: #FFF2E8 } /* #FFFF80 */
.mouseover {background: #FFC295 !important;} /* #fC7812 #ffcc00 */
.mouseover_error, tr.deleted td { background: #FFBFBF; }
.alignleft { text-align: left !important; }
.loggedin { color: #FFFFFF; text-decoration: none; }
.purple { background-color: #7657B5; }
/*.drawcmsheader { color: #FFFFFF; background-color: #FC7812; background-image: url('/inc/images/header-right.png'); background-repeat: repeat-y; border-bottom: solid 1px #000000; width: 100%; position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; }
.drawcmsheader2 { color: #FFFFFF; background-color: #FC7812; background-image: url('/inc/images/header-right.png'); background-repeat: repeat-y; border-bottom: solid 1px #000000; }
.drawcmsheader { color: #000; background-color: #FEBC89; border-bottom: solid 1px #000; width: 100%; position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; }
.drawcmsheader2 { color: #000; background-color: #FEBC89; border-bottom: solid 1px #000; }
.drawcmsheaderbg { color: #FFFFFF; background-color: #7E4E91; border-bottom: solid 1px #000000; }*/

.odd { color: #44162a; background-color: #fff2e8; }    /* #fffbec  */
.even { color: #44162a; background-color: #FFFCF9; }    /*ffe7aa   #FEEEC2 */

.mr { height:20px; cursor:pointer; }

.hidden { display: none }
.disabled { color: #999999; }

.center { text-align: center; }
td.white { background-color: #FFF; border: 0; text-align: center; }

.hand { cursor: pointer; }
.help { cursor: help; }

/* body.cms { background-image: url('/bg.php'); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; } */
/*.editorpopup * { font-size: 12px; }
.editorpopup table { background-color: #FFFFFF; }*/
body, input, select, option, td, p, div, span { font-family: /*trebuchet ms, arial, verdana,*/ century gothic, tahoma; font-size: 12px; color: #44162a; }
body.cmstop { background-color : #FC7812 }
body.cmsmenu { font-size : 10pt; background-color : #FFFFFF; margin: 0px; padding-top: 2px; padding-left: 1px; padding-right: 2px; border-right: solid 1px black; }
body.head, .modalheader { color: #FFFFFF; background-color: #FC7812 /*#7E4E91*/; /*background-image: url('/inc/images/captain_bg_head.jpg'); background-repeat: no-repeat;*/ margin-top: 0px; margin-right: 5px; margin-left: 0px; border-bottom: solid 1px #000000; }
body.foot { background-color: #EEE /*#7E4E91*/; margin-top: 0px; margin-left: 5px; border-top: solid 1px #000000; }
.foot a { color: #000; text-decoration: none; }

select, input[type="text"], input[type="password"], textarea { border: 1px solid #808080; background-color: white; margin-bottom: 1px; font-size: 8pt; font-family:Verdana, Arial, sans-serif; padding: 2px; }
select, option { padding-left: 1px; }
optgroup option { padding-left: 10px; }

a { cursor: pointer; }
a.normal, a.normal *, a.normal:visited, a.normal:visited * { text-decoration : none; color: blue; }
a.cmsheader, a.cmsheader:visited { color: #000000; text-decoration: none; }
a.cms, a.cms:visited { color: #44162a; text-decoration: none; }
a.cms:hover { color: #44162a; text-decoration: underline; }
a.cms_members { color: #44162a; text-decoration: none;}
a.cms_members:hover { text-decoration: underline; }
a.cms_invoice { color: blue; font-weight: bold; }
a.orange100, a.orange100:hover { color: #FC7812; }
a.item_active, a.item_active:visited { color: #00CF00; text-decoration: none; }
a.item_inactive, a.item_inactive:visited { color: #FFCF00; text-decoration : none; }
a.item_active:hover, a.item_inactive:hover { text-decoration: underline; }
a.not, a.not:visited { color: #000000; text-decoration: none; }
a.smo, a.smo:visited { color: #000000; text-decoration: none; }
a.smo:hover { color: #000000; text-decoration: underline; }
a.cms_hover, a.cms_hover:hover, a.cms_hover:visited { color: #44162a; text-decoration: underline; }

hr { border-style: solid; border-color: #FEBC89;}

span.ok { color: #008000 }
.blue { color: #1A30F7 }
span.small { font-family:Verdana, Arial, sans-serif; font-size: 8pt }

.oudlid { color: #BB0E0E }
.nietlid { color: #1842AB }

.toolbar { font-size:8pt; background-color: #fff2e8 }
table.cmstop { font-family : tahoma; font-size : 10pt; color : Black; }

th { font-size:14px; text-align: left; }

tr.cmsfolder { background-color: #E8E8E8; }

td.cmsheader, tr.cmsheader, th.cmsheader, span.cmsheader, div.cmsheader, .cmstable th { font-weight: normal; font-size : 10pt; color : black; background-color : #FEBC89; border-top: solid 1px black; border-bottom: solid 1px black;}
div.cmsheader { padding: 2px; }
td.cmsheader div { font-size: 10pt; }
td.cmsheaderntl, tr.cmsheaderntl { font-size: 10pt; color: black; background-color: #FEBC89; border-bottom: solid 1px black; }
td.cmsheaderbg { font-size: 10pt; color: black; background-color: #FEBC89; }
td.cmstop { font-size : 10pt; color : Black; background-color : #ffe7aa;  border-left: solid 1px black; border-bottom: solid 1px black; border-top: solid 1px black; padding-left:10px;padding-right:10px;}
td.cmsdata {  padding-left:10px;padding-right:10px; }

/*input.cmsbutton, button.cmsbutton { font-family: Verdana, Tahoma; background-color: #7657B5; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 3px #A88FEB; border-right: solid 3px #000000; border-bottom: solid 3px #000000; border-left: solid 3px #A88FEB; cursor: pointer;}
input.cmsbuttonhover, button.cmsbuttonhover { font-family: Verdana, Tahoma; background-color: #A88FEB; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 3px #7657B5; border-right: solid 3px #000000; border-bottom: solid 3px #000000; border-left: solid 3px #7657B5; cursor: pointer; }
*/

input.highlightbutton, button.highlightbutton { font-family: Verdana, Tahoma; background-color: #ffeb8c; color: #000000; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 2px #ede25e; border-right: solid 2px #a67a00; border-bottom: solid 2px #a67a00; border-left: solid 2px #ede25e; cursor: pointer;}

input.cmsbutton, button.cmsbutton,input.cmsbuttonhover:disabled, button.cmsbutton:disabled { background: url(/inc/images/buttonbg2.gif) repeat-x 100% 100%; border-radius: 5px; font-family: Verdana, Tahoma; background-color: #824598; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 2px #AF8FBC; border-right: solid 2px #000000; border-bottom: solid 2px #000000; border-left: solid 2px #AF8FBC; cursor: pointer;}
input.cmsbuttonred, button.cmsbuttonred { border-radius: 5px; font-family: Verdana, Tahoma; background-color: #FF0000 !important; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 2px #AF8FBC; border-right: solid 2px #000000; border-bottom: solid 2px #000000; border-left: solid 2px #AF8FBC; cursor: pointer;}
.cmsbutton[disabled], .cmsbuttonred[disabled],input.cmsbuttonhover:disabled, button.cmsbutton:disabled { color: #BBB; cursor: default; }
input.cmsbuttonhover:not(:disabled), button.cmsbuttonhover:not(:disabled) { background: url(/inc/images/buttonbg_hover.gif) repeat-x 100% 100%; border-radius: 5px; font-family: Verdana, Tahoma; background-color: #A580B4; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 2px #7E4E91; border-right: solid 2px #000000; border-bottom: solid 2px #000000; border-left: solid 2px #7E4E91; cursor: pointer; outline: none}

input.cmsbuttonfocus, button.cmsbottonfocus { background: url(/inc/images/buttonbg_hover.gif) repeat-x 100% 100%; border-radius: 5px; font-family: Verdana, Tahoma; background-color: #C7A0CB; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 2px #7E4E91; border-right: solid 2px #000000; border-bottom: solid 2px #000000; border-left: solid 2px #7E4E91; cursor: pointer; outline: none}

button.onlinehelpbutton { width: 204px; height: 19px; border-radius: 3px; font-family: Verdana, Tahoma; background-color: #3CAD46; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; margin-top: 1px; border-top: solid 1px #68BB70; border-right: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #68BB70; cursor: pointer; }
button.onlinehelpbutton:hover {	background-color: #33943C; }

.faqadmin { background-color: #B1C3CC; }

.cmsadmin { background-color: #D8E7F8 !important; }
.cmsadminbutton { font-family: Verdana, Tahoma; background-color: #D8E7F8; color: #000000; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 3px #A88FEB; border-right: solid 3px #000000; border-bottom: 3px solid #000000; border-left: 3px solid #A88FEB; cursor: pointer;}
.cmsadminbuttonhover { font-family: Verdana, Tahoma; background-color: #D8E7F8; color: #000000; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 3px #7657B5; border-right: solid 3px #000000; border-bottom: solid 3px #000000; border-left: solid 3px #7657B5; cursor: pointer; }
.cmsadminbuttonfocus { font-family: Verdana, Tahoma; background-color: #D8E7F8; color: #000000; font-size: 10px; font-weight: bold; text-align: center; padding-left:5px; padding-right:5px; border-top: solid 3px #FEDEC4; border-right: solid 3px #000000; border-bottom: solid 3px #000000; border-left: solid 3px #FEDEC4; cursor: pointer;}

.tabblad { background-image: url('/inc/images/tabblad.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabblad-line { background-image: url('/inc/images/tabblad-line.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabbladline { background-color: transparent !important; font-size: 11px; border: 0px; height:20px; outline: none; /*border-bottom:1px solid black !important;*/ background-image: url('/inc/images/tabbladline.gif'); background-repeat: repeat-x; }
.tabbladhigh { background-image: url('/inc/images/tabhigh.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-weight: bold; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height: 20px; outline: none}
.tabblad125 { background-image: url('/inc/images/tabblad125.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabblad125-line { background-image: url('/inc/images/tabblad125-line.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabbladhigh125, .tabblad125.tabbladhigh { background-image: url('/inc/images/tabhigh125.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-weight: bold; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height: 20px; outline: none}
.tabblad150 { background-image: url('/inc/images/tabblad150.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabblad150-line { background-image: url('/inc/images/tabblad150-line.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabbladhigh150, .tabblad150.tabbladhigh { background-image: url('/inc/images/tabhigh150.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-weight: bold; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height: 20px; outline: none}
.tabblad200 { background-image: url('/inc/images/tabblad200.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabblad200-line { background-image: url('/inc/images/tabblad200-line.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px; outline: none}
.tabbladhigh200, .tabblad200.tabbladhigh { background-image: url('/inc/images/tabhigh200.gif'); background-repeat: no-repeat; background-color: transparent; color: #44162a; font-weight: bold; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height: 20px; outline: none}

.tabblad2 { background-image: url('/inc/images/tab.png'); background-repeat: no-repeat; color: #44162a; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height:20px;}
.tabbladhigh2 { background-image: url('/inc/images/tabhigh2.gif'); background-repeat: no-repeat; color: #44162a; font-weight: bold; font-size: 11px; text-align: center; padding-left:5px; padding-right:5px; border: 0px; cursor: pointer; height: 22px;}

input.button { font-family: Verdana, Tahoma; background-color: #fff2e8; font-size: 10px; text-align: center; border-top: solid 2px #CCBEB4; border-right: solid 2px #864928; border-bottom: solid 2px #864928; border-left: solid 2px #CCBEB4; cursor: pointer;}
input.buttonbold { font-family: Verdana, Tahoma; background-color: #fff2e8; font-size: 10px; text-align: center; border-top: solid 2px #CCBEB4; border-right: solid 2px #864928; border-bottom: solid 2px #864928; border-left: solid 2px #CCBEB4; cursor: pointer; font-weight: bold;}
input.cmsusername { padding-left:4px; border: 1px solid black; font-size: 10pt; color : black;background-image:url('/inc/images/username.gif');background-repeat:no-repeat;background-position:center right; }
input.cmspassword { padding-left:4px; border: 1px solid black; font-size: 10pt; color : black; background-image:url('/inc/images/password.gif');background-repeat:no-repeat;background-position:center right;}
input.cmspincode { padding-left:4px; border: 1px solid black; font-size: 10pt; color : black; background-image:url('/inc/images/pincode.gif');background-repeat:no-repeat;background-position:center right;}

input.members { font-family:Verdana, Arial, sans-serif; font-size:8pt; }
input.membersedit { font-family:Verdana, Arial, sans-serif; font-size:8pt; border: 1px solid gray; }

input.xlsedit { font-family:Verdana, Arial, sans-serif; font-size:8pt; border: 1px solid #CCCCCC; background:transparent;}
input.lookup { font-family:Verdana, Arial, sans-serif; font-size:8pt; vertical-align: text-bottom}
input.big { font-family:Verdana, Arial, sans-serif; font-size:16pt; vertical-align: text-bottom}
.medium { font-family:Verdana, Arial, sans-serif; font-size:12pt; vertical-align: text-bottom}

select.members, select.membersedit { font-family:Verdana, Arial, sans-serif; font-size:8pt; border: 1px solid gray; }

table.borderpurple { border: #7657B5 2px solid; }
.borderorange { border: #FEBC89 2px solid; }

.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }

ul.none { list-style: none; margin: 0; padding:0;}
.move { cursor: move; }
.movebg { background-color: #FFF2E8; min-height: 20px; }

/*
div {
  scrollbar-arrow-color: #44162A;
  scrollbar-3dlight-color: #F4B27F;
  scrollbar-highlight-color: #E09E6B;
  scrollbar-face-color: #FEBC89;
  scrollbar-shadow-color: #C2804D;
  scrollbar-darkshadow-color: #A4622F;
  scrollbar-track-color: #E1D4CA;
}*/

.bold {
	font-weight: bold;
}

.infobtn {
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size:12px;
	border-style: grove;
	border: solid 1px #AF8FBC;
	background-color: #7E4E91;
	color: #FFFFFF;
	margin: 0px;
	border-radius: 5px;
}

.infobox {
	position: absolute;
}

.newbox {
	position: absolute;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 999;
}

.newbox2 {
	position: absolute;
	left: 8px;
	top: 30px;
}

.hh {
	background-image:url("/inc/images/hh.gif");
	background-repeat: no-repeat;
}

.mm {
	background-image:url("/inc/images/mm.gif");
	background-repeat: no-repeat;
}

.ss {
	background-image:url("/inc/images/ss.gif");
	background-repeat: no-repeat;
}

.fout {border-style: solid; border-color: #FF0000; border-width: 1px;}

table.calendar {
	border-collapse:collapse;
	border-color:#D7D6D6;
	white-space: nowrap;
}

table.calendar td {
	color: #777777;
	font-size:12px;
	white-space: nowrap;
	vertical-align: top;
}

table.keyboard {
	border-collapse:collapse;
	border-color:#D7D6D6;
	white-space: nowrap;
}

table.keyboard td {
	color: #777777;
	font-size:18px;
	font-weight: bold;
	padding: 5px;
	white-space: nowrap;
	vertical-align: top;
}

.defcol {
	color: #44162a !important;
}

tbody tr td ul {margin: 0px;}

.padtable {padding-right: 5px}

td.mytable {padding-left: 5px; padding-right: 2px; padding-top: 3px;}

.mytop {padding-top: 3px;}

#members_tablecontent tbody tr td {vertical-align: top;}
#members_tablecontent img {border-style: none;}

#cbcalls option {white-space: inherit; font-family:Courier New !important;  background-color: #FFF2E8;}

#boektabel {
	table-layout:fixed;
}

#boektabel td {padding-right: 5px;}

#cbgrootboek option {font-family:Lucida Console; font-size:10pt;}
select.monospace option, .monospace { font-family: Courier New !important; }

.systemselect:checked {
	color: white !important;
}

.ellipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('/inc/ellipsis.xml#ellipsis');
	overflow:hidden;
	white-space:nowrap;
	margin: 0px;
	padding-right: 5px;
}

.opac40 {
	opacity:0.4;
	filter:alpha(opacity=40)
}

.opac0 {
	opacity:0;
	filter:alpha(opacity=0)
}

.opac100 {
	opacity:1;
	filter:alpha(opacity=100)
}

.gadgetheader {
	cursor: move;
	background-color: #FEC496;
}

.taskheader {
	cursor: move;
	background-color: #443B36;
	color: #FFCCFF !important;
}

.gadgetok {
	background-image: url('/inc/images/true2.gif');
	background-position: top left;
	background-repeat: no-repeat;
	width: 16px;
	display: none;
	float:left;
}

/* tooltip start */

#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 99;
/* Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4); */
}

/* Tooltip pointer */
#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* tooltip style */
#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

/* tooltip text wrapper */
#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}
/* tooltip end */

input.taskedit { font-family:Verdana, Arial, sans-serif; font-size:8pt; border: 1px solid gray; width: 98%; height: 14px; }

.toolButton {
	position: relative;
	width: 50px;
	height: 40px;
	background-color: #FFF2E8;
	cursor: pointer;
}

.toolButtonImg {
	cursor: pointer;
	position: absolute;
	top:0px;
	width:100%;
	height: 27px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}
.toolButtonImgGray {
	cursor: pointer;
	position: absolute;
	top:0px;
	width:100%;
	height: 27px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
}

.toolButtonTxt {
	position: absolute;
	bottom:2px;
	width: 50px;
	text-align: center;
	font-size: 10px;
	font-family: Tahoma;
	color: #000000;
	cursor: pointer;
	z-index: 3;
}

img.preview, img.changeiv, img.credit {
	width: 16px;
	height: 16px;
	border: 0px;
	cursor: pointer;
}

img.inv {
	cursor: pointer;
	border-width: 0px;
}

img[onclick] { cursor: pointer; }

tr.warning td {color: #FF0000;}
tr.oudlid td {color: #BB0E0E;}
tr.nietlid td {color: #1842AB;}

::-ms-clear { display: none; }

.ui-datepicker-trigger { cursor: pointer; }
.warningBox { background-color: #FFFFE1; border: 1px dashed #FC7812; padding: 5px; font-size: 12pt; }

.toolbutton { background-color: transparent; }

.toolbutton:hover, .toolbutton_active { background-color: #CCCCCC; }

td.planningdays { background-color: #FFFFE1; font-size: 16px; border: 1px solid grey; font-weight: bold; text-align: center; cursor: pointer; width: 20px}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 11px;
}

::-webkit-scrollbar-track {
	border-radius: 8px;
	background-color: rgba(206, 206, 206, .6);
}
::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(100,100,100, .6);
}

.ovThumbDiv {
	position: relative;
	border-radius: 0px;
	margin: 5px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #C0C0C0;
}

.ovThumbDiv img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ovThumbAlt {
	color: gray;
}

.text-core .text-button {
	background-color: #FFD38C !important;
	border: 1px solid #E78F08 !important;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
	background-color: #FFD38C !important;
}

.strike { text-decoration: line-through; }

.actionbuttons div { width: 70px; height: 63px; padding: 5px 3px 3px 3px; text-align: center; border: 1px solid #666666; background-color: #FFEDDE; font-weight: bold; cursor: pointer; }
.actionbuttons div.disabled { background-color: #DDD; cursor: default; }
.actionbuttons div.disabled img { opacity: 0.3; cursor: default; }
.actionbuttons div.highlight { background-color: #FEDEC4; }

/**
 * jQuery Editable Select
 * Indri Muska <indrimuska@gmail.com>
 *
 * Source on GitHub @ https://github.com/indrimuska/jquery-editable-select
 */

input.es-input { padding-right: 20px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; }
input.es-input.open {
	-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
.es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto;
	-moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; }
.es-list li { display: block; padding: 5px 10px; margin: 0; }
.es-list li.selected { background: #f3f3f3; }
.es-list li[disabled] { opacity: .5; }

:focus { outline: none; }