body
{
	margin:0;
	padding:0;
	background: #FFFFFF url(img/back.jpg) no-repeat fixed;
	font-family: verdana, "lucida console", sans-serif;
	font-size:12px;
	
	min-width:1024px;
	margin: auto;
}

table tr th, table tr thead th
{
	font-weight: bold;
	text-align: left;
}

h1
{
	font-size:2em;
}

h2
{
	font-size:1.5em;
}

h3
{
	font-size:1.3em;
}

h4
{
	font-size:1.1em;
}

form ul.ekc-admin
{
	list-style:none;
	margin:0;
	padding:0;
}

form ul.ekc-admin div.label
{
	float:left;
	width: 150px;
}

form ul.ekc-admin div.content
{
	margin-left:150px;
}

p
{
	margin: 0.8em 0em 0.8em 0em;
}

a, a:visited
{
	color:#30ade4;
}

.list-no-bullets
{
	list-style:none;
	margin:1em 0em 1em 0em;
	padding:0;
}

#ekc-previewing-member-registration-popup
{
	position:absolute;
	top:20px;
	z-index:100;
	background-color:white;
	width:800px;
	height:760px;
	border:5px solid #AAAAFF;
	margin:auto;
	left:200px;
	padding:1em;
}

#ekc-previewing-member-registration-popup>h1
{
	margin-top:0em;
}

#ekc-previewing-member-registration-popup .close-popup
{
	float:right;
	font-size:1.4em;
	font-weight:bold;
}

#ekc-previewing-member-registration-popup ul
{
	margin: 0px 0.5em 0px 1em;
	padding: 0px 2px 0px 2px;
}

#ekc-calendar-task-popup
{
	margin:auto;
	width:500px;
}

#ekc-calendar-task-popup>div
{
	border:5px solid #AAAAFF;
	overflow: auto;
	background-color: white;
	width: 500px;
	height: 400px;
	position: absolute;
	z-index:100;
	padding:1em;
}

.calendar_task_list li
{
	margin: 4px 0px 4px 0px;
	padding: 2px 0px 2px 0px;
}

.calendar_task_list li a img
{
	float:left;
	padding: 3px 10px 3px 4px;
	border:0;
	height:1.2em;
}

.calendar_task_list li span
{
	margin-left: 5px;
}

#ekc-header
{
	width:100%;
	height:80px;
	background-color:none;
	text-align:center;
}

#ekc-header .ekc-logo
{
	float:right;
	background-image:url(../img/ekc_logo.png);
	width:160px;
	height:85px;
}

#ekc-menu
{
	float:left;
	width:240px;
}

#ekc-menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#ekc-menu ul li
{
	height: 2.5em;
	width: 230px; /*ekc-menu width minus padding left+right*/
	padding: 5px;
	background-color:aqua;
}

#ekc-menu ul li:hover
{
	background-color:olive;
}

#ekc-menu ul li a
{
	display:block;
	width:100%;
	height:100%;
	line-height:1em;
	
	text-decoration:none;
	color:black;
}

#ekc-body .window-inner
{
	padding-left: 160px;   /* makes sure the text is inside the borders */
	padding-right: 50px;   /* makes sure the text is inside the borders */
	padding-bottom: 30px; /* window-exit space*/
}

#ekc-body .window-header
{
	margin-bottom:0;
	width:1020px;
	height:54px;
}

#ekc-body .window-footer
{
	margin-top:0;
	width:1020px;
	height:22px; /*minues 1px ensures zooming issues*/
}

#ekc-body .window-header.blauw
{
	background: url(img/windows/header_blauw.png) repeat-y;
}

#ekc-body .window-inner.blauw
{
	background: url(img/windows/border_blauw.png) repeat-y;
}

#ekc-body .window-footer.blauw
{
	background: url(img/windows/footer_blauw.png) repeat-y;
}

#ekc-body
{
	width:1024px;
	margin: 0 auto;
}

#ekc-body-inner
{
	display:block;
	float:none;
}


#ekc-footer
{
	margin-top:1em;
	padding:0.5em;
	height:2em;
	background-color:#DDDDDD;
	text-align:center;
	font-size:0.9em;
}

td.caption
{
	 text-transform:capitalize;
	 vertical-align:top;
	 font-weight:bold;
}

/* Status ok and error */

.ekc-status-ajax-process
{
	padding: 0.5em 2em 0.5em 2em;
	background-color: #F6F65D;
	display:inline;
	text-align:center;
	font-weight:bold;
	border: 2px solid #A0A030;
	line-height:3em;
	color: black;
}

#ekc-status, .ekc-status-ajax
{
	padding: 0.5em 2em 0.5em 2em;
	background-color: #E5F0BD;
	display:inline;
	text-align:center;
	font-weight:bold;
	border: 2px solid green;
	line-height:3em;
	color: green;
}

#ekc-status-error, .ekc-status-error-ajax
{
	padding: 0.5em 2em 0.5em 2em;
	background-color: #FFD4D4;
	display:inline;
	text-align:center;
	font-weight:bold;
	border: 2px solid red;
	line-height:3em;
	color: red;
}

#ekc-form-error
{
	background-color: #FFD4D4;
	border: 2px solid red;
	font-weight:bold;
	list-style:none;
	padding:0.5em;
	color: red;
}

#ekc-form-error li
{
	padding: 0;
	margin: 0 0 5px 0 ;
	color: red;
}

.page-my-config h2
{
	margin-top:0;
}

.page-my-config tr td:first-child
{
	text-transform:capitalize;
	vertical-align:top;
}

.page-my-config tr td[colspan]
{
	text-transform:none;
}


/* Planners page */

.plannerContainer
{
  width: 424px;
  height: 98px;
  position: relative;
  margin: 0;
}

.plannerContainer .planner
{
  width:96px;
  height: 98px;
  position: relative;
  margin-top: 0;
  margin-right: 8px;
  float:left;
  border: 1px solid #b3b3b3;
}

.plannerContainer .planner a, .plannerContainer .planner a:visited, .plannerContainer .planner a:hover
{
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-decoration: none;
}

.plannerContainer .planner img
{
  width:96px;
  height: 77px;
  position: relative;
  margin-top: 0;
  float:left;
}

.plannerContainer .planner .textFieldYellow
{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_agenda_text.png') no-repeat left top;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerContainer .planner .textFieldMagenta
{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_doemee_text.png') no-repeat left top;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerContainer .planner .textFieldGreen
{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_hulpgevraagd_text.gif') no-repeat left top;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerContainer .planner .textFieldGrey

{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_kantoor_text.png') no-repeat left top;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerContainer .planner .textFieldBlue
{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_klussenmarkt_text.png') no-repeat left top;
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerContainer .planner .textFieldOrange
{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_rooster_text.png') no-repeat left top;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerContainer .planner .textFieldRed
{
  width: 96px;
  height: 18px;
  position: relative;
  margin: 0;
  float: left;
  background: url('../img/planners_zorgsite_text.png') no-repeat left top;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  text-align: center;
  padding-top: 3px;
}

.plannerItem
{
  width:424px;
  height: 50px;
  margin:0;
  position: relative;
  margin-bottom: 10px;
}

.plannerItem .thumb
{
  width:50px;
  height: 50px;
  margin:0;
  position: relative;
  float:left;
  border: 1px solid #b3b3b3;
}

.plannerItem .text
{
  width:auto;
  height: 38px;
  margin:0;
  position: relative;
  float: left;
  padding: 12px 0 0 7px;
}

.plannerItem .text a, .plannerItem .text a:hover, .plannerItem .text a:visited
{
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: underline;
}

.planner_ajax_update
{
  margin-top: 150px;
  position: absolute;
  width:100%;
  height:100%;
}

.planner_ajax_update_block
{
  background-color:#EFEFEF;
  width:250px;
  height:100px;
  margin-left: 200px;
  z-index:100;
  filter: alpha(opacity= 85);
  -moz-opacity:0.85;
  opacity: 0.85;
  position: relative;
  border: 1px solid black;
}

.planner_ajax_update_center
{
  padding-top: 15px;
  position: relative;
  text-align: center;
}

.loaderText
{
  top: 46px;
  left: -75px;
  position: relative;
}

.planner_ajax_update_center img
{
  display: block;
  z-index: 999;
  margin-left: 98px;
  *margin-left: 100px !important;
  _margin-left: 80px !important;
  width: 50px;
  height:50px;
  margin-top: -10px;
  float: left;
  position: relative;
}

/* End of Planners page */

.box .field img
{
	max-width: 400px;
	max-height: 400px;
}