body{
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #eee; /*#cddbea;*/
}

#container{
  position: relative;
  width: 904px;
  text-align: left;
  padding: 2px;
  background-color: #ffffff;
  margin:0px auto;
}

#jqpopup ul{
  list-style-type: none;
  padding-left:2em;
}
#jqpopup li{
  margin-top:0.3em;
}
#jqpopup a{
  color: #000;
}
#jqpopup a:visited{
  color: #000;
}
#jqpopup a:hover{
  color: #000;
  background-color: #ffcc66; /*#f33;*/
  text-decoration: none;
  border:1px solid #cc3;
}
Ul{
  margin: 0 2em;
}
 
img{
  border:5px solid #cddbea;
}
img.noframe{
  border: 0px;
}
h1{
  font-size: 150%;
}

#viewport a{
  color: #000;
}
#viewport a:visited{
  color: #000;
}
#viewport a:hover{
  color: #000;
  background-color: #ffcc66; /*#f33;*/
  text-decoration: none;
  border:1px solid #cc3;
}

#footer a{
  color: #fff;
}
#footer a:visited{
  color: #fff;
}
#footer a:hover{
  color: #000;
  background-color: #ffcc66; /*#f33;*/
  text-decoration: none;
  border:1px solid #cc3;
}

#header{
  border: 1px solid #ededed;
  padding: 2px;
  margin: 0px 0px 2px 0px;
}
#mast{
  width: 900px;
  height: 100px; /* TEMP - Just to space out for effect/look */
  background-color: #336699;
  margin-bottom: 5px;
  position:relative;
  padding-top: 2px;
}
#menu-div{
  width: 900px;
  height: 25px; /* TEMP - Just to space out for effect/look */
  background-color: #ffffff;
}

#content{
  padding: 2px;
  xbackground-color: gold;
}

#leftside{
  width: 100%;
  float: left;
}
#newscontainer{
  width: 20%;
  height: 300px;
  float: left;
  background-color: steelblue;
}
#news{
  text-align: center;
  height: 90%;
  margin: 10px 10px 0px 10px;
  border: 1px solid #000000;
}

#viewportcontainer{
  width: 75%;
  float: left;
  min-height:300px;
  background-color: #fff;
  border: 1px solid #000000;
  color:#000;
  margin-top:2px;
}
#viewportcontainer p{
  margin: 1em 0em 1em; 0em;
}

#viewport{
  text-align: left;
  height: 100%;
  margin: 10px 10px 5px 10px;
}

#poll-container{
  width: 24%;
  min-height:300px;
  height: 400px;
  float: right;
  color: #000;
  border: 1px solid #000000;
  margin-top:2px;
}
#poll{
  text-align: center;
  height: 60%;
  margin: 5px 5px -5px 5px;
  border: 0; //px solid yellow; //#F1F1F1;
  color: #000;
}

#iframe-poll{
  padding:0;
  margin:0;
  border:0;
}

#footer{
  clear: both;
  padding: 4px 6px 4px 6px;
  margin: 12px 0px 0px 4px;
  font-size: 0.75em;
  color: #fff;
  border-top: 1px solid #999999;
  background-color: #336699;
}
#apptitle {
  color:#ffffff;
  font-family:Arial Black;
  font-size:2em;
  font-weight:normal;
  margin-left:8px;
}
#appsubtitle {
  color: #ffcc66;
  font-family:Arial Black;
  font-size:0.8em;
  font-weight:normal;
  margin-left:8px;
}
legend{
  color:#ff0000;
}
.title{
  font-size: 1.2em;
  color:#ff0000;
}
.mandatory{
  color: silver;
  font-size:0.8em;
}
.controlelement{
  padding: 2px 20px 2px 20px;
}
.controlelement label{
  width: 250px;
  float:left;
}
.thumbleft{
  border:1px solid #DDDDDD;
  float:left;
  margin-bottom:15px;
  margin-right:10px;
  padding:7px;
}
.thumbright{
  border:1px solid #DDDDDD;
  float:right;
  margin-bottom:15px;
  margin-right:10px;
  padding:7px;
}
.thumbcaption {
  font-size:0.9em;
  padding-top:0.2em;
  text-align:center;
}
.activeTitle{
  color: #336699;
}

.makeStrongsBlue strong{
  color: #336699;
}

.timedata-group{
  margin: 3px;
  width: 135px;
  height: 170px;
  float: left;
  font-size: 0.9em;
  text-align: center;
}
.timedata-groupname{
  margin: 1px;
  width: 135px;
  padding-left: 3px;
  background-color: #eee;
}
.timedata-weekday{
  margin: 1px;
  width: 35px;
  float: left;
  text-align:left;
}
.timedata-openings{
  margin: 1px;
  width: 95px;
  float: left;
}
ul.facilities-list{
  list-style:none outside none;
  overflow:hidden;
  width:35em;
}
ul.facilities-list li {
  float:left;
  list-style-type:none;
  margin: 2px 0 2px 0;
  white-space:nowrap;
  width:16em;
  font-size: 0.9em;
}
ul.facilities-list li.facilityYes {
  padding-left:20px;
  background:transparent url(../images/tick_16.png) no-repeat;
  background-position:0 1px;

}
ul.facilities-list li.facilityNo {
  padding-left:20px;
  background:transparent url(../images/cross_16.png) no-repeat;
  background-position:0 1px;
}

table.serviceResults{
  border-color: #D2D2D2 #717171 #717171 #D2D2D2;
  border-style: solid;
  border-width: 1px;
  empty-cells: show;
  font-size: 0.8em;
}
.serviceResultsHeadings{
  background-color: #292f2f;
  color: #fff;
  font-weight: bold;
  height: 20px;
  text-align:left;
  white-space: nowrap;
}
.serviceResultsService{
  padding-left: 2px;
  line-height: 2em;
}
.serviceResultsAddress{
  color: #c5c5c5;
  font-size: 0.85em;
  line-height: 1em;
}