/***********************************************************/
/* Opmaak voor het AJAX popupPanel bij invullen resultaten */
/***********************************************************/

.popupPanel
{
    /*width: 500px;
    padding: 10px;
    background-color: #000;
    color: #fff;
    border-style: solid;
    border-color: #2647A0;
    border-width: 2px;
    vertical-align: top;
    text-align: left;*/
    z-index: 100; /* boven de andere elementen positioneren*/
}

/* De kleur van de achtergrond wanneer een pop-upvenster (modal popupextender) actief is */
.modalBackground
{
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


/* popupPanel Chart */
.popupChart
{
    padding: 10px;
    background-color: #FFF;
    color: #000;
    border-style: solid;
    border-color: silver;
    border-width: 5px;
    vertical-align: top;
    text-align: left;
    letter-spacing: 10%;
    z-index: 1000; /* boven de andere elementen positioneren*/
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* ALgemene lay-out classes */
.floatLeft{
    float: left;
}

.floatRight{
    float:right;
}

.center
{
    margin: 0 auto;
}

.clearBoth{
    clear: both;
}

.loginHyperlinks a{
    text-decoration:none;
    color:#fff;   
}
.loginHyperlinks a:hover{
    text-decoration:underline;
    color:#ff0000;    
}
.margin35px{
    margin-left:35px;
}

/* Roodgerand waarschuwingskadertje */
.tmpMessage
{
    border: 1px dashed red;
    background-color: #FFFFE0;
    font-weight: bold;
    font-size: larger;
    margin: 15px 15px 15px 30px;
    padding: 5px;
    width: 70%;
}


/* rijen in tabellen afwisselend gekleurd weergeven */
.tabelRij:hover{
    background-color:#FFCC99;
}

.evenRij{
    background-color:#fff;
}

.onEvenRij{
    background-color:#F0F8FF;
}

/* Registratieformulier */
#registration .rij{
    display:block;
    clear: both;
    margin-top: 1em;
    font-size:1.2em;
    height:40px;
}

#registration fieldset {
	margin:1em;
	padding:1em;
	margin-left:35px;
	border:none;
}
#registration .rij label {
    width:10em;
    float: left;
}

#registration .rij input.tekstveld {
	width:20em;
	height:1.4em;
	font-weight:600;
	letter-spacing:0.1em;
	border: 1px solid silver;
}

#registration .rij input.tekstveld:focus {
	background-color:#FFFFCC; /* lichtgeel */
	border: 1px solid #FFCC99; /* licht oranje */
}

.validatorCalloutHighlight 
{
    background-color: #fffacd; /* lemonchiffon */
}

/**********************************************************/
/* Stijlen voor AJAX CalendarExtender	                 */
/********************************************************/
.PrettyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFACD; /* Kleurnaam: lemonchiffon;*/
    color: #FF0000;
}

.PrettyCalendar .ajax__calendar_active .ajax__calendar_day, .PrettyCalendar .ajax__calendar_active .ajax__calendar_month, .PrettyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: #000000;
    font-weight: bold;
}