/* 
 * Form, input defenitions
 */
input, select, textarea, button {
	font-size: 	11px;
  line-height: 11px;
	background: #FFFFFF;
	color: #000000;
	border-left: #959fb1 1px solid; 
  border-right: #d6dae1 1px solid; 
	border-top: #959fb1 1px solid; 
	border-bottom: #d6dae1 1px solid;
}

legend { font-weight: bold; }

input, select, textarea { width: 100px;	}

textarea { height: 50px; }

input.checkbox, input.radio { border: 0px; width: 20px; background: none; vertical-align: middle; margin: 0px; margin-top: 4px; padding: 0px; }
button {
  text-align: center;
  color: #222222;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #222222;
  width: 120px;
  height: 21px;
  cursor: pointer;
}

.big-button { width: 200px; }

input.login_input {	width: 170px; }
input.readonly { background-color: #ddd; }

select.date_year, select.date_month, select.date_day, select.time_second, select.time_minute, select.time_hour { width: 16%; }

div.input       { float: left; padding: 0px; }
div.value       { float: left; }
.elementDescription  { width: 200px; float: left; clear: left; vertical-align: top; }
div.options a          { float: left; }
.contentField .letter  { float: none; color: #000; }
.contentField a.letter { text-decoration: underline; float: left; }

.contentField select, 
.contentField input           { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }

td.checkbox     { padding-top: 5px; }
label.checkbox  { margin: 0px; padding: 0px; }

div.options a.button { margin-right: 15px; }
a.button          { padding-left: 25px; background: transparent url() no-repeat top left; text-decoration: none; color: #222; height: 20px; display: block; }
a.button:hover    { text-decoration: underline; }
a.buttonEdit      { background-image: url(../icons/btn_edit.png); }
a.buttonCopy      { background-image: url(../icons/btn_copy.png); }
a.buttonSave      { background-image: url(../icons/btn_save.png); }
a.buttonDelete    { background-image: url(../icons/btn_trash.png); }
a.buttonFavorite  { background-image: url(../icons/btn_favo.png); }
a.buttonBack      { background-image: url(../icons/btn_back.png); }
a.buttonNext      { background-image: url(../icons/btn_next.png); }
a.buttonGreen     { background-image: url(../icons/btn_green.png); }
a.buttonRed       { background-image: url(../icons/btn_red.png); }
a.buttonActive    { background-image: url(../icons/btn_active.png); }
a.buttonInactive  { background-image: url(../icons/btn_inactive.png); }


textarea#vacature_cursus       { margin-left: 0px; }
textarea#vacature_language     { margin-left: 0px; }
textarea.vacature_presentation { margin-left: 0px; }
.input156       { width: 470px; }
.input100       { width: 300px; } /*355px;*/
.input90        { width: 270px; }
.input85        { width: 255px; }
.input80        { width: 240px; }
.input75        { width: 220px; }
.input70        { width: 200px; }
.input60        { width: 180px; }
.input54        { width: 162px; }
.input45        { width: 135px; }
.input40        { width: 120px; }
.input30        { width: 90px; }
.input25        { width: 75px; }
.input20        { width: 55px; }
.input15        { width: 45px; }
.input10        { width: 30px; }
.input5         { width: 15px; }

div.messageBox          { border: 1px solid #000; width: 100%; margin-bottom: 10px; line-height: 20px; font-weight: bold; background-position: 5px 5px;  }
div.messageBox span     { padding: 10px; padding-left: 40px; display: block; }
div#messageSuccess      { background-color: #DFF2BF; background-image: url(../icons/icon.success.gif); border-color: #4F8A10; color: #4F8A10; }
div#messageInformation  { background-color: #BDE5F8; background-image: url(../icons/icon.information.gif); border-color: #00529B; color: #00529B; }
div#messageWarning      { background-color: #FEEFB3; background-image: url(../icons/icon.warning.gif); border-color: #9F6000; color: #9F6000; }
div#messageError        { background-color: #FFBABA; background-image: url(../icons/icon.error.gif); border-color: #D8000C; color: #D8000C; }

/*
.big            { float: left; width: 355px; }
.almost_big     { float: left; width: 300px; }
.normal         { width: 245px; display: inline; }
.little_big     { width: 140px; display: inline; }
.small          { width: 100px; display: inline; }
.pretty_small   { width: 91px;  display: inline; }
.very_small     { width: 50px;  display: inline; }
.tiny           { width: 30px;  display: inline; }
*/

div.normal            { width: 250px; }
select.little_big     { width: 248px; }

.indentContent  { float: left; width: 12px; margin-left: 4px; display: inline; }
.indent         { clear: left; float: left; margin-left: 24px; display: inline; }
.right_indent   { margin-right: 7px; display: inline; }

textarea        { width: 470px; }
div.ownVacature textarea#notes { width: 545px; }
.disclaimer     { height: 100px; font-size: 10px; font-family: arial; }

hr              { clear: left; }
fieldset        { float: left; clear: left; width: 95%; }

#submitForm { width: 200px; }

.required       { color: #ff0000; width: 8px; text-align: left; }
div.error       { width: 220px; }

select.date_day           { width: 55px; margin-right: 0px; }
select.date_month         { width: 80px; margin-left: 0px; }
select.date_month_small   { width: 55px; margin-left: 0px; }
select.date_year          { width: 55px; margin-left: 0px;  }

div.left select.search,
div#left select.search { width: 120px; }
div#left input.search  { margin-right: 0px; margin-left: 2px; }
div#left button.submitZoek  { width: 120px; height: 20px; border: 0px; cursor: pointer; }

.error { color: #8A1F11; font-weight: bold; }
label.validationError { color: #CE0808; }
input.validationError {
  background-color: #FBE3E4; 
  color: #000;
}
div.validationErrorMessage { white-space: nowrap; margin-left: 5px; padding: 5px; background-color: #FBE3E4; color: #000; border: 2px solid #FBC2C4; z-index: 1000; }