body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #626864;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border: 0px;
	
	width:520px; 
	height:332px;
	
	background-attachment: fixed;
	background-image: url(images/bg-pnl.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a:link, a:visited {
	color: #4278BB;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

xtd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

xtable {
  border-spacing: 0px 0px;
  border-collapse: collapse;
  border: none;
}

#dtx-weatherbutton-page1 {display: block;}

#dtx-weatherbutton-page2,  #dtx-weatherbutton-page3, #dtx-weatherbutton-page4 {display:none;}



.dtx-weatherbutton-close-btn {
  text-align: right;
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.dtx-weatherbutton-panel-title {
	margin:0;
	margin-left: 22px;
	vertical-align: top;
	font-weight:bold;
	font-size: 10pt;
	color: #3F4240;
	float:left; 
	width:132px;
}

#dtx-weatherbutton-city {
	font-weight:bold;
	font-size: 10.5pt;
	color: #77BA01;
	float:left; 
	width: 186px; 
	height:18px; 
	margin-top: 1px; 
	
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
	margin-left: 4px;
	margin-right: 4px;
}

.dtx-weatherbutton-temperature-switch {
  font-size: 9.5pt;
  font-weight: bold;
}

.vmn-dtx-weather-city-nav {
	float:left; 
	position:relative; 
	cursor:pointer;
}

img#dtx-weatherbutton-current-big-image {
	position:absolute;
	left:23px;
	top:131px;
	z-index:1;
}


#dtx-weatherbutton-current-forecast {
  position: absolute; 
  left: 26px;
  top: 62px;
  height: 230px;
  width: 110px;
  vertical-align: top;
  cursor: pointer;
}

#dtx-weatherbutton-current-forecast #dtx-weatherbutton-current-title {
  position: relative; 
  top: 12px; 
  font-weight: bold;
}

#dtx-weatherbutton-current-forecast #dtx-weatherbutton-current-temperature {
  position: relative; 
  top: 31px; 
  color: #77BA01;
  font-weight: normal;
  font-size: 15pt;
}

#dtx-weatherbutton-current-forecast #dtx-weatherbutton-current-temperature-feels-like-title {
  position: relative; 
  top: 31px;
  font-weight: bold;
}

#dtx-weatherbutton-current-forecast #dtx-weatherbutton-current-temperature-feels-like {
  position: relative; 
  top: 31px;
  font-weight: bold;
}


#dtx-weatherbutton-current-forecast #dtx-weatherbutton-current-conditions {
  position: absolute; 
  top: 188px; 
  width: 100px;
  height: 50px;
  font-weight: normal;
}

.dtx-weatherbutton-day {
	cursor: pointer;
	position:absolute;
	top:85px;
	width: 70px;
	height: 160px;
	z-index:2;	
}

#dtx-weatherbutton-day1 {
	left:160px;
}

#dtx-weatherbutton-day2 {
	left:251px;
}

#dtx-weatherbutton-day3 {
	left:339px;
}

#dtx-weatherbutton-day4 {
	left:430px;
}

.dtx-weatherbutton-box-day-icon {
  position: relative;
  top: -1px; 
  left: 15px; 
}

.dtx-weatherbutton-box-day-name {
  position: relative;
  top: 15px; 
  left: 0px; 
  font-weight: bold;
}

.dtx-weatherbutton-box-day-temperature {
  position: relative;
  top: 18px; 
  left: 0px; 
  color: #77BA01;
  font-size: 15pt;
}

.dtx-weatherbutton-box-day-temperature-feels-like {
  position: relative;
  top: 21px; 
  left: 0px; 
  color: #3F4240;
  font-size: 10pt;
  font-weight: bold;
}

.dtx-weatherbutton-box-day-conditions {
  position: relative;
  top: 21px; 
  left: 0px; 
}

.dtx-weatherbutton-location-search-box {
	width: 285px;
	height: 19px;
	padding: 2px 0 0 5px;
	margin: 0;
	border: 1px solid #aabbbb;
	vertical-align: middle;
	background-color: #FFFFFF;
	xbackground-image: url(images/searchbox-pnlbtm.png);
	xbackground-repeat: no-repeat;
	xbackground-position: 0 0;
	xbackground-attachment: fixed;
	font-size: 8pt;
	font-style: italic;	
	color: #aabbbb;	
}
	

#dtx-weatherbutton-search-box,
#dtx-weatherbutton-search-box2 
{
	color: #aabbbb;	
}


#dtx-weatherbutton-location-search-box,  
#dtx-weatherbutton-location-search-box2 
{
	color: #000000;	
}

#dtx-weatherbutton-search-btn, #dtx-weatherbutton-search-btn2, #dtx-weatherbutton-location-search-btn, #dtx-weatherbutton-location-search-btn2 {
	width:60px;
	height:19px;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	vertical-align:middle;
	background-image: url(images/btn-search-pnlbtm.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.dtx-weatherbutton-status {
	position: absolute; 
	top: 332px; 
	left: 25px; 
	font-weight: bold; 
	color: #000000;	
}

#dtx-weatherbutton-description {
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	position: absolute;
	left: 30px;
	top: 20px;
	padding-top: 5px;	
}



/*#pnl520x350blue {
	width:520px;
	height: 350px;
	background-attachment: fixed;
	background-image: url(images/bg-pnl520x350blue.png);
	background-repeat: no-repeat;
	background-position: left top;

}*/


#dtx-weatherbutton-locationlistings, #dtx-weatherbutton-searchlistings {
	width:464px;
	margin:auto;
	position:absolute; left:28px; top:60px;
	text-align: center;
}


.dtx-weatherbutton-location {                     
	margin:0;
	padding:0;      
}

.dtx-weatherbutton-location-border {
	cursor: pointer;
	margin:0;
	padding:0;
	border-bottom: 1px solid #91BDDB; 
}

.dtx-weatherbutton-result-border {
	cursor: pointer;
	margin:0;
	padding:0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #91BDDB; 
}


.dtx-weatherbutton-locationentry {
	cursor: normal;
	margin:0;
	padding:0;
	background-image: '';
	background-repeat: no-repeat;
}

.zdtx-weatherbutton-locationentry {
	cursor: pointer;
	margin:0;
	padding:0;
	
	width:100%;
	height:100%;
	
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

.zdtx-weatherbutton-locationentry a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-size: 15px;
	color: #333333;
	font-weight: bold;

}

.zdtx-weatherbutton-locationentry a:hover {
	text-decoration:none;
	background-image: url(images/over-blue.png);
	background-repeat: repeat-x;
}


.dtx-weatherbutton-locationentry-sel {
	background-image: url(images/over-orange.png);
	background-repeat: repeat-x;	
	
	width:100%;
	height:100%;
	
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}


.dtx-weatherbutton-location-table {
	zcursor: pointer;
}

.dtx-weatherbutton-resultentry {
	clear: both;
	padding-bottom: 25px;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

#dtx-weatherbutton-detailed-forecast {
	padding-left: 40px;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #626864;
}

#dtx-weatherbutton-detailed-forecast-next-day {
	text-align: right; 
	position: absolute; 
	width: 70px; 
	left: 110px; 
	top: 294px;
}

#dtx-weatherbutton-detailed-forecast-previous-day {
	text-align: left; 
	position: absolute; 
	width: 80px; 
	left: 35px; 
	top: 294px;
}

#dtx-weatherbutton-ppcbully-control
{
 border:0px;
 height:25px;
 width:175px;
 visibility: hidden;
 display: none;
}
#dtx-weatherbutton-ppcbully-iframe
{
 border:0px;
 width:180px;
 height:29px; 
 margin:-3px 0px 0px -3px;
}
.dtx-weatherbutton-ppcbully-iframe-FF
{
 width:175px; 
 height:23px; 
 padding-top:3px;
}
#sboxweather {
	position:absolute;
	left:150px;
	top:308px;
	width: 355px;
	text-align: right;
}