/* KTW specifiek  */

/* titelbalk bovenaan */
.navbar-inner {background-color: #008DA8 !important;}


/* breedte formulierkolom kan wel wat groter */
.xforms-update-full {max-width: 65%;}


.fr-noscript-choice {
       display: none;
}



div.block-layout-horizontal img.xforms-help-image {
     margin-right: 23%;
}


.block-layout-horizontal .xforms-label {
    width: 40%;
}


/******************SdP********************/


/* formulier centreren op 800px breedte */

#xforms-form {width: 800px; margin: 0 auto;}

/* ruimte tussen de navigatieknoppen links en het formulier */

h2 {color:#14628a; font-weight: normal;}
h2.section-header div {font-weight: normal;}

h3, .block_title h3 {color: #000; font-weight: bold;}


.orbeon p a:link	{text-decoration: underline; color: #005580 !important;}
.orbeon p a:hover 	{text-decoration: underline; color: #008da8;}


/* invulhulp blokje */

.invulhulp {background-color: aliceblue; border: 1px solid #007A99; padding: 10px 5px 10px 10px; margin: 2em;}
.invulhulp h3 {color: #007A99; font-style:italic;}

.invulhulp a {text-decoration: underline;}

.invulhulp li {margin-bottom: 5px;}

.invulhulp ul ul {margin-top: 0px; margin-bottom: 0px;}
.invulhulp ul ul li {list-style-type: circle;}


/********************************************************/
/* 	EEN tab: uitschakelen 				*/
/********************************************************/

.fr-formnavigation {display:none;}
#fr-form-group, .tab-visible {width: 100%;}
.xforms-update-full {max-width: 80%;}


/********************************************************/
/*    verplichte velden, fout ingevulde velden          */
/*    Verander de kleurcodes naar de gemeente stijl     */
/********************************************************/


/* verplichte radio buttons en standaard antwoordvelden */

span.xforms-required-empty input.xforms-input-input,
span.xforms-required-empty span.xforms-deselected  {
background-color: white;
border:2px solid #007A99;
}

input.xforms-required-empty, 
.xforms-required-empty input, 
select.xforms-required-empty,
fieldset.xforms-required-empty label{
	background-color:rgba(255, 252, 220, 0.7);
	}

textarea.xforms-required-empty {
   border:2px solid rgba(255, 252, 220, 0.7);
	}

/* foutieve antwoorden-beperking ook een randje geven */

.xforms-invalid span.xforms-deselected, 
.xforms-invalid-visited .xforms-input-input, 
textarea.xforms-invalid-visited {
   border:2px solid #007A99;
}

/* radio button of vinkje met verplichting */
.xforms-required span.xforms-deselected, 
.xforms-invalid span.xforms-deselected {
background-color: rgba(255, 252, 220, 0.7) !important;
}

span.xforms-invalid label span, span.xforms-required span.xforms-invalid, .xforms-invalid span span, span.xforms-required span.xforms-invalid
{background-color: rgba(255, 252, 220, 0.7) !important; border: none;}


/* Zorg dat een invalide input bij datumvelden ook een achtergrond krijgt */
.xforms-invalid span span,
span.xforms-required span.xforms-invalid {
background-color: #007A99;
border:2px solid #007A99;
}

.xforms-invalid span span.xforms-type-date
{/*kalendertje zelf schoon houden */
background-color: none;
border:none;
}



.xforms-invalid span.xforms-deselected, .xforms-invalid-visited .xforms-input-input, textarea.xforms-invalid-visited {border: none;}


/**************************/
/*   kleuren tabknoppen   */
/**************************/
/* tabknop rand van kleurtje voorzien */
.yui-skin-sam .yui-button .first-child,
.yui-skin-sam .yui-button {
   border-color: #007A99;
}
/* geselecteerde tab */
.yui-skin-sam .button-active .yui-button .first-child,
.yui-skin-sam .button-active .yui-button,
#fr-formnavigation span.button-active button {
		background:#007A99;
		color: #fff;
		border-color:#007A99;
}

/* selecteerbare knoppen */
.yui-skin-sam .yui-button {
    color: #000000;
    margin-top: 0.5em;
    }
.yui-skin-sam .yui-button button {
    color: #000000;
    }



/* uitgrijzen niet toegestane knoppen */
.yui-skin-sam .yui-button-disabled button, 
.yui-button-disabled button,
.yui-skin-sam .yui-button-disabled a {
    color: #999999;
    }
.yui-skin-sam .yui-button-disabled .first-child,
.yui-skin-sam .yui-button-disabled {
    border-color: #999999;
}



/*************************************************/
/*   kleuren van balken boven en onder formulier */  
/*************************************************/

.fr-logo {
    display: block;
    float: left;
	padding-left:20px;
}

.fr-top, .fr-bottom {
	background:none;
/*	background-color:#999999; */
	padding:0 0 0.2em 20px;
}

.fr-top .fr-form-title {
    color: #007A99;
}

.fr-separator {
    background-color: #007A99;
}

.fr-body .fr-separator {
    display: none;
}

/*************************************************/
/*   Overige kleuren                             */  
/*************************************************/

h1, .block_title {
    color: #000;
    font-weight: bold;
}

.xforms-output b {
    color: #1F336E;
    font-weight: bold;
}




/* overschrijven css verplichte verlden, SdP */

select.xforms-required, input.xforms-required-empty, .xforms-required-empty input, select.xforms-required-empty, fieldset.xforms-required-empty label,  {background-color: white; color: black; border: 2px solid #007A99;}


/* blauwe rand links van radiobuttons en selectboxes

span.xforms-required-empty span.xforms-deselected {background-color: white; border: 4px solid #fff; border-left: 4px solid #007A99;}


/* drown-down menu's een maximum lengte geven */

select {max-width: 600px;}


/* dagen achter elkaar geplakt op een regel, SdP */
.dag {margin-bottom: 10px;}
.dag div, .dag label {display: inline; width: auto; float: none;}
.dag .block-layout-horizontal .xforms-label {float: none;}
/* label wel allemaal even breed, zodat alles netjes onder elkaar staat: */
.dag .xforms-readonly, .dag xforms-input-input {display: inline-block; width: 70px;}

/* Oranje JobVacation blok */

/* CSS gebaseerd op de basis stylesheet van 22072011 */
/* Lennard 											 */
/* Huiskleur: 007A99								*/

/* formulier specifieke classes */


/* KTW specifiek  */

.fr-noscript-choice {
       display: none;
}

span.no_label div div.block-layout-vertical label.xforms-label {
    display: none;
}

div.block-layout-horizontal img.xforms-help-image {
     margin-right: 23%;
}


.block-layout-horizontal .xforms-label {
    width: 40%;
}


/******************SdP********************/


/* formulier centreren op 800px breedte */

#xforms-form {width: 800px; margin: 0 auto;}

/* ruimte tussen de navigatieknoppen links en het formulier */

.fr-formnavigation {margin-right: 20px;}


h2 {color:#14628a; font-weight: normal;}
h2.section-header div {font-weight: normal;}

h3, .block_title h3 {color: #000; font-weight: bold;}
h3 {margin-top: 5px; margin-bottom: 0;}




/********************************************************/
/*    verplichte velden, fout ingevulde velden          */
/*    Verander de kleurcodes naar de gemeente stijl     */
/********************************************************/


/* verplichte radio buttons en standaard antwoordvelden */

span.xforms-required-empty input.xforms-input-input,
span.xforms-required-empty span.xforms-deselected  {
background-color: white;
border:2px solid #007A99;
}

input.xforms-required-empty, 
.xforms-required-empty input, 
select.xforms-required-empty,
fieldset.xforms-required-empty label{
	background-color:#007A99;
	}

textarea.xforms-required-empty {
   border:2px solid #007A99;
	}

/* foutieve antwoorden-beperking ook een randje geven */

.xforms-invalid-visited .xforms-input-input, 
textarea.xforms-invalid-visited {
   border:2px solid #007A99;
}

/* radio button met beperking */
.xforms-invalid span.xforms-deselected {
background-color: #007A99;
}


/* Zorg dat een invalide input bij datumvelden ook een achtergrond krijgt */
.xforms-invalid span span,
span.xforms-required span.xforms-invalid {
background-color: #007A99;
border:2px solid #007A99;
}

.xforms-invalid span span.xforms-type-date
{/*kalendertje zelf schoon houden */
background-color: none;
border:none;
}


/**************************/
/*   kleuren tabknoppen   */
/**************************/
/* tabknop rand van kleurtje voorzien */
.yui-skin-sam .yui-button .first-child,
.yui-skin-sam .yui-button {
   border-color: #007A99;
}
/* geselecteerde tab */
.yui-skin-sam .button-active .yui-button .first-child,
.yui-skin-sam .button-active .yui-button,
#fr-formnavigation span.button-active button {
		background:#007A99;
		color: #fff;
		border-color:#007A99;
}

/* selecteerbare knoppen */
.yui-skin-sam .yui-button {
    color: #000000;
    margin-top: 0.5em;
    }
.yui-skin-sam .yui-button button {
    color: #000000;
    }



/* uitgrijzen niet toegestane knoppen */
.yui-skin-sam .yui-button-disabled button, 
.yui-button-disabled button,
.yui-skin-sam .yui-button-disabled a {
    color: #999999;
    }
.yui-skin-sam .yui-button-disabled .first-child,
.yui-skin-sam .yui-button-disabled {
    border-color: #999999;
}



/*************************************************/
/*   kleuren van balken boven en onder formulier */  
/*************************************************/

.fr-logo {
    display: block;
    float: left;
	padding-left:20px;
}

.fr-top, .fr-bottom {
	background:none;
/*	background-color:#999999; */
	padding:0 0 0.2em 20px;
}

.fr-top .fr-form-title {
    color: #007A99;
}

.fr-separator {
    background-color: #007A99;
}

.fr-body .fr-separator {
    display: none;
}

/*************************************************/
/*   Overige kleuren                             */  
/*************************************************/

h1, .block_title {
    color: #000;
    font-weight: bold;
}

.xforms-output b {
    color: #1F336E;
    font-weight: bold;
}

.uitroep {font-weight: bold; color: red;}


/* overschrijven css verplichte velden, SdP */

select.xforms-required, input.xforms-required-empty, .xforms-required-empty input, select.xforms-required-empty, fieldset.xforms-required-empty label,  {background-color: white; color: black; border: 2px solid #007A99;}


/* blauwe rand links van radiobuttons en selectboxes

span.xforms-required-empty span.xforms-deselected {background-color: white; border: 4px solid #fff; border-left: 4px solid #007A99;}

/* blauwe achtergrond van de pulldownmenu's neutraliseren */

.noblue select {border: 2px solid #007A99 !important; background-color: #fff !important;}
.noblue option {background-color: #fff !important;}
.noblue select.xforms-required-filled {border: 1px solid #ccc !important;}

/* drown-down menu's een maximum lengte geven */

select {max-width: 600px;}


/* dagen achter elkaar geplakt op een regel, SdP */
.dag {margin-bottom: 10px;}
.dag div, .dag label {display: inline; width: auto; float: none;}
.dag .block-layout-horizontal .xforms-label {float: none;}
/* label wel allemaal even breed, zodat alles netjes onder elkaar staat: */
.dag .xforms-readonly {display: inline-block; width: 70px;}


/* oranje JobVacation blok */
.jobva {background-color:#e57f0d; color: white; padding: 10px;}
.jobvadisc {text-align: center; font-size: 90%; margin-top: 20px; color: #0f85a3;}


/*************************************************/
/*           Opmaak File Upload                  */  
/*************************************************/

.xforms-upload-info {background-color: #ffffcc;} 

/* filesize etc. op een lijn duwen */
div.block-layout-vertical div.upload_size .upload_size_pre, 
div.block-layout-vertical div.upload_size .upload_size_max {display: inline;}

/* geuploade files weergeven */
.xforms-upload-info {
	display: block; 
	border: 1px solid silver; 
	width: 600px;
	padding-left: 5px;}
.xforms-upload-filename {font-weight: bold;}

/* 1 upload per fileupload */
.singleupload .xforms-trigger-appearance-minimal {display: none;}
.singleupload .upload_size_variable, .singleupload  .upload_size_fixed {display: none}


/*************************************************/
/*           Readonly grijs maken                */  
/*************************************************/

.xforms-readonly input {color: gray !important; border: none !important;}



/*************************************************/
/* download button */
/*************************************************/
#download_url
{
display: inline-block;
width:auto; 
height: auto;
margin:-10px 0 20px 20px; 
padding: 0.8em;
border: 2px solid #005581; 
border-radius:20px; 
box-shadow:0px 0px 10px 3px rgba(0,0,0,0.2); 
background-color:#8DC63F; 
color:#fff;
font-weight: bold; 
font-size:1.4em;
}
#download_url a {color: #fff; text-decoration: none;}


/*************************************************/
/* leesgroep */
/*************************************************/

.pasop, .leesgroep {
	display: inline-block;
	border: 2px solid #8C001A;
	background-color: #efd4d0;
	font: normal 14px/160% Georgia, serif;
	padding: 5px 5px 5px 25px;
}

.leesgroep textarea {
	border: 1px solid #8C001A;
}