@charset "utf-8";

/**
 * Conponents Core
 *
 * TABLE OF CONTENTS:
 * Notices
 * Horizontal Navigation with Floated Items
 * Horizontal Navigation with Inline-Block Items
 * Horizontal Navigation with Inline Items
 * 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;
}


/*****************************************************************************************************
 * Horizontal Navigation with Floated Items
 *****************************************************************************************************/
.b-nav_float ul {
	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;
}


/*****************************************************************************************************
 * Horizontal Navigation with Inline-Block Items
 *****************************************************************************************************/
.b-nav_inline-block ul {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
}
.b-nav_inline-block li {
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
}
.b-nav_inline-block a {
	display: block;
	text-decoration: none;
}
.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;
}


/*****************************************************************************************************
 * Horizontal Navigation with Inline Items
 *****************************************************************************************************/
.b-nav_inline ul {
	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", "  |  "));
	zoom: 1.0;
}


/*****************************************************************************************************
 * Horizontal Divider
 *****************************************************************************************************/
.b-hr {
	display: block;
	clear: both;
	overflow: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}