/**
 * Stylesheet Framework for Contao Open Source CMS
 * Copyright © 2011-2012 Dominik Raubuch
 *
 * CSS-Layout for Contao Open Source CMS.
 *
 * @copyright	Copyright © 2011-2012 Dominik Raubuch
 * @author		Dominik Raubuch <http://www.raubuch.net>
 * @package		styles
 * @version		1.1
 */

@media screen, projection
{
	/**
	 * forms
	 */
	.cform { border:1px solid; margin:0 0 1em 0; padding:10px; }
	.cform fieldset { border:1px solid; margin:0 0 1em 0; padding:0.5em; }
	.cform legend { font-size:125%; font-weight:normal; }
	.cform label {  }

	/**
	 * form elements
	 */
	.cform input,
	.cform textarea,
	.cform select,
	.cform optgroup { font-family:Helvetica, Arial, sans-serif; }

	.cform input.text,
	.cform textarea,
	.cform select { border:1px solid; }

	/**
	 * buttons
	 */
	.cform input.submit,
	.cform input.reset,
	.cform input.button { padding:5px 1em; border:1px solid; }
	
	.cform input.submit:focus,
	.cform input.reset:focus,
	.cform input.button:focus,
	.cform input.submit:hover,
	.cform input.reset:hover,
	.cform input.button:hover,
	.cform input.submit:active,
	.cform input.reset:active,
	.cform input.button:active { border:1px solid; }

	/**
	 * messages
	 */
	.cform label.mandatory { font-weight:bold; }
	.cform p.error { display:block; margin-bottom:0.5em; }

	/**
	 * vertical forms
	 */
	.cform { overflow:hidden; }
	.cform fieldset { display:block; zoom:1; }
	.cform legend { border:0; padding:0 0.5em; }
	.cform label { display:block; cursor:pointer; }

	.cform input[type=hidden] { display:none !important; }

	fieldset:after,
	.cform div.type-text:after,
	.cform div.type-select:after,
	.cform div.type-check:after,
	.cform div.type-button:after
	{
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	.cform div.type-text,
	.cform div.type-select,
	.cform div.type-check,
	.cform div.type-button
	{
		display:block;
		margin:0.5em 0;
		padding:3px 0.5em;
		position:relative;
		zoom:1;
	}

	.cform div.type-button { padding:3px 0em; }

	.cform .type-text input,
	.cform .type-text textarea { display:block; position:relative; padding:0.3em 0.3em; width:58.5%; }

	.cform .type-select select
	{
		display:block;
		position:relative;
		padding:0.3em 2px 0.3em 1px;
		width:60%;
		cursor:pointer;
	}
	.cform .type-select select optgroup { font-style:normal; font-weight:bold; }

	.cform .type-check input { cursor:pointer; }
	.cform .type-check label { display:inline; }

	.cform .type-button input { cursor:pointer; overflow:visible; width:auto; }

	.cform div.type-check input:focus,
	.cform div.type-check input:hover,
	.cform div.type-check input:active { border:0 none; }

	.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; }

	* 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
	 */
	.columnar .type-text label,
	.columnar .type-select label { float:left; width:30%; }

	.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; }

	* html .columnar div.type-text input,
	* html .columnar div.type-text textarea { width:67.2%; }
	* html .columnar div.type-select select { width:68.8%; }

	/**
	 * bugfixes
	 */
	.cform,
	.cform div,
	.cform div * { zoom:1; }

	.cform { padding-top:0\9; }
	.cform fieldset { padding:0 5px\9; padding-top:1em\9; }
	.cform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
	.cform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

	.cform legend { *padding:0 5px; }
	.cform fieldset { *padding-top:1.5em; }

	* html .cform { padding-top:10px; }
}



/**
	 * forms
	*/
form fieldset { margin-bottom: 1em; }
form fieldset legend { font-size:116.67%; font-weight:normal; margin:0 0 0.25em 0; }

form br { clear: left; }
form label { display: block; float: left; width: 150px; margin: 0 0 5px 0; line-height: 22px; }
form label.mandatory { font-weight: bold; }
form input,
form textarea,
form select { display: block; float: left; width: 250px; margin: 0 0 5px 0; padding: 2px; border: 1px solid; height: 20px; }
form select,
form input[type="file"] { width: 256px; height: 22px; }
form input[type="hidden"] { visibility:hidden; }
form input[type="submit"],
form input[type="reset"],
form input[type="button"] {  }
form input[type="checkbox"],
form input[type="radio"] { display: inline; width: 20px; border: none; }
form p.error { display: none; line-height: 22px; }

form .radio_container,
form .checkbox_container{ float: left; margin: 7px 0px; margin-left: 20px; }
form .radio_container span,
form .checkbox_container span { display: block; clear: left; }
form .radio_container input,
form .checkbox_container input { margin: 2px 0px; }
form .radio_container label,
form .checkbox_container label { display: inline; margin: 2px 0px; width: auto; }

form .submit_container { margin-left: 150px; }
form .submit_container input { float: none; width: 150px; height: 22px; }