/**
 * 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 { background-color:#f4f4f4; border-color:#ddd; }
	.cform fieldset { background-color:#fafafa; border-color:#ddd; }
	.cform legend { color:#000; }
	.cform label { color:#666; }

	/*
	 * form elements
	 */
	.cform input,
	.cform textarea,
	.cform select,
	.cform optgroup {  }

	.cform input.text,
	.cform textarea,
	.cform select { border-color:#ddd; }

	.cform div input.text:focus,
	.cform div textarea:focus,
	.cform div select:focus,
	.cform div input.text:hover,
	.cform div textarea:hover,
	.cform div select:hover,
	.cform div input.text:active,
	.cform div textarea:active,
	.cform div select:active { background-color:#fff; border-color:#a66; }

	/*
	 * buttons
	 */
	.cform input.submit,
	.cform input.reset,
	.cform input.button
	{
		color:#000;
		background-color:#454545;
		border-top-color:#ddd;
		border-left-color:#ddd;
		border-right-color:#444;
		border-bottom-color:#444;
	}
	.cform input.submit { color:#330; background-color:#5e5607; }
	.cform input.reset { color:#300; background-color:#661717; }

	.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
	{
		color:#fff;
		background-color:#555;
		border-top-color:#444;
		border-left-color:#444;
		border-right-color:#ddd;
		border-bottom-color:#ddd;
	}
	.cform input.reset:focus,
	.cform input.reset:hover,
	.cform input.reset:active { color:#fff; background-color:#800; }
	.cform input.submit:focus,
	.cform input.submit:hover,
	.cform input.submit:active { color:#fff; background-color:#880; }

	/*
	 * messages
	 */
	.cform label.mandatory { color:#800; }
	.cform p.error { color:#666; }
}