/*
 *    $Revision$
 *    $Modtime: 02-05-14 16:00 $
 */
 
 
#headerblok {
    background: url(../kfpp/banner-pivot.png) no-repeat;
}

/* Menukoppen */
span.menukop {
  background-image: none;
  padding-left: 2px;
}

#editbody, #rejectbody {
  border-left: 0px solid rgb(111, 101, 161);
  border-right: 0px solid rgb(111, 101, 161);
}
input[readonly], select[readonly], textarea[readonly] {
  color: rgb(50,57,74);
}
input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover {
  background-color: #fff;
}

a[href^="mailto:"] {
    color: rgb(50,57,74);
}

a[href^="mailto:"].fldmailto {
    background-color: #fff;
}

th {
  color: #502d7f;
  background-color: rgb(236,234,242);
}
#headerfunctions {
    color: rgb(50,57,74);
}

span.ia2 { /*inline action v2 */
    color: #ffa12d;
    background-color: #fff;
}

span.ia2:hover {
    background-color: #ffa12d;
    color:  #fff;
}

.fcltframeheader, .fcltframefooter {
    background-color: rgb(111, 101, 161);
}

#iframerextratitle {
  color: #fff;
}


div.fcltframeheader {
    color: #fff;
}

.ui-widget-header.ui-datepicker-header,
.ui-widget-header.ui-dialog-titlebar {
   background-color: rgb(111, 101, 161)!important;
   color: #fff!important;
}

.ui-datepicker-calendar th {
   background: rgb(236,234,242) repeat-x left top;
}

body.modal .fcltblock {
    background-color: #fff;
}

.fcltblockhead {
    background-color:rgb(236,234,242);
    color: #502d7f;
}


#editbody .fcltblockhead {
    background-color:rgb(236,234,242);
    color: #502d7f;
}
body.modal .fcltblockhead{
    background-color:rgb(236,234,242);
    color: #502d7f;
}
#showbody .fcltblockhead {
    background-color: rgb(236,234,242);
    color: rgb(50,57,74);
}

.fcltblock .inside {
    padding: 1px 0 2px 0;
    background-color: #fff;
    border:1px solid #eee;
    border-top: 0;
}

#mywelcome , #mymessages, #myactions{
     color: rgb(50,57,74);
}

#mywelcometitle{
   background-color: #502d7f;
   color: #fff;
}

#mywelcomeinfo {
   background-color: rgb(236,234,242);
   color: #502d7f;
}

#nieuwsbody {background-color: #fff;}
.newstextFresh {color: rgb(50,57,74);}
.newstextFresh {font-weight: normal; color: rgb(50,57,74);}
.newstext {
    color: rgb(50,57,74);
}

#search {
  background-color: #fff;
}

#search div.fcltblock label {
    color: rgb(50,57,74);
}

#search div.fcltblockhead {
    background-color: rgb(236,234,242);
    color: #502d7f;
}

#materiallist_button,
#buttons ul li,
#buttons ul li a,
.mv,
input[type=button],
input[type=text].button,
input.button,
span.button {
    color: #502d7f;
    background-color:rgb(236,234,242);
}
input.button:hover,
input[type=button]:hover,
input[type=text].button:hover,
span.button:hover {
    color: #fff;
    background-color:#502d7f;
}

#buttons ul li:hover,
.mv:hover {
    background-color:rgb(236,234,242);
    color: #502d7f;
}

#buttons.vertical ul li:hover {
    color: rgb(236,234,242);
}

#buttons ul li.dialog,
#buttons ul li.dialog a {
    color: rgb(50,57,74);
}

/* een buttonhover */
#buttons ul li a:hover {
    color: #fff;
    background-color: #502d7f;
}
#buttons ul li:hover {
    color: #fff;
    background-color: #502d7f;
}

#mldBehandel a.details, #mldClose a.details {
    color: #502d7f;
    }
    
.rstable tr
{
  color: rgb(50,57,74);
}
.rstable thead th
{
  color: #502d7f;
  background-color: rgb(236,234,242);
}   

.rstable tfoot td
{
  color: rgb(50,57,74);
} 

.tab_mld_materials tr.matline { background-color: #fff;}
.tab_mld_uitvoerenden tr.uitvline { background-color: #fff;}

#mod_faq {color: rgb(50,57,74);}

#multires {
   color: #fff;
}

#resselector {
   background-color: rgb(111, 101, 161);
}

#resafhbez {
    color: rgb(50,57,74);
}

/* field colors for required fields */
* html .required,
.required,
.required:focus,
input.required,
input[type=text].required,
input[type=password].required,
select.required, option.required,
textarea.required
{
    border: 1px solid #e41e8a;
}
/* but maintain the button properties even if required */
input[type=button].required, input[type=text].button.required
{
    background-color:rgb(236,234,242);
    border: 1px solid #e41e8a;
}
input[type=button].required:hover, input[type=text].button.required:hover
{
    color: #fff;
    background-color:#502d7f;
}

.label {
    color: rgb(50,57,74);
}

.flexlabel {
  color: #e41e8a;
  background-color: rgb(236,234,242);
}

.flexlabellabel {
  color: #e41e8a;
  background-color: rgb(236,234,242);
}

div#besItemSel .fcltblockhead {
    background-color: rgb(111, 101, 161);
}

/* for modal-like tabs*/
.likemodal {
   background-color: #fff;
}

.modal th {
   background-color: rgb(111, 101, 161);
}

div#topdivider{
    background-color: #ddd;
}

div#menudivider{
    background-color: #ddd;
}

.toggler {
    background-color: #ddd;
}

div#menutabs .ui-layout-content {
    background-image: none; /* Wit blok halverwege menu weghalen */
    background-color: #fff;
}

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

div#PersFAC ul li {
    color: rgb(50,57,74);
    background-color: transparent;
}

div#ProfFAC ul li {
    color: rgb(50,57,74);
    background-color: transparent;
}

div#MgtFAC ul li {
    color: rgb(50,57,74);
    background-color: transparent;
}
div#PersFAC ul li span.menukop {
  color: rgb(50,57,74);
}
div#MgtFAC ul li span.menukop {
  color: rgb(50,57,74);
}
div#ProfFAC ul li span.menukop {
  color: rgb(50,57,74);
}

li.mk:hover {
    background-color: rgb(111, 101, 161)!important;
}
li.mk:hover span.menukop {
    color: #fff!important;
}

.nomicon {
  background-color: rgb(111, 101, 161);
}

#menutabs .ui-layout-content ul li li {
    color: rgb(50,57,74);
    background-color: #fff;
}

li.mi:hover {
    background-color:rgb(236,234,242)!important;
}

#portalmenu h2 {
   color: rgb(50,57,74);
}

#portalmenu span.menukop {
  color: rgb(50,57,74);
}

#portalmenu a {
   color: rgb(50,57,74);
}

#legenda {
    background-color: #fff;
}

/* FG  classes*/
#navigationCell{
    background-color: #fff;
}
#LinkerNavi {

    background-color: #fff;
}
.openFG, .closedFG {
    background-color: rgb(111, 101, 161);
    color: #fff;
}
.fixedFG {
    background-color: rgb(236,234,242);
    color: #502d7f;
}

.PageBODY {
    color: rgb(50,57,74);
}

.FormTABLE input[type=submit] {
    color: #502d7f;
    background-color:rgb(236,234,242);
}
.FormTABLE input:hover[type=submit] {
    background-color:rgb(236,234,242);
    color: #502d7f;
}

.FormHeaderTD {
    background-color: rgb(111, 101, 161);
}

.DataTD {
    color: rgb(50,57,74);
}

.DataFONT {
    color: rgb(50,57,74);
}
.ColumnFONT {
    color: #502d7f;
}
.ColumnTD {
  background-color: rgb(236,234,242);
  color: #502d7f;
}

table.filter {
    background-color: #fff;
}
table.filter th {
    background-color: rgb(236,234,242);
    color: #502d7f;
}

table.filter td {
     color: rgb(50,57,74);
}

#prodtable th {
  color: rgb(50,57,74);
}

/* touch colors are defined here to allow customisation */
#tabletmenu {
   color: rgb(50,57,74);
}
.tabletmenu img {
    background-color: rgb(111, 101, 161);
}
.tmenutab {
    background-color: rgb(236,234,242);
    color: #502d7f;
    border: 2px solid #fff;
}
#tabletmenu #luser {
    color: rgb(236,234,242);
}
.tmenutabhome {
    color: rgb(50,57,74);
}

/* floorscreen */
.floorscreen input[type=button] {
    color: #fff;
}

.floorscreen #fsnavigation {
    background-color: #fff;
    border-right: 1px solid rgb(50,57,74);
}

.rflrscreen #rstable th
{
    background-color: #fff;
    color: rgb(50,57,74);
}
.rflrscreen #iframerextratitle
{
    color: rgb(111, 101, 161);
}

#showlink input[type=button] {
    background-color:rgb(236,234,242);
    color: #502d7f;
}

.kpisec_heading {
  background-color: rgb(236,234,242);
  color: #502d7f;
}