@charset "iso-8859-1";
/* CSS Document */

#valentines {
	float:left;
	width:700px;
	margin:0;
	padding:0;
}
/* Valentines red
-------------------------------------------*/
a {color:#d5101e;}
h4 { color:#d5101e;}
h3 { color:#d5101e;}

#valentines #valentines-head {
	float:left;
	width:700px;
	height:433px;
	margin:0;
	padding:0;
}
#valentines #content-valentines {
	float:left;
	width:658px;
	margin:0;
	padding:0px 20px 30px 20px; border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;
}

#valentines #content-valentines label.section-a { position:relative; display:block; float:left; width:360px; padding:.8em 0 0 25px;}
#valentines #content-valentines label.section-a input { position:absolute; top:.7em; left:0; }

/* #Button
-------------------------------------------*/

#content .button{ clear:both; display:block; background:url(http://media.vacature.com/_images/campaigns/b2c/2010/0204_valentines_competition/comp-buttons-vac.png) no-repeat; height:30px; text-indent:-10000px;}
#site-fr #content .button{ background-image:
url(http://media.vacature.com/_images/campaigns/b2c/2010/0204_valentines_competition/comp-buttons-ref.png);}

.log.button{background-position:0px -105px !important;}
.back.button{background-position:0px -35px !important;}
.participate.button{ background-position:0 0 !important;}

/* FORMS 
-------------------------------------------*/
label { font-weight: bold; cursor: pointer; }
textarea { height: 180px; width: 300px; }
input, select { font-size: 11px; }
input.text, input.form-text, textarea { padding: 0.3em 4px; background: url(http://media.vacature.com/_images/sites/vacref-b2c/general/backgrounds/form-input-back.png) repeat-x 0 0 #FFF; border: 1px solid #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
input.button { padding: 0; width: 95px; height: 28px; margin-right: 20px; padding: 0; background: url(http://media.vacature.com/_images/sites/vacref-b2c/general/general-sprite-vac.png) no-repeat 0 -319px; border: none; text-indent: -10000px; cursor: pointer; }
.button.disabled{ cursor: auto; }
#site-fr input.button { background: url(http://media.vacature.com/_images/sites/vacref-b2c/general/general-sprite-ref.png) no-repeat 0 -319px; }
input.text:focus, input.form-text:focus, textarea:focus { border-color: #999; background-color: #F6F6F6; outline: 0; }
input.text.error{ border-color: #C00; }

#content form{ float: left; width: 100%; margin-bottom: 2em; }
#content form fieldset{ float: left; width: 100%; padding: 1em 0; background: url(http://media.vacature.com/_images/sites/vacref-b2c/general/backgrounds/gradient_line.png) no-repeat center bottom; }
#content form p{ position: relative; clear: left; float: left; width: auto; margin: 0; padding: .3em 0 15px 150px; }
form .main{ position: absolute; left: 0; display: block; width: 140px; text-align: right; font-weight: bold; line-height: 1.6em; padding: .3em 0; }
form .main-text{ position: absolute; left: 0; display: block; width: 140px; text-align: right; font-weight: bold; line-height: 1.6em;}
form .right-text{ left: 150px; display: block; width: 450px; text-align: left; font-weight: normal; line-height: 1.6em;}
form label.inline{ float:left; }

.char-xl{ width: 374px; } /* 380px => -2px border => -4px padding */
.char-l{ width: 288px; margin-right: 10px; }
.char-m{ width: 212px; margin-right: 10px; }
.char-s{ width: 136px; margin-right: 10px; }
.char-xs{ width: 60px; margin-right: 10px; }

select.char-xl{ width: 380px; }
select.char-l{ width: 294px; }
select.char-m{ width: 218px; }
select.char-s{ width: 142px; }
select.char-xs{ width: 66px; }

#content form p input, #content form p select{ vertical-align:middle; }

input.text, textarea, select, input.file{
	padding: 2px;
	background: url(http://media.vacature.com/_images/sites/vacref-b2c/general/backgrounds/form-input-back.png) repeat-x 0 0 #FFF;
	font-size: 1.2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
textarea{ min-height: 150px; padding: 5px; font-size: 1em; }
input.text:focus, textarea:focus{ border-color: #999; background-color: #F6F6F6; }
select:focus{ border-color: #999; background-color: #F6F6F6; }



.prefilled{ color: #CCC; }
label .formnote{ font-weight: normal; }
.formnote{ display: block; font-size: 9px; line-height: 1; padding-top: .2em; color: #999; }
.main .formnote{ font-weight: normal; }
.formnote a{ color: #999; }
.formnote a:hover{ color: #000; }
span.error{ display: block; padding:3px 20px; background: url(http://media.vacature.com/_images/sites/vacref-b2c/sections/mypage/mypage-icons.png) no-repeat 0 0; font-size: 0.833em; line-height: 1em; color: #C00; }
span.main.error{ padding: 0; background: none; font-size: 1em; }
input.text.error{ border-color: #C00; }
.success{ display: block; padding: .5em 0 .5em 150px; font-weight: bold; color: #090; background: url(http://media.vacature.com/_images/sites/vacref-b2c/sections/mypage/mypage-icons.png) no-repeat 128px -994px; }


/* @group .REGISTER
------------------------------------------------------------------------- */

.register h2{ padding-left: 150px; }
#content #content-valentines fieldset{ padding: 1em 0; }
#content #content-valentines fieldset#personal-info{ padding-top: 0; }
#content #content-valentines fieldset#confirm-registration{ border: none; background: none; }
#content #content-valentines fieldset p{ width: 700px; }
#content-valentines input#password, #content-valentines input#confirm_password{ width: 146px; }
#content-valentines input#postal_code, #content-valentines select#phone{ width: 70px; }
#content-valentines input#street{ width: 222px; }





/* @end .REGISTER
************************************************************************* */