/* GENERIC REDEFINITIONS */
* {	margin: 0; padding: 0; }
*:focus { outline: none; }
em { font-style:italic; }
.clear { clear:both; }
.right { float:right;}
.left {	float:left;}
.centered { text-align:center;}
.bold { font-weight:bold; }
.to_right { text-align:right;}
.to_left { text-align:left;}
strong { font-weight:bold; }
ul { 
	list-style:disc; 
	margin:.5em;
	padding-left:3em;
	}
ol { 
	list-style:decimal; 
	margin:.5em;
	padding-left:3em;
	}
p { padding:.5em; }
a { 
	font-weight:normal;
	text-decoration:none; 
	}
a:hover { text-decoration:underline; }
img { vertical-align:middle; }
.gray {	color:#828282;}
span.gray {
	font-size:.8em;
	font-weight:bold;
	text-transform: uppercase;
	}
span.lower-gray {
	color:#828282;		
	font-size:.9em;
	}

/* BODY */
body {
	margin:0; 
	padding:0;
	}

/* FONTS */
h1 {
    font-family:verdana,tahoma,clean,sans-serif;
    padding-bottom:7px;
    font-weight:bold;
    font-size:136%;
}

h2 {
    font-family:verdana,tahoma,clean,sans-serif;
    margin-top:10px;
    padding-bottom:4px;
    font-weight:bold;
    font-size:107%;
}
		
/* HEADER */
div#hd {
	background:#ffffff url(/images/header_bg.png) no-repeat bottom left;
	display:block;
	*height:1%;
	height:83px;
	margin-top:5px;
}
div.toolbar div#logo {
	float:left;
	height: 30px;
	margin: 0 0 0 6px;
	text-indent: -999em;
	width: 300px;
	overflow: hidden;
}
div.toolbar div#logo a#alogo{visibility: hidden;}
div#hd div.toolbar {
	float:right;
	font-size:.9em;
	padding-right:1em;
	text-align:right;
	width:97%;
}
div.toolbar div#search_and_login {
	display:block;
	height:30px;
	overflow:hidden;
}

/* GLOBAL NAVIGATION */
ul#nav {
	display:block;
	float:right;
	*height:1%;
	list-style: none;
	padding:0;
	margin:26px 0 0 0;
	}
	ul#nav li {
		display: inline;
		float: left;
		margin-left: 2px;
		}
		ul#nav a {
			background:#ffffff url(/images/nav/nav_bg_left.gif) no-repeat bottom left;
			cursor: pointer;
			float: left;
			padding: 0 0 0 3px;
			width: auto !important;
			width: 0.1em;
			white-space: nowrap;
			}
			ul#nav a span {
				background:#ffffff url(/images/nav/nav_bg_right.gif) no-repeat bottom right;
				color:#555555;
				cursor: pointer;
				display: block;
				float: left;
				font-size: 12px;
				font-weight: bold;
				height: 14px;
				line-height: 13px;
				padding: 7px 20px 5px 17px;
				white-space: nowrap;
				}
		ul#nav a:hover {
			background-position: top left;
			text-decoration: none;
			}
			ul#nav a:hover span {color:#438DD8;}
		ul#nav li.current a {
			background:#ffffff url(/images/nav/nav_selected_left.gif) top left;				
			color:#ffffff;
			}			
			ul#nav li.current a span {
				background:#ffffff url(/images/nav/nav_selected_right.gif) top right;	
				color:#ffffff;
				}
		ul#nav li.current a:hover span {color:#ffffff;}
		ul#nav a:hover span { background-position: right top;}	

/* SEARCH FIELD */
 /* 3D Raised box - http://www.cssplay.co.uk/boxes/krazy.html */
.raised {background: transparent; margin:0 auto; text-align:center;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#ffffff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ededed; border-left:1px solid #ffffff; border-right:1px solid #eeeeee;}
.raised .b3 {background:#ededed; border-left:1px solid #ffffff; border-right:1px solid #dddddd;}
.raised .b4 {background:#ededed; border-left:1px solid #ffffff; border-right:1px solid #aaaaaa;}
.raised .b4b {background:#ededed; border-left:1px solid #eeeeee; border-right:1px solid #999999;}
.raised .b3b {background:#ededed; border-left:1px solid #dddddd; border-right:1px solid #999999;}
.raised .b2b {background:#ededed; border-left:1px solid #aaaaaa; border-right:1px solid #999999;}
.raised .b1 {margin:0 5px; background:#ffffff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999999;}
.raised .boxcontent {display:block; background:#ededed; border-left:1px solid #ffffff; border-right:1px solid #999999;}

div.search {
    padding:1em;
    background:#ededed;
    text-align:center;
    }
    input.search { 
    	width:292px; 
    	border:0;
    	background:#ffffff url(/images/input.gif) no-repeat;
    	padding:4px;
    	padding-bottom:5px;
        }
    input.search_button {
        outline: none;
        cursor: pointer;
        padding: 2px;
        }

/* TABLES */
/* standaard tabel */
table { 
    border-collapse: collapse;
    empty-cells: hide;
    }
table th { 
    text-align:center;
    font-weight:bold;
    border-spacing: 7px;
    padding: 5px;
    }
table td { 
    /*text-align:left;*/
    vertical-align:top;
    border-spacing: 7px;
    padding: 5px;
    }
table td.mceToolbar {
    text-align:center;
    } 
table.form th {
    text-align:right;
    vertical-align:top;
    width:10em;
    }

/* Design 4 */
table.Design4 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design4 th {
    font-weight: normal;
    text-align:left;
    padding: 0.3em 0.5em;
    border-bottom: 0px solid #FFFFFF;
    background: #438DD8;
}

table.Design4 td {
    border-bottom: 2px solid #FFFFFF;
    padding: 0.5em 0.5em;
    background: #E7F7FA;
}
table.Design4 td.white {
    background: #ffffff;
}

table.Design4 thead th {
    background: #438DD8;
    color: #FFFFFF;
}

    
/* JOBS LIST */
.not_red a {
  font-size:77%;
  color: #CC0000;
}
/* header */
div.number_jobs {
    font-weight:bold;
    font-size:110%;
}
div.yui-b {
    padding: 0.5em;
}

/* FORMULIEREN */
select, input, textarea {
    font-size:92%;
    border:1px solid #A7A7A7;
}

input, textarea {
    padding: 0.2em;
}

textarea {
    width: 440px;
    height: 200px;
}

input.submit {
    outline: none;
    cursor: pointer;
    padding: 2px;
    margin:10px 0px 10px 300px;
}

input.button {
    outline: none;
    cursor: pointer;
    padding: 2px;
}

.instruction {
    font-size: 77%;
}

.breadcrumb {
    font-size: 93%;
}

.required {
    color: #FF0000;
}

/* ======== MESSAGES ======== */

.warning {
  border: 1px solid #cc9999;
  padding: 5px 5px 5px 30px;
  font-size: 107%;
  margin: 12px;
  color: #FFFFFF;
  background: url(/images/warning.gif) #CC0000 left no-repeat;
}

/*voor de divs*/
#warning {
  border: 1px solid #cc9999;
  padding: 5px 5px 5px 30px;
  font-size: 107%;
  margin: 12px;
  color: #FFFFFF;
  background: url(/images/warning.gif) #CC0000 left no-repeat;
}

.notice {
  border: 1px solid #99CC99;
  padding: 5px 5px 5px 30px;
  font-size: 107%;
  margin: 12px;
  color: #006600;
  background: url(/images/notice.gif) #E2F9E3 left no-repeat;
}

.announce {
  padding: 5px;
  border: 1px solid #FFF000;
  background-color: #FFFAAA;
}

ul#list li { 
    margin-top:5pt;
    margin-bottom:5pt;
}

.tip {
  text-align: left;
  padding: 3px;
  border: 1px solid #FFF000;
  background-color: #FFFACC;
}

/* ERRORS */
pre {
  background-color: #EEEEEE;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: #CC0000;
  display: table;
}

#errorExplanation {
  width: 580px;
  border: 2px solid #CC0000;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 10px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 10px 5px 10px 5px;
  font-size: 16px;
  margin: -7px;
  background-color: #CC0000;
  color: #FFFFFF;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  margin-top: 17px;
}

#errorExplanation ul li {
  font-size: 14px;
  padding: 1px;
}


/*	PAGINATION	*/
div.pagination {
    margin:1em;
}
div.pagination a {
	margin-right:0.3em;
	padding:0.4em;	
	}
	div.pagination a:hover {
		margin-right:0.3em;
		padding:0.4em;	
		}
    div.pagination a.active {
		border:none;	
	}


/* FOOTER */
div#ft {
	font-size:85%;
	margin-top:1em;
}

div.padded {
	padding: 1em;
	}

div.footer {
    margin-bottom:1em;
    }
	div.footer a { 
		font-weight:bold;
		}
div.footer_content {
	font-size:0.9em;
	}
	div.footer_content img.clipping {
		width:120px;
	}
	div.footer_content span.loading_footer {
		margin:1em;
	}
	div.footer_content div.col {
		float:left;
		margin-left:3%;
		overflow:hidden;	
		width:31%;
		}
		div.footer_content h2 {
			border-bottom:1px solid;
			color:#666666;
			font-size:1.1em;
			margin-bottom:0.5em;
			}
	div.footer_content div.col h3 a {	font-weight:bold; }
	div.footer_content div.col ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	div.footer_content div.first{ margin-left:0; }
	div.footer_content div.col ul.links li { margin-bottom:1em;}
	
div.bluebox {
    padding: 5px 5px 5px 30px;
}

div.bluebox_simple {
    padding: 5px 5px 5px 5px;
}


/* GENERIC BUTTONS ******************************************/			
/* generic */		
.btn * {display: block; background-repeat: no-repeat;}
.btn:link, .btn:visited {/*TL*/float:left; position: relative; padding: 0 0 0 6px; line-height: 1.0; font-size: .9em; font-weight: bold; background-repeat: no-repeat;}
.btn span {/*TR*/ position: relative; margin: 0 0 0 -3px; padding: 4px 0 0; background-position: right top;}
.btn span span {/*BL*/ position: relative; padding: 0 0 0 10px; background-position: left bottom;}
.btn span span span {/*BR*/ position: relative; padding: 0 0 11px; background-position: right bottom;}
.btn span span span span {/*TXT*/ position: relative; top: 2px; left: 0; margin-bottom: -4px; padding: 0 10px 0 5px; background-image: url(foo.gif); background-color: transparent; background-position: right center;} /* [SB] ie6 didn't respect background-image:none here - so a non-existent image path is used, grrrrate! */
a:hover.btn span span span span, a:focus.btn span span span span {background-image: none;}
a:hover.btn, a:focus.btn {text-decoration: none;}

/* blue button, white background */
.btnBlueOnWhite:link, .btnBlueOnWhite:visited {color:#fff; background-color: #253f8b;}
.btnBlueOnWhite:link, .btnBlueOnWhite:visited, .btnBlueOnWhite span {background-image: url(/images/btnBlueOnWhite.gif);}
.btnBlueOnWhite:hover {background-color: #23346b;} 
.btnBlueOnWhite:hover, .btnBlueOnWhite:hover span {background-image: url(/images/btnBlueOnWhiteRollover.gif);} 

.btnEmailIcon span span span span, a.btnEmailIcon:hover span span span span {top: 0; margin-right: 10px; margin-bottom: -6px; padding: 1px 19px 1px 5px; background-image: url(/images/email.png);}

/* EMAIL ALERT */
#createEmailAlertMod{ background:#FFF3E2; margin:0 5px; margin-top:25px;padding:17px 250px 17px 10px; position:relative;}
#createEmailAlertMod strong {display:block;}
#createEmailAlertMod a {margin-right:10px; float:left; position:relative;}
#createEmailAlertMod .buttonLinksContainer {position:absolute; top:13px; right:0;}