/************************************ 
 * Forms
 *
 ************************************/

form h1, form h2, form h3,
#form-text h1 { margin: 0 0 0.8em 0; font-weight: normal; line-height: 1.3; color: #fbd160; }
form h1, #form-text h1 { font-size: 20px;}
form h2 { font-size: 16px;}

form p, #form-text p, form dl { font-size: 14px; color: #dad8d8; margin-bottom: 19px;}
#form-text p { font-size: 13px; }
form a, #form-text a, p.cancel-link a { color: #e64745; text-decoration: underline; }


#form-header { height: 224px; clear: both; }
#form-text { width: 454px; float: left; padding-top: 12px; margin-left: 52px;}
#form-text p.form-contact { color: #797e8a;}
#form-text.form-text-wide { width: 700px;}
#payment-image { width: 260px; float: right; padding-top: 20px}
p.cancel-link { width: 454px; text-align: center; padding-top: 8px}
#help { position: absolute; right: 6px; top: 0;width: 120px; }
#help p { font-size: 12px; color: #82858b; }
label { color: #dad8d8; font-size: 14px; display: block;}
span.label-heading { color: #fbd160; font-size: 16px; }
span.required, span.price { color: #fbd160; }

form dl { clear: both; margin: 0 0 8px 0;}
form dt { text-align: left; width: 300px; float: left; padding: 0;}
form dd { text-align: right; width: 100px; margin-left: 260px; padding: 0;}

dl.price-total { font-size: 20px; text-transform: uppercase; border-top: 1px solid #dad8d8; padding-top: 10px;}
dl.price-total dt { width: 275px;}
dl.price-total dd { width: 95px; margin-left: 260px; }

div.form-1-column {	width: 454px; margin-left: 215px; }
div.form-column-left { width: 454px; float: left; }
div.form-column-right { width: 454px; float: right; }

div.form-box-top,
div.form-box-center,
div.form-box-bottom {
	width: 454px;
	position: relative;
}
div.form-box-top { background: transparent url('../img/forms/bg-box-top.png') no-repeat left bottom; height: 17px; }
div.form-box-bottom { background: transparent url('../img/forms/bg-box-bottom.png') no-repeat left top; height: 16px; }
div.form-box-center { background: transparent url('../img/forms/bg-box-center.png') repeat-y top left; padding-bottom: 24px;}

button { margin: 36px auto 0; display: block; cursor: pointer; border: 0; 
		background: transparent url('../img/forms/bg-button.png') no-repeat top center; text-align: center; 
		width: 140px; height: 40px; line-height: 40px; color: white; font-size: 16px; font-weight: normal;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
button#submit-button-stage-4 { background-image: none;height: 52px; margin: 18px 0 0 340px; padding: 0;}
fieldset { border: 0; margin: 0; padding: 24px 48px 0; position: relative; clear: both; display: block; line-height: 1.2}
button.left-button { margin: 36px 0 0 0}

div.checkbox-container,
div.radio-container { width: 24px; float: left; }
div.checkbox-label,
div.radio-label { margin-left: 36px; padding-bottom: 10px; }

div.checkbox-label-tight,
div.radio-label-tight { margin-left: 36px; padding-bottom: 0;}

div.form-row { clear: both; margin-bottom: 8px;}
div.errors, div.required { color: #a00000; font-weight: bold;  }
div.errors { font-size: 14px; margin-bottom: 1em; }
input.field { width: 353px; background: transparent url('../img/forms/bg-input.png') no-repeat left top; border: 0; 
				font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: black; line-height: 16px; padding: 11px}
input.field-short { width: 128px; background: transparent url('../img/forms/bg-input-short.png') no-repeat left top; border: 0; 
				font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: black; line-height: 16px; padding: 11px}
input.button { }
option { border: 0; padding: 1px 2px;}
select { border: 1px solid #ccc; padding: 0; }


#kilpailu div.checkbox-label-tight { margin: 16px 0 0 28px;}
#kilpailu fieldset {padding: 0; color: #dad8d8;}
#kilpailu h2 { margin-top: 0; color: #fbd160; margin: 0 0 0.8em 0;}
#kilpailu label { padding-bottom: 1px;}
#kilpailu input[type=radio], #kilpailu input[type=checkbox] { margin-left: 0; padding-left: 0; }
#kilpailu button { margin: 24px 0 0; }

.disabled { color: #666; opacity: 0.5;}