/*
 *    $Revision$
 *    $Id$
 *
 *
 *    basiskleur:  #446ab6 (blauw)
 *                 #c3ac9e (kringloop)
                   #123088 (vulpen)
 *    basiskleur:  #34b6e4 (blauw)
 *                 #c3ac9e (kringloop)
                   #123088 (vulpen)
 */

html, body,
#showbody, #editbody,
#search,
.fcltframe {
	background: none;
	background-color: #fff;
}
div {
	background: none;
   background-color: transparent;
}

tr.trtrack { opacity: 0.3; font-style: italic;}

/* Titelbalk */
#headerblok {
  background: url(fac_head_arbo.png) no-repeat;
  background-color: #fff;
  color: #000;
}

/* "Demonstratie" */
div#headerprefix {
  color: #34b6e4;
  text-align: left;
}
#headerprefix {
    font-size: 1em;
}

/* 'Togglers' */
div.ui-layout-toggler {
  background-color: #ccc;
}

/* Portal */

#mywelcometitle {
  background-color: #34b6e4;
  color: #fff;
  
}
#mywelcomeinfo {
  background-color: #000;
  color: #fff;
}
#nieuwsbody {
  background-color: #fff;
}
.nieuwstitel {
  color: #34b6e4;
}

.listbody tbody {
  background-color: #fff;
}

/* Titels */
.fcltframeheader,
#search div.fcltblockhead {
  background-image: none;
  background-color: #34b6e4;
}

/* Tekst van titels (overzichten, mijn facilitor, etc */
.fcltframeheader,
#search div.fcltblockhead,
.fcltframeheader span,
#search div.fcltblockhead span,
#iframerextratitle {
  color: #fff;
}

/* Kaders om invulvelden */
#showbody .fcltblockhead {
  background-color: #ccedf8;
  color: #000;
}
body.modal .fcltblock,
#editbody .fcltblock {
  background-color: #fff;
}
body.modal .fcltblockhead,
#editbody .fcltblockhead {
  background-color: #ccedf8;
  color: #000;
}

/* Flexvelden type label */
td.flexlabel {
  background-color: #fff200;
  color: #000;
}

/* Selectiescherm */
#search div.fcltblock {
  background-image: none;
  background-color: #fff;
}
#search div.fcltblock label {
  color: #000;
}

/* URLs in portal-blokken */
#portalmenu a {
	text-decoration: none;
	color: black;
}
#portalmenu a:hover {
	text-decoration: underline;
}

/* Knoppen */
#search #buttons ul li {
   background-color: #34b6e4;
   color: #fff;
}
#search #buttons ul li:hover {
   background-color: #fff;
   color: #34b6e4;
}
#search #buttons .hiddenbutton {
   background: none;
}

/* Verplichte velden */
* html .required, .required .required:focus, input.required{
  background-color: #ffe3bf;
}
input[type=text].required,
input[type=password].required,
select.required, option.required,
textarea.required {
  background-color: #ffe3bf;
}

/* Tabbladen */
.ui-widget-content {
  background: none;
  background-color: #fff;
}
.ui-tabs-nav {
   background: none;
   background-color: #fff;
}

.ui-widget-content .ui-state-default {
   background: none;
   background-color: #fff;
}
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-tabs-selected {
   background: none;
   background-color: #fff;
   border: 1px solid #34b6e4;
   border-bottom: 0;   
   color: #000;
}

.ui-state-default a:link {
   color: #34b6e4;
}
.ui-state-active a:link {
   color: #000;
}
.tabcloseall {
   color: #ccc;
}

/* Menu */
div#ProfFAC, div#PersFAC, div#MgtFAC {
   background-color: #fff;
}

#ProfFAC .menukop,
div#PersFAC ul li span.menukop,
div#MgtFAC  ul li span.menukop,
#MgtFAC  .menukop {
   color: #34b6e4;
}
.ui-layout-content,
#menutabs {
   background: none;
   background-color: #fff;
}

div#menutabs li.ui-state-active {
background-image: none; 
background-color: #fff;
}

div#ProfFAC ul li,
div#PersFAC ul li,
div#MgtFAC  ul li {
   background-color: #fff;
}

div#MgtFAC  ul li li,
div#ProfFAC ul li li,
li.mi {
   background-color: #fff;
}
div#MgtFAC  ul li li a {
   color: #000;
}

/* Kalender */
.ui-datepicker-header.ui-widget-header {
  background: none;
  background-color: #fff;
}
.ui-widget-header.ui-dialog-titlebar {
  background: none;
  background-color: #34b6e4;
  color: #fff;
}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-active {
   background-color: #fff200;
}

.ui-datepicker-calendar th {
   background-color: #34b6e4;
}
.ui-datepicker-calendar th.ui-datepicker-week-end {
   background-color: #9adbf2;
}

input[readOnly], select[readOnly], textarea[readOnly] {
  background-color: #F0F0F0;
}

input[type=checkbox], input[type=radio]{
  background-color: #F0F0F0;
}

li.mk:hover span.menukop {
    color: #fff!important;
}

#mod_prs_pwdchange {width:480px;}