body {
	margin-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div { margin: 0px; padding: 0px; }

.clear{
    clear:both;
    padding:0;
    margin:0;
}
	
.system_name {
	font-family: 'Codystar', sans-serif;
	font-size:20px;
	float:left;
	color:#FFF;
	margin:8px 0px 4px 0px;
}

html, body {height: 100vh;}

#wrap {/* min-height: 100%; */width:100%;padding-top: 50px;}

#main {
	overflow:auto;
	margin-top:5px;
	padding-bottom: 30px;
	}  /* must be same height as the footer */

#header {
	background-color:#333;
	opacity:0.8;
	padding:3px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100;
}

#system {
	float:left;
	color:#FFF;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:8px;
}

.logout {
	float:right;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:10px 10px 10px 5px;
}

.logouta:link, .logouta:visited, .logouta:link, .logouta:active {
	text-decoration:none;
	color:#FFF;
	margin:0px 4px;
	padding: 0px 4px;
}

.logoutb:link, .logoutb:visited, .logoutb:link, .logoutb:active {
	text-decoration:none;
	color:#FFF;
	margin:0px 4px;
	padding: 0px 4px;
}

#footer {
	position: fixed;
	/* margin-top: -30px; */ /* negative value of footer height */
	height: 30px;
	clear:both;
	background-color:#333;
	opacity:0.8;
	width: 100%;
	bottom: 0;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.boxes {
height:140px;
position:relative;
width:30%;
padding:10px;
margin-bottom:10px;
display:inline-block;
margin-left:auto;
margin-right:auto;
}

.boxes2 {
border:1px solid #333;
border-radius: 10px;
width:94%;
padding:5px;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
}

.boxes2:hover{
background: #DDD; /* make this whatever you want */
}

a.tip {
    border-bottom: 1px dashed;
    text-decoration: none
}
a.tip:hover {
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: 1px solid #666;
    padding: 2px;
    display: block;
    z-index: 100;
    background-color:#FFC;
	color:#000;
    left: 10px;
    margin: 10px;
    width: 200px;
    position: absolute;
    top: 10px;
    text-decoration: none;
	font-size:12px;
	font-weight:normal;
}