/**** HTML TAGS ****/

html {margin:0; padding:0; height:100%; }
body {
    margin:0;
    padding:0;
    height:100%;
}

/**** CSS CLASSES ****/

.font {font-family:verdana,arial,helvetica,trebuchet,sans;}
.font.nano {font-size:7pt;}
.font.small {font-size:8pt;}
.font.normal {font-size:9pt;}
.font.large {font-size:10pt;}
.font.big {font-size:12pt;}
.font.huge {font-size:15pt;}
.font.event {font-size:22pt;}
.font.bold {font-weight:bold;}
.font.italic {font-style:italic;}
.font.justify {text-align:justify;}
.font.thin { font-weight:normal;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.left {margin-left:0; margin-right:auto;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.fnone {clear:both;}
.vtop {vertical-align:top}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom}
.nowrap {white-space: nowrap;}
.underline {text-decoration: underline;}
.table {display:table}
.tr {display:table-row}
.td {display:table-cell}

.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

@font-face {
	font-family: "PrivaThreePro";
	src: url("../fonts/PrivaThreePro/PrivaThreePro.eot"),
		url("../fonts/PrivaThreePro/PrivaThreePro.woff") format("woff"),
		url("../fonts/PrivaThreePro/PrivaThreePro.otf") format("opentype"),
		url("../fonts/PrivaThreePro/PrivaThreePro.svg#filename") format("svg");
}

.bright {border-right:1px solid}
.bleft {border-left:1px solid}
.btop {border-top:1px solid}
.bbottom {border-bottom:1px solid}

.sucess {color:green;}
.error {color:red;}

.inline {display:inline;}
.inlineblock {display:inline-block;}
.hidden {visibility:hidden;display:none;}
.visible {visibility:visible;}
.link {cursor:pointer;}
.link:hover{}
.box {border-width:1px;border-style:solid;}

.form_fields {
	border: 5px solid #DDDDDD;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 8px #BBBBBB;
	color: #555555;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 15px;
	padding: 7px;
	width: 300px;
}
.form_button {
	background-color: #8697ae;
    border: 2px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #BBBBBB;
    color: #FFFFFF;
    padding: 7px;
	cursor: pointer;
	font-weight: bold;
}

table.dataTable tr.odd td.sorting_1 { background-color: ''; }
table.dataTable tr.odd td.sorting_2 { background-color: ''; }
table.dataTable tr.odd td.sorting_3 { background-color: ''; }
table.dataTable tr.even td.sorting_1 { background-color: ''; }
table.dataTable tr.even td.sorting_2 { background-color: ''; }
table.dataTable tr.even td.sorting_3 { background-color: ''; }

.sorting { background: url('../img/main/sort_both.png') no-repeat center; }
.sorting_asc { background: url('../img/main/sort_asc.png') no-repeat center; }
.sorting_desc { background: url('../img/main/sort_desc.png') no-repeat center; }

.sorting_asc_disabled { background: url('../img/main/sort_asc_disabled.png') no-repeat center; }
.sorting_desc_disabled { background: url('../img/main/sort_desc_disabled.png') no-repeat center; }

.dataTables_info { padding-top: 10px; font-size: 10pt; }
.dataTables_paginate { padding-top: 10px; }


/**** ID CLASSES ****/

#mainMessages {
	position: absolute;
	width: 100%;
	z-index: 10000;
	margin-top: 1px;
}

#mainMessagesText {
	width: 50%;
	margin: auto;
	z-index: 10001;
}

#logout {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10000;
}

#logout {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10000;
}

#barSup {
	position: absolute;
	left: 0;
	top: 0;
	height: 130px;
	width: 100%;
	background-color: rgba(0,0,0,0.87);
	z-index: 999;
	text-align: center;
}

#menu {
	width: 100%;
}

#menu td {
	height: 125px;
	vertical-align: middle;
	text-align: center;
}

#barLeft {
	position: absolute;
	left: 30px;
	top: 150px;
}

#submenu ul {
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#submenu li {
	text-decoration: none;
	color: #c4e7f1;
	/*text-shadow: -1.5px -1.5px 2px #68c4e9;*/
	font-family: arial;
	height: 35px;
	vertical-align: middle;
	font-size: 0.8em;
	line-height: 3.1em;
	padding: 0;
	margin-left: 40px;
	margin-right: 40px;
	cursor: pointer;
}

#submenu li:hover {
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	/*text-shadow: 0 0 0 #FFFFFF;*/
}

#submenu li.selected {
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	/*text-shadow: 0 0 0 #FFFFFF;*/
}

#barSup ul {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	list-style-type: none;
	z-index: 999;
}

#barSup li {
	text-decoration: none;
	color: #FFFFFF;
	/*font-family: "PrivaThreePro", arial, verdana;*/
	font-family: arial, verdana;
	font-size: 0.9em;
	display: inline-block;
	margin-left: 40px;
	margin-right: 40px;
	cursor: pointer;
}

#barSup li:hover {
	color: #68c4e9;
}

#barSup li.selected {
	color: #68c4e9;
}

#contentDiv {
	
}