@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: local("Ubuntu"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v4/hHs22WBTTzMhSqc5uBBDKg.woff") format("woff");
}

body {
	padding:0px; margin:0px; border:0px;
}

div {
	padding:0px; margin:0px; border:0px; font-family:Ubuntu,Tahoma;
}

.header {
	position:absolute; top:100px; height:185px; right:0px; left:0px; background-color:#009de0; background-image:url('hp-banner-bg.png');
}

.header_in {
	position:absolute; top:0px; height:40px; right:0px; left:0px; background-color:#0078ad; border:0px solid #009de0; border-width:0px 0px 2px 0px
}

.header_vm {
	position:absolute; top:0px; height:12px; width:200px; color:white; right:50%; margin-left:-300px; background-color:#009de0; border:0px solid #009de0; border-width:0px 2px 0px 2px;
	padding:15px; padding-top:10px; text-align:center; font-size:14px; height:40px; font-weight:bold;
}

/*.content {
	background-color:transparent; width:1000px; position:absolute; top:0px; bottom:75px; left:50%; margin-left:-500px;
	border:0px solid black; overflow:hidden
}

.content_in { 
	background-color:transparent; width:1000px; position:absolute; top:285px; bottom:75px; left:50%; margin-left:-500px; overflow:hidden;
	border:1px solid lightGray; border-width:0px 1px 0px 1px;
}*/

.footer {
	position:absolute; bottom:0px; height:75px; left:0px; right:0px; background-image:url('../img/logo/foot1.png');
	background-repeat:repeat-x;
}

.footer1 {
	position:absolute; bottom:0px; height:75px; left:0px; right:0px; background-image:url('../img/logo/ue-logo.png');
	background-repeat:no-repeat; background-position:center;
}

/*.logo {
	position:absolute; top:10px; left:10px;
}*/

.title {
	position:absolute; top:204px; width:600px; right:0px; height:80px; background-color:transparent;
	text-align:right; color:#ffffff; font-size:24px; font-weight:bold; padding-top:4px; padding-right:30px;
}

/*.search {
	position:absolute; top:144px; width:990px; left:10px; height:140px; background-color:transparent;
	text-align:left; color:#ffffff; font-size:24px; font-weight:bold; padding-top:4px; padding-right:30px;
}*/

.searchInput {
	margin:1px; margin-left:10px; background-image:url('../img/logo/foot.png'); background-repeat:repeat-x; padding:3px;
	padding-left:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:235px; 
	position:relative; right:0px;
	border:1px solid black;
	font-size: 12pt;
}

.list {
	position:absolute; top:30px; left:20px; width:230px; background-color:white; z-index:1000;
	border:1px solid white; overflow:hidden;
}

.subListRow { 
	font-size:10px; margin:4px; color:gray; padding:3px; text-align:left; background-color:white; cursor:pointer;
}

.listRow { 
	font-size:10px; margin:4px; color:#009de0; padding:3px; text-align:left; background-color:white; cursor:pointer;
}

.listRow:hover, .subListRow:hover {
	color:#FFFFFF; background-color:#009de0;
}

.listRowHead {
	font-size:10px; margin:4px; color:#009de0; padding:3px; text-align:left; background-color:#f0f0f0
}

.bollardLink {
	position:absolute; display:block; top:20px; right:60px; font-size:10px; text-decoration:none; color:#FFFFFF; padding:3px;
}
.bollardLink:hover {
	background-color:#FFFFFF; color:#009de0;
}
.bollardSymbol {
	margin:0; padding:0; font-size:18px; color:#eeeeee;
}



.content {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;    
	border: 0px solid black;
}

.content_in {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin:0 auto;
    left: 0;
    right: 0;
    top: 320px;
    bottom: 75px;
	border: 1px solid lightGray;
    border-width: 0px 1px 0px 1px;
    font-weight: bold;
    overflow: auto;
}

.messages_in {
	position: absolute;
	background-color:#FFF;
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin:0 auto;
    left: 0;
    right: 0;
    top: 285px;
	border: 1px solid lightGray;
    border-width: 0px 1px 0px 1px;
    font-weight: bold;
    overflow: auto;
    z-index:500;
}

.logo {
	position:relative; top:10px; left:10px;
}

.clock {
	float:right;
}

.clockDate {
	clear: both;
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	color: #0078ad;
}

.clockTime {
	position: relative;
	float: right;
	padding: 0;
	margin: 30px 0 0 0;
	font-weight: bold;
	font-size: 14pt;
	color: #005e87;	
}


.search {
	height:120px;
	width:100%;
    background-color:transparent;
	text-align:left;
    color:#ffffff;
    padding-top:4px;
    padding-right:30px;
    position:absolute;
    top: 144px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}


.searchRow {
    position:relative;
    width:422px;
    height:30px;
    margin-bottom:5px;
}

.searchTitle {
    width:140px;
    background-color:transparent;
    position:absolute;
    top:4px;
    left:0px;
}

.searchList {
    width: 244px;
    position: absolute;
    top: 22px;
    left: 152px;
    border: 1px solid transparent;
}

.searchSublist {
    min-height: 0px;
    max-height: 300px;
    overflow: auto;
    min-width: 270px;
    position: absolute;
    top: 22px;
    left: 398px;
    border: 1px solid transparent;
}

.searchHint {
	float: right;
	width: 15px;
	position: relative;
	padding: 3px;
	right: 0px;
}

.searchHintDetails {
	position: absolute;
	display: none;
	left: 430px;
	width: 296px;
	text-align: left;
	margin-left: -5px;
	margin-top: -25px;
	color: #0078ad;
	background-color: #FFFFFF;
	padding: 10px;
	font-weight: 100;
	font-size:1.0em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #0078ad;
}

.searchQuestionmark {
	display: block;
	cursor: pointer;
}

.content_in .line {
    width: 100px;
    float: left;
    text-align: center;
}

.content_in .direction {
    overflow: auto;
}

.content_in .additional-info {
    width: 190px;
    height: inherit;
    float: right;
    text-align: right;
    transform: translate(0, -15%);
}

.content_in .time {
    width: 140px;
    float: right;
    text-align: center;
}

.timesHeader {
    height: 37px;
    font-size: 24px;
    color: #0078ad;
    margin: 0px 5px;
    padding: 5px 0px;
    border-bottom: 2px solid #808080;
}

.blueQuestionmark {
	height:24px;
	margin-left:10px;
}

.blueQuestionmarkHintDetails {
	position: absolute;
	display: none;
	left: 430px;
	width: 296px;
	text-align: left;
	margin-left: 200px;
	margin-top: -5px;
	color: #0078AD;
	background-color: #FFF;
	padding: 10px;
	font-weight: 100;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #0078AD;
	z-index: 1000;
}

.pictHint {
	position: absolute;
	display: none;
	left: 370px;
	width: 280px;
	text-align: left;
	margin-left: 200px;
	margin-top: -36px;
	color: #0078AD;
	background-color: #FFF;
	padding: 5px;
	font-weight: 100;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #0078AD;
	z-index: 1000;
	pointer-events:none;
}

.displayBlock {
	display:block;
	z-index: 1000;
}

.content_in .row {
    font-size: 24px;
    padding: 5px;
}

.content_in .row .line {
    color:#005e87;
}

.content_in .row .direction {
    color:gray; overflow:hidden;
}

.blink {
	color:#0078ad;
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1s;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

.faq {
	position:relative;
	margin: 0 auto;
	left :80px;
	color: #FFF;
	padding: 10px 15px 15px;
	text-align: center;
	font-size: 14px;
	height: 40px;
	font-weight: bold;
	cursor: pointer;
}

.faqDiv {
	position: absolute;
	margin: 0 auto;
	padding: 15px;
	background-color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #0078ad;
	width:50%;
	height:80%;
	top:10%;
	left:25%;
	z-index: 1000;
}

.faqClose {
	position:relative;
	float: right;
	cursor: pointer;
	font-weight:700;
	color: #0078ad;
}

.faqContent {
	position:relative;
	width: 100%;
	max-height:95%;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: auto;
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.displayAll {
	width:270px; font-size:10px; background-color:gray; color:#FFF; text-align:center; padding:5px; text-transform:uppercase; cursor:pointer;
}

.displayAll:hover {
	background-color:#009de0; color:#FFFFFF;
}

.listRowAllBollardsHead {
	font-size:24px; centermargin:4px; color:#009de0; padding:5px; text-align:left; background-color:#f0f0f0
}
.debugDetails {
	font-weight:100; font-size: 0.45em; color:#909090; margin-left:130px;
}

.content_in .row .additional-info span {
	display: inline-block;
	padding: 5px;
	margin-right: 5px;
	min-width: 16px;
	font-size: 0.4em;
	font-family: "Arial";
	font-weight: bold;
	text-align: center;
	color: #0078ad;
}

.border-5 {
	border: 2px solid #0078ad;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.pictImg {
     vertical-align: bottom;
     width:25px;
     height:25px;
     margin-right: 5px;
}