/**
 * Navigation bar styles.
 *
 * @author Frantisek Fialka <info@ide.cz>
 * @copyright 2005-2006 IDE.cz
 * @version 0.3
 */

/**
 * Navigation bar tabs
 */
#naviBarTabs {
	width: 894px; margin-left: 7px;
	background: transparent url(../gfx/navibarTabsBg.png) 0 100% no-repeat;
	font-size: 1.2em;
}
#naviBarTabs ul {
	width: 890px;
	list-style-type: none;
	font-weight: bold; color: #FFF;
}
#naviBarTabs li {
	float: left; margin-top: 6px;
}
#naviBarTabs li.active {
	margin-top: 0;
	background-color: #C2263F;
}
#naviBarTabs a {
	color: #D3DAEF; text-decoration: none;
}
#naviBarTabs a:hover {
	color: #D3DAEF; text-decoration: underline;
}
#naviBarTabs .active a {
	color: #FFF;
}
#naviBarTabs .active a:hover {
	color: #FFF;
}

/**
 * Navigation bar inctive tabs
 */
#naviBarTabs .left .tabLeft {
	float: left; display: block; width: 10px; height: 24px;
	background: #0D4B8A url(../gfx/navibarTabLeft.png) 0 0 no-repeat;
}
#naviBarTabs .tabBody {
	float: left; display: block; padding: 6px 10px 3px 10px;
	background: #0D4B8A url(../gfx/navibarTabBody.png) 0 0 repeat-x;
}
#naviBarTabs .left .tabRight, #naviBarTabs .inner .tabRight {
	float: left; display: block; width: 14px; height: 24px;
	background: #0D4B8A url(../gfx/navibarTabRightInner.png) 0 0 no-repeat;
}
#naviBarTabs .right .tabRight {
	float: left; display: block; width: 14px; height: 24px;
	background: #0D4B8A url(../gfx/navibarTabRight.png) 0 0 no-repeat;
}
#naviBarTabs .beforeActive .tabRight {
	display: none;
}

/**
 * Navigation bar active tabs
 */
#naviBarTabs .leftActive .tabLeft {
	float: left; display: block; width: 11px; height: 32px;
	background: #C2263F url(../gfx/navibarTabActiveLeft.png) 0 0 no-repeat;
}
#naviBarTabs .innerActive .tabLeft, #naviBarTabs .rightActive .tabLeft {
	float: left; display: block; width: 11px; height: 32px;
	background: #C2263F url(../gfx/navibarTabActiveLeftInner.png) 0 0 no-repeat;
}
#naviBarTabs .active .tabBody {
	float: left; display: block; padding: 12px 10px 5px 10px;
	background: #C2263F url(../gfx/navibarTabActiveBody.png) 0 0 repeat-x;
}
#naviBarTabs .leftActive .tabRight, #naviBarTabs .innerActive .tabRight {
	float: left; display: block; width: 15px; height: 32px;
	background: #C2263F url(../gfx/navibarTabActiveRightInner.png) 0 0 no-repeat;
}
#naviBarTabs .rightActive .tabRight {
	float: left; display: block; width: 15px; height: 32px;
	background: #C2263F url(../gfx/navibarTabActiveRight.png) 0 0 no-repeat;
}

/**
 * Navigation bar
 */
#naviBar {
	width: 894px; margin: 0 7px 5px 7px;
	background: transparent url(../gfx/navibarBody.png) 0 0 repeat-y;
}
#naviBar .body {
	width: 100%;
	background: transparent url(../gfx/navibarHeader.png) 0 0 no-repeat;
}
#naviBar .content {
	width: 890px; margin: 0 2px;
	background-color: #C2263F;
}
#naviBar ul {
	float: left; padding-left: 10px;
	list-style-type: none;
	font-size: 1.1em; font-weight: normal; color: #FFF; text-transform: uppercase;
}
#naviBar li {
	float: left; margin: 4px 5px 3px 0; padding-right: 5px;
	border-right: 1px solid #FFF;
}
#naviBar li.last {
	border-right: none;
}
#naviBar a {
	color: #FFF; text-decoration: none;
}
#naviBar a:hover {
	color: #FFF; text-decoration: underline;
}
#naviBar .hotline {
	font-weight: bold; color: #FFFF00;
}
#naviBar form {
	float: right; margin: 2px 0; padding-right: 10px;
}
#naviBar form .field {
	padding: 1px;
	border: 1px solid #8C1C2D;
	font-family: sans-serif; font-size: 1.1em;
}
#naviBar form .button {
	padding: 0 5px;
	background-color: #0D4B8A;
	border-top: 1px solid #86A5C5; border-right: 1px solid #082D53; border-bottom: 1px solid #082D53; border-left: 1px solid #86A5C5;
	font-family: sans-serif; font-size: 1.1em; color: #FFF;
}
#naviBar .footer {
	width: 100%; height: 4px; overflow: hidden;
	background: transparent url(../gfx/navibarFooter.png) 0 0 no-repeat;
}