* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
*:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

body {
  background: #FFFFFF;
  color: #333;
  font: 87.5%/1.5em 'Open Sans', sans-serif;
  margin: 0;
  overflow-y: auto;
}

a {
  color: #eee;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

p {
  line-height: 1.5em;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}

.logobox {
  text-align:center;
  color:#eee;
  min-height: 70px;
  left: 50%;
  display:block;
  position: fixed;
  top: 70px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#containermain { 
  left: 50%;
  margin-top:300px;
  max-height: 100%;
  position: absolute;
  top: 190px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#level1 { 
  left: 50%;
  margin-top:300px;
  max-height: 100%;
  position: absolute;
  top: 190px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table input{
border:1px solid #B2B2B2;
margin:5px;
}

.logocontainer {
position:relative;
max-width:1000px;
min-width:1000px;
}
.logocontainer2 {
position:relative;
max-width:700px;
min-width:700px;
}
.logoutbutton  {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #400000;
  color: #eee;
  font-size:12px;
  height:25px;
  text-transform: uppercase;
  width: 80px;
  left:43%;
  position:relative;
}
.loggedin {
  right:77%;
  top:80%;
  position:absolute;
}

table {
	font-family:'Titillium Web', Calibri, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	max-width:1000px;
	min-width:1000px;
	margin:15px;
	border:#A4A8B7 4px solid;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	border-collapse: collapse;
}
table th {
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #E8E9ED;
	background: -webkit-gradient(linear, left top, left bottom, from(#E8E9ED), to(#ebebeb));
	background: -moz-linear-gradient(top,  #E8E9ED,  #ebebeb);
}
table th:first-child {
	text-align: left;
	padding-left:20px;
}

table tr:first-child  tr{
	background:0000;
	text-align: left;
	padding-left:20px;
}

table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	text-align: left;
	padding-left:20px;
}
table td:first-child {	
	border-left: 0;
}
table td {
	padding:14px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #A4A8B7;
	border-left: 2px solid #A4A8B7;
	background: #F4F4F6;

}
table tr.even td {
	background: #B2A48A;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}


table tr:hover td {
	background: #D1D3DB;	
}

table td { border-bottom: 8px solid #A4A8B7; }





.logoutbutton:hover {
  background-color: #330000;
}

.mainbuttons  {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #0C6F80;
  color: #eee;
  font-size:12px;
  height:40px;
  margin: 5px;
  margin-bottom: 2em;
  text-transform: uppercase;
  width: 204px;
}

.mainbuttons:hover {
  background-color: #14B9D6;
}

.mainbuttons2  {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #0C6F80;
  color: #eee;
  font-size:12px;
  height:40px;
  margin: 5px;
  margin-bottom: 2em;
  text-transform: uppercase;
  width: 330px;
}

.mainbuttons2:hover {
  background-color: #14B9D6;
}

.subbuttons  {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #0C6F80;
  color: #eee;
  font-size:11px;
  height:25px;
  text-transform: uppercase;
  width: 90px;
}

.subbuttons:hover {
  background-color: #14B9D6; 
}
.subbuttons2  {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #6B6B6B;
  color: #eee;
  font-size:11px;
  height:25px;
  text-transform: uppercase;
  width: 120px;
}

.subbuttons2:hover {
  background-color: #353535;
}

.container {
  text-align:center;
  color:#eee;
  min-width:250px;
  left: 50%;
  max-height: 100%;
  position: fixed;
  top: 190px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.container1 {
  position: relative;
  top: 20px;
}



.containertopup {
  text-align:center;
  color:#000000;
  max-width:400px;
  position: relative;


}

.confirmdata  {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #002714;
  color: #eee;
  height:40px;
  margin-bottom: 2em;
  text-transform: uppercase;
  width: 280px;
}

.confirmdata:hover {
  background-color: #003b1e;
}
/* ---------- LOGIN ---------- */
#login {
  width: 280px;
}

#login form span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  color: #808080;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 280px;
}

#login form input {
  height: 50px;
}

#login form input[type="text"], input[type="password"] {
  background-color: #ffffff;
  border-radius: 0px 3px 3px 0px;
  color: #808080;
  margin-bottom: 1em;
  border: 1px solid #6B645E;
  padding: 0 16px;
  width: 280px;
}

#login form input[type="submit"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #1C264A;
  color: #eee;
  font-weight: bold;
  margin-bottom: 2em;
  text-transform: uppercase;
  width: 280px;
}

#login form input[type="submit"]:hover {
  background-color: #49516E;
}

#login > p {
  text-align: center;
}

.image {
	margin-left: auto;
    margin-right: auto;
	width: 68%;
}

#login > p span {
  padding-left: 5px;
}

input[type="checkbox"] {
   display:inline-block;
    width:15px;
    height:15px;
    margin: 4px 0 0;
    vertical-align:middle;   
    cursor:pointer;
}
input[type="checkbox"]:checked  {
    background: #6B7073;
}
/*tooltip box*/

a.tooltip {font-size:18px;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;color:#ffffff;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;text-decoration: none;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}