/* CSS Document */

.last-updated {
	clear: both;
	font-size: 75%;
	text-align:left;
}

#wt-nav {
	background: url(../images/skin/wt-tabs-nav-bg.gif) no-repeat bottom left;
	height: 35px;
	padding-left: 10px;
}

#wt-nav li {
	height: 25px;
	padding: 10px 10px 0 10px;
	width: 130px;
	_padding-top: 9px;
}

#wt-nav .ui-tabs-selected {
	background: url(../images/skin/wt-tab-li-selected-bg.gif) no-repeat top center;
}

#wt-nav #tab-traffic-a {
	background-color: transparent !important;
	background: url(../images/skin/wt-traffic-a-bg.gif) no-repeat center;
	height: 20px;
	width: 100%;
}

#wt-nav #tab-weather-a {
	background-color: transparent !important;
	background: url(../images/skin/wt-weather-a-bg.gif) no-repeat center;
	height: 20px;
	width: 100%;	
}

#wt-nav li a span,
#wt-nav .ui-tabs-selected a span {
	display: none !important;
}

/* TRAFFIC CAMERAS - GENERAL */
.camera {
	font-size: 85.3%;
}

.camera img {
	border: 1px solid #6d726b;
	width: 100%;
}

.camera label {
	font-weight: bold;
	display: block;
}

.camera a, .camera a:link, .camera a:visited {
	color: #169546;
	text-decoration: none;
	cursor: pointer;
	display: block;
	clear: left;
}
.camera a:hover {
	text-decoration: underline;
}

/* TRAFFIC CAMERAS - SIDE */

#tab-traffic {
	text-align: left;
}
#camera {
	padding: 2px 12px;
	width: 290px; /* width of the traffic camera image */
	height: 220px;
	text-align: left;
}

#traffic-listen {
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/traffic/listen-bg.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 95%;
	line-height: 16px;
	margin-left: 12px;
	margin-top: 5px;
	display: block;
}

#camera label {
	float: left;
	width: 190px;
}

#cameraNav {
	float: right;
	width: 90px;
	text-align: right;
}

#cameraNav a {
	display: inline;
}

#camerasMore {
	clear: left;
	font-weight: bold;
	display: block;
	width: 175px;
}

/* TRAFFIC CAMERAS - GOOGLE MAP */

#camMap {
	position: relative;
	width:630px;
	height:400px;
	border: 1px solid #666666;
	background-color: #EEEEEE;
}

.cameraMapPopup {
	width: 200px;
}
.cameraMapPopup img {
	height: 150px;
}

.cameraMapPopup a {
	display: block;
}


#cameraDashboard {
	margin: 0; padding:0;
	clear: left;
	overflow: hidden;
	margin-bottom: 15px;
}

#cameraDashboard li {
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	width: 202px;
	overflow: hidden;
	font-size: 77%;
	padding: 5px 10px 15px 0;
}
#cameraDashboard li img {
	width: 200px;
	height: 150px;
}

#cameraDashboard label {
	height: 2.5em;
}

#cameraDashMsg {
	display: none;
	background: #BFD9CC;
	border: #433F40 1px solid;
	color: #433F40;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 123.1%;
	margin: 15px 0;
}

#cameraRemoveAll {
	color: #169546;
	text-decoration: none;
	cursor: pointer;
	font-size: 77%;
	text-transform: none;
}
#cameraRemoveAll:hover {
	text-decoration: underline;
}

#cameraRefresh {
	font-size: 85%;
	padding: 5px;
	border: 1px solid #999999;
	background: #e3e3e3;
	float: left;

}

#cameraRefresh a {
	color: #169546;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}
#cameraRefresh a:hover {
	color: #169546;
	text-decoration: underline;
}
#cameraRefresh a.set, #cameraRefresh a.set:hover {
	color: #585858;
	text-decoration: none;
	cursor: text;
}

#trafficLinks {
	clear: left;
}

#cameraDebug {
	height: 400px;
	overflow: scroll;
	border: 1px solid black;
	background: #FFF;
	width: 290px;
	padding: 5px;
	font-size: 77%;
}


/* weather */
#weather-side {
	width: 300px;
	position: relative;
	float: right;
}

#weather-side .current {
background: #fff;
margin-top: 10px;
padding: 5px;
}

#weather-side .current .icon,
#weather-side .current .conditions {
display: block;
	float: left;
	width: 75px;
}

#weather-side .current .conditions .temp {

font-size: 200%;
}
#weather-side .current .temperatures {
padding-left: 20px;
float: left;
}

#weather-side .forecast {
	clear: both;
}

#weather-side .forecast .day {
	width: 55px;
	float: left;
	padding: 2px;
	background: #FFF;
	overflow:hidden;
	text-align: center;
}
#weather-side .forecast h3 {
margin: 0;
margin-top:5px;
font-size: 85%;
text-transform: uppercase;
}
#weather-side .forecast .day h4 {
	text-transform: uppercase;
	font-weight: bold;
	color: #009543;
	font-size: 93%;
}
#weather-side .forecast .conditions {
	font-size: 75%;
}
#weather-side .forecast .conditions .temp {
	display: block;
}
#weather-info {
padding-top: 5px;
clear: both;
overflow:hidden;
}
#weather-info .title {
display: none;
}
#weather-info p {
margin:0;
padding:0;
font-size: 0.8em;
font-weight: bold;
line-height: 1.1em;
}
#weather-info .footer {
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 85%;
}


#weather-side .forecast {
background: #FFF;
margin-top: 1em;
}


#weather-side .current .icon {
  display: block;
  width: 65px;
  height: 41px;
}
#weather-side .current .sky-1 { background: url(http://weather.rogersradio.ca/images/default/01.gif) no-repeat center; }
#weather-side .current .sky-2 { background: url(http://weather.rogersradio.ca/images/default/02.gif) no-repeat center; }
#weather-side .current .sky-3 { background: url(http://weather.rogersradio.ca/images/default/03.gif) no-repeat center; }
#weather-side .current .sky-4 { background: url(http://weather.rogersradio.ca/images/default/04.gif) no-repeat center; }
#weather-side .current .sky-5 { background: url(http://weather.rogersradio.ca/images/default/05.gif) no-repeat center; }
#weather-side .current .sky-6 { background: url(http://weather.rogersradio.ca/images/default/06.gif) no-repeat center; }
#weather-side .current .sky-7 { background: url(http://weather.rogersradio.ca/images/default/07.gif) no-repeat center; }
#weather-side .current .sky-8 { background: url(http://weather.rogersradio.ca/images/default/08.gif) no-repeat center; }
#weather-side .current .sky-9 { background: url(http://weather.rogersradio.ca/images/default/11.gif) no-repeat center; }
#weather-side .current .sky-10 { background: url(http://weather.rogersradio.ca/images/default/12.gif) no-repeat center; }
#weather-side .current .sky-11 { background: url(http://weather.rogersradio.ca/images/default/13.gif) no-repeat center; }
#weather-side .current .sky-12 { background: url(http://weather.rogersradio.ca/images/default/14.gif) no-repeat center; }
#weather-side .current .sky-13 { background: url(http://weather.rogersradio.ca/images/default/15.gif) no-repeat center; }
#weather-side .current .sky-14 { background: url(http://weather.rogersradio.ca/images/default/16.gif) no-repeat center; }
#weather-side .current .sky-15 { background: url(http://weather.rogersradio.ca/images/default/17.gif) no-repeat center; }
#weather-side .current .sky-16 { background: url(http://weather.rogersradio.ca/images/default/18.gif) no-repeat center; }
#weather-side .current .sky-17 { background: url(http://weather.rogersradio.ca/images/default/19.gif) no-repeat center; }
#weather-side .current .sky-18 { background: url(http://weather.rogersradio.ca/images/default/20.gif) no-repeat center; }
#weather-side .current .sky-19 { background: url(http://weather.rogersradio.ca/images/default/21.gif) no-repeat center; }
#weather-side .current .sky-20 { background: url(http://weather.rogersradio.ca/images/default/22.gif) no-repeat center; }
#weather-side .current .sky-21 { background: url(http://weather.rogersradio.ca/images/default/23.gif) no-repeat center; }
#weather-side .current .sky-22 { background: url(http://weather.rogersradio.ca/images/default/24.gif) no-repeat center; }
#weather-side .current .sky-23 { background: url(http://weather.rogersradio.ca/images/default/25.gif) no-repeat center; }
#weather-side .current .sky-24 { background: url(http://weather.rogersradio.ca/images/default/26.gif) no-repeat center; }
#weather-side .current .sky-25 { background: url(http://weather.rogersradio.ca/images/default/29.gif) no-repeat center; }
#weather-side .current .sky-26 { background: url(http://weather.rogersradio.ca/images/default/30.gif) no-repeat center; }
#weather-side .current .sky-27 { background: url(http://weather.rogersradio.ca/images/default/31.gif) no-repeat center; }
#weather-side .current .sky-28 { background: url(http://weather.rogersradio.ca/images/default/32.gif) no-repeat center; }
#weather-side .current .sky-29 { background: url(http://weather.rogersradio.ca/images/default/33.gif) no-repeat center; }
#weather-side .current .sky-30 { background: url(http://weather.rogersradio.ca/images/default/34.gif) no-repeat center; }
#weather-side .current .sky-31 { background: url(http://weather.rogersradio.ca/images/default/35.gif) no-repeat center; }
#weather-side .current .sky-32 { background: url(http://weather.rogersradio.ca/images/default/36.gif) no-repeat center; }
#weather-side .current .sky-33 { background: url(http://weather.rogersradio.ca/images/default/37.gif) no-repeat center; }
#weather-side .current .sky-34 { background: url(http://weather.rogersradio.ca/images/default/38.gif) no-repeat center; }
#weather-side .current .sky-35 { background: url(http://weather.rogersradio.ca/images/default/39.gif) no-repeat center; }
#weather-side .current .sky-36 { background: url(http://weather.rogersradio.ca/images/default/40.gif) no-repeat center; }
#weather-side .current .sky-37 { background: url(http://weather.rogersradio.ca/images/default/41.gif) no-repeat center; }
#weather-side .current .sky-38 { background: url(http://weather.rogersradio.ca/images/default/42.gif) no-repeat center; }
#weather-side .current .sky-39 { background: url(http://weather.rogersradio.ca/images/default/43.gif) no-repeat center; }
#weather-side .current .sky-40 { background: url(http://weather.rogersradio.ca/images/default/44.gif) no-repeat center; }

#weather-side .forecast .icon {
  display: block;
  width: 55px;
  height: 22px;
}
#weather-side .forecast .sky-1 { background: url(http://weather.rogersradio.ca/images/default-small/01.gif) no-repeat center; }
#weather-side .forecast .sky-2 { background: url(http://weather.rogersradio.ca/images/default-small/02.gif) no-repeat center; }
#weather-side .forecast .sky-3 { background: url(http://weather.rogersradio.ca/images/default-small/03.gif) no-repeat center; }
#weather-side .forecast .sky-4 { background: url(http://weather.rogersradio.ca/images/default-small/04.gif) no-repeat center; }
#weather-side .forecast .sky-5 { background: url(http://weather.rogersradio.ca/images/default-small/05.gif) no-repeat center; }
#weather-side .forecast .sky-6 { background: url(http://weather.rogersradio.ca/images/default-small/06.gif) no-repeat center; }
#weather-side .forecast .sky-7 { background: url(http://weather.rogersradio.ca/images/default-small/07.gif) no-repeat center; }
#weather-side .forecast .sky-8 { background: url(http://weather.rogersradio.ca/images/default-small/08.gif) no-repeat center; }
#weather-side .forecast .sky-9 { background: url(http://weather.rogersradio.ca/images/default-small/11.gif) no-repeat center; }
#weather-side .forecast .sky-10 { background: url(http://weather.rogersradio.ca/images/default-small/12.gif) no-repeat center; }
#weather-side .forecast .sky-11 { background: url(http://weather.rogersradio.ca/images/default-small/13.gif) no-repeat center; }
#weather-side .forecast .sky-12 { background: url(http://weather.rogersradio.ca/images/default-small/14.gif) no-repeat center; }
#weather-side .forecast .sky-13 { background: url(http://weather.rogersradio.ca/images/default-small/15.gif) no-repeat center; }
#weather-side .forecast .sky-14 { background: url(http://weather.rogersradio.ca/images/default-small/16.gif) no-repeat center; }
#weather-side .forecast .sky-15 { background: url(http://weather.rogersradio.ca/images/default-small/17.gif) no-repeat center; }
#weather-side .forecast .sky-16 { background: url(http://weather.rogersradio.ca/images/default-small/18.gif) no-repeat center; }
#weather-side .forecast .sky-17 { background: url(http://weather.rogersradio.ca/images/default-small/19.gif) no-repeat center; }
#weather-side .forecast .sky-18 { background: url(http://weather.rogersradio.ca/images/default-small/20.gif) no-repeat center; }
#weather-side .forecast .sky-19 { background: url(http://weather.rogersradio.ca/images/default-small/21.gif) no-repeat center; }
#weather-side .forecast .sky-20 { background: url(http://weather.rogersradio.ca/images/default-small/22.gif) no-repeat center; }
#weather-side .forecast .sky-21 { background: url(http://weather.rogersradio.ca/images/default-small/23.gif) no-repeat center; }
#weather-side .forecast .sky-22 { background: url(http://weather.rogersradio.ca/images/default-small/24.gif) no-repeat center; }
#weather-side .forecast .sky-23 { background: url(http://weather.rogersradio.ca/images/default-small/25.gif) no-repeat center; }
#weather-side .forecast .sky-24 { background: url(http://weather.rogersradio.ca/images/default-small/26.gif) no-repeat center; }
#weather-side .forecast .sky-25 { background: url(http://weather.rogersradio.ca/images/default-small/29.gif) no-repeat center; }
#weather-side .forecast .sky-26 { background: url(http://weather.rogersradio.ca/images/default-small/30.gif) no-repeat center; }
#weather-side .forecast .sky-27 { background: url(http://weather.rogersradio.ca/images/default-small/31.gif) no-repeat center; }
#weather-side .forecast .sky-28 { background: url(http://weather.rogersradio.ca/images/default-small/32.gif) no-repeat center; }
#weather-side .forecast .sky-29 { background: url(http://weather.rogersradio.ca/images/default-small/33.gif) no-repeat center; }
#weather-side .forecast .sky-30 { background: url(http://weather.rogersradio.ca/images/default-small/34.gif) no-repeat center; }
#weather-side .forecast .sky-31 { background: url(http://weather.rogersradio.ca/images/default-small/35.gif) no-repeat center; }
#weather-side .forecast .sky-32 { background: url(http://weather.rogersradio.ca/images/default-small/36.gif) no-repeat center; }
#weather-side .forecast .sky-33 { background: url(http://weather.rogersradio.ca/images/default-small/37.gif) no-repeat center; }
#weather-side .forecast .sky-34 { background: url(http://weather.rogersradio.ca/images/default-small/38.gif) no-repeat center; }
#weather-side .forecast .sky-35 { background: url(http://weather.rogersradio.ca/images/default-small/39.gif) no-repeat center; }
#weather-side .forecast .sky-36 { background: url(http://weather.rogersradio.ca/images/default-small/40.gif) no-repeat center; }
#weather-side .forecast .sky-37 { background: url(http://weather.rogersradio.ca/images/default-small/41.gif) no-repeat center; }
#weather-side .forecast .sky-38 { background: url(http://weather.rogersradio.ca/images/default-small/42.gif) no-repeat center; }
#weather-side .forecast .sky-39 { background: url(http://weather.rogersradio.ca/images/default-small/43.gif) no-repeat center; }
#weather-side .forecast .sky-40 { background: url(http://weather.rogersradio.ca/images/default-small/44.gif) no-repeat center; }

#weather-info .date {
	display: none;
}