body {margin:0;font-size:12px;font-family:verdana;}

#headerfirst {position:fixed;top:0;height:30vh;width:100%;background-color:rgba(1, 153, 255, 0.8);color:#FFF;line-height:100%; text-align: center; display: table;}
#headerfirst span {vertical-align:middle;display:table-cell;font-weight:bold;font-size:4.5vw;}
#Login {width:380px;height:140px;position:fixed;top:50%;left:50%;margin-left:-190px;margin-top:-70px;background-color:#C2C2C2;color:#000;font-size:12px;border-style:solid;border-width:1px;border-color:#000;z-index:1;}
#Login p {margin:3px;padding:3px;text-align:left;}
#Login .input{padding:8px;display:block;border:none;border-bottom:1px solid #000;width:350px;background-color:#C2C2C2;}
#Login .submit{font-size:16px;font-weight:bold;cursor:pointer;}

#ErrorMessage {width:380px;height:60px;position:fixed;top:50%;left:50%;margin-left:-190px;margin-top:-140px;background-color:#C2C2C2;color:#FF0000;border-style:solid;border-width:1px;border-color:#000;z-index:1; text-align: center; display: table;}
#ErrorMessage span {vertical-align:middle; display:table-cell;font-size:16px;font-weight:bold;}
#ErrorMessage1 {width:380px;height:60px;background-color:#C2C2C2;color:#FF0000;border-style:solid;border-width:1px;border-color:#000;text-align:center;display:table;float:left;clear:both;margin-top:10px;}
#ErrorMessage1 span {vertical-align:middle; display:table-cell;font-size:16px;font-weight:bold;}
#SuccesMessage {width:600px;line-height:24px;background-color:#008000;color:#FFF;font-size:14px;text-align:center;float:left;clear:both;margin-top:10px;}
#ErrorMessage2 {width:600px;line-height:24px;background-color:#FF0000;color:#FFF;font-size:14px;text-align:center;float:left;clear:both;margin-top:10px;}
#MissingMessage {width:600px;line-height:24px;background-color:#F57214;color:#000;font-size:14px;text-align:center;float:left;clear:both;margin-top:10px; margin-bottom:10px;}

#footerfirst{position:fixed;bottom:0;height:30vh;width:100%;background-color:rgba(255, 153, 51, 0.4);}

header {width:100%;height:26px;line-height:26px;background-color:#0099FF;color:#FFF;}
nav {width:100%;height:26px;line-height:26px;background-color:#C2C2C2;color:#000;}
nav ul {margin-left:-32px;margin-top:0px;margin-bottom:0px;}
nav ul li {display:inline;padding-right:15px;margin:0px;cursor:pointer;}
nav a {text-decoration:none; color:#000;}
.nav-active {font-weight:bold;}

#submenu_bar {width:100%;height:26px;line-height:26px;background-color:#FF9933;color:#FFF;}
#submenu_bar ul {margin-left:-32px;margin-top:0px;margin-bottom:0px;}
#submenu_bar ul li {display:inline;padding-right:15px;margin:0px;}
#submenu_bar a {text-decoration:none; color:#000;}
#submenu_bar a:hover {text-decoration:underline}

#content {position:absolute;top:77px;bottom:25px;left:10px;right:0;overflow:auto;}
#content a:link, #content a:visited {text-decoration:none;}
#content a:hover {text-decoration:underline;}
.fb-like.fb_iframe_widget > span {margin-bottom:-8px;} 

.negativeresult {margin-left:7px;margin-right:7px;color:#FF0000;}
.positiveresult {margin-left:7px;margin-right:7px;color:#008000;}
.equalresult {margin-left:7px;margin-right:7px;color:#0000FF;} 

footer {position:fixed;bottom:0;left:0;width:100%;line-height:26px;background-color:#FF9933;color:#FFF;}
table {margin-top:10px;margin-bottom:10px;}
table a {cursor:pointer;}

.tile {border-radius:14px;width: 80px; height: 80px; margin: 8px; float: left; background-color: #000; color: #FFF; font-size: 13px; text-align: center; display: table;}
.tileLY {border-radius:14px;width: 125px; height: 125px; margin: 15px; float: left; background-color: #008000; color: #FFF; font-size: 32px; text-align: center; display: table;}
.tileLN {border-radius:14px;width: 125px; height: 125px; margin: 15px; float: left; background-color: #FF0000; color: #FFF; font-size: 32px; text-align: center; display: table;}
.tile span,.tileLY span,.tileLN span {vertical-align: middle; display: table-cell;}

.fotothumb {width: 160px; height: 120px; max-width: 120px; font-size: 10px; margin: 5px; padding: 2px; float: left; overflow: hidden; border-style: solid; border-width: 1px; border-color: #C0C0C0;}
.fotothumb a:link, .fotothumb a:visited{text-decoration: none; color: #FFF; cursor: pointer;}
.fotothumb a:hover {text-decoration: none; color: #FFF; font-size: 10px;}

.result:hover{background-color:#2196F3;}
.selected {background-color:#2196F3;}

.hyperlinkcss, #submenu_bar .hyperlinkcss{position:absolute;margin-left:-8px;margin-top:5px;padding:5px;visibility:hidden;border:none;font-weight:normal;line-height:20px;background-color:#C2C2C2;color:#000;text-align:left;z-index:100;}
.hyperlinkcss form {padding:4px;border-top:1px solid #666;}
.hyperlinkcss a, #submenu_bar .hyperlinkcss a{display:block;text-indent:3px;text-decoration:none;color:#000;padding:4px;border-top:1px solid #666;}
.hyperlinkcss a:hover, #submenu_bar .hyperlinkcss a:hover{text-decoration:none; color:#0618E5;}