@charset "utf-8";

/**
 * Conponents Core
 *
 * TABLE OF CONTENTS:
 * Notices
 * Icons
 * Layouting Table
 * Read More Link
 * Simple Buttons
 * Sliding Doors Based Buttons
 * Horizontal Navigation with Floated Items
 * Horizontal Navigation with Inline-Block Items
 * Horizontal Navigation with Inline Items
 * Crumb Trail
 * Vertical Navigation
 * Multicolumn Structure
 * Equidistant Items
 * Flash
 * Voting
 * Image Container
 * Drop Down Navigation
 * Horizontal Divider
 * 
 */

/*****************************************************************************************************
 * Notices of Disabled Javascript and Internet Explorer 6
 *****************************************************************************************************/
.js .notice_js,
.ie6 .notice_js {
	display: none;
	visibility: hidden;
}
.notice_ie6 {
	display: none;
	visibility: hidden;
}
.ie6 .notice_ie6 {
	display: block;
	visibility: visible;
}
.notice {
	width: 330px;
	padding: 10px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #fff;
	overflow: hidden;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 9999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #666;
	background-color: rgba(0,0,0,0.6);
}
.ie7 .notice {
	background-color: #666;
}
.ie6 .notice {
	position: absolute;
	-pie-background: rgba(0,0,0,0.6);
	behavior: url(js/PIE.htc);
}
.notice p,
.notice ul {
	margin: 0 0 10px 40px;
}
.notice a {
	color: #71d9ff;
}
.notice .warning {
	font: bold 20px/32px Arial, Helvetica, sans-serif;
	color: #ef9d58;
	margin: 0;
}
.notice .b-icon {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background-image: url(../images/warning_icons.png);
}
.icon_warning {
	float: left;
}
#browsers-list li {
	margin-bottom: 4px;
}
#browsers-list .b-icon {
	vertical-align: middle;
}
.icon_mff {
	background-position: 0 -32px;
}
.icon_gh {
	background-position: 0 -64px;
}
.icon_as {
	background-position: 0 -96px;
}
.icon_msie {
	background-position: 0 -128px;
}
.icon_o {
	background-position: 0 -160px;
}

/*	Html Snippet:
<div class="notice notice_js g-no-print">
	<p class="warning"><span class="icon_warning b-icon" title="Warning">&nbsp;</span>Warning</p>
	<p>Javascript is currently disabled. For full functionality of this site it is necessary to enable JavaScript. Here are the <a href="http://enable-javascript.com/"> instructions how to enable JavaScript in your web browser </a>.</p>
</div><!-- /#notice-js -->
<div class="notice notice_ie6 g-no-print">
	<p class="warning"><span class="icon_warning b-icon" title="Warning">&nbsp;</span>Warning</p>
	<p>You are using an outdated browser. Sorry, this web site doesn't support Internet Explorer 6. To get the best possible experience using our website we recommend that you upgrade to a newer version or other web browser. A list of the most popular web browsers can be found below. It is completely free for download:</p>
	<ul id="browsers-list" class="g-list-custom">
		<li><span class="icon_mff b-icon">&nbsp;</span> <a href="http://www.mozilla.com/en-US/firefox/">Mozilla Firefox</a></li>
		<li><span class="icon_gh b-icon">&nbsp;</span> <a href="http://www.google.com/chrome?brand=CHFV">Google Chrome</a></li>
		<li><span class="icon_as b-icon">&nbsp;</span> <a href="http://www.apple.com/safari/">Apple Safari</a></li>
		<li><span class="icon_msie b-icon">&nbsp;</span> <a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx">Microsoft Internet Explorer</a></li>
		<li><span class="icon_o b-icon">&nbsp;</span> <a href="http://www.opera.com/browser/">Opera</a></li>
	</ul>
</div><!-- /#notice-ie6 -->
 */

/*****************************************************************************************************
 * Horizontal Navigation with Floated Items
 *****************************************************************************************************/
.b-nav_float ul {
	list-style: none outside none;
	padding: 0;
	margin: 0;
}
.b-nav_float li {
	padding: 0;
	margin: 0;
	float: left;
}
.b-nav_float a {
	display: block;
	text-decoration: none;
}
.ie6 .b-nav_float {
	height: 1%;
}
.ie6 .b-nav_float a {
	float: left;
}

/*	Html Snippet:

			<nav class="b-nav_float">
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</nav>
 */

/*****************************************************************************************************
 * Horizontal Navigation with Inline-Block Items
 *****************************************************************************************************/
.b-nav_inline-block ul {
	list-style: none outside none;
	padding: 0;
	margin: 0;
}
.b-nav_inline-block li {
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
.b-nav_inline-block a {
	display: block;
}
.b-nav_inline-block span {
	display: block;
	cursor: pointer;
}
.b-nav_tabs a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.b-nav_tabs a:hover,
.b-nav_tabs a:focus,
.b-nav_tabs a:active,
.b-nav_tabs .current a {
	border-bottom-width: 0;
}
.b-nav_tabs a:hover span,
.b-nav_tabs a:focus span,
.b-nav_tabs a:active span,
.b-nav_tabs .current span {
	padding-bottom: 1px;
}
.ie7 .b-nav_inline-block li,
.ie6 .b-nav_inline-block li {
	display: inline;
	zoom: 1.0;
}
.ie6 .b-nav_tabs ul {
	height: 1%;
}
.ie6 .b-nav_inline-block a,
.ie6 .b-nav_inline-block span {
	float: left;
	display: inline;
	position: relative;	/* image rollover and png fix don't work together */
	behavior: url(js/PIE.htc);
	-pie-png-fix: true;
}

/*	Html Snippet:

					<nav class="b-nav_inline-block b-nav_tabs">
						<ul>
							<li><a href="#"><span>Lorem</span></a></li>
							<li class="current"><a href="#"><span>Quidditas patria</span></a></li>
							<li><a href="#"><span>Filii</span></a></li>
							<li><a href="#"><span>Apollonium</span></a></li>
						</ul>
					</nav>
 */

/*****************************************************************************************************
 * Horizontal Navigation with Inline Items
 *****************************************************************************************************/
.b-nav_inline ul {
	list-style: none outside none;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
}
.b-nav_inline li {
	padding: 0;
	margin: 0;
	display: inline;
	line-height: normal;
}
.b-nav_divider_v-bar li + li:before {
	content: "\007C";
	margin: 0 8px;
}
.ie7 .b-nav_inline li,
.ie6 .b-nav_inline li {
	zoom: 1.0;
}
.ie7 .b-nav_divider_v-bar li + li {
	z-index: expression(runtimeStyle.zIndex = 1,
	insertAdjacentHTML("afterBegin", "&nbsp;&nbsp;&#124;&nbsp;&nbsp;"));
	zoom: 1.0;
}
.ie6 .b-nav_inline li {
	z-index: expression(
	runtimeStyle.zIndex = 1,
	previousSibling && previousSibling.tagName && "li" == previousSibling.tagName.toLowerCase() ? (className += " ie6-adjacent") : 0);
}
.ie6 .b-nav_inline .ie6-adjacent {
	cursor: expression(runtimeStyle.cursor = 'default',
	insertAdjacentHTML("afterBegin", "&nbsp;&nbsp;&#124;&nbsp;&nbsp;"));
	height: 1%;
}

/*	Html Snippet:

			<nav class="b-nav_inline b-nav_divider_v-bar">
				<ul>
					<li><a href="#">Lorem ipsum</a></li>
					<li><a href="#">Suam ad</a></li>
					<li><a href="#">Laetare quod</a></li>
					<li><a href="#">Apertius</a></li>
					<li><a href="#">Descendi</a></li>
				</ul>
			</nav>
 */