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

#header {
	background-color: #0c4d58;
	color: white;
}

#footer {
	background-color: #0590a8;
	color: white;
}

#footer-bottom {
	background-color: #0c4d58;
}

.boxwrapper {
	background: #ffffff;
}

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

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

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

h2 {
	color:#a5a5a5a;
}

h3 {
	color:#0c4d58;
}

h4 {
	color:#a5a5a5;
}

/**************************************
TOP PAGE NAVIGATION MENU BAR COLORS
**************************************/
.page-menu-bar {
	color: white;
	background-color: #a5a5a5;
}

/**************************************
TOP PAGE NAVIGATION MENU COLORS
**************************************/

.page-menu ul {
	background-color: #a5a5a5;
}

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

.page-menu li a:hover:not(.active) {
	background-color: #0c4d58;
	background:linear-gradient(to bottom,#0c4d58 0%,#2794a6 100%);
}

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

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

/**************************************
CONTENT BAR COLORS
**************************************/
.content-bar {
	color: white;
	background-color: #a5a5a5;
}

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

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

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

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

.top-menu li a:hover:not(.active) {
	background-color: #0c4d58;
	background:linear-gradient(to bottom,#0c4d58 0%,#2794a6 100%);
}

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

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


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

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