/* ################################################################ */
/* ######### start of: Style area for Menu & Tab Controls ######### */
/* ################################################################ */

.tabmenu
{
	border-bottom: 1px solid black;
}

.tabmenu ul
{
	padding: 3px 0;
	margin-left: 0px; /* indention of first tab */
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 11px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.tabmenu li
{
	display: inline;
	margin: 0;
}

.tabmenu li a
{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: transparent url(../images/menu_shade.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.tabmenu li a:visited
{
	color: #2d2b2b;
}

.tabmenu li a:hover
{
	text-decoration: underline;
	color: #2d2b2b;
}

.tabmenu li.selected
{
}

.tabmenu li.selected a
{
	/*selected main tab style */
	background-image: url(../images/menu_shadeactive.gif); /*THEME CHANGE HERE*/
	border-bottom-color: white;
}

.tabmenu li.selected a:hover
{
	/*selected main tab style */
	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.drop_container
{
	position: absolute;
	top: 0;
	border: 1px solid black;
	font: bold 11px Verdana;
	z-index: 100;
	width: auto;
	visibility: hidden;
	background-color: white;
}

.drop_container .item,
.drop_container .disabled_item 
{
	height: 20px;
/*	background: white url(../images/menu_background.png) top left repeat-y; */
}

.drop_container .item .icon
{
	padding: 3px 3px 3px 3px;
	width: 16px;
	height: 16px;
}

.drop_container .icon_cell
{
	background: white url(../images/menu_background.png) top right repeat-y;
}


.drop_container .item td,
.drop_container .disabled_item td
{
	padding: 0px;
}


.drop_container .item a,
.drop_container .item a:link,
.drop_container .item a:visited,
.drop_container .item a:focus
{
	width: auto;
	display: block;
	text-indent: 5px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	font: bold 11px Verdana;
	color: black !important;
}

.drop_container .item a:hover,
.drop_container .item a:active
{
	color: black !important; 
	text-decoration: underline;
	font: bold 11px Verdana;
}

.drop_container .disabled_item .icon
{
	padding: 2px 2px 2px 2px;
	width: 16px;
	height: 16px;
	filter: Gray();
}

.drop_container .disabled_item a,
.drop_container .disabled_item a:link,
.drop_container .disabled_item a:visited,
.drop_container .disabled_item a:focus
{
	width: auto;
	display: block;
	text-indent: 5px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	color: gray !important;
	font: bold 11px Verdana;
}

.drop_container .disabled_item a:hover,
.drop_container .disabled_item a:active
{
	color: gray !important; 
	text-decoration: none;
	cursor: default;
}

/* ######### Start of: IE Hack Styles ######### */

* html .drop_container
{
	/*width: 20em;*/ /* a width is needed */
}

* html .drop_container .disabled_item .img
{
	filter:Gray(); /*Is only applied by IE, but look a bit better*/
}

* html .drop_container a
{
	/*need a with & a different padding for text*/
/*	
	width: 100%;
	padding-top: 0;
	padding-left: 6px;
	padding-bottom: 5px;
	padding-right: 0;
*/
}

* html .drop_container a img
{
	/* reposition image to look good */
	left: -7px;
}
/* ######### End of: IE Hack Styles ######### */

/* ############################################################## */
/* ######### end of: Style area for Menu & Tab Controls ######### */
/* ############################################################## */