/**
*	Forms > gray-theme
*/

@media screen and ( max-width: 740px )  {

	/* linearize form elements */
	.linearize-form label {
		float: none;
	}

	.linearize-form .ym-label,
	.linearize-form .ym-message,
	.linearize-form input,
	.linearize-form button,
	.linearize-form textarea,
	.linearize-form select {
		display: block;
		float: none;
		position: static;
		width: 100% !important;
		margin-left: 0 !important;
	}
	/* linearize grids */
	.linearize-form .ym-fbox-wrap,
	.linearize-form .ym-fbox-wrap [class*="ym-g"] {
		display: block;
		float: none;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* restore special form elements */
	.linearize-form input[type="checkbox"],
	.linearize-form input[type="radio"],
	.linearize-form input[type="image"] {
		margin-left: 0 !important;
		width: auto !important;
		display: inline;
	}
	.linearize-form .ym-button {
		margin-bottom: .375em !important;
	}

}

@media screen {

	.ym-form {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	  }
	  .ym-message {
		  display: none !important;
	  }
	  .ym-error .ym-message {
		  display: block !important;
	  }
	  .ym-error > label {
		  color: #666 !important;
	  }
	  input[disabled] {
		cursor: not-allowed !important;
	}

}

/**
*	Forms > JOOMLA: Specifics
*/

@media screen {

	body.contentpane.forms {
		margin: 1.5em;
		background-image: none;
		background-color: #fff;
	}

}

/**
*	Forms > jQuery Validation Plugin
*/

@media screen {

	p.ym-error {
		color: #800;
		font-weight: normal;
		margin-top: 0;
	}
	.ym-columnar .ym-fbox.ym-fbox-text p.ym-error,
	.ym-columnar .ym-fbox.ym-fbox-select p.ym-error {
		margin-left: 30%;
	}
	.ym-form input.ym-error,
	.ym-form input.ym-error:hover,
	.ym-form input.ym-error:focus,
	.ym-form select.ym-error,
	.ym-form select.ym-error:hover,
	.ym-form select.ym-error:focus,
	.ym-form textarea.ym-error,
	.ym-form textarea.ym-error:hover,
	.ym-form textarea.ym-error:focus {
		border: 1px #800 solid !important;
	}
	.ym-form input[disabled] {
		background-color: #f4f4f4;
	}
	.ym-form input[disabled]:hover,
	.ym-form input[disabled]:focus {
		border: 1px #ddd solid !important;
	}
	.ym-fbox-check label {
		/*width: 50%;*/
	}

}