/**************************************
COLORS
**************************************/
body {
	background: #eeeeee;
	color: #333333;
}

#header {
	background-color: #ff9900;
	color: white;
}

#footer {
	background-color: #003366;
	color: white;
}

#footer-bottom {
	background-color: #ff9900;
}

.boxwrapper {
	background: #ffffff;
}

.table-head {
	background-color:#003366;
	color:#ffffff;
}

.table-edit {
	background-color:#eeeeff;
}

/**************************************
GENERAL STYLES COLORS
**************************************/

h2 {
	color:#003366;
}

h3 {
	color:#666666;
}

h4 {
	color:#003366;
}

/**************************************
TOP BAR COLORS
**************************************/
.top-bar {
	color: white;
	background-color: #003366;
}

/**************************************
TOP BAR NAVIGATION MENU COLORS
**************************************/

.top-menu ul {
	background-color: #003366;
}

.top-menu li a {
	color: white;
}

.top-menu li a:hover:not(.active) {
	background-color: #001144;
}

.active {
	background-color: #ff9900;
	background:linear-gradient(to bottom,#ff9900 0%,#cc6600 100%);
}

.active:hover {
	background-color: #ff9900;
	background: linear-gradient(to bottom,#cc6600 0%,#ff9900 100%);
}


/**************************************
FORM ELEMENTS COLORS
**************************************/

input.required {
	box-shadow: 0 0 3px #CC0000;
}


.button-rounded {
	background:#ff9900;
	background: linear-gradient(to bottom,#ff9900 0%,#cc6600 100%);
	color: #ffffff;
}

.button-rounded:hover {
	background:#ff9900;
	background: linear-gradient(to bottom,#cc6600 0%,#ff9900 100%);
	color: #ffffff;
}

