
/* $Id: tabmenu.1.css 142376 2008-10-06 16:46:44Z sponomar $ */
/* Tabmenu beta */
/* written by Andrey Petrov */
/* while copy-pasting please leave this message ;) */

.tabmenu,
.tabmenu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 101%; /* fixes IE margin under menu? */
    *font-size:100%;
}

.tabmenu {
/*	font: .75em/1em Candara, Geneva, Arial, Helvetica, sans-serif; */
	xxxpadding-left: 10px;
	margin-bottom: 2.25em; /* was 2.35em */
	_margin-bottom: .9em;
	height: 1.65em; /* was 1.85em */
	_height: 3.15em;
}
/*
.tabmenu #tabmenu_current ul {
	height: 1.65em;
}
*/
.tabmenu li {
	float: left;
}

.tabmenu li li {
	float: none;
	border-bottom: 1px solid #1F4367; /* this fixing gaps in IE */
}

.tabmenu a {
	border: .1em solid #EEE;
	border-width: 0 1px 0 0;
	background-color: #399;
	color: #FFF;
	text-decoration: none;
	padding: .25em .5em .25em;
	display: block;
	white-space: nowrap;
}

.tabmenu .related a {
    background-color:#99c;
}

.tabmenu .related.first {
    margin-left:0.5em;
}

.tabmenu #tabmenu_current a {
	background-color: #3C78B5;
	padding-bottom: .3em; /* was .35em */
}

.tabmenu ul {
	background-color: #1F4367; /* fixing IE bug with transparent background, background still invisible */
	display: none;
	position: absolute;
}

.tabmenu .selected ul,
.tabmenu li:hover ul {
	display: block;
	z-index: 100;
	border: 1px solid #1F4367;
	border-width: .1em .25em .25em 1px;
}

.tabmenu #tabmenu_current ul {
	display: block;
	left: 0;
	width: 100%;
	min-width: 100%; /* Fixing Opera 7, 8 bug */
	_width: expression((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth); /* hack for IE 6 and down */
	background-color: #3C78B5;
	border: none;
	padding: .5em 0 0 0;
	z-index: 99;
}

.tabmenu #tabmenu_current li {
	position: relative;
	xxxleft: 10px;
	float: left;
	border: none; /* fix border IE hack for current ul */
}

.tabmenu #tabmenu_current li a {
	background: none;
	background-color: #3C78B5; /* added for links visibility if submenu collapses */
	border-width: 0 0 0 1px;
	border-color: #369;
	color: #FFF;
	font-weight: normal;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: .25em;
	margin-bottom: .25em;
}

.tabmenu #tabmenu_current li:first-child a {
	border-left: none;
}

.tabmenu #tabmenu_current .subcurrent a,
.tabmenu #tabmenu_current .subcurrent a:hover,
.tabmenu #tabmenu_current .subcurrent a:focus {
	cursor: default;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	border-left: none;
	border-right: none;
	padding-top: .25em;
	padding-bottom: .25em;
	margin-top: 0;
	margin-bottom: 0;
}


.tabmenu #tabmenu_current .subcurrent + li a:link {
	border-left: none;
}

.tabmenu li:hover a,
.tabmenu .selected a {
	background-color: #1F4367;
	color: #FFF;
}

.tabmenu li:hover li a,
.tabmenu .selected li a {
	border-color: #1F4367;
	background-color: #369;
	color: #FFF;
	position: static;
}

.tabmenu #tabmenu_current li a:hover,
.tabmenu #tabmenu_current li a:focus {
	cursor: pointer;
	_cursor: hand;
}

.tabmenu #tabmenu_current a {
	color: #000;
	cursor: default;
	font-weight: bold;
}

.tabmenu #tabmenu_current li a:hover,
.tabmenu #tabmenu_current li a:focus,
.tabmenu li:hover li a:hover,
.tabmenu .selected li a:hover,
.tabmenu .selected li a:focus {
	color: yellow;
}


/* -- corners -------------- */

.tabmenu span {
	display: block;
	background-position: right top;
	background-repeat: no-repeat;
}

.tabmenu li a,
.tabmenu li a:hover,
.tabmenu #tabmenu_current a {
	padding: 0;
	background-image: url(../../img/gui.3/blue/i-corner-eee.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.tabmenu li a span {
	padding: .25em .5em .25em;
	background-image: url(../../img/gui.3/blue/i-corner-eee.gif);
}

.tabmenu #tabmenu_current a span {
	padding-bottom: .3em;
}

.tabmenu li li a,
.tabmenu li li a:hover,
.tabmenu li li a span {
	background-image: none;
}

.tabmenu #tabmenu_current li a span {
	padding-top: 0;
	padding-bottom: 0;
}

.tabmenu #tabmenu_current .subcurrent a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-image: url(../../img/gui.3/blue/i-corner-3c78b5.gif);
	background-position: left top;
	float: left; /* hacky fix for IE 6 */
}

.tabmenu #tabmenu_current .subcurrent a span {
	padding-top: .25em;
	padding-bottom: .25em;
	background-image: url(../../img/gui.3/blue/i-corner-3c78b5.gif);
}





/* IE 5.5, 6 fix for SELECT */
/* http://www.hedgerwow.com/360/bugs/css-select-free.html */

.tabmenu .selected ul {
	overflow:hidden;/*must have*/
}
.tabmenu #tabmenu_current ul iframe {
	display:none;
}
.tabmenu .selected ul iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	/* filter:mask(); */ /*must have*/
	width:500px;/*must have for any big value*/
	height:1000px/*must have for any big value*/;
}
