/*

ec9837
30895b

*/

body {
  font-family: 'Trebuchet MS', Tahoma, Serif;
  font-size: 14px;
  padding:0px;
  margin:0px;
  background-color:#4b7098;
}

#linksBack {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 18px;
  z-index: 0;
  background-color: #0C3E74;
}

#linksBar {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}

#linksBarPopup {
  width: 1150px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  background-color: #0C3E74;
}

#linksBarPopupQ {
  width: 1150px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}

.linksBarBoxes {
  border: 1px solid #ffffff;
  color: #000000;
  padding-right: 2px;
  padding-left: 8px;
  padding-top: 28px;
  padding-bottom: 4px;
  font-size: 12px;
  background-repeat: no-repeat;
}

.linksBarBoxesQ {
  border: 1px solid #000;
  color: #000000;
  padding-right: 2px;
  padding-left: 8px;
  padding-top: 28px;
  padding-bottom: 4px;
  font-size: 12px;
  background-repeat: no-repeat;
}

.linksBarBoxes a {
  color: #000000;
  text-decoration: none;
}

.linksBarBoxes a:hover {
  color: #000000;
  text-decoration: underline;
}

.linksBarBoxesQ a {
  color: #000000;
  text-decoration: none;
}

.linksBarBoxesQ a:hover {
  color: #000000;
  text-decoration: underline;
}

#linksBarControls {
  width: 1150px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#linksBarButton {
  display: block;
  position: absolute;
  float: left;
  color: #ffffff;
}

#mainWrapper {
  width:1150px;
  margin:0px auto;
  text-align: center;
}

#mainWidth {
  text-align: left;
  width: 1150px;
  position: relative;
  top: 50px;
}

.leftsidebarContent {
  width: 330px;
  border: 1px solid #000000;
  padding-top: 25px;
  margin-bottom: 10px;
  background-color:#fff;
}

.headerContent {
  background-color: #30895b;
  color:#fff;
  line-height:25px;
  height:25px;
  padding-left:5px;
  padding-right:5px;
  font-size:12px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight:bold;
}

.headerContent a {
  color:#fff;
  text-decoration:none;
}

.headerContent a:hover {
  color:#fff;
  text-decoration:underline;
}

.orangeSubhead {
  background-color: #ec9837;
  color:#fff;
  line-height:20px;
  height:20px;
  text-align:center;
  font-size:12px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight:bold;
}

a.feedLink {
  height:25px;
  line-height:25px;
  padding-left:7px;
  padding-right:7px;
  padding-top:6px;
  padding-bottom:5px;
  margin:0px;
  color:#fff;
  text-decoration:none;
}

a.feedLink:hover {
  text-decoration:none;
  background-color:#266e49;
}

a.feedLinkActive {
  height:25px;
  line-height:25px;
  padding-left:7px;
  padding-right:7px;
  padding-top:6px;
  padding-bottom:5px;
  margin:0px;
  color:#fff;
  text-decoration:none;
  background-color:#ec9837;
}

a.feedLinkActive:hover {
  text-decoration:none;
  background-color:#ec9837;
}

.mainContent {
  width: 490px;
  border: 1px solid #000000;
  background-color:#ffffff;
  margin-bottom: 10px;
}

.rightsidebarContent {
  width: 150px;
  border: 1px solid #000000;
  padding-top: 25px;
  margin-bottom: 10px;
  background-color:#fff;
}

#currentLocation {
  color: #ffffff;
  font-size:12px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight:bold;
}

#currentTemp {
  font-size: 19px;
  vertical-align:middle;
}

#currentFlik {
  font-size: 14px;
  vertical-align:middle;
}

#currentWind {
  font-size: 14px;
  vertical-align:middle
}

#newsFeedWrapper {
  font-size: 12px;
  padding: 5px;
  padding-top: 2px;
}

.updatingIcon {
  background-color:#ffffff;
  width:18px;
  height:18px;
  margin-top:3px;
  margin-right:4px;
  text-align:center;
  vertical-align:middle;
}

.rssLink {
  font-size:12px;
  color:#000000;
  text-decoration:none;
}

.rssLink:hover {
  font-size:12px;
  color:#000000;
  text-decoration:underline;
}

.rssBlock {
  padding: 10px;
  padding-top:5px;
  padding-bottom:5px;
}

.weekaheadHigh {
  font-size:15px;
  color:#980000;
}

.weekaheadLow {
  font-size:15px;
  color:#000098;
}

.swaLink {
  color:#ffffff;
  text-decoration:none;
}

.swaLink:hover {
  color:#ffffff;
  text-decoration:underline;
}

#whitebox {
	display:none;
	position:absolute;
	top:150px;
	left:200px;
	width:840px;
	border:none;
	background-color:#fff;
	z-index:1002;
	font-size:18px;
	font-family: 'Roboto', Tahoma, Verdana, Arial, sans-serif;
	box-shadow: 0px 0px 30px 8px #000;
}

#whiteboxTitle {
	background-color:#980000;
	color:#fff;
	height:30px;
	line-height:30px;
	text-align:center;
	position:relative;
	z-index:1002;
}

#expiryTitle {
	font-size:15px;
	line-height:30px;
	vertical-align:middle;
}

#whiteboxClose {
	height:24px;
	width:24px;
	position:absolute;
	top:-12px;
	right:-12px;
	z-index:1003;
}

#whiteboxInside a, #whiteboxInside a:hover, #whiteboxInside a:active, #whiteboxInside a:visited {
	color:#000;
	text-decoration:underline;
}

#whiteboxInside {
	width:100%;
	font-size:14px;
	background-color:#fff;
}

#whiteboxMap {
	width:100%;
	height:400px;
	clear:both;
}

#mapLoading {
	width:100%;
	height:400px;
	clear:both;
	text-align:center;
	font-size:16px;
	line-height:400px;
}

#blackbox {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:black;
	z-index:1001;
	opacity:0.8;
}

.forecasthover {
	position:absolute;
	z-index:1000;
	top:50px;
	left:50px;
	width:300px;
	border:1px solid #000;
	background-color:#fff;
}