/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 * (en) YAML core RTL stylesheet
 * (de) YAML Basis-RTL-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
 *
 * @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 all {
  /**
  * @section browser normalisation
  * Changing direction of text flow, paddings & margins ...
  */
  option {
    padding: 0 0.4em 0 0;
  }

  body {
    text-align: right;
    direction: rtl;
  }

  ul,
  ol,
  dl {
    margin: 0 1em 1em 0;
  }

  li {
    margin-left: 0;
    margin-right: 0.8em;
  }

  dd {
    margin: 0 0.8em 1em 0;
  }

  blockquote,
  cite {
    margin: 0 0.8em 1em 0;
  }

  /* set text flow */
  .ym-form {
    direction: rtl;
  }
  .ym-form * {
    text-align: right;
  }
  .ym-form input,
  .ym-form textarea {
    display: inline-block;
  }
  .ym-form select {
    display: inline-block;
  }
  .ym-form .ym-fbox-check input,
  .ym-form input[type="radio"],
  .ym-form input[type="checkbox"] {
    margin-left: 0.5ex;
    margin-right: 0;
  }
  .ym-form .ym-inline {
    margin-left: 0;
  }

  .ym-fbox-wrap input[type="radio"],
  .ym-fbox-wrap input[type="checkbox"] {
    margin-left: 0.5ex;
    margin-right: 0;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
  * (en) rtl adjustments for forms module
  * (de) RTL-Anpassungen für das Formular Modul
  *
  */
  .ym-columnar input,
  .ym-columnar textarea,
  .ym-columnar select {
    float: right;
    margin-right: 0;
    margin-left: -3px;
  }
  .ym-columnar label,
  .ym-columnar .ym-label {
    display: inline;
    float: right;
  }
  .ym-columnar input + label {
    margin-right: 0.5ex;
  }
  .ym-columnar .ym-fbox-check input,
  .ym-columnar .ym-message {
    margin-left: 0;
    margin-right: 30%;
  }
  .ym-columnar .ym-fbox-wrap {
    margin-left: 0;
    margin-right: 30%;
    margin-left: -3px;
  }
  .ym-columnar .ym-fbox-wrap .ym-message {
    margin-right: 0%;
  }
  .ym-columnar .ym-fbox-wrap label {
    margin-right: 0;
  }
  .ym-columnar .ym-fbox-wrap input {
    margin-right: 0;
  }
  .ym-columnar .ym-fbox-wrap input[type="radio"],
  .ym-columnar .ym-fbox-wrap input[type="checkbox"] {
    margin-left: 0.5ex;
    margin-right: 0;
  }
  .ym-columnar .ym-fbox-button input {
    float: none;
    margin-left: 1em;
    margin-right: 0;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
  * (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
  * (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
  *
  * @workaround
  * @affected   Firefox, Safari, IE 5.x - IE7
  * @css-for    all
  * @valid      yes
  */
  .ym-skiplinks {
    left: 32768px !important;
  }
  .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
    left: -32768px !important;
  }

  .ym-skip,
  .ym-hideme,
  .ym-print {
    left: 32768px !important;
  }

  /*------------------------------------------------------------------------------------------------------*/
  /**
  * @section miscellaneous
  *
  * (en) CSS-class for ltr-content (left to right) within a rtl website
  * (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
  */
  .ym-text-ltr {
    direction: ltr;
    text-align: left;
  }
}
