@charset "UTF-8";

/**
 * KrisKras website
 *
 * Contains all homepage specific style declarations.
 *
 * @author 			Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2009-11-23
 * @lastmodified	2009-12-08
 */

/* redefine form specific xhtml selectors
---------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

form p {

}

form dl, form dt, form dd {
	margin: 0;
	padding: 0;
}

label {

}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset legend {

}

input, select {
	z-index: 100;
	position: relative;
}

input.text {
	background: transparent url(/img/sprite-form-text.png) no-repeat;
	border: 0;
	color: #4a4c4e;
	font: 1.1538em/1.2667em Tahoma, Geneva, Verdana, sans-serif;
	height: 19px;
	padding: 7px 8px 8px 8px;
}

select {

}

textarea {
	background: transparent url(/img/sprite-form-text.png) no-repeat -712px 0;
	border: 0;
	color: #4a4c4e;
	font: 1.1538em/1.2667em Tahoma, Geneva, Verdana, sans-serif;
	height: 234px; /* 249 - 15 */
	padding: 7px 8px 8px 8px;
	width: 326px; /* 344 - 16 */
}
.focus textarea { background-position: -712px -249px; }
.error textarea { background-position: -712px -498px; }

.score, .yesno {padding-bottom: 10px;}
.score label, .yesno label {margin-right: 18px;}

.checkboxes {float:left;width:100%;}

.checkboxes label {clear:right;display:block;width:100%;padding-bottom: 2px;}

.other input{clear: both; border: 1px solid #c0c0c0;height:auto; padding: 2px; background:none;background-color: #fff;margin: 3px 0;font-size: 1em;color: #333;}

/* site form specific styles
---------------------------------------------------------- */

input.x-small {
	background-position: 0 0;
	width: 38px; /* 54 - 16 */
}
.focus input.x-small {	background-position: 0 -34px; }
.error input.x-small {	background-position: 0 -68px; }

input.small {
	background-position: -54px 0;
	width: 114px; /* 130 - 16 */
}
.focus input.small {	background-position: -54px -34px; }
.error input.small {	background-position: -54px -68px; }

input.medium {
	background-position: -184px 0;
	width: 168px; /* 184 - 16 */
}
.focus input.medium {	background-position: -184px -34px; }
.error input.medium {	background-position: -184px -68px; }

input.large {
	background-position: -368px 0;
	width: 328px; /* 344 - 16 */
}
.focus input.large {	background-position: -368px -34px; }
.error input.large {	background-position: -368px -68px; }

input.button {
	background: transparent;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

label.radio, label.checkbox {
	float: left;
	margin: 8px 0 0;
	z-index: 100;
	position: relative;
}

label.radio span.fake-radio,
label.checkbox span.fake-checkbox {
	background: transparent url(/img/sprite-form-other.png) no-repeat 0 0;
	display: inline;
	float: left;
	min-height: 19px;
	height: auto !important;
	height: 19px;
	line-height: 1.4615em;
	padding: 0 0 0 25px;
}
label.checkbox span.fake-checkbox {	background-position: 0 -500px; }

label.selected span.fake-radio {	background-position: -1000px 0; }
label.selected span.fake-checkbox {	background-position: -1000px -500px; }

form dl.separated {
	border-top: 1px solid #fff;
	float: left;
	left: 0px;
	margin: 25px 0 0 !important;
	padding: 25px 20px 0 !important;
}

.form-actions {
	position: relative;
	width: 100%
}
.form-actions #btn-submit,
.form-actions #search-btn-submit {
	background: transparent url(/img/btn-submit.png) no-repeat 0 0;
	border: none;
	clear: both;
	color: #fff;
	cursor: pointer;
	display: inline;
	float: left;
	font-size: 1.2308em;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	margin: 19px 0 0 200px;
	width: 119px;
}

#commentform .form-actions
{
	padding-left: 140px !important;	
}
#commentform .form-actions #btn-submit
{
	margin-left: 0px;	
}

#commentform #comment-message-label,
#commentform #comment-message
{
    display: none;
}

.form-actions #feedback-submit
{
	display: block;
	margin: 19px 0px 0px 200px;
	font-weight: bold;
	color: #00afef;
}

.form-actions #btn-submit:hover { background-position: 0 -38px; }

#brochure .form-actions #btn-submit {
	background-position: 0 -76px;
	width: 211px;
}
#brochure .form-actions #btn-submit:hover { background-position: 0 -114px; }

.form-actions a {
	bottom: 8px;
	position: absolute;
	right: 0;
}

#evaluation fieldset
{
	background: #F6F4C5 url(/img/frame-block-narrow.png) no-repeat scroll 0 0%;
	padding: 25px 0 0;
	margin-bottom: 15px;
}

#evaluation fieldset dl
{
	background: transparent url(/img/frame-block-narrow.png) no-repeat scroll -641px 100%;
}

/* Notes, warnings & error messages
---------------------------------------------------------- */

form div.warning,
form div.errormessage {
	background: transparent url(/img/bg-form-warning.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	margin: -33px 0 0;
	padding: 45px 0 10px;
	text-shadow: none;
	position: relative;
	z-index: 0;
}

#evaluation div.errormessage
{
	margin-left: 160px;
}

#evaluation div.warning
{
	padding: 35px 0 10px;
	background: none;
}

form div.warning div.wrapper,
form div.errormessage div.wrapper, form span.field-validation-error {
	background: transparent url(/img/bg-form-warning.png) no-repeat -390px 100%;
	color: #fff;
	line-height: 1.4615em;
	padding: 13px 50px 33px 20px;
	width: 320px;
}

#evaluation div.warning div.wrapper
{
	background: none;
	color: #797668;
	padding: 0px 10px 0px 0px;
	width: 550px;
	line-height: normal;
}

form span.field-validation-error
{
	display: block;
	margin-left: 180px;	
}

form div.note {
	background: transparent url(/img/bg-form-note.png) no-repeat -379px 100%;
	clear: both;
	display: inline;
	float: left;
	margin: 8px 0 0 -39px;
	padding: 0 0 24px 0;
	width: 379px;
}
form div.note div.wrapper {
	background: transparent url(/img/bg-form-note.png) no-repeat 0 0;
	line-height: 1.4615em;
	padding: 18px 25px 0 64px;
	width: 290px;
}

#tripleaderregistration form div.note {
    margin: 0 0 15px -39px;
}

form span.note
{
    clear:both;
    display:block;
    font-size:0.95em;
    line-height: 1.25em;
    margin-bottom:5px;
}

form span.note-url {    
    width: 328px;
    margin-top: 3px;
}

#travel-data div.errormessage {
	background-position: -1170px 0;
}

#travel-data div.errormessage div.wrapper {
	background-position: -1560px 100%;
}

/* Homepage: subscribe to newsletter
---------------------------------------------------------- */

#newsletter form, #newsletter fieldset {
	width: 557px;
}

#newsletter input {
	background: transparent url(/img/sprite-textfield-newsletter.png) no-repeat 0 0;
	color: #a29f89;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px 3px 10px;
	width: 159px;
}

#newsletter #btn-subscribe {
	background: transparent url(/img/button-newsletter-subscribe.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 28px;
	margin: 25px 0 0 11px;
	text-indent: -9999px; /* No 'em' here due to the IE fix further on */
	width: 40px;
	font-size: 0; /* IE fix */
	display: block; /* IE fix */
	line-height: 0; /* IE fix */
}
#newsletter #btn-subscribe:hover { background-position: 0 -28px; }

/* Registration form
---------------------------------------------------------- */

#registration #misc-data label.checkbox span.fake-checkbox { background-position: 0 -250px; }
#registration #misc-data label.selected span.fake-checkbox { background-position: -1000px -250px; }

#login-data label.checkbox span.fake-checkbox { background-position: 0 -250px; }
#login-data label.selected span.fake-checkbox { background-position: -1000px -250px; }

#tripleaderresults h3 {
    clear: both;
    margin-top: 10px;
}

#commentform dl,
#registration form dl,
#brochure form dl,
#newsletter-subscribe dl,
#stay-updated dl,
#login dl,
#forgotpw dl,
#tripleaderregistration dl,
#tripleadersearch dl,
#pagesearch dl  {
	margin: 0;
	padding: 0 20px 0;
	position: relative;
	width: 601px;
}

#evaluation dl
{
	margin: 0;
	padding: 0 20px 20px;
	position: relative;
	width: 601px;
}

#commentform dt,
#registration form dt,
#brochure form dt,
#newsletter-subscribe dt,
#stay-updated dt,
#login dt,
#forgotpw dt,
#tripleaderregistration dt,
#tripleadersearch dt,
#pagesearch dt {
	display: inline;
	left: 20px;
	position: absolute;
	text-align: right;
	width: 160px;
	z-index: 5;
}

#evaluation dt
{
	font-weight: bold;
	display: block;
	margin: 0 0 5px 20px;
}

#commentform dt
{
	width: 100px;	
}

#commentform dd,
#registration form dd,
#brochure form dd,
#newsletter-subscribe dd,
#stay-updated dd,
#login dd,
#forgotpw dd,
#tripleaderregistration dd,
#tripleadersearch dd,
#pagesearch dd {
	margin: 0 0 6px 0;
	min-height: 30px;
	height: auto !important;
	height: 34px;
	line-height: 34px;
	padding: 0 0 0 180px;
	position: relative;
	width: 390px;
}

#evaluation dd {
	margin: 0 0 6px 15px;
	min-height: 30px;
	height: auto !important;
	padding: 0;
	position: relative;
	width: 550px;
}

#evaluation h2, #evaluation p
{
	margin: 0 40px 6px 40px;
	}

#commentform dd
{
	padding-left: 120px;
}

#commentform dd input.text,
#registration form dd input.text,
#brochure form dd input.text,
#newsletter-subscribe dd input.text,
#stay-updated dd input.text,
#login dd input.text,
#forgotpw dd input.text,
#tripleaderregistration input.text {
	margin-left: -2px;
}

#commentform dd ul,
#registration form dd ul,
#brochure form dd ul,
#newsletter-subscribe dd ul,
#stay-updated dd ul,
#login dd ul,
#forgotpw dd ul,
#tripleaderregistration dd ul {
	margin: 0;
	padding: 0;
}

#commentform dt,
#registration form dt,
#registration #postalcode label,
#brochure form dt,
#brochure #postalcode label,
#newsletter-subscribe dt,
#stay-updated form dt,
#login form dt,
#forgotpw form dt,
#tripleaderregistration form dt,
#tripleaderresults form dt {
	font-weight: bold;
	min-height: 30px;
	height: auto !important;
	height: 34px;
	line-height: 34px;
}

#registration ul li,
#brochure ul li {
	clear: both;
	float: left;
	padding-bottom: 6px;
	width: 100%;
}

#registration ul#title-list li,
#brochure ul#title-list li {
	clear: none;
	float: left;
	margin-right: 25px;
	padding-bottom: 15px;
	width: auto !important;
	width: 1px;
}

#registration ul#title-list label span,
#brochure ul#title-list label span {
	font-weight: bold;
}

#registration #house-nr, #brochure #house-nr {
    display: block;
    height: 34px;
    left: 314px;
    position: absolute;
    top: 0;
}

#registration #po-box, #brochure #po-box {
    display: block;
    height: 34px;
    left: 418px;
    position: absolute;
    top: 0;
}

#registration #cityfield, #brochure #cityfield, #login-data #cityfield {
    display: block;
    height: 34px;
    position: absolute;
    left: 251px;
    top: 0;
}

#registration #cityfield label, #login-data #cityfield label, #registration #house-nr label, #registration #po-box label,
#brochure #cityfield label, #brochure #house-nr label, #brochure #po-box label {
    display: inline;
    float: left;
    height: 34px;
    padding: 0 15px 0 15px;
    text-align: right;
    font-weight: bold;
}
#registration #cityfield div, #login-data #cityfield div, #registration #house-nr div, #registration #po-box div,
#brochure #cityfield div, #brochure #house-nr div, #brochure #po-box div {
    display: block;
    float: left;
}

#registration #travel-data div.warning,
#registration #travel-data div.error {
    background-position: -1170px 0;
    margin: -33px 0 0;
    padding: 45px 0 10px;
    text-shadow: none;
}

#registration #travel-data div.warning div.wrapper,
#registration #travel-data div.error div.wrapper {
	background-position: -1560px 100%;
}

#registration #travel-data label.radio span.fake-radio,
#registration #travel-data label.checkbox span.fake-checkbox,
#registration #misc-data label.radio span.fake-radio,
#registration #misc-data label.checkbox span.fake-checkbox {
	width: 315px;
}

#registration #CountryCode {
	background-color: white;
	border: 0;
	color: #4a4c4e;
	font: 1.1538em/1.2667em Tahoma, Geneva, Verdana, sans-serif;	
	height: 33px;
	padding: 6px 8px 8px 8px;
	margin-left: -2px;
}

#tripleaderregistration dd input[type="file"]
{
    color: white;
    background-color: #767259;
}