@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: screen.basemod.css 1028 2011-07-28 19:41:40Z hieblmedia $
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006-2011, Reinhard Hiebl, HieblMedia
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */
@media screen, projection
{
  /**
   * The following commented line parsed automaticly by the template for IE PNG-Fix
   * @see: http://www.jyaml.de/en/documentation/jyaml-4-joomla/programming-and-development/ie-adjustments.html
   *
   * Syntax: css-selector
   */
  /* @IEWORKAROUND_PNGFIX@ img, div, p, span, li @END@ */
  /**
   * 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:#4d87c7 url("../../../images/jyaml/body_bg.jpg"); padding:10px 0; }
  /* Centering layout in old IE-versions */
  body { text-align:center; }
  .page_margins { text-align:left; margin:0 auto; }
  /* Layout:width, background, borders */
  .page_margins {
    width:980px; max-width:80em; background:transpatent; border: 6px double #B52020;
    /**
     * The following commented line parsed automaticly by the template for IE min-/max-width workaround
     * @see: http://www.jyaml.de/en/documentation/jyaml-4-joomla/programming-and-development/ie-adjustments.html
     *
     * Syntax: css-selector|min-width|max-width|disabled-js-fallback-width
     * Possible units are px, em and %
     */
    /* @IEWORKAROUND_MINMAXWIDTH@ .page_margins|740px|80em|80em @END@ */
  }
  .page { padding:10px; padding-bottom: 0px; }
  #header {
    color:#000;
    background:transparent;
    padding:1em 0px;
    position:relative;
  }
  /* #topnav gets absolute positioning within #header */
  #topnav {
    background:transparent;
    color:#aaa;
    position:absolute;
    top:10px;
    right:10px; /* LTR */
    text-align:right; /* LTR */
  }
  #main { background:transparent;padding:10px 0; }
  #footer {
    color:#666;
    background:transparent url(../../../images/jyaml/logos/bottom.png) left center no-repeat ;
    padding:10px;
    border-top:0px #efefef solid;
    line-height:1.5em;
  height: 320px;
  }
  #jyaml_mobile_switcher { padding:1em; text-align: left; background: #fff; color:000; }
  #breadcrumbs {
    padding:5px 0;
    margin-bottom:1em;
  }
  /* Backup for correct positioning */
  #header, #nav, #main, #footer, #breadcrumbs,
  .clr { clear:both; }
  /* Extend subtemplate equalizing for sub-containers */
  .equalize-subc .subc, .equalize-subc .subcl, .equalize-subc .subcr {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }
  /* 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}
   */
  #col1 { width:25%; }
  #col1_content { padding:10px 10px 10px 10px; }
  #col2 { width:25%; }
  #col2_content { padding:10px 10px 10px 10px; }
  #col3 { margin:0 25%; }
  #col3_content { padding:10px 10px 10px 10px; margin: 10px; border: 6px double #b52020;}
  #col3_content_wrapper {
    /* encapsulate contents - clearfix and floatbox here make some problems */
    width: 100%; overflow:hidden;
  }
  #main {
    /* Linearise outline paddings for all column order layouts {@experimental} */
    margin-left:-10px;
    margin-right:-10px;
  }
  /**
   * ---------------------------------------------------------------------------- #
   *
   * Column order layouts
   * Visual styling for the column ordering of #col1, #col2 and #col3
   * @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 #col1 { /* @hide */ display: none; }
  body.layout-1col_3 #col2 { /* @hide */ display: none; }
  body.layout-1col_3 #col3 { /* main  */ margin-left:0; margin-right:0; border-left:0; border-right:0; }
  /* Layout: 2col_13 (normal/default view) */
  body.layout-2col_13 #col1 { /* left  */ }
  body.layout-2col_13 #col2 { /* @hide */ display: none; }
  body.layout-2col_13 #col3 { /* main  */ margin-right:0; border-right:0; }
  /* Layout: 2col_32 (normal/default view) */
  body.layout-2col_32 #col1 { /* @hide */ display: none; }
  body.layout-2col_32 #col2 { /* right */ }
  body.layout-2col_32 #col3 { /* main  */ margin-left:0; border-left:0; }
  /* Layout: 2col_31 (special/advanced view - require width adjustments) */
  body.layout-2col_31 #col1 { /* main  */ width: 75%; float:right; }
  body.layout-2col_31 #col2 { /* @hide */ display:none; }
  body.layout-2col_31 #col3 { /* left  */ margin-right: 75%; margin-left: 0; border-left:0;}
  /* Layout: 2col_23 (special/advanced view - require width adjustments) */
  body.layout-2col_23 #col1 { /* @hide */ display:none; }
  body.layout-2col_23 #col2 { /* main  */ width: 75%; float:left; }
  body.layout-2col_23 #col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }
  /* Layout: 3col_132 (normal/default view) */
  body.layout-3col_132 #col1 { /* left  */ /* YAML core column order */ }
  body.layout-3col_132 #col2 { /* right */ /* YAML core column order */ }
  body.layout-3col_132 #col3 { /* main  */ /* YAML core column order */ }
  /* Layout: 3col_123 (special/advanced view - require width adjustments) */
  body.layout-3col_123 #col1 { /* left  */ width: 25%; margin: 0; }
  body.layout-3col_123 #col2 { /* main  */ width: 50%; float:left; margin: 0; }
  body.layout-3col_123 #col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }
  /* Layout: 3col_213 (special/advanced view - require width adjustments) */
  body.layout-3col_213 #main { width: 100%; float:left; }
  body.layout-3col_213 #col1 { /* main  */ width: 50%; float:left; margin-left: 25%; }
  body.layout-3col_213 #col2 { /* left  */ width: 25%; float:left;  margin-left: -75%; }
  body.layout-3col_213 #col3 { /* right */ float:right; width: 25%; margin-left: -5px; margin-right: 0; border-right:0; }
  /* Layout: 3col_231 (special/advanced view - reverse left and right of col1 and col2) */
  body.layout-3col_231 #col1 { /* right */ float:right; }
  body.layout-3col_231 #col2 { /* left  */ float:left; }
  body.layout-3col_231 #col3 { /* main  */ }
  /* Layout: 3col_312 (special/advanced view - require width adjustments) */
  body.layout-3col_312 #main { width: 100%; float:left; }
  body.layout-3col_312 #col1 { /* main  */ width: 50%; float:right; margin-left: -75%; margin-right: 25%; }
  body.layout-3col_312 #col2 { /* right */ width: 25%; float:right; margin-right: 0; border-right:0; }
  body.layout-3col_312 #col3 { /* left  */ float:left; width: 25%; margin-left: 0; border-left:0; margin-right: -5px; }
  /* Layout: 3col_321 (special/advanced view - require width adjustments) */
  body.layout-3col_321 #col1 { /* right */ width: 25%; float:right; margin: 0; }
  body.layout-3col_321 #col2 { /* main  */ width: 50%; margin: 0; }
  body.layout-3col_321 #col3 { /* left  */ margin-left: 0; margin-right: 75%; }
  /**
   * ---------------------------------------------------------------------------- #
   *
   * 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/flexible_grid_simple_draft.php */
  body.html-flexible_grid_simple_draft #main { margin:0; padding: 0; }
  /* Template adjustments: /html/index/fullheight.php */
  body.html-fullheight { height: 100% !important; padding-top: 0; padding-bottom:0; }
  body.html-fullheight .page_margins {
    position:relative !important;
    min-height:100%; /* real browsers */
    height: auto !important;
    background: #fff;
  }
  * html body.html-fullheight .page_margins { height:100% !important; }
  body.html-fullheight .page {
    /* allocate space for footer */
    padding-bottom: 70px;
  }
  body.html-fullheight #footer {
    position:relative !important;
    min-width: 740px;
    max-width: 80em;
    margin: 0 auto;
    margin: -70px auto 0; /* move #footer to its position */
    background: #fff;
    border: 0 none;
    padding: 0;
  }
  body.html-fullheight #footer_content {
    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 { background: #fff; padding: 0; }
  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 #header { border-bottom: 5px #efefef solid; }
  body.html-fullpage #header .page { position: relative; padding:10px; }
  body.html-fullpage #footer { border-top: 5px #efefef solid; }
  body.html-fullpage #header .page { padding:10px; }
  /* Template adjustments: /html/index/gfxborder.php */
  body.html-gfxborder { background: #3b69ad; }
  body.html-gfxborder .page_margins {
    border: 0 none;
    background-image: url(../images/gfxborder/border_left.gif);
    background-repeat:repeat-y; background-position:left;
  }
  body.html-gfxborder .page {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-image: url(../images/gfxborder/border_right.gif);
    background-repeat:repeat-y; background-position:right;
  }
  body.html-gfxborder .border-top {
    overflow:hidden; font-size:0;
    width: auto; height: 20px;
    margin-bottom: -15px;
    background-image: url(../images/gfxborder/border_top.gif);
    background-repeat:repeat-x; background-position:top left;
  }
  body.html-gfxborder .border-bottom {
    overflow:hidden; font-size:0;
    width: auto; height: 20px;
    margin-top: -15px;
    background-image: url(../images/gfxborder/border_bottom.gif);
    background-repeat:repeat-x; background-position:bottom left;
  }
  body.html-gfxborder .edge-tl {
    float:left; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_tl.gif);
    background-position: top left;
  }
  body.html-gfxborder .edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_tr.gif);
    background-position: top right;
  }
  body.html-gfxborder .edge-bl {
    float:left;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_bl.gif);
    background-position: bottom left;
  }
  body.html-gfxborder .edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_br.gif);
    background-position: bottom right;
  }
  /* 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 #col1 { display: none !important; }
  body.editor-active #col2 { display: none !important; }
  body.editor-active #col3 { margin-left: 0 !important; margin-right: 0 !important; }
  /**
   * ---------------------------------------------------------------------------- #
   *
   * Styling of layout specific elements
   */
  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }
  #header span { 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
   */
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    color:#fff;
    background:#333;
    border-bottom:1px #000 solid;
    padding:10px 0;
    text-decoration:none;
  }
  /* prevent the anchor link generate empty space */
  .skiplink-anchor {
    display:inline !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 Subtemplate grid width's (5-steps 10%-90%)
   *
   * @section subtemplates
   */
  .c10l, .c10r { width:10%; }
  .c15l, .c15r { width:15%; }
  .c30l, .c30r { width:30%; }
  .c35l, .c35r { width:35%; }
  .c45l, .c45r { width:45%; }
  .c55l, .c55r { width:55%; }
  .c65l, .c65r { width:65%; }
  .c70l, .c70r { width:70%; }
  .c80l, .c80r { width:80%; }
  .c85l, .c85r { width:85%; }
  .c90l, .c90r { width:90%; }
  .cwxl { float:left; }
  .cwxr { float:right; margin-left:-5px;}
  /**
   * Gfx-Border Module example (modChrome gfxborder)
   *
   * @section content-modules
   */
  .module-gfxborder {
    border: 0 none;
    background-image: url(../images/gfxborder/module/border_left.gif);
    background-repeat:repeat-y; background-position:left;
    background-color: #eee;
  }
  .module-gfxborder .module-gfxborder-content {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-image: url(../images/gfxborder/module/border_right.gif);
    background-repeat:repeat-y; background-position:right;
  }
  .module-gfxborder .module-border-top {
    overflow:hidden; font-size:0;
    width: 100%; height: 20px;
    margin-bottom: -15px;
    background-image: url(../images/gfxborder/module/border_top.gif);
    background-repeat:repeat-x; background-position:top left;
  }
  .module-gfxborder .module-border-bottom {
    overflow:hidden; font-size:0;
    width: 100%; height: 20px;
    margin-top: -15px;
    background-image: url(../images/gfxborder/module/border_bottom.gif);
    background-repeat:repeat-x; background-position:bottom left;
  }
  .module-gfxborder .module-edge-tl {
    float:left; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_tl.gif);
    background-position: top left;
  }
  .module-gfxborder .module-edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_tr.gif);
    background-position: top right;
  }
  .module-gfxborder .module-edge-bl {
    float:left;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_bl.gif);
    background-position: bottom left;
  }
  .module-gfxborder .module-edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_br.gif);
    background-position: bottom right;
  }
  /**
   * 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, 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 dt {
    /*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 dd { padding:1em; margin:0 0 1em 0; border:0;  }
  #system-message dd ul { margin:0; padding:0; border:0; }
  /* System standard messages */
  #system-message dd.message { border:3px solid #1566CC; background:#E6F2FF; }
  /* System error messages */
  #system-message dd.error { border:3px solid #c30; background:#ffe4e4;  }
  /* System warning messages */
  #system-message dd.warning { border:3px solid #c30; background:#ffe4e4;  }
  /* System notice messages */
  #system-message dd.notice { border:3px solid #ccc; background:#f9f9f9; }
/* thust*/
.c50l, .c50r { border: 5px #B52020 double;
    padding: 10px;}
}