div {
 float: left; 
 position: relative; 
 height: auto;
}

.flw100 {
 width: 100%; 
}

.flw50 {
 width: 50%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


@media screen and (max-width: 480px) {	
	.flw50 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw33 {
 width: 33%; 
}

.flw100center {
 text-align: center; 
 width: 100%; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.overauto { overflow: auto; }
body {
 margin: 0px;
 padding: 0px; 
 background: white;
 font-family: arial, helvetica, sans-serif;
 zoom: 1.0; 
}

a, a:link, a:visited {
 text-decoration: none;
 border:0; 
 color: rgb(54,88,156);
 transition: 0.2s; 
 -moz-transition: 0.2s; 
 -webkit-transition: 0.2s;
}

a:visited  {
	text-decoration: none;
	border: 0; 
} 
a:hover { 
	text-decoration: none;
	border: 0; 
	color: rgb(3,53,114);
}
a:active { 
	text-decoration: none;
	border: 0; 
}

.fullWcms  {
 width: 1160px; 
 height: auto; 
 float: left; 
 left: 50%; 
 margin-left: -580px; 
 position: relative; 
 padding-left: 0px; 
 padding-right: 0px; 
 font: normal 12px arial; 
 background: white; 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
		  padding: 10px; 
}


.fullWidth, .fullW, .fullw {
 width: 1010px; 
 height: auto; 
 float: left; 
 left: 50%; 
 margin-left: -505px; 
 position: relative; 
 font: normal 12px arial; 
}

.fullWkiosk {
 width: 1030px; 
 left: 50%; 
 margin-left: -515px; 
}

@media screen and (max-width: 1140px) {
	.fullWcms  { 
	 width: 100%; 
	 padding: 5px; 
	 left: 0px; 
	 margin-left: 0px; 
	}
}

@media screen and (max-width: 1000px) {
	.fullWidth, .fullW , .fullw {
	 width: 98%; 
	 margin-left: 0px; 
	 padding-left: 1%; 
	 padding-right: 1%; 
	 left: 0px; 
	}
}

.theHeader {
 width: 100%; 
 min-height: 106px; 
}

@media screen and (max-width: 1080px) {
	.theHeader { height: auto; } 
}


.blockData {
 width: 100%; 
 height: 700px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;   
}

.clockSize {
 font: normal 80px arial; 
 line-height: 100px; 
 padding-top: 20px; 
}
.clockSize span { font: normal 60px arial; }

.dataContainer {
 width: 100%; 
 height: 545px; 
 overflow: hidden; 
}

.dataBelt {
 width: 80000px; 
 height: 545px; 
}

.dataCell {
 width: 1030px; 
 height: 545px; 
 text-align: center; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-top: 60px; 
 
}

.measWhat {
 font-size: 68px; 
 display: inline-block; 
 max-width: 980px; 
 min-height: 165px; 
 font-family: arial; 
 font-weight: normal; 
 color: black; 
 line-height: 75px; 
}

.measVal {
 font-size: 68px;
 font-weight: bold;  
 color: white; 
 display: inline-block; 
 background: rgb(54,88,156); 
 padding: 25px 10px; 
 min-width: 490px; 
 margin-bottom: 20px; 
}

.measWhen {
 font-size: 28px; 
 color: black; 
}

.measWhen strong { font: bold 42px arial; }

.getURlInput {
 width: 700px; 
 height: 30px; 
 font: normal 24px arial; 
}

.horSepBlue {
 width: 100%; 
 background: rgb(54,88,156); 
 width: 100%; 
 height: 3px; 
 font: normal 1px arial; 
}

.logos {
 width: 60%; 
 padding-top: 10px; 
}

.logoImg {
 max-width: 140px; 
 margin-right: 30px; 
 text-align: center;
}

.logoImg img {
 max-width: 140px; 
 height: auto; 
}

.EUproj {
 float: right; 
 width: 40%; 
 text-align: right; 
 padding-top: 20px; 
 font: normal 14px arial; 
 color: rgb(54,88,156); 
}

.theHeader {
 width: 100%; 
 min-height: 140px; 
 padding-top: 44px; 
 padding-bottom: 10px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.projLogo {
 width: 50%; 
 text-transform: uppercase; 
 color: rgb(54,88,156); 
 font: normal 36px arial; 
}

.signInDirect {
 float: right; 
 max-width: 50%; 
 text-align: right; 
}

.signInDirect a { display: inline-block; margin-left: 10px; }

.formInside input, .signInDirect input {
 margin-left: 9px; 
 width: 120px; 
 height: 32px; 
 border: 1px solid rgb(209,209,209); 
 color: rgb(160,160,160); 
 padding-left: 10px; 
 padding-right: 10px; 
 font: normal 14px arial; 
}

.formInside input {
 color: rgb(90,90,90); 
}

input.logInIn {
 background: rgb(54,88,156); 
 color: white; 
}

.mainmenu {
 width: 100%; 
 padding-top: 20px; 
 margin-bottom: 12px; 
 font: normal 14px arial; 
 color: rgb(54,88,156)
}

.pageIn {
 display: inline-block; 
 padding: 10px 20px; 
 border: 1px solid rgb(54,88,156); 
}

.pageLink {
 display: inline-block; 
 padding: 10px 20px; 
 border: 1px solid white;
 transition: 0.2s; 
 -moz-transition: 0.2s; 
 -webkit-transition: 0.2s; 
}

.pageLink:hover, a.pageLink:hover {
 border: 1px solid silver;
 color: rgb(3,53,114);
}

.padTop20 { padding-top: 20px; }
.padBot20 { padding-bottom: 20px; }

.homeLine { width: 100%; background: rgb(229,229,229); }

.homeMap {
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  border: 15px solid white; 
  height: 650px; 
}

@media screen and (max-width: 1000px) {
	.homeMap { border: 5px solid white; }
}
@media screen and (max-height: 800px) {
 .homeMap { height: 460px; } 
}

@media screen and (max-height: 600px) {
	.homeMap { height: 300px; } 
}

.half49 {
 width: 49.3%;  
}

#statRes .half49 { 
 margin-right: 0.7%; 
}

.dataRow {
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 background: white;  
 padding-top: 12px; 
 padding-bottom: 12px; 
 padding-left: 10px; 
 padding-right: 10px; 
 margin-bottom: 8px; 
 font: normal 16px arial; 
 color: rgb(106,106,106); 
}

.margTop8 {
 margin-top: 8px; 
}

.dataRow:hover {
 color: rgb(51,51,51);
}

.dataRow h1, .dataRow h2, .dataRow h3, .blueH {
 margin-left: 22px; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 padding: 0px; 
 font: normal 18px arial; 
 color: rgb(54,88,156);
}

.mapInPage {
 width: 100%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 border: 15px solid white; 
 height: 510px; 
}

.dataRowName {
 width: 75%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 12px; 
}

.dataRowVal {
 width: 25%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 12px; 
 float: right; 
}

.dataRowMeas, .dataRowMeasLeft {
 display: none; 
 transition: 0.3s; 
 -webkit-transition: 0.3s; 
 -moz-transition: 0.3s; 
}

.dataRow:hover .dataRowMeas { 
 display: inline; 
 position: absolute; 
 top: 0px; 
 margin-top: 5px; 
 width: 90%; 
 height: auto; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 border-radius: 10px; 
 font: normal 12px arial; 
 color: rgb(60,60,60); 
 background: #f9f797; 
 left: 100%; 
 margin-left: -5px; 
 width: 250px;  
 padding: 5px; 
 z-index: 2; 
}

.dataRow:hover .dataRowMeasLeft { 
 display: inline; 
 position: absolute; 
 top: 0px; 
 margin-top: 5px; 
 width: 40%; 
 height: auto; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 border-radius: 10px; 
 font: normal 12px arial; 
 color: rgb(60,60,60); 
 background: #f9f797; 
 left: 30%; 
 margin-left: -5px; 
 padding: 5px; 
 z-index: 2; 
}

@media screen and (max-width: 800px) {
 .half49, #statRes .half49  { width: 100%; }
 .dataRow:hover .dataRowMeas, .dataRow:hover .dataRowMeasLeft { 
  top: 100%; 
  left: 0px;
  margin-top: -5px; 
  margin-left: 5px; 
 }
}

@media screen and (max-width: 400px) {
 .dataRow { font: normal 12px arial; }
}

.chBoxIn { border: 1px solid rgb(229,229,229); margin-right: 20px; width: 24px; height: 24px; }

.chBoxOn {
 width: 14px; 
 height: 14px; 
 cursor: pointer; 
 background: rgb(54,88,156); 
 border: 5px solid white; 
 transition: 0.2s; 
 -moz-transition: 0.2s; 
 -webkit-transition: 0.2s;
}

.chBoxOff {
 width: 14px; 
 height: 14px; 
 cursor: pointer; 
 background: rgb(229,229,229); 
 border: 5px solid white; 
 transition: 0.1s; 
 -moz-transition: 0.1s; 
 -webkit-transition: 0.1s;
}

.dataRowNameName {
 max-width: calc(100% - 46px); 
}

.mapInKiosk {
 width: 100%; 
 height: 905px; 
 background: rgb(240,240,240); 
}

.kioskMessage { 
 font-size: 2em; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 30px; 		  
}

.blockClock {
 width: 100%; 
 height: 350px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 60px 140px 30px 140px; 
 text-align: center; 
 color: rgb(54,88,156); 
 font: normal 44px arial; 
}
.blockData {
 height: 545px; 
 width: 100%; 
 background: rgb(229,229,229); 
}

.nameInClock {
 display: inline-block; 
 font: normal 68px arial; 
 color: rgb(54,88,156); 
}

.HRsep {
 display: inline-block; 
 width: 235px; 
 height: 20px; 
 border-top: 2px solid rgb(209,209,209);
 margin-top: 16px; 
}

.blue-sep-small {
 width: 100%; 
 height: 15px; 
 background: rgb(54,88,156); 
}

.blue-sep-tall {
 width: 100%; 
 height: 75px; 
 background: rgb(54,88,156); 
}

.formInside {
 margin-top: 15px; 
 margin-bottom: 30px; 
 width: 76%; 
 margin-left: 12%; 
 border: 1px solid rgb(209,209,209); 
 padding: 23px 50px; 
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; 
}

.blueH {
 margin-top: 0px; 
 margin-bottom: 0px; 
 padding: 0px; 
 font: normal 18px arial; 
 color: rgb(54,88,156);
}

.formInside select {
 margin-left: 2px; 
 margin-right: 2px; 
 width: 45px; 
 height: 32px; 
 border: 1px solid rgb(209,209,209); 
 color: rgb(90,90,90); 
 font: normal 14px arial; 
}

.margR5 { margin-right: 5px; } 

.silverButton, .formInside input.silverButton {
 height: 40px; 
 background: rgb(229,229,229); 
 border: 1px solid rgb(229,229,229); 
 color: rgb(54,88,156); 
 font: bold 16px arial; 
 min-width: 150px; 
 margin-left: 10px; 
 margin-right: 10px; 
 cursor:pointer; 
 transition: 0.2s; 
 -moz-transition: 0.2s; 
 -webkit-transition: 0.2s;
}
.silverButton:hover, .formInside input.silverButton:hover, 
.blueButton:hover, .formInside input.blueButton:hover {
 background: rgb(60,60,60); 
 color: white; 
}

.blueButton, .formInside input.blueButton {
 height: 40px; 
 background: rgb(54,88,156); 
 border: 1px solid rgb(54,88,156); 
 color: white; 
 font: bold 16px arial; 
 min-width: 150px; 
 margin-left: 10px; 
 margin-right: 10px; 
 cursor:pointer; 
 transition: 0.2s; 
 -moz-transition: 0.2s; 
 -webkit-transition: 0.2s;
}

#userSignInDiv { width: 100%; }

#userSignInUser, .form-group label, .userRegLeft {
 width: 35%; 
 min-height: 33px; 
 text-align: right; 
 font: normal 14px arial; 
 padding-top: 7px; 
 display: inline-block; 
 float: left; 
 position: relative; 
}

#userSignInUserInput, .userRegRight {
 width: 60%; 
 padding-left: 5%; 
 min-height: 40px; 
}

#userSignInUserInput input, .form-group input, .userRegRight input {
 width: 60%; 
 height: 32px; 
 border: 1px solid rgb(209,209,209); 
 color: rgb(160,160,160); 
 padding-left: 10px; 
 padding-right: 10px; 
 font: normal 14px arial; 
}

.form-group input {
 width: 36%; 
 height: 32px; 
 border: 1px solid rgb(209,209,209); 
 color: rgb(160,160,160); 
 padding-left: 10px; 
 padding-right: 10px; 
 font: normal 14px arial; 
 margin-left: 5%; 
}

#userSignInButton { width: 100%; text-align: center; }

#userSignInButton input, .col-md-8 .text-center input, .gray-btn {
 background: rgb(54,88,156); 
 color: white; 
 height: 32px; 
 border: 1px solid rgb(209,209,209); 
 padding-left: 10px; 
 padding-right: 10px; 
 font: normal 14px arial; 
 margin-top: 8px; 
}

#signUpCheckboxFlds input  {
 width: 32px; 
 background: silver; 
 height: 32px; 
 border: 1px solid rgb(209,209,209); 
 color: rgb(160,160,160); 
 padding-left: 10px; 
 padding-right: 10px; 
 font: normal 14px arial; 
 margin-left: 5%; 
}

#signUpAlerts, #userLogInfailNote {
 width: 100%; 
 text-align: center; 
 font-weight: bold; 
 color: red; 
 font-size: 14px; 
 margin-bottom: 7px; 
}

.row, .col-md-8, .form-group, #signUpProfileFlds { width: 100%; }

#signUpProfileFldN1, #signUpProfileFldN2, #signUpProfileFldN3, #signUpProfileFldN4, #signUpProfileFldN5 {
 width: 100%; 
}

#signUpUserPassFlds, #signUpCheckboxFlds { width: 100%; }
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(78,190,212);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(78,190,212);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(78,190,212); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}
.realContText p, .realContText td {
 font: normal 14px arial; 
 font-family: arial; 
 color: RGB(25,25,25);
 line-height: 14px; 
}

a, a:visited,  a:active {
 text-decoration: none;
 border:0; 
 color: rgb(54,88,156);
}

a:hover {
 text-decoration: none; 
 color: rgb(3,53,114);
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 margin-top: 0px; 
 margin-bottom: 14px; 
}

.realContText h1, .realContText td h1 {
 color: rgb(54,88,156); 
 font: bold 18px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h2, .realContText td h2 {
 color: rgb(54,88,156); 
 font: bold 16px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h3, .realContText td h3 {
 color: rgb(54,88,156); 
 font: bold 18px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
 color: rgb(153,176,36); 
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


.realContText h6, .realContText td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText ul {
 margin-left: 5px; 
}

.realContText li {
 font: normal 13px arial;
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}