@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version     Id: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2013, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license-conditions.html Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

@media screen
{
  /**
   * Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

  /**
   * For global blow up the html tag to full viewport
   * (only required with the fullheight template)
   */

  html { height: 100%; padding: 0; }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Formatting basic layout elements
   */

  /* Marginal areas & page background */
  body { background-image: -ms-radial-gradient(center, circle closest-corner, #FFFFC4 0%, #FEFCEA 100%); /* IE10 Consumer Preview */
         background-image: -moz-radial-gradient(center, circle closest-corner, #FFFFC4 0%, #FEFCEA 100%); /* Mozilla Firefox */ 
         background-image: -o-radial-gradient(center, circle closest-corner, #FFFFC4 0%, #FEFCEA 100%); /* Opera */ 
         background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFC4), color-stop(1, #FEFCEA)); /* Webkit (Safari/Chrome 10) */ 
         background-image: -webkit-radial-gradient(center, circle closest-corner, #FFFFC4 0%, #FEFCEA 100%); /* Webkit (Chrome 11+) */ 
         background-image: radial-gradient(circle closest-corner at center, #FFFFC4 0%, #FEFCEA 100%); /* W3C Markup, IE10 Release Preview */ 
}

  /* Centering layout in old IE-versions */
  body { text-align:center; }
  .ym-wrapper { text-align:left; margin:0 auto; }

  /* Layout:width, background, borders */
  .ym-wrapper {
    min-width:760px;
    max-width:80em;

    background: #ffffff;
    -webkit-box-shadow: 3px 3px 5px 1px #555555;
    box-shadow: 3px 3px 5px 1px #555555;
    -webkit-border-radius: 5px;
    border-radius: 5px;  
  
  }
  .ym-wbox { padding:10px; }

  header {
    color:#000;
    background:#fff repeat-x top left;
    padding:0.5em 0px;
    position:relative;
  }

  .header_image img {
    display: block; /* prevent line-height spacing in IE and maybe some other browsers too */

    width: 100%;
    height: auto;

    margin-top: 1em;
  }

  /* #topnav gets absolute positioning within <header /> */
  #topnav {
    background:transparent;
    color:#aaa;

    position:absolute;
    top:10px;
    right:10px; /* LTR */
    text-align:right; /* LTR */
  }

  #main { background:#fff;padding:0px 0; }

  footer {
    color:#666;
    background:#f9f9f9;
    border-top:5px #efefef solid;
    line-height:1.5em;
  }
  footer .ym-cbox {
    padding:10px;
  }

  #breadcrumbs {
    margin: 0.25em 0 0 0;
  }
  .breadcrumbs {
    font-size: smaller;
    padding: .5em 1em;

    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;

    border: 1px solid #ddd;
  }

  /* Backup for correct positioning (for older YAML versions) */
  header, #nav, #main, footer, #breadcrumbs,
  .clr { clear:both; }

  /* noscript formatting */
  noscript { display:block; overflow:hidden; width:auto; }
  noscript div { padding:5px 7px; border:3px solid #c30; margin:0 0 1em 0; background:#ffe4e4; }
  noscript.jswarn-global div { background:#FFFFCF; margin:0; border:0; border-top:6px solid #c30; border-bottom:6px solid #c30; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Formatting content container
   *
   * |-------------------------------|
   * | header                        |
   * |-------------------------------|
   * | col1    | col3      | col2    |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | footer                        |
   * |-------------------------------|
   *
   * Set here your default column values
   * Details see: {@section content-columns}
   */

  .ym-col1 { width:25%; }
  .ym-col2 { width:25%; }
  .ym-col3 { margin:18px 25%; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Column order layouts
   * Visual styling for the column ordering of .ym-col1, .ym-col2 and .ym-col2

   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)
   * @section content-columns
   */

  /* Layout: 1col_3 (only one column) */
  body.layout-1col_3 .ym-column-main > .ym-col1 { /* @hide */ display: none; }
  body.layout-1col_3 .ym-column-main > .ym-col2 { /* @hide */ display: none; }
  body.layout-1col_3 .ym-column-main > .ym-col3 { /* main  */ margin-left:0; margin-right:0; border-left:0; border-right:0; }
  body.layout-1col_3 .ym-column-main > .ym-col3 .ym-cbox { padding-left: 0; padding-right: 0; }

  /* Layout: 2col_13 (normal/default view) */
  body.layout-2col_13 .ym-column-main > .ym-col1 { /* left  */ }
  body.layout-2col_13 .ym-column-main > .ym-col1 .ym-cbox { padding-left: 0; }
  body.layout-2col_13 .ym-column-main > .ym-col2 { /* @hide */ display: none; }
  body.layout-2col_13 .ym-column-main > .ym-col3 { /* main  */ margin-right:0; border-right:0; }
  body.layout-2col_13 .ym-column-main > .ym-col3 .ym-cbox { padding-right: 0; }

  /* Layout: 2col_32 (normal/default view) */
  body.layout-2col_32 .ym-column-main > .ym-col1 { /* @hide */ display: none; }
  body.layout-2col_32 .ym-column-main > .ym-col2 { /* right */ }
  body.layout-2col_32 .ym-column-main > .ym-col2 .ym-cbox { padding-right: 0; }
  body.layout-2col_32 .ym-column-main > .ym-col3 { /* main  */ margin-left:0; border-left:0; }
  body.layout-2col_32 .ym-column-main > .ym-col3 .ym-cbox { padding-left: 0; }

  /* Layout: 2col_31 (special/advanced view - require width adjustments) */
  body.layout-2col_31 .ym-column-main > .ym-col1 { /* main  */ width: 75%; float:right; }
  body.layout-2col_31 .ym-column-main > .ym-col1 .ym-cbox { padding-right: 0; }
  body.layout-2col_31 .ym-column-main > .ym-col2 { /* @hide */ display:none; }
  body.layout-2col_31 .ym-column-main > .ym-col3 { /* left  */ margin-right: 75%; margin-left: 0; border-left:0;}
  body.layout-2col_31 .ym-column-main > .ym-col3 .ym-cbox { padding-left: 0; }

  /* Layout: 2col_23 (special/advanced view - require width adjustments) */
  body.layout-2col_23 .ym-column-main > .ym-col1 { /* @hide */ display:none; }
  body.layout-2col_23 .ym-column-main > .ym-col2 { /* main  */ width: 75%; float:left; }
  body.layout-2col_23 .ym-column-main > .ym-col2 .ym-cbox { padding-left: 0; }
  body.layout-2col_23 .ym-column-main > .ym-col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }
  body.layout-2col_23 .ym-column-main > .ym-col3 .ym-cbox { padding-right: 0; }

  /* Layout: 3col_132 (normal/default view) */
  body.layout-3col_132 .ym-column-main > .ym-col1 { /* left  */ /* YAML core column order */ }
  body.layout-3col_132 .ym-column-main > .ym-col1 .ym-cbox { padding-left: 0; }
  body.layout-3col_132 .ym-column-main > .ym-col2 { /* right */ /* YAML core column order */ }
  body.layout-3col_132 .ym-column-main > .ym-col2 .ym-cbox { padding-right: 0; }
  body.layout-3col_132 .ym-column-main > .ym-col3 { /* main  */ /* YAML core column order */ }

  /* Layout: 3col_123 (special/advanced view - require width adjustments) */
  body.layout-3col_123 .ym-column-main > .ym-col1 { /* left  */ width: 25%; margin: 0; }
  body.layout-3col_123 .ym-column-main > .ym-col1 .ym-cbox { padding-left: 0; }
  body.layout-3col_123 .ym-column-main > .ym-col2 { /* main  */ width: 50%; float:left; margin: 0; }
  body.layout-3col_123 .ym-column-main > .ym-col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }
  body.layout-3col_123 .ym-column-main > .ym-col3 .ym-cbox { padding-right: 0; }

  /* Layout: 3col_213 (special/advanced view - require width adjustments) */
  body.layout-3col_213 #main { width: 100%; float:left; }
  body.layout-3col_213 .ym-column-main > .ym-col1 { /* main  */ width: 50%; float:left; margin-left: 25%; }
  body.layout-3col_213 .ym-column-main > .ym-col2 { /* left  */ width: 25%; float:left;  margin-left: -75%; }
  body.layout-3col_213 .ym-column-main > .ym-col2 .ym-cbox { padding-left: 0; }
  body.layout-3col_213 .ym-column-main > .ym-col3 { /* right */ float:right; width: 25%; margin-left: -5px; margin-right: 0; border-right:0; }
  body.layout-3col_213 .ym-column-main > .ym-col3 .ym-cbox { padding-right: 0; }

  /* Layout: 3col_231 (special/advanced view - reverse left and right of col1 and col2) */
  body.layout-3col_231 .ym-column-main > .ym-col1 { /* right */ float:right; }
  body.layout-3col_231 .ym-column-main > .ym-col1 .ym-cbox { padding-right: 0; }
  body.layout-3col_231 .ym-column-main > .ym-col2 { /* left  */ float:left; }
  body.layout-3col_231 .ym-column-main > .ym-col2 .ym-cbox { padding-left: 0; }
  body.layout-3col_231 .ym-column-main > .ym-col3 { /* main  */ }

  /* Layout: 3col_312 (special/advanced view - require width adjustments) */
  body.layout-3col_312 #main { width: 100%; float:left; }
  body.layout-3col_312 .ym-column-main > .ym-col1 { /* main  */ width: 50%; float:right; margin-left: -75%; margin-right: 25%; }
  body.layout-3col_312 .ym-column-main > .ym-col2 { /* right */ width: 25%; float:right; margin-right: 0; border-right:0; }
  body.layout-3col_312 .ym-column-main > .ym-col2 .ym-cbox { padding-right: 0; }
  body.layout-3col_312 .ym-column-main > .ym-col3 { /* left  */ float:left; width: 25%; margin-left: 0; border-left:0; margin-right: -5px; }
  body.layout-3col_312 .ym-column-main > .ym-col3 .ym-cbox { padding-left: 0; }

  /* Layout: 3col_321 (special/advanced view - require width adjustments) */
  body.layout-3col_321 .ym-column-main > .ym-col1 { /* right */ width: 25%; float:right; margin: 0; }
  body.layout-3col_321 .ym-column-main > .ym-col1 .ym-cbox { padding-right: 0; }
  body.layout-3col_321 .ym-column-main > .ym-col2 { /* main  */ width: 50%; margin: 0; }
  body.layout-3col_321 .ym-column-main > .ym-col3 { /* left  */ margin-left: 0; margin-right: 75%; }
  body.layout-3col_321 .ym-column-main > .ym-col3 .ym-cbox { padding-left: 0; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Index HTML Template adjustments (html/index/*.php)
   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)
   * @section content-templates
   */

  /* Template adjustments: /html/index/fullheight.php */
  body.html-fullheight { height: 100% !important; padding-top: 0; padding-bottom:0; }
  body.html-fullheight .ym-wrapper { position:relative !important; min-height:100%; height: auto !important; background: #fff; }
  * html body.html-fullheight .ym-wrapper { height:100% !important; /* IE6 */ }
  body.html-fullheight .ym-wbox { padding-bottom: 70px; }
  body.html-fullheight footer {
    position:relative !important;
    background: #fff; border: 0 none; padding: 0; margin: 0 auto;
    margin: -70px auto 0; /* move footer to its position (equal padding-bottom of .ym-wbox) */
    min-width: 760px; max-width: 80em;
    /* @IEWORKAROUND_MINMAXWIDTH@ body.html-fullheight footer|760px|80em|80em @END@ */
  }
  body.html-fullheight footer .ym-cbox { text-align: left; color:#666; background: #f9f9f9; padding: 10px; border-top: 5px #efefef solid; margin: 0 10px; }

  /* Template adjustments: /html/index/fullpage.php */
  body.html-fullpage,
  body.html-fullpage header,
  body.html-fullpage #nav,
  body.html-fullpage #breadcrumbs,
  body.html-fullpage #main,
  body.html-fullpage footer { background: #fff; margin:0; padding:0; }
  body.html-fullpage .ym-wrapper { background: transparent; }
  body.html-fullpage header { border-bottom: 5px #ccc solid; }
  body.html-fullpage header .ym-wbox { position: relative; padding:10px; }
  body.html-fullpage #nav { background: #eee; }
  body.html-fullpage #breadcrumbs { background: #f5f5f5; }
  body.html-fullpage footer { background: #f5f5f5; border-top: 5px #ccc solid; }

  /* component template adjsustments */
  body.tmpl-component { text-align: left; background: #fff; }
  body.tmpl-component #main { margin: 0; border:0; padding:10px; background: #fff; }

  /* offline template adjustments */
  body.tmpl-offline #main { padding:10px; }

  /* error template adjustments */
  body.tmpl-error h1 { color: #f00; }
  body.tmpl-error p.info,
  body.tmpl-error #techinfo { overflow: auto; }
  body.tmpl-error #techinfo table { width:100%; }

  /* WYSIWYG Editor Mode */
  body.editor-active .ym-col1 { display: none !important; }
  body.editor-active .ym-col2 { display: none !important; }
  body.editor-active .ym-col3 { margin-left: 0 !important; margin-right: 0 !important; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Styling of layout specific elements
   */
  header h1 {
    background-color: rgb(255, 255, 255);
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
    margin:0;
    padding: 0;
  }
  header h1 a:hover,
  header h1 a:focus,
  header h1 a:active {
    background: transparent;
    text-decoration: none;
  }
  header .slogan { color:#999; }


  #topnav a { color:#999; font-weight:normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color:transparent; }

  footer a { color:#999; background:transparent; font-weight:bold; }
  footer a:focus,
  footer a:hover,
  footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline; }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Skiplinks
   *
   * Visual styling for skiplink navigation
   *
   * @section content-skiplinks
   */

  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color:#fff;
    background:#333;
    border-bottom:1px #000 solid;
    padding:10px 0;
    text-decoration:none;
  }

  /* prevent the anchor links generate empty space */
  .skiplink-anchor {
    display:block !important;
    border:0 none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    outline:0 none !important;
    line-height:0 !important;
    height:0 !important;
    font-size:0 !important;
    overflow:hidden !important;
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Additional Grid width's (5-steps 10%-90% and up to 10 columns)
   * Defaults see: http://www.yaml.de/docs/index.html#yaml-grids
   *
   * @section subtemplates
   */

  .ym-g10 { width:10%; }
  .ym-g11 { width:11.111%; }
  .ym-g12 { width:12.5%; }
  .ym-g14 { width:14.285%; }
  .ym-g15 { width:15%; }
  .ym-g16 { width:16.666%; }
  .ym-g30 { width:30%; }
  .ym-g35 { width:35%; }
  .ym-g45 { width:45%; }
  .ym-g55 { width:55%; }
  .ym-g65 { width:65%; }
  .ym-g70 { width:70%; }
  .ym-g85 { width:85%; }
  .ym-g90 { width:90%; }


  /**
   * Generic module formatting
   *
   * @section joomla-modules
   */
  .module-box,
  .moduletable,
  .moduletable_menu {
    margin-top: 1.5em;
  }
  .module-box .module-heading,
  .moduletable h3,
  .moduletable_menu h3 {
    line-height: normal;
  }

  /**
   * Joomla specific adjustments
   *
   * @section joomla-specific
   */

  /* Joomla Profiler (Debug Output) */
  #system-debug { background: #fff; color: #000; text-align: left; }
  #system-debug h4 { color: #f00; background: #eaeaea; padding:5px; margin: 1em 0 0.25em 0; border:0; }
  #system-debug ol li h4 { background: transparent; padding: 0; margin-top: 0; }
  #system-debug ol li { padding-bottom: 1em; }
  #system-debug pre { background:#fff; color:#800; padding:5px; margin: 0 0 1em 0; }
  #system-debug table { width: 100%; }
  #system-debug table, #system-debug td { background: #fff; color: #000; }

  /* Editor XTD Buttons */
  #editor-xtd-buttons { overflow: hidden; width:100%; margin:1em 0; }
  .button2-left, .button2-right { float: left; margin: 0 1em 1em 0; }
  .button2-left a, .button2-right a,
  .button2-left span, .button2-right span {
    display: block; width: auto; float: left;
    background: #eee; border: 1px solid #ccc; padding: .4em .5em;
  }

  /* Default edit form */
  form#adminForm fieldset { border:1px #ddd solid; background:#fafafa; margin:0 0 1em 0; padding:0.5em; }
  form#adminForm legend { font-size:125%; font-weight:normal; color:#000;}
  form#adminForm .formelm, form#adminForm .formelm-area { overflow: hidden; width: 100%; margin:0.5em 0; }
  form#adminForm label { display:block; cursor:pointer; float:left; width:30%; }
  form#adminForm .formelm-buttons { /* float: right; */ }

  /**
   * System Messages
   */
  #system-message-container { /* new in J1.7 */ }
  #system-message { margin:1em 0 0 0; padding:0; border:0; color:#000; }
  #system-message .alert-heading {
    /*font-weight:bold; margin:0; padding:1em 0 0 0; border:0; font-size:1.25em; */
    display:none; /* hide title text (Error, Notice, Warning, Message) */
  }
  #system-message a.close { display: none; }
  #system-message .alert { padding: 0; margin: 0; border: 0; }
  #system-message .alert > div { padding:1em; margin:0; border:0; }
  #system-message .alert > div > p { margin:0; padding:0; border:0; color: #333; }
  #system-message .alert {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  /* System standard messages */
  #system-message .alert-message { border:3px solid #1566CC; background:#E6F2FF; }
  /* System error messages */
  #system-message .alert-error { border:3px solid #c30; background:#ffe4e4;  }
  /* System warning messages */
  #system-message .alert-warning { border:3px solid #c30; background:#ffe4e4;  }
  /* System notice messages */
  #system-message .alert-notice { border:3px solid #ccc; background:#f9f9f9; }

}