/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * YAML form theme: "gray-theme"
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen {
  .ym-form {
    background: #333;
    color: #ffffff;
    font-size: 85%;
    margin: 0 0 1.5em 0;  
    border-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
	 border-color: #444;
    line-height: 1.3em;
    padding: 0.5em;
  }
  .ym-form fieldset {
    position: static;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0.5em;
  }
  .ym-form legend {
    background: transparent;
    color: #888;
    padding: 0 0.5em 0.5em;
  }
  .ym-form .ym-fbox {
    padding: 0 0.5em;
    margin: 1em 0 0.5em 0;
  }


  .ym-form .ym-fbox :last-child,
  .ym-form .ym-fbox-footer :last-child {
    margin-bottom: 0;
  }

  .ym-form .ym-gbox-left {
    padding: 0 4px 0 0;
  }
  .ym-form .ym-gbox-right {
    padding: 0 0 0 4px;
  }
  .ym-form .ym-gbox {
    padding: 0 2px 0 2px;
  }

  /**
  * @section styling form elements
  *
  */
  .ym-form input,
  .ym-form textarea,
  .ym-form select {
    border: 1px solid #222;
    line-height: 1em;
    margin-bottom: 0.1em;
  }
  .ym-form input,
  .ym-form textarea {
    padding: 4px 0.3em;
  }
  .ym-form select {
    padding: 3px 2px 3px 1px;
  }

  .ym-form optgroup {
    font-style: normal;
    font-weight: bold;
  }
  .ym-form .ym-fbox-check input,
  .ym-form input[type="image"],
  .ym-form input[type="radio"],
  .ym-form input[type="checkbox"] {
    border: 0 none !important;
    background: #ffffff !important;
    padding: 0em;
  }
 
  .ym-form .ym-message {
    color: #666;
    margin-bottom: 0.5em;
  }
  .ym-form .ym-required {
    color: #800;
    font-weight: bold;
  }
  .ym-form input:valid,
  .ym-form textarea:valid {
    background-color: #fff;
  }
  .ym-form input:invalid,
  .ym-form textarea:invalid {
    background-color: #fdd;
  }
  .ym-form .ym-error label {
    color: #800;
    font-weight: normal;
  }
  .ym-form .ym-error input,
  .ym-form .ym-error select,
  .ym-form .ym-error textarea {
    border: 1px #800 solid;
  }
  .ym-form .ym-error input:hover,
  .ym-form .ym-error input:focus,
  .ym-form .ym-error select:hover,
  .ym-form .ym-error select:focus,
  .ym-form .ym-error textarea:hover,
  .ym-form .ym-error textarea:focus {
    border: 1px #800 solid !important;
  }
  .ym-form .ym-error .ym-message {
    color: #800;
    font-weight: bold;
    margin-top: 0;
  }
  
  .ym-button,
  .ym-form button,
  .ym-form input[type="button"],
  .ym-form input[type="reset"],
  .ym-form input[type="submit"] {
    cursor: pointer;
   -webkit-appearance: none;
    background: #5f5f5f;
    border-radius: .2em;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    line-height: 1.25;
    padding: 0.25em;
    border: solid 1px transparent;
    margin: 0.5em 0 0 0;
 
  }
  .ym-form .separate {
  	margin-bottom: 0.5em;
  }

  


}