/* ----- style.css ---- */
.mainMenu div.pageMenu .bottomSeparator a,div.pageMenu .bottomSeparator a{border-bottom-width:1px}
.mainMenu div.pageMenu .topSeparator a,div.pageMenu .topSeparator a{border-top-width:1px}
.mainMenu div.pageMenu a,.optionButtons li,.pageNavigation a,.pageNavigation li.children span,div.messageInner div.pageMenu a,div.messageInner div.smallButtons div.pageMenu a,div.pageMenu a,div.smallButtons div.pageMenu a{background-color:#f8fafb}
.mainMenu div.pageMenu a:hover,.pageNavigation a:hover,.pageNavigation li.children:hover span,div.messageInner div.pageMenu a:hover,div.messageInner div.smallButtons div.pageMenu a:hover,div.pageMenu a:hover,div.smallButtons div.pageMenu a:hover{background-color:#ffe0b8}
.mainMenu div.pageMenu a:hover,.pageNavigation a:hover,.pageNavigation li span:hover,.pageNavigation li.children:hover > span,div.messageInner div.pageMenu a:hover,div.messageInner div.smallButtons div.pageMenu a:hover,div.pageMenu a:hover,div.smallButtons div.pageMenu a:hover{background-image:url("/wcf/acp/images/tableHeadHover.png")}
.mainMenu div.pageMenu a,.pageNavigation a,.pageNavigation li.children span,div.messageInner div.pageMenu a,div.messageInner div.smallButtons div.pageMenu a,div.pageMenu a,div.smallButtons div.pageMenu a{color:#333}
.mainMenu div.pageMenu a:hover,.pageNavigation a:hover,.pageNavigation li.children:hover span,div.messageInner div.pageMenu a:hover,div.messageInner div.smallButtons div.pageMenu a:hover,div.pageMenu a:hover,div.smallButtons div.pageMenu a:hover{color:#333}
.mainMenu .active a,.mainMenu .firstActive a,.mainMenu .lastActive a{color:#d9e5ef}
.mainMenu .active a:hover,.mainMenu .firstActive a:hover,.mainMenu .lastActive a:hover{color:#333}
.mainMenu .active a,.mainMenu .firstActive a,.mainMenu .lastActive a,.mainMenu a:hover,.mainMenu .active a:hover{background-image:url("/wcf/acp/images/menuActive.png")}
.mainMenu{background-color:transparent}
.mainMenu a{color:#154268}
.mainMenu a:hover{color:#333}
.mainMenu div{text-align:left;margin:0 auto 0 0}
.mainMenu div ul li div div { z-index: 99; font-size: 0.9em; }
.mainMenu div ul li div div div ul li a { margin-left: 0px; }

/* ### -- -- -- -- -- header.css Main Menu -- -- -- -- -- ### */

.mainMenu {
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

.mainMenu div {
	display: table;
	table-layout: fixed;
}

.mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table-row;
}

.mainMenu li {
	display: table-cell;
}

.mainMenu a {
	text-decoration: none;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	margin: 0 -1px 0 0;
	padding: 3px 5px 2px 5px;
	display: block;
}

.mainMenu li.first a, .mainMenu li.firstActive a {
	margin-left: -1px;
}

.mainMenu span {
	padding: 0 2px 0 0;
}

.mainMenu div.popupMenu {
	font-size: 1em;
}


/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */

/* ### -- -- -- -- -- acp.css Menu Bar -- -- -- -- -- ### */

#menuBar {

	min-height: 33px;
}

#menuBar > div {
	float: left;
	width: 100%;	
}

#menuBar:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

#menuBar ul {
	float: left;
	width: 100%;
}

#menuBar li {
	float: left;
}

#menuBar div, #menuBar ul, #menuBar li, #menuBar a {
	display: block;
}

#menuBar span {
	padding: 2px 5px;
	display: block;
}

.mainMenu {
	background: transparent url("/wcf/images/R4P/menuBar.png") repeat-x left bottom !important;
	padding-bottom: 6px;
}

.mainMenu a {
	border: 1px solid #8da4b7;
	border-width: 0 1px;
	border-bottom: 1px solid #c2c2c2;
	padding: 5px;
	height: 22px;
}

.mainMenu .active a, .mainMenu .active a:hover {
	color: #fff;
	background-color: #154268;
}

.mainMenu a:hover {
	background-color: #ffe0b8;
	background-image: url("/wcf/acp/images/menuHover.png");
}

.mainMenu .popupMenu a {
	color: #164369;
	background-color: #154268;
	background-image: none !important;
}

.mainMenu .popupMenu a:hover {
	background-color: #ffe0b8;
	background-image: url("/wcf/acp/images/tableHeadHover.png") !important;
}

.mainMenu .popupMenu {
	border-top: 0;	
}