/*"Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
* (en) CSS-component for creating vertical forms
* @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
* @copyright       Copyright 2005-2010, Dirk Jesse
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         3.3
* @revision        $Revision: 470 $
* @lastmodified    $Date: 2010-10-03 18:16:04 +0200 (So, 03 Okt 2010) $ */
@media screen, projection {
/* YAML Forms - visual styling
*  (en) visual form styling area */
	.yform { background-color:transparent; border:none; margin:0; padding:0; }
	.yform fieldset { background:#fafafa; border:1px #ddd solid; margin:0 0 1em 0; padding:0.5em; }
	.yform legend { color:#000; font-size:1.1em; font-weight:normal; }
	.yform label { color:#666; }
/* proportional fonts for all form elements */
	.yform input, .yform textarea, .yform select, .yform optgroup { font-family:Arial,Helvetica,sans-serif; }
	.yform .type-text input, .yform .type-text textarea, .yform .type-select select { border:1px solid #ddd; }
/* :hover and :focus status on form fields */
	.yform div.type-text input:focus,
	.yform div select:focus,
	.yform div textarea:focus,
	.yform div.type-text input:hover,
	.yform div select:hover,
	.yform div textarea:hover,
	.yform div.type-text input:active,
	.yform div select:active,
	.yform div textarea:active { background:#fff; border:1px #0096AB solid; }
	/* Styling of custom styled buttons */
	.yform .type-button input, .button {
		background:#454545 url(images/button_gray.png) top left repeat-x;
		border-top:1px #ddd solid;
		border-left:1px #ddd solid;
		border-right:1px #444 solid;
		border-bottom:1px #444 solid;
		color:#000;
		padding:5px 1em;
	}
	.yform .type-button input[type=button], .button { background:#ddd/* url(images/button_red.png) top left repeat-x*/; color:#241A43; }
	.yform .type-button input[type=submit] { background:#241A43/* url(images/button_yellow.png) top left repeat-x*/; color:#fff; }
/* optional button styling for IE6 using classes */
	/*.yform .type-button input.button { color:#241A43; background:#ddd url(images/button_red.png) top left repeat-x; }
	.yform .type-button input.submit { color:#fff; background:#241A43/* url(images/button_yellow.png) top left repeat-x; }*/
/* :hover and :focus status on buttons */
	.yform div.type-button input:focus,
	.yform div.type-button input:hover,
	.yform div.type-button input:active { background:#555; border-top:1px #444 solid; border-left:1px #444 solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; color:#fff; }
	.yform .type-button .stop { background:#FBE3E4 ! important; color:#000 ! important; }
	.yform .type-button .stop:hover { color:#000; }
	.yform .type-button .submit { background:#241A43 ! important; color:#fff ! important; }
	/*.yform div.type-button input.reset:focus,
	.yform div.type-button input.reset:hover,
	.yform div.type-button input.reset:active { background:#800; color:#fff; }*/
	.yform div.type-button input.submit:focus, .yform div.type-button input.submit:hover, .yform div.type-button input.submit:active { background:#880; color:#fff; }
	.yform .type-button.type-buttoninline { padding-left:25px ! important; }
/*------------------------------------------------------------------------------------------------------*/
/* Vertical-Forms - technical base (standard)
* |-------------------------------|
* | fieldset                      |
* |-------------------------------|
* |   label                       |
* |   input / select / textarea   |
* |-------------------------------|
* | /fieldset                     |
* |-------------------------------|
* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
* WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! */
/* General form styling */
	.yform { overflow:hidden; }
	.yform fieldset { display:block; zoom:1; }
	.yform label { display:block; cursor:pointer; }
	.yform legend { background:transparent; border:0; padding:0 0.5em; }
	.yform .message { display:block; margin-bottom:0.5em; color:#666; }
/* Hiding of hidden fields (otherwise ugly spaces in Firefox) */
	.yform input[type=hidden] { display:none !important; }
/* Highlight mandatory fields */
	.yform sup { color:#800; font-weight:bold; }
/* per row float clearing */
	fieldset:after, .yform div.type-text:after, .yform div.type-select:after, .yform div.type-check:after, .yform div.type-button:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
/* styling containing DIV elements */
	.yform div.type-text, .yform div.type-select, .yform div.type-check, .yform div.type-button { display:block; margin:0.5em 0; padding:3px 0.5em; position:relative; zoom:1; }
	.yform div.type-button { padding:3px 0em; }
/* styling standard form elements with 'almost' equal flexible width */
	.yform .type-text input, .yform .type-text textarea { display:block; padding:0.3em 0.3em; position:relative; width:58.5%; }
	.yform .type-select select { cursor:pointer; display:block; padding:0.3em 2px 0.3em 1px; position:relative; width:60%; }
	.yform .type-select select optgroup { font-style:normal; font-weight:bold; }
	.yform .type-check input { cursor:pointer; }
	.yform .type-check label { display:inline; }
/* Styling of buttons */
	.yform .type-button input { cursor:pointer; overflow:visible;  /* Fixes IE7 auto-padding bug */ width:auto; }
/* Styling of error-messages */
	.yform div.error { background:#faf4f4; border:1px #a00 dashed; padding:0.5em; }
	.yform div.error label { color:#000; font-weight:bold; }
	.yform div.error .message { color:#800; }
/* avoid jumping checkboxes & radiobuttons in IE8 */
	.yform div.type-check input:focus, .yform div.type-check input:hover, .yform div.type-check input:active { border:0 none; }
/*------------------------------------------------------------------------------------------------------*/
/* Indent Checkbox fields to match label-width */
	.full div.type-text input, .full div.type-text textarea { width:95.5%; margin-right: -3px; }
	.full div.type-select select { width:97.0%; margin-right: -3px; }
/* width adjustments for IE 5.x & IE6 */
	* html .full div.type-text input,
	* html .full div.type-text textarea { width:95.5%; }
	* html .full div.type-select select { width:97.0%; }
/*------------------------------------------------------------------------------------------------------*/
/* Columnar forms display - technical base (optional)
* |-------------------------------------------|
* | fieldset                                  |
* |-------------------------------------------|
* |                                           |
* |   label   |   input / select / textarea   |
* |                                           |
* |-------------------------------------------|
* | /fieldset                                 |
* |-------------------------------------------|
* (en) Styling of forms where label floats left of form-elements
* WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing! */
/* Columnar display */
	.columnar .type-text label, .columnar .type-select label { float:left; width:30%; /* Can be fixed width too */ }
/* Indent Checkbox fields to match label-width */
	.columnar div.type-check input { margin-left:30%; }
	.columnar div.error .message { margin-left:30%; }
	.columnar fieldset div.type-button, fieldset.columnar div.type-button { padding-left:30%; }
	.columnar div.type-text input, .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
	.columnar div.type-select select { float:left; width:69.4%; margin-right: -3px; }
/* width adjustments for IE 5.x & IE6 */
	* html .columnar div.type-text input, * html .columnar div.type-text textarea { width:67.2%; }
	* html .columnar div.type-select select { width:68.8%; }
/*------------------------------------------------------------------------------------------------------*/
/* Global fixes for YAML's form construction set
* @workaround
* @affected IE 5.x/Win, IE6, IE7
* @css-for IE 5.x/Win, IE6, IE7
* @valid no */
	.yform, .yform div, .yform div * { zoom:1; }
/* Forms Fieldset/Legend-Bug in IE
* @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
* @workaround
* @affected IE 5.x/Win, IE6, IE7, IE8
* @css-for IE 5.x/Win, IE6, IE7, IE8
* @valid no */
/* all IE */
	.yform { padding-top:0\9; }
	.yform fieldset { padding:0 5px\9; padding-top:1em\9; }
	.yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
	.yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }
/* IE5.x, IE6 & IE7 */
	.yform legend { *padding:0 5px; }
	.yform fieldset { *padding-top:1.5em; }
/* IE5.x & IE6 */
	* html .yform { padding-top:10px; }
}
.step-5-label { display:inline-block !important; font-weight:bold; margin-bottom:5px; }