::-webkit-scrollbar {
      width: 10px;
}
::-webkit-scrollbar-track {
      background-color: rgba(32, 32, 32, 0.4);
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.4); 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: rgba(0, 0, 0, 0.8); 
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also */


@media all and (orientation:portrait) {
  #container{
  width:320;
  height:100%;
  text-align:center;
  z-index: 0;
  }
}

@media all and (orientation:landscape){
  #container{
  width:640;
  height:100%;
  text-align:center;
  z-index: 0;
  }
}

/*html,*/ body {   /* Not sure why, but need to delete html for firefox */
  text-align:center;
  background-repeat:no-repeat;
  background-position:center top;
  margin:0;
  padding:0;
  width:100%;

}

/*
#container{
  width:320;
  height:100%;
  text-align:center;
  z-index: 0;
}
*/
#wrecords{
	text-align:center;
	/*min-height:1%;*/
	margin:0 auto;
  position: relative;
  display: none;
}
#wforecast{
	text-align:center;
	/*min-height:1%;*/
	margin:0 auto;
  position: relative;
  display: none;
  /*background: blue;*/
}

#wstation{
	text-align:center;
	margin:0 auto;
  position: relative;
  display: none;
  /*background: red;*/
}

#menu {
	/*position:relative;*/
  position:fixed;
	/*float: right;*/ 
	width: 90px;
  text-align:left;
  /*height: 30px;*/
	top:0;
  left: 210px;
  /*right: 90px;*/
	/* left:140;  */
	/*right:310;*/
	/*background: #EBEBEB; */
	padding: 0px 0px 0px 0px; 
	/*background-image:url('/weather/images/menu/background.png');*/
  /*background: rgba(64, 64, 64, .6);*/
  background: rgba(0, 0, 0, 0);
  z-index: 999;
  color: white;
}

.button {
    /*background-color: #4CAF50; *//* Green */
    background: rgba(84, 84, 84, .6);
    border: none;
    color: white;
    padding: 0px 0px 0px 0px;
    width:26;
    height:26;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}


#wrecords_wrapper{
	text-align:center;
	min-height:1%;
	/*width:310;*/
	margin:0 auto;
  /*float:center;*/
}
#wforecast_wrapper{
	text-align:center;
	min-height:1%;
	/*width:310;*/
	margin:0 auto;
  /*float:center;*/
}

#wstation_wrapper{
	/*background:#809fff;*//* right column colour*/
  color: white;
	text-align:center;
	/*border:1px solid #121;*/
	min-height:1%;
	/*width:320;*/
  
  /*height:100%;*/
	margin:0 auto;
  /*Needed for background image to display*/
  height:340;
  background-repeat:no-repeat;
  background-position:center top;

}
#wstation_left{
  /*background:blue;*/
  padding:0;
  width:140;
  height:340;
  float:left;
}
#wstation_right{
  /*background:red;*/
  padding:90 0 0 0;
  width:180;
  height:250;
  float:right;
}
#wstation_summary{
  /*background:red;*/
  padding:360 0 0 0;
  width:300;
  height:60;
  margin-left:auto;
  margin-right:auto;
  /*float:right;*/
}

.wforecast_element{
  padding:20 0 0 5;
  width:300;
  display: inline-block;
  float: left;
}

.wrecords_element{
  padding:20 0 0 5;
  width:300;
  display: inline-block;
  float: left;
}

.wforecast_pair{
  /*height:300;*/
  width:100%;
  overflow:auto;
}

div.tempDisplay {
font-size:10px;
}

table.details {
border:0;
/*width:180;*/
width:100%;
}

table.details td {
border:0;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
}

table.details th {
color:white;
background-color:#212121;
}

table.details tr.d0Tran td {
background: rgba(64, 64, 64, .6);
}

table.details tr.d1Tran td {
background: rgba(32, 32, 32, .6);
}

table.details td.tdsmall {
  font-size: small;
}
table.details td.tdxsmall {
  font-size: x-small;
}

table.forecast {
border:0;
width:300;
/*width:100%;*/
}

table.forecast td {
border:0;
padding-left:5px;
padding-right:5px;
color:#FFFFFF;
}

table.forecast th {
color:white;
background-color:#212121;
}

table.forecast tr.d0Tran td {
background: rgba(64, 64, 64, .6);
}

table.forecast tr.d1Tran td {
background: rgba(32, 32, 32, .6);
}

table.forecast td.tdsmall {
  font-size: small;
  padding: 1px 0px;
}
table.forecast td.tdxsmall {
  font-size: x-small;
  padding: 1px 0px;
}


table.records {
border:0;
width:300;
/*width:100%;*/
}

table.records td {
border:0;
padding-left:5px;
padding-right:0px;
color:#FFFFFF;
}

table.records th {
color:white;
background-color:#212121;
}

table.records tr.d0Tran td {
background: rgba(64, 64, 64, .6);
}

table.records tr.d1Tran td {
background: rgba(32, 32, 32, .6);
}

table.records td.tdsmall {
  font-size: small;
  /*padding: 1px 0px;*/
}
table.records td.tdxsmall {
  font-size: x-small;
  /*padding: 1px 0px;*/
}

.uom {
  font-size: x-small;
}