:root {
	--primary: #00757d;
	--secondary: #de3a45;
}

.ice-sub-mon {
	top: 4px!important;
}

body, td, th {
	color: #737373;
	font-size: 12px;
}

.menuBar {
	background: var(--primary) none repeat scroll 0 0 !important;
	line-height: 80px;
	font-size: 15px;
}

#top\:topmenu > div > div > ul > li {
	font-size: 15px;	
}

#top .menuBarContainer {
	background: var(--primary) none repeat scroll 0 0 !important;
}

#header {
    height: 30px;
    padding: 2px 10px;
    margin-bottom: 20px;
    position: relative;
    background: -webkit-linear-gradient(left, #FFF 175px, var(--secondary));
    background: -o-linear-gradient(right, #FFF 175px, var(--secondary));
    background: -moz-linear-gradient(right, #FFF 175px, var(--secondary));
    background: linear-gradient(to right, #FFF 175px, var(--secondary));
    background-color: var(--primary);
}

#header .logo {
	background: url('../resources/css/images/dreier/Logo_fashion4you.png')
				repeat-x scroll 0 0 padding-box;
	background-size: 120px 50px;
	width: 120px;
	height: 50px;
}


.menuBarItem {
	border: 0;
	background: var(--primary) none repeat scroll 0 0;
}

.menuBarItem:hover {
	text-decoration: underline 2px var(--secondary);
	/*color: var(--secondary) !important; */
	background: var(--primary) none repeat scroll 0 0;
	border: 0;
	font-weight: bolder;
}

.menuBarItem.active {
	border-top: 0;
	line-height: 28px;
	font-weight: bold;
	/* color: var(--secondary); */
	text-decoration: underline 2px var(--secondary);
	font-weight: bolder;
}

table.block {
	border: 1px solid #333333;
}

table.block .blockHdr {
	background: #ffcc00 url("../resources/css/images/dhl/block_header.jpg")
		repeat-x scroll 0 0 padding-box;
	border-bottom: 1px solid #ccc;
}

table.block th {
	border-bottom: 1px solid #333333;
}

.customHeader th {
	background: #ffcc00 url("../resources/css/images/dhl/block_header.jpg")
		repeat-x scroll 0 0 padding-box !important;
}

table .ui-datatable-data .ui-datatable-even {
	background: #e3e3e3 none repeat scroll 0 0
}

.ui-datatable .ui-paginator-bottom {
	background: #ffeb98 none repeat scroll 0 0 !important;
}

.ui-paginator .ui-state-default {
	background-color: var(--primary);
	color: #656565 !important;
	padding: 2px 5px !important;
	text-decoration: none !important;
}

.ui-paginator .ui-state-active {
	background-color: var(--primary) !important;
	border: 1px solid #dbdbdb !important;
	color: #fff !important;
}

a.button .fa, span.button .fa, span.button-dis .fa {
	color: #fff !important;
}

a.button, input.button, span.button, .icePnlCnfBtns input, a.buttonSmall,
	input.buttonSmall, span.buttonSmall {
	background: var(--primary) none repeat scroll 0 0;
	color: #fff;
	border-radius: 0;
}

a.button:hover, a.button:hover .fa, a.button:hover .text, input.button:hover,
	input.button:hover .fa, input.button:hover .text, span.button:hover,
	span.button:hover .fa, span.button:hover .text, .icePnlCnfBtns input:hover,
	.icePnlCnfBtns input:hover .fa, .icePnlCnfBtns input:hover .text, a.buttonSmall:hover,
	input.buttonSmall:hover, span.buttonSmall:hover {
	background: var(--secondary) none repeat scroll 0 0;
	border-color: black white white black;
	color: #fff;
	font-weight: bolder;
}

span.button-dis {
	border-radius: 0;
	color: #999;
}

a.buttonSmall .fa {
	color: #333333;
}

a.buttonSmall .fa:hover {
	background: #e4e4e4 none repeat scroll 0 0;
	color: #333333;
}

.ui-button {
	background-image: none;
	background-color: #FFCC00;
	border-color: white black black #ffcc00;
}

.ui-button:hover {
	background-image: none;
	background-color: #e4e4e4;
	border-color: black white white black;
	color: #333333;
}