@charset "UTF-8";
/* CSS Document */
/*

font groen: 006524
font blauw: 0072ff
donkerblauw (links) : 063FBF
bg grijs: f7f7f7
*/

html {}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color:  #006524;
}

img {
	border: 0;
}

h1 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #006524;
}

h2 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #006524;
}
h3 {
	/*font-family: 'Julius Sans One', sans-serif;*/
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #006524;
}




ul {
	margin: 0;
	padding: 0;
}

/* ----------------- LINKS ---------------------------- */

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

a.adown:link, a.adown:visited {
	display: inline-block;
	width: 50px;
	padding-right: 20px;
	text-decoration: none;
	color: #0072ff;
}
a.adown:hover, a.adown:active {
	display: inline-block;
	width: 50px;
	padding-right: 20px;
	text-decoration: none;
	color: #063FBF;
}

a.logo:link, a.logo:visited {
	position: absolute;
	top: 45px;
	left: 685px;
	text-decoration: none;
}
a.logo:hover, a.logo:active {
	position: absolute;
	top: 45px;
	left: 685px;
	text-decoration: none;
}

a.maillink:link, a.maillink:visited {
	color: #FFF;
	text-decoration: underline;
}
a.maillink:hover, a.maillink:active {
	color: #000;
	text-decoration: underline;
}

a.mailmember:link, a.mailmember:visited {
	color: #0072ff;
	text-decoration: underline;
}
a.mailmember:hover, a.mailmember:active {
	color: #063FBF;
	text-decoration: underline;
}

a.aevent:link, a.aevent:visited {
	color: #0072ff;
	text-decoration: none;
}
a.aevent:hover, a.aevent:active {
	color: #063FBF;
	text-decoration: underline;
}



a.homeh1:link, a.homeh1:visited {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #006524;
}
a.homeh1:hover, a.homeh1:active {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: underline;
	color: #006524;
}
a.homeimg:link, a.homeimg:visited {
	display: block;
	text-decoration: none;
	padding-top: 20px;	
	cursor: pointer;
}
a.homeimg:hover, a.homeimg:active {
	display: block;
	text-decoration: none;
	padding-top: 20px;
	cursor: pointer;
}

a.qna:link, a.qna:visited {
	color: #0072ff;
	text-decoration: none;
}

a.qna:hover, a.qna:active {
	color: #063FBF;
	text-decoration: underline;
}
a.atxt:link, a.atxt:visited {
	color: #0072ff;
	text-decoration: none;
}

a.atxt:hover, a.atxt:active {
	color: #063FBF;
	text-decoration: underline;
}


a.whocomp:link, a.whocomp:visited {
	display: block;
	padding-bottom: 5px;
	color: #0072ff;
	text-decoration: none;
}

a.whocomp:hover, a.whocomp:active {
	display: block;
	padding-bottom: 5px;
	color: #063FBF;
	text-decoration: underline;
}


/* menutop */
#menutop {
	position: absolute;
	top: 22px;
	left: 200px;
	margin: 0;
	padding: 0;
}
#menutop li {
	list-style-type: none;
	display: block;
	/*width: 120px;*/
	float: left;
}
#menutop a:link, #menutop a:visited {
	display: block;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #006524;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#menutop a:hover, #menutop a:active {
	display: block;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #0072ff;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
a.menuselect:link, a.menuselect:visited, a.menuselect:hover, a.menuselect:active {
	color: #0072ff !important;
}
a.submenuselect:link, a.submenuselect:visited, a.submenuselect:hover, a.submenuselect:active {
	color: #0072ff !important;
}


/* ----------------- CLASSES ---------------------------- */
.clear { margin: 0; padding: 0; clear: both; display: block; height: 1px; overflow: hidden; }
.clearhome { margin: 0; padding: 0; clear: both; display: block; height: 3px; overflow: hidden; background-color: #FFF; }

.blue {
	color: #0072ff;
}
.red {
	color: #D90000;
}
.darkblue {
	color: #063FBF;
}
.same {
	color: #063FBF !important;
}
.admin {
	color: #D90000 !important; /* red */
}

.flr { float: right; }


/* menuleft login */

ul.login {
	padding: 15px 0px 15px 15px;
	background-color: #f7f7f7;
}

ul.login li {
	display: block;
	list-style-type: none;
	padding-bottom: 10px;
}
ul.login li label {
	display: block;
	color: #006524;
	font-size: 11px;
	padding-bottom: 5px;
}
ul.login li input {
	width: 126px;
	border: none;
	background-color: #FFF;
	border: 1px solid #cecece;
	
	
}
ul.login li input.submit {
	width: 128px;
}
ul.login a:link, ul.login a:visited {
	color: #006524;
	text-decoration:none;
}
ul.login a:hover, ul.login a:active {
	color: #014a1b; /* donkergroen */
	text-decoration: underline;
	
}
ul.sponsors {
	padding: 0px;
	padding: 15px 0px 0px 0px;
	background-color: #f7f7f7;
	margin-top: 30px;
}
ul.sponsors li {
	display: block;
	list-style-type: none;
	padding-bottom: 15px;
	text-align: center;
}

/* menuleft login */
ul.menuleft {
	padding: 15px 0px 15px 15px;
	background-color: #f7f7f7;
}

ul.menuleft li {
	display: block;
	list-style-type: none;
	padding-bottom: 10px;
}


/* home */
.left1, right1, left2, right2 {
	color:  #006524;
}

.left1 h1, .right1 h1, .left2 h1 , .right2 h1 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #006524;
}

.left1 ul li, .right1 ul li, .left2 ul li, .right2 ul li {
	padding-left: 10px;
	list-style-type: none;
}
.left1, .left2 {
	width: 370px;
	float: left;
	padding-bottom: 20px;
}

.right1, .right2 {
	width: 370px;
	padding-left: 10px;
	float: left;
	padding-bottom: 20px;
	
}


/* CMS */
table.cmsrecord {}

table.cmsrecord td {
	vertical-align: top;
}
table.cmsrecord td img, table.cmsrecord td label, table.cmsrecord td input {
	vertical-align: top;
}
table.cmsrecord td.naam {
	width: 120px;
}

table.cmsrecord input {
	width: 400px;
}
table.cmsrecord input.submit {
	width: 100px;
}
table.cmsrecord input.radio {
	width: 20px;
}


table.cmsrecord textarea {
	width: 500px;
}

table.cmsrecord td.radios label {
	display: inline-block;
	width: 120px;
	padding-right: 20px;
}
table.cmsrecord label.wide {
	display: inline-block;
	width: 160px !important;
	padding-right: 0px;
}

table.cms {
	width: 100%;
	table-layout: auto;
}

table.cms td {
	padding: 2px 0px 2px 5px;
	word-wrap: break-word;
}
table.cms tr.header {
	font-weight: bold !important;
}
table.cms tr.header th {
	padding-left: 0px;
	text-align: left;
}
table.cms tr.headertop td {
	padding: 5px 0px 5px 0px;
}


table.cms tr.headertop td.activity {
	color: #fff;
	background-color: #0072ff;
	font-weight: bold;
	border-right: 1px solid #f7f7f7;
	text-align: center;
}

td.present {
	color: #0DBE4C;
	font-weight: bold;
}

td.excused {
	color: #FF9E00;
	font-weight: bold;
}

td.notpresent {
	color: #EF0003;
	font-weight: bold;
}


table.cms td.date {
	width: 10em;
	padding-left: 0px;
}
table.cms td.icons, table.cms tr.header th.icons {
	width: 80px;
	text-align: right;
}
table.cms td.icons3 {
	width: 120px;
	text-align: right;
}


table.cms td.parent {
	font-weight: bold;	
}
table.cms td.child {
	padding-left: 30px;
}
table.cms td.company {
	max-width: 20%;
}
table.cms td.qanswers {
	max-width: 6em;
	text-align: center;
}

table.cms td.img { color: #f7f7f7; }

ul.cmsmain {}

ul.cmsmain li {
	list-style-type: none;
	display: block;
	padding-bottom: 20px;
}

ul.cmsmain li img {
	padding-right: 20px;
	vertical-align: middle;
}

ul.cmsmain li a:link, ul.cmsmain li a:visited {
	color: #000;
	text-decoration: none;
}

ul.cmsmain li a:hover, ul.cmsmain li a:active {
	color: #006524;
	text-decoration: underline;
}

div.cmsdelete {
	padding-top: 15px;
}

span.super {
	vertical-align: super;
	font-size: 11px;
}

div.mycmsleft {
	width: 300px;
	padding-left: 75px;
	padding-bottom: 40px;
	float: left;
}

div.mycmsright {
	width: 300px;
	padding-left: 75px;
	padding-bottom: 40px;
	float: right;
}
 
div.mycmsmembers {
	
	background-image: url(../images/cms/icon_cmsmembers.png);
	background-position: top left;
	background-repeat: no-repeat;
	
}

div.mycmsevents {
	background-image: url(../images/cms/icon_cmsevents.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div.mycmsbasic {
	background-image: url(../images/cms/icon_cmscompetence.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div.mycmsqna {
	background-image: url(../images/cms/icon_cmsmessage.png);
	background-position: top left;
	background-repeat: no-repeat;
}



/* events */
.upcoming, .past {
	color:  #006524;
}

.upcoming h1, .past h1 {
	padding: 0;
	margin: 0;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #006524;
	padding: 10px 10px 10px 10px;
	background-color: #f7f7f7;
}

.upcoming ul li.event, .past ul li.event {
	/*padding-left: 10px;*/
	list-style-type: none;
}
.upcoming {
	width: 380px;
	float: left;
	padding-bottom: 20px;
}
.past {
	width: 380px;
	margin-left: 10px;
	float: left;
	padding-bottom: 20px;
	
}
ul.events span.date {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 14px;
	color: #006524;
}

ul.events span.title, ul.events span.title2 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 14px;
	color: #000000;
}
ul.events span.title2 {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.events span.intro {
	color: #999999;
	font-size: 90%;
}
ul.events span.content, ul.events span.program {
	display: block;
	color: #000000;
	padding-top: 5px;
}
ul.events span.place, ul.events span.starttime {
	display: block;
	color: #006524;
	font-size: 120%;
	padding-top: 10px;
}
ul.events span.btn {
	display: block;
	padding-top: 0px;
	float: right;
}

/*
ul.events span.intro, ul.events span.content, ul.events span.program, 
ul.events span.place, ul.events span.starttime, ul.events span.title2,
*/
ul.events div.slide {
	display: none;
	margin-top: 5px;
	padding: 5px;
	background-color: #FFFFFF;
}
ul.events span.btn {
	display: none;
	margin-right: 20px;
	/*padding: 5px;*/
}

div.hidden { display: none;  }

ul.events {}

ul.events li.event {
	background-color: #f7f7f7;
	padding: 15px 10px;
	border-top: 2px solid #ffffff;
	
}

ul.events li.event ul {
	margin-left: 20px;	
}

ul.events li span.eventdetail {
	display: block;
	width: 20px;
	float: right;
	cursor: pointer;
}

td.status img {
	padding-top: 4px;

}

label.delete {
	display: inline-block;
	width: 100px;
}

label.delete input {
	width: 20px;
}


/* memberregister */
ul.memberregister {
	padding-left: 20px;
}

ul.memberregister li {
	list-style-type: none;
}

ul.formregister {}

ul.formregister li {
	display: block;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.formregister li label {
	display: inline-block;
	padding-right: 20px;
	vertical-align: middle;
}

ul.formregister li label.name {
	display: inline-block;
	width: 200px;
	vertical-align:top;
	padding-right: 0px;
	padding-top: 4px;
}
ul.formregister li input {
	width: 350px;	
}
ul.formregister li textarea {
	width: 350px;	
}
ul.formregister li input.submit {
	width: 128px;
}
ul.formregister li input.radio {
	width: 20px;
}

label.namecomp {
	display: block;
	width: 200px;
	float: left;
	min-height: 100%;
	vertical-align: top;
	padding-top: 4px;
}

span.compname {
	display: block;
	float: left;
	width: 250px;
}



#accordion {
	display: inline-block;
	/*width: 490px;*/
	width: 100%;
}
#accordion h3 {}

#accordion label.cbcomp {
	display: block;
}
#accordion label.cbcomp input {
	width: 20px;
}

#accordion .numberq {
	display: inline-block;
	float: right;
}

#accordion.w100 {
	display: inline-block;
	width: 100%;
}

.senderror {
	color: #b10909; /* rood */
	font-weight: bold;
	padding-bottom: 20px;
}


/* contact */
ul.contact {}

ul.contact li {
	display: block;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.contact li label.name {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	padding-top: 4px;
}
ul.contact li input {
	width: 350px;	
}
ul.contact li textarea {
	width: 350px;	
}
ul.contact li input.submit {
	width: 128px;
}
ul.contact li input.radio {
	width: 20px;
}

/* my home */
ul.myhome {
	padding-left: 30px;
}
ul.myhome li {}

div.myleft {
	width: 490px;
	padding: 0px 12px 20px 12px;
	float: left;
	background-color: #f7f7f7;
}

div.myright {
	width: 230px;
	padding: 0px 10px 20px 10px;
	float: right;
	background-color: #f7f7f7;
}

ul.myright {
	padding-left: 15px;
}
ul.myright li {
	padding-bottom: 6px;
	color: #0072ff; 
}

.wwshort{
    color:#FF0000;
}
.wwweak{
    color:#E66C2C;
}
.wwgood{
    color:#2D98F3;
}
.wwstrong{
    color:#006400;
}
#wwresult {
	display: inline-block;
	width: 180px;
	padding-left: 20px;
}


/* who who */
#searchbyname, #searchbycomp, #searchbyalph, #searchbutton { display: none; }

#searchmember label {
	display: block;
}
.styledRadio, .styledCheckbox {
	display: inline-block;
	vertical-align: middle;
}
#searchbyname input {
	vertical-align: middle;
}
#searchbyname input.inputname {
	width: 200px;
	margin-right: 5px;
}
#searchbyname input.searchsubmit {
	width: 100px;
}	
span.numberresults {
	display: inline-block;
	padding-left: 40px;
	font-size: 12px;
	font-weight: normal;
}
table.who tbody td, table.who thead tr.tbody td {
	/*font-size: 11px;*/
	vertical-align: top;
	padding: 5px 2px 5px 2px;
	height: 24px;
}

table.who td.checkbox {
	padding-right: 8px;
}

/* Q&A */
ul.questions {}
ul.questions li { 
	display: block;
	list-style-type: none;
	padding-bottom: 10px;
	vertical-align: top;
}

ul.questions li span.qtitle {
	display: inline-block;
	width: 38%;
	padding-right: 20px;
	font-weight: bold;
	vertical-align: top;
}

ul.questions li span.qmember {
	display: inline-block;
	width: 22%;
	padding-right: 20px;
	vertical-align: top;
}
ul.questions li span.qcompetences {
	display: inline-block;
	width: 22%;
	padding-right: 20px;
	vertical-align: top;
}
ul.questions li span.myqc {
	display: block;
	vertical-align: top;
}
ul.questions li span.qdate {
	display: inline-block;
	width: 8em;
	padding-right: 20px;
	vertical-align: top;
	text-align: right;
}
ul.questions li span.qanswers {
	display: inline-block;
	width: 6em;
	/*padding-right: 20px;*/
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	
}
ul.questions li span.icons {
	display: inline-block;
	width: 35px;
	vertical-align: top;
	text-align: right;
}

div.qatitle {
	padding-bottom: 10px;
	font-weight: bold;
	color: #063FBF;
}

div.qabody {
	padding-bottom: 10px;
	color: #063FBF;
	/*border-bottom: 1px solid #CBCBCB;*/
}



/* MY MESSAGES */
/* Q&A */
ul.messages {}
ul.messages li { 
	display: block;
	list-style-type: none;
	padding-bottom: 10px;
	vertical-align: top;
}
ul.messages li span.mtitle {
	display: inline-block;
	width: 50%;
	padding-right: 20px;
	font-weight: bold;
	vertical-align: top;
}
ul.messages li span.mdate {
	display: inline-block;
	width: 20%;
	/*padding-right: 20px;*/
	vertical-align: top;
	text-align: right;
}
ul.messages li span.icons {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	text-align: right;
}







div.qmember {
	padding-bottom: 10px;
}

div.qbody {
	padding-bottom: 20px;
}

div.qbody ul {
	padding-left: 30px;
}
div.qbody p {
	padding: 0px !important;
	margin: 0px !important;
}

div.qanswer {
	position: relative;
	margin-left: 36px;
	border-left: 1px solid #0072ff; /*#E0E0E0; /*#0072ff;*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 16px;
	/*color: #063FBF; /* donkerblauw */
	color: #006524; /* groen */
	font-style: oblique;
}

div.abody {}

div.anumber {
	position: absolute;
	width: 2em;
	top: 0px;
	left: -2.2em;
	color: #E3E3E3;
	font-size: 36px;
	text-align: right;
}

ul.formquestion {}

ul.formquestion li {
	position: relative;
	display: block;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-top: 4px;
}

ul.formquestion label.name {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}
ul.formquestion input {
	width: 350px;	
}
ul.formquestion textarea {
	width: 350px;	
}
ul.formquestion input.submit {
	width: 128px;
}
ul.formquestion input.radio {
	width: 20px;
}

ul.formquestion label.nameblock {
	display: block;
	width: 200px;
	float: left;
	min-height: 100%;
	vertical-align: top;
	/*padding-top: 4px;*/
}

ul.formquestion span.nameblock {
	display: block;
	float: left;
	width: 550px;
	vertical-align: top;
}

/* MESSAGE BOARD */

table.tmsg {}

table.tmsg td { padding-bottom: 10px; vertical-align: top; }


table.tmsg td.mtitle { width: 60%; }

table.tmsg td.icons { width: 40px; text-align: right; }

ul.formquestion li input.radio {
	width: 20px;
}

tr.todo td { color: #CE0003 !important; }
tr.todo td.img { color: #f7f7f7 !important; }


/* ----------------- IDS ---------------------------- */

#placeholder {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	min-height: 600px;
	padding-top: 30px;
}


#header {
	position: relative;
	z-index: 1;
	height: 259px;
}
#top {
	position: absolute;
	z-index: 1000;
	width: 160px;
	top: -1px;
	right: -2px;
}

#content {
	position: relative;
	min-height: 400px;
	padding-top: 60px;
	padding-bottom: 20px;
}
#content div.left {
	float: left;
	width: 160px;	
}
#content div.right {
	float: right;
	width: 770px;
	padding: 0px 15px 15px 15px;
	background-color: #f7f7f7;
}

#content.events div.right, #content.myhome div.right, #content.mywho div.right {
	background-color: #ffffff;
}




#footer {}

#footertext {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 12px;
	background-color: #f7f7f7;
	color:  #006524;
	font-size: 12px;
	padding: 12px 10px 10px 10px;
}

#footertext a:link, #footertext a:visited {
	color: #0072ff;
	text-decoration: underline;
}
#footertext a:hover, #footertext a:active {
	color: #063FBF;
	text-decoration: underline;
}

#footertext span {
	display: block;
}

#footertext span.left {
	float: left;
	width: 600px;
	text-align: left;
}

#footertext span.right {
	float: right;
	width: 350px;
	text-align: right;
}




/* ----------------- MENU ---------------------------- */

#smoothmenu {
	position: absolute;
	top: 142px;
}

.ddsmoothmenu{
	width: 100%;
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	color: white;
	padding: 16px 20px 10px 20px;
	text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: white;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #d60427;
	border-bottom: 5px solid #d60427;
}

.ddsmoothmenu ul li a:hover{
	color: #d60427;
	border-bottom: 5px solid #d60427;
}
	
/* sub menus */
.ddsmoothmenu ul li ul{
	position: absolute;
	left: -3000px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 160px; /*width of sub menus*/
	padding: 5px;
	padding-left: 20px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 5px solid #181914;
	background-color: #181914;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
	position: absolute;
	top: 22px;
	right: 5px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: #181914; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
	margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
	opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
	margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
	/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
	background-color: transparent;
	box-shadow: 5px 5px 5px #181914; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
	-moz-box-shadow: 5px 5px 5px #181914;
	-webkit-box-shadow: 5px 5px 5px #181914;
}


/* VALIDATION ENGINE */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	/*background: #8fb621; groen */
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	/*background: #8fb621; groen */
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}


/* timepicker */
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* jquery pagination */
/*

font groen: 006524
font blauw: 0072ff
donkerblauw (links) : 063FBF
bg grijs: f7f7f7
*/

ul.simplePagerNav li{
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-left: 4px;
	font-size: 14px;
}

ul.simplePagerNav li a:link, ul.simplePagerNav li a:visited {
	display: block;
	padding: 10px;
	color: #006524;
	text-decoration: none;
	border: 1px solid #006524;
}
ul.simplePagerNav li a:hover, ul.simplePagerNav li a:active {
	display: block;
	padding: 10px;
	color: #f7f7f7;
	text-decoration: none;
	border: 1px solid #006524;
	background: #0072ff;
}
li.currentPage { background: #063FBF; }
ul.simplePagerNav li.currentPage a { color: #fff; }


/* tablesorter */

/* Table  */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 13px 18px 13px 10px;
	/*border-bottom: 1px solid #ffffff;*/
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}



table.dataTable thead th {
	padding-left: 12px !important;
}

table.dataTable thead th.checkbox {
	padding-left: 0px !important;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}
table.dataTable td.all {
	border-top: 1px solid #0a6427;
	padding-top: 15px !important;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #ffffff; }
table.dataTable tr.even { background-color: none; }

table.dataTable {
	border-bottom: 1px solid #0a6427;
}
/* Table wrapper */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
/* Page length menu */
.dataTables_length {
	float: left;
}
/* Filter */
.dataTables_filter {
	float: right;
	text-align: right;
}
/* Table information */
.dataTables_info {
	clear: both;
	float: left;
	padding-top: 10px;
}
/* Pagination  */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #0a6427 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #ccc !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
	padding-top: 10px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #0a6427;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #0a6427;
}

.paging_full_numbers a.paginate_button {
	background-color: #ffffff;
	color: #0a6427;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #0079fc;
	text-decoration: none !important;
	color: #ffffff;
}

.paging_full_numbers a.paginate_active {
	background-color: #0046bd;
	color: #ffffff;
}

/* Processing indicator */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/* Sorting */
.sorting { background: url('../images/icons/sort_both.png') no-repeat left; }
.sorting_asc { background: url('../images/icons/sort_asc.png') no-repeat left; }
.sorting_desc { background: url('../images/icons/sort_desc.png') no-repeat left; }

.sorting_asc_disabled { background: url('../images/icons/sort_asc_dis.png') no-repeat left; }
.sorting_desc_disabled { background: url('../images/icons/sort_desc_dis.png') no-repeat left; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}

/* Scrolling */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}