/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2011, 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.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

@media screen, projection {
/**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

.yform {
	background: #f4f4f4;
	border: 1px #ddd solid;
	margin: 0 0 1em 0;
	padding: 10px;
}
.yform fieldset {
	border: 1px #ddd solid;
	background: #fafafa;
	margin: 0 0 1em 0;
	padding: 0.5em;
}
.yform legend {
	font-size: 125%;
	font-weight: normal;
	color: #000;
	position: relative;
}
.yform label {
	color: #666;
}
.yform input,  .yform textarea,  .yform select,  .yform optgroup {
	font-family: Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
}
.yform .type-text input,  .yform .type-text textarea,  .yform .type-select select {
	border: 1px solid #ddd;
}
/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.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 {
	border: 1px #a66 solid;
	background: #fff;
}
/* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
.yform .type-button input {
	border-top: 1px #ddd solid;
	border-left: 1px #ddd solid;
	border-right: 1px #444 solid;
	border-bottom: 1px #444 solid;
	color: #000;
	background: #454545 url(screen/images/button_gray.png) top left repeat-x;
	padding: 5px 1em;
}
.yform .type-button input[type=reset] {
	color: #300;
	background: #661717 url(screen/images/button_red.png) top left repeat-x;
}
.yform .type-button input[type=submit] {
	color: #330;
	background: #5e5607 url(screen/images/button_yellow.png) top left repeat-x;
}
/* optional button styling for IE6 using classes */
.yform .type-button input.reset {
	color: #300;
	background: #661717 url(screen/images/button_red.png) top left repeat-x;
}
.yform .type-button input.submit {
	color: #330;
	background: #5e5607 url(screen/images/button_yellow.png) top left repeat-x;
}
/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-button input:focus,  .yform div.type-button input:hover,  .yform div.type-button input:active {
	border-top: 1px #444 solid;
	border-left: 1px #444 solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	color: #fff;
	background: #555;
}
.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;
}
/*------------------------------------------------------------------------------------------------------*/

 /**
  * 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;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * 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  | Allgemeine Formatierung des Formulars */
.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) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
.yform input[type=hidden] {
	display: none !important;
}
/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
.yform sup {
	color: #800;
	font-weight: bold;
}
/* per row float clearing | zeilenweises 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 | Gestaltung der kapselnden DIV-Elemente */
.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 | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
.yform .type-text input,  .yform .type-text textarea {
	display: block;
	position: relative;
	padding: 0.3em 0.3em;
	width: 58.5%;
}
.yform .type-select select {
	display: block;
	position: relative;
	padding: 0.3em 2px 0.3em 1px;
	width: 60%;
	cursor: pointer;
}
.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 | Gestaltung von Buttons */
.yform .type-button input {
	cursor: pointer;
	overflow: visible;  /* Fixes IE7 auto-padding bug */
	width: auto;
}
/* Styling of error-messages | Fehlermeldungen */
.yform div.error {
	border: 1px #a00 dashed;
	background: #faf4f4;
	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 | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

.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 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
* 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
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
.columnar .type-text label,  .columnar .type-select label {
	float: left;
	width: 30%;
	font-family: 'arconregular', Arial, sans-serif;
}
/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
.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 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
* 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;
}
/* Modifica los estilos del form para ajustarse al theme*/
	
.yform {
	background: #FFF;
	border: 0;
	margin: 0;
	padding: 10px;
	margin-bottom: 20px;
}
.yform fieldset {
	border: 0;
	background: #FFF;
	margin: 0;
	padding: 0;
}
.yform legend {
	display: none;
	font-size: 125%;
	font-weight: normal;
	color: #000;
	position: relative;
}
.yform label {
	color: #000;
	font-family: 'arconregular', sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding-top: 6px;
}
.yform input,  .yform textarea,  .yform select,  .yform optgroup {
	font-family: 'arconregular', sans-serif;
}
.yform .type-text input,  .yform .type-text textarea,  .yform .type-select select {
	border: 1px solid #828282;
	font-size: 16px;
	color: #000;
	border-radius: 0;
}
/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.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 {
	border: 1px solid #64C0AE;
	background: #fff;
	outline: none;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(100,192,174,0.08);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,192,174,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,192,174,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,192,174,0.6);
}
/* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
.yform .type-button input, .yform .fileinput-button  {
	border: 0;
	color: #FFF;
	background-color: #478DB4;
	padding: 10px 20px;
	font-family: 'robotoregular', sans-serif;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	font-size: 16px;
	border-radius: 0;
}
.yform .type-button input[type=reset] {
	color: #FFF;
	background-color: #478DB4;
}
.yform .type-button input[type=submit] {
	color: #FFF;
	background-color: #478DB4;
}
/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-button input:focus,  .yform div.type-button input:hover,  .yform div.type-button input:active {
	border: 0;
	color: #FFF;
	background-color: #01AA98;
}
.yform div.type-button input.reset:focus,  .yform div.type-button input.reset:hover,  .yform div.type-button input.reset:active {
	background-color: #01AA98;
}
.yform div.type-button input.submit:focus,  .yform div.type-button input.submit:hover,  .yform div.type-button input.submit:active {
	background-color: #01AA98;
}
.yform strong {
	display: none !important;
}
.yform .type-text.error strong {
	display: block !important;
}
.yform div.error label {
	color: #800;
	font-weight: normal;
}
.yform .type-check input {
margin-top: -3px;
}
.yform label.type-check {
margin: 0.5em 0;
padding: 3px 0.5em;
}
.yform div.type-button {
margin-left: 30.5%;
}
.ui-widget {
	font-size: 11px !important;
}
.yform .file {
	display: block;
	margin: 0.5em 0 0 30%;
	padding: 3px 0.5em 3px 0;
	position: relative;
	zoom: 1;
	color: #003767;
}
.yform .file .delete_button, .yform .file .name {
	float: left;
	line-height: .9em;
	margin-bottom: 8px;
	font-size:85%;
}
.yform .file .delete_button {
	margin-right: 5px;
}
.yform .file .progressbar {
	clear: both;
	height: 10px;
	border-color: #20ADCE;
	border-radius: none;
}
.ui-progressbar .ui-progressbar-value {
	background-image: url(../images/pbar-ani.gif);
}
.ui-button-icon-only {
	width: 1.2em !important;
	height: 1.2em !important;
}
.yform .type-text .fileinput-button {
	cursor: pointer;
}
.yform .type-text .fileinput-button input {
	width: 200px;
}
@media (max-width: 480px) {
	.columnar .type-text label, .columnar .type-select label {
		float: none;
		width: auto;
	}
	.yform div.type-text, .yform div.type-select, .yform div.type-check, .yform div.type-button {
		margin: 0;
		padding: 0;
	}
	.columnar div.type-text input, .columnar div.type-text textarea, .columnar div.type-select select {
	  float: none;
	  width: 94.8%;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.columnar div.type-select select {
	  width: 99.4%;
	}
	.yform .type-button input[type=submit] {
		width: 100%;
	  margin-top: 10px;
	  margin-bottom: 5px;
	}
}
}