@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$
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006 - 2012, HieblMedia (Reinhard Hiebl)
 * @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;
		padding: 10px 0;
	}

	/* 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: 740px;
		max-width: 80em;
		background: #fff;

		/**
		 * 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@ .ym-wrapper|740px|80em|80em @END@ */
	}

	.ym-wbox {
		padding: 10px;
	}

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

	/* #topnav gets absolute positioning within #header */
	#topnav {
		background: transparent;
		position: absolute;
		right: 10px;
		text-align: right;
		top: auto;
		bottom: 25px;
		color: #000;
	}

	#topnav span.item-title {
		color: #000;
	}

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

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

	#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 */
	.ym-equalize-subc ym-gbox ym-gbox-right, .ym-equalize-subc ym-gbox ym-gbox-left, .ym-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                       |
	 * |-------------------------------|
	 * | .ym-col1   | .ym-col3     | .ym-col2   |
	 * | 25%     | flexible  | 25%     |
	 * |-------------------------------|
	 * | #footer                       |
	 * |-------------------------------|
	 *
	 * Set here your default column values
	 * Details see: {@section content-columns}
	 */
	.ym-col1 {
		width: 25%;
	}

	.ym-col1 .ym-cbox {
		padding: 10px 10px 10px 10px;
	}

	.ym-col2 {
		width: 25%;
		margin-top: -10px;
	}

	.ym-col2 .ym-cbox {
		padding: 10px 10px 10px 10px;
	}

	.ym-col3 {
		margin: 0 25%;
	}

	.ym-col3 .ym-cbox {
		padding: 10px 10px 10px 10px;
	}

	#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 .ym-col1, .ym-col2 and .ym-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 .ym-col1 { /* @hide */
		display: none;
	}

	body.layout-1col_3 .ym-col2 { /* @hide */
		display: none;
	}

	body.layout-1col_3 .ym-col3 { /* main  */
		margin-left: 0;
		margin-right: 0;
		border-left: 0;
		border-right: 0;
	}

	/* Layout: 2col_13 (normal/default view) */
	body.layout-2col_13 .ym-col1 { /* left  */
	}

	body.layout-2col_13 .ym-col2 { /* @hide */
		display: none;
	}

	body.layout-2col_13 .ym-col3 { /* main  */
		margin-right: 0;
		border-right: 0;
	}

	/* Layout: 2col_32 (normal/default view) */
	body.layout-2col_32 .ym-col1 { /* @hide */
		display: none;
	}

	body.layout-2col_32 .ym-col2 { /* right */
	}

	body.layout-2col_32 .ym-col3 { /* main  */
		margin-left: 0;
		border-left: 0;
	}

	/* Layout: 2col_31 (special/advanced view - require width adjustments) */
	body.layout-2col_31 .ym-col1 { /* main  */
		width: 75%;
		float: right;
	}

	body.layout-2col_31 .ym-col2 { /* @hide */
		display: none;
	}

	body.layout-2col_31 .ym-col3 { /* left  */
		margin-right: 75%;
		margin-left: 0;
		border-left: 0;
	}

	/* Layout: 2col_23 (special/advanced view - require width adjustments) */
	body.layout-2col_23 .ym-col1 { /* @hide */
		display: none;
	}

	body.layout-2col_23 .ym-col2 { /* main  */
		width: 75%;
		float: left;
	}

	body.layout-2col_23 .ym-col3 { /* right */
		margin-left: 75%;
		margin-right: 0;
		border-right: 0;
	}

	/* Layout: 3col_132 (normal/default view) */
	body.layout-3col_132 .ym-col1 { /* left  */ /* YAML core column order */
	}

	body.layout-3col_132 .ym-col2 { /* right */ /* YAML core column order */
	}

	body.layout-3col_132 .ym-col3 { /* main  */ /* YAML core column order */
	}

	/* Layout: 3col_123 (special/advanced view - require width adjustments) */
	body.layout-3col_123 .ym-col1 { /* left  */
		width: 25%;
		margin: 0;
	}

	body.layout-3col_123 .ym-col2 { /* main  */
		width: 50%;
		float: left;
		margin: 0;
	}

	body.layout-3col_123 .ym-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 .ym-col1 { /* main  */
		width: 50%;
		float: left;
		margin-left: 25%;
	}

	body.layout-3col_213 .ym-col2 { /* left  */
		width: 25%;
		float: left;
		margin-left: -75%;
	}

	body.layout-3col_213 .ym-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 .ym-col1 { /* right */
		float: right;
	}

	body.layout-3col_231 .ym-col2 { /* left  */
		float: left;
	}

	body.layout-3col_231 .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-col1 { /* main  */
		width: 50%;
		float: right;
		margin-left: -75%;
		margin-right: 25%;
	}

	body.layout-3col_312 .ym-col2 { /* right */
		width: 25%;
		float: right;
		margin-right: 0;
		border-right: 0;
	}

	body.layout-3col_312 .ym-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 .ym-col1 { /* right */
		width: 25%;
		float: right;
		margin: 0;
	}

	body.layout-3col_321 .ym-col2 { /* main  */
		width: 50%;
		margin: 0;
	}

	body.layout-3col_321 .ym-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 .ym-wrapper {
		position: relative !important;
		min-height: 100%; /* real browsers */
		height: auto !important;
		background: #fff;
	}

	* html body.html-fullheight .ym-wrapper {
		height: 100% !important;
	}

	body.html-fullheight .ym-wbox {
		/* 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 .ym-wbox {
		position: relative;
		padding: 10px;
	}

	body.html-fullpage #footer {
		border-top: 5px #efefef solid;
	}

	body.html-fullpage #header .ym-wbox {
		padding: 10px;
	}

	/* Template adjustments: /html/index/gfxborder.php */
	body.html-gfxborder {
		background: #3b69ad;
	}

	body.html-gfxborder .ym-wrapper {
		border: 0 none;
		background-image: url(../images/gfxborder/border_left.gif);
		background-repeat: repeat-y;
		background-position: left;
	}

	body.html-gfxborder .ym-wbox {
		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 .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 {
		font-weight: bold;
		font-size: 2.5em;
		letter-spacing: -2px;
		line-height: 65%;
		color: #000;
	}

	#header h1 a {
		display: inline-block;
	}

	#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
	 */
	.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 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
	 */
	.ym-g10, .c10r {
		width: 10%;
	}

	.ym-g15, .c15r {
		width: 15%;
	}

	.ym-g30, .c30r {
		width: 30%;
	}

	.ym-g35, .c35r {
		width: 35%;
	}

	.ym-g45, .c45r {
		width: 45%;
	}

	.ym-g55, .c55r {
		width: 55%;
	}

	.ym-g65, .c65r {
		width: 65%;
	}

	.ym-g70, .c70r {
		width: 70%;
	}

	.ym-g80, .c80r {
		width: 80%;
	}

	.ym-g85, .c85r {
		width: 85%;
	}

	.ym-g90, .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, #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 a.close {
		display: none;
	}

	#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 dd {
		padding: 1em;
		margin: 0 0 1em 0;
		border: 0;
	}

	#system-message .alert > div > p {
		margin: 0;
		padding: 0;
		border: 0;
	}

	/* 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;
	}

	.ym-show-small {
		display: none;
	}

}