@charset "UTF-8";
/**
 * Stylesheet: example.css
 *
 * (c) 2011-2012 Zazar Ltd
 * 
 * Description: Stylesheet for examples
 *
 **/
  table { 
	  border-spacing: 0; 
	  border: 4px solid #6EBDE3;
	  border-radius: 6px 6px 6px 6px; 
	  -moz-border-radius: 6px 6px 6px 6px; 
	  -webkit-border-radius: 6px 6px 6px 6px; 
	 
	  }
			iframe {
			height: 100%;
			width: 100%;
			border: none;
			}
			label {
			font-weight: bold;
			}
			body {
	margin: 1em 3em;
	font-family: Tahoma, Genevam, sans-serif;
}
			.cnnclass{
			width: 400px;
			padding: 5px;
			background-color: #F3F3F3;
			border: 1px solid black;
			margin-bottom: 1em;
			filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
			-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
			}
			
			.cnnclass a{
			text-decoration: none;
			}
			
			.bbcclass{
			width: 800px;
			padding: 6px;
			background-color:#EEEEEE;
			}
			
			.rsstitle{ /*shared class for all title elements in an RSS feed*/
			font-weight: bold;
			font-size:8pt;
			}
			.a .rsstitle{
			font-size:8pt;
			}
			.rssdate{ /*shared class for all date elements in an RSS feed*/
			color: gray;
			font-size: 100%;
			}
			
			.rssdescription{ /*shared class for all description elements in an RSS feed*/
			padding-top:8px;
			font-size:10pt;
			}

.cnnclass{
width: 400px;
padding: 5px;
background-color: #F3F3F3;
border: 1px solid black;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
height:100%;
width: 100%;
padding: 8px;
margin-left:0.08rem

}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
color: gray;
text-decoration: none;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 100%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}



form { margin-bottom: 1em; }

.weatherFeed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;

	width: 100%;
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding: 0.8em;
	text-align: right;
}
.weatherCity { text-transform: uppercase; }
.weatherTemp {
	font-size: 1.8em;
	font-weight: bold;
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 0.5em; }
.weatherLink, .weatherForecastItem {
	margin-top: 0.5em;
	text-align: left;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

.odd { background-color: #e8e8fc; }
.even { background-color: #d4d4e8; }