body
{
    font-size: 13px;
	position: relative;
	margin: 0;
	padding: 0;
	background:# center top fixed;
	/*background-image: url(buttongradient.php?bg2=&bg=&width=1&height=1000);*/
	background-repeat: repeat-x;
	color: #;
    font-family: verdana, arial, serif
}
em
{
	font-size: 1em;
	font-weight: bold;
}
input, select , textarea, #search_box input
{
	border: 1px solid;
	padding:1px;
	background: #;
}
ul { list-style-type: none;}
.manager
{
	font-size: 1.1em;
	color: #ffcc00;
}
.inv
{
	color: #;
	background: #;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.inv a
{
	color: #;
}
.inv span.info
{
	color: #;
}
.inv_plain
{
	color: #;
	background: #;
	border: # 3px solid;
	padding: 5px;
	margin: 0em;
}
.inv_plain a
{
	color: # !important;
}
.inv_plain a.hlink
{
	display:block;
	color: #;
    background: none transparent scroll repeat 0% 0%
}
.inv_plain span.info
{
	color: #;
}
.inv_plain_2
{
 
	background: #;
	color: #;
	padding: 2px;
	margin: 0em;
 
}
 
.inv_plain_2_zebra
{
	background: #;
	color: #;
	padding: 0px;
	margin: 0em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
 
}
.inv_plain_2_zebra:hover
{
	background: #;
}
.inv_plain_3_minus
{
	background:#;
	color: #;
	padding: 2px;
	margin: 0em;
 
}
.inv_plain_3_minus:hover
{
	background: #;
}
.inv_plain_3
{
	background: #;
	color: #;
	padding: 2px;
	margin: 0em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
 
}
.border_3
{
	border-top: # 1px dashed;
	border-bottom: # 1px dashed 
 
}
.inv_plain_3_zebra
{
	background: #;
	color: #;
	padding: 0px;
	margin: 0.1em 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
 
 
}
.inv_plain_3_zebra:hover
{
	background: #;
}
.half_zebra
{
	background: #;
}
.base
{
	background: #;
	color: #;
	border: # 1px solid;
    text-align: center;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.base a
{
	color: #;
}
.topbase
{
	font-weight: bold;
    font-size: 1.2em;
    height: 30px;
	padding: 6px;
	background: url() # fixed ;
	border: # 1px solid;
    text-align: center;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 
}
.grad
{
	background: #;
	color: #;
	background-image: url(buttongradient.php?bg2=&bg=&width=1&height=110);
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
 
}
.grad a
{
	color: #;
}
.invgrad
{
	background: #;
	color: #;
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.invgrad a
{
	color: #;
}
.grad_header
{
	background: #; 
	width:760px;
	height:10px;
	background-repeat: repeat-x;
 
}
.glow
{
	line-height: 14px;
}
.glow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}
.float
{
	float:right;
	direction:rtl;
	text-align: right;
}
 
#header2
{
	background: url(images/header_gradient.gif) repeat-x;
}
a
{
    font-weight: bold;
    color: #;
    text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a.hlink
{
	display:block;
	background: none transparent scroll repeat 0% 0%
}
tr.smalltbl
{
    font-size: 0.85em;
    text-align: center
}
table
{
    font-size: 1em;
	border: 0;
}
.box
{
	border-right: # 1px solid;
	border-left: # 1px solid;
	border-bottom: # 1px solid;
	margin: 0;
	direction:rtl}
.nobottom
{
	border-right: # 1px solid;
	border-left: # 1px solid;
	border-top: # 1px solid;
	border-bottom: 0px;
}
.notopbottom
{
	border-right: # 1px solid;
	border-left: # 1px solid;
	border-top: 0px;
	border-bottom: 0px;
}
.button
{
	border-right:# 1px solid;
    border-top:# 1px solid;
    border-left:# 1px solid;
    border-bottom:# 1px solid;
    height: 2em;
	width: 5em;
    background:#;
    color:#;
    font-weight: bold;
}
td
{
	border: none;
}
th
{
	border-right: black 1px;
    background-position: 0% 0%;
    font-weight: bold;
    font-size: 1.1em;
    background-attachment: scroll;
    background-repeat: repeat;
    height: 25px;
    text-align: center
}
tr.smalltbl:hover
{
    background-color: #}
tr.tbl:hover
{
    background-color: #}
 
td.smalltbl
{
    font-size: 0.85em;
    text-align: center
}
tr.space
{
    height: 5px
}
.hr
{
	height:5px;
	border: none;
	background-color:transparent;
}
a.info
{
	position: relative;
 
}
a.info:hover
{
    background: transparent;
   	z-index: 100;
}
a.info span.info
{
    display: none
}
a.info:hover span.info
{
	background-color: #;
    border: # 1px dashed;
    display: block;
    font-size: 1.1em;
    left: -8em;
    width: 13em;
    position: absolute;
    top: +50px;
    text-align: center;
	z-index: 9999;
	padding: 0.5em;
	text-decoration: none;
	direction:rtl 
}
a.info:hover span table
{
	text-align: center;
	font-weight: bold
}
img
{
    border: 0px;
}
 
form
{
	margin-bottom: 0;
	z-index: 0;
}
 
.border1
{
    border-bottom: # 4px solid
}
.raincontaniner
{
    background-color: #;
	border: # 1px solid;
    padding: 1px;
    display: inline;
    float: left;
    margin: 1px;
    color: #;
    text-decoration: none
}
.ltr
{
direction:ltr
}
.small
{
    font-size: 0.8em
}
.verysmall
{
    font-size: 0.7em
}
.afont
{
    font-weight: bold;
    font-size: 1.1em;
    font-family: comic sans ms, garamond, verdana;
    text-shadow: 0.1em 0.1em
}
 
@font-face { font-family: "brakim";
			src: url(http://www.02ws.com/fonts/ActionManShaded.eot); /* IE */
			 src: local("brakim"), url(http://www.02ws.com/fonts/ActionManShaded.ttf) format("truetype"); /* non-IE */}
@font-face { font-family: "barakkis2";
			 src: local("barakkis2"), url(http://www.02ws.com/fonts/barakkis2.ttf) format("truetype"); /* non-IE */}
 
.big
{
    font-weight: bold;
    font-size: 1.35em
}
.slogan
{
    font-weight: bold;
    font-size: 1.6em;
	font-style: normal
 
}
.logo
{
	padding: 0.1em;
 
    font-size: 3.6em;
 
	font-family: "brakim", garamond, Impact, Gill Sans MT, Verdana, Guttman-Arial;
}
.high
{
	color: #ff0000;
}
div.high
{
    color: #ffffff;
	background-color: #ff0000;
}
.low
{
	color:#0066cc;
}
div.low
{
    color: #ffffff;
	background-color:#0066cc;
}
.less
{
    color: #9f9b00
}
.more
{
    color: #33CC00
}
.indexlow
{
    font-size: 0.8em;
    background: #669900;
    color: #000000;
	padding:3px;
}
.indexmedium
{
    font-size: 0.8em;
    background: #99ff00;
    color: #000000;
	padding:3px;
}
.indexhigh
{
    font-size: 0.8em;
    background: #ffcc00;
    color: #000000;
	padding:3px;
}
.indexextreme
{
    font-size: 0.8em;
    background: #ff0000;
    color: #000000;
	padding:3px;
}
div.sigweather
{
	width:100%;
	margin:0;
	padding:0.1em 0em 0.1em 0em;
}
div.transOFF 
{
	width: 100%; 
}
div.transON 
{
	width: 100%; 
	opacity:.50;
 
}
div.trans25 
{
	opacity:.25;
 
}
div.trans75 
{
	opacity:.75;
 
}
ul.list
{
	margin:0em 1em;
	padding:0em 0.5em;
    text-align:right}
ul.list li
{
	padding:1.32em 0.8em;
	clear:both;
    width:100%;
    float:right}
.container
{
	clear:both;
	margin:0 auto;
	width:66%;
	padding:0.5em 0.5em 1em 0.5em
}

#changelang
{
	float:left}
#menu , #history_menu
{
	clear:both;display:block;height:40px;margin:0 auto;padding: 0;
	text-align: right;
	direction:rtl}
 
#menu a:hover
{
	display:block;height:100%;background-color:#;color:#;
}
.nav .il_category
{
	width:7.5em
}
.nav .il_image
{
   float:left;padding: 0.9em 0.5em 0.5em;
}
.nav
{
	list-style: none;
	margin:0;padding:0;
	direction:rtl}
.nav ul { /* all lists */
	padding: 0;
    margin:0;
    list-style: none;
    width:190px;14/04/2011
    overflow:visible; 
}
.nav li { /* all list items */
	 margin:0;
     position: relative;
	 padding:0.9em 0.7em;
     float:right;
	 border-right: # 2px solid;
	 color:#;
	 text-align:center;
	 border-left:none;
	 direction:rtl 
}
.param li
{
	padding:0;border:none;
}
.nav li a
{
	display:block;height:100%
}
.param li a
{
	display:inline
}
.nav .il_first
{
	border-right: 0px;
}
.nav li:hover 
{
	background-color:#;
}
.nav ul li:hover 
{
	background-color:#;
}
.nav ul li{ border-width:1px 1px 0 0;}
 
.nav ul ul li{ border-width:1px 1px 0 1px;}
 
.nav ul ul li:last-child{border-bottom:1px solid #ccc;} 
 
.nav li ul { /* second-level lists */
 
	display: none;
	position: absolute;
	top:  2.2em;
	left: -75px;
	background-color:#;
	color:#;
	border-right: # 1px solid;
	border-left: # 1px solid;
	border-bottom: # 1px solid;
	z-index: 9999;
}
.nav .il_image
{
	border:none
}
.nav li ul li
{
	z-index: 60;
	float:none;
	margin:0;
	padding:0.1em 0.5em;
	width: 186px;
	display:block;
   	border-right: none;
	border-left: none;
        text-align: right;
	border-bottom: # 1px dashed;
 
}
.nav li ul li a
{
	text-decoration:none;
	display:block;
    border: # 0px solid;
}
.nav a:hover
{
	text-decoration:none;
}
#history_menu a
{
	display:inline ;
}
/* non-ie browsers see this */
.nav ul li>ul, .nav ul ul li>ul{
 
}
 
.nav li:hover ul ul, 
.nav li:hover ul ul ul, 
.nav li:hover ul ul ul ul, 
.nav li:hover ul ul ul ul ul{
     display:none;
}
 
.nav li:hover ul, 
.nav ul li:hover ul, 
.nav ul ul li:hover ul, 
.nav ul ul ul li:hover ul, 
.nav ul ul ul ul li:hover ul{
     display:block;
}
 
.nav li>ul {
 
}
.nav .inv_plain_3_zebra{
    border-radius:0px;
 
}
#graphnav{
    padding:0;margin:0;border:0
}
#graphnav.nav li
{
    border:0;margin:0 1em
}
#graphmain{
    clear:both;width:100%;float:right;margin:0 auto;padding:0
}
 
#change_style
{
	border:none; padding:0.6em 0.5em
}
#search_box
{
	border:none; padding:0em 0.5em 0;float:left;direction:rtl}
#header
{
	position: relative;  
	height:153px;
	margin:0 auto;
	padding: 0;
	clear: both;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 0;
	text-align:right}
 
#header .background
{
   width:100%;
   height:153px;
   background: url() 0% 80% no-repeat;
   filter: alpha(opacity=50);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   opacity:0.5;
   -moz-opacity: 0.50; 
   zoom: 1;
   position: absolute;  /* position on top of the background div*/
   left: 0; 
   top: 0
 
}
#header .background *
{
   visibility: hidden;  /* hide the faded text*/
}
#header .foreground
{
   width:100%;
   position: relative;  
}
#header a:hover
{
	text-decoration: none;
}
#moon
{
	border:0;
	width:180px;
	direction:rtl}
#moonriseset
{
	width:60%;text-align:center;float:right}
#moonriseset div
{
	float:right;display:inline-block;padding:0.1em
}
#moonimage
{
	width:22%;float:right}
 
#website_title
{
	width:95%;height:100px;float:right;padding:0.5em 3em;
	direction:rtl}
#website_title div
{
	height:6px;
	direction:rtl}
#website_title .nav
{
	margin: 1.5em 0px;
}
#top_table
{
	clear:both;padding:0;margin:0 auto;text-align:center;z-index: 1000;
}
 
#radarTab, #satelliteLink
{
	text-align:center;
	padding:1.5em 0 2.8em 0;
	margin:0.2em 0;
	width:7%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float:right}
.inparamdiv
{
	width:100%;
	text-align:center;
	padding:0.5em 0 0.5em 0;
	direction:rtl}
.paramtitle
{
	padding:0em 0em 0.2em 0em;
}
#paramsdiv
{
	padding:0;margin:0;width:100%;float:right;
	vertical-align: top
}
#paramstable
{
	padding:0;margin:0;width:100%;
	direction:rtl}
#paramstable fieldset
{
	border:none;
}
#latesttemp
{
	display: inline;padding:0;
	text-align:center
 
}
#tempdiv
{
	height:100%;float:right;width:30%;padding: 0.2em 1em;
}
#temptable
{
	width:200px
}
#templabel
{
	padding:0px 0.5em 2px 0.5em
}
#templabel span.info
{
	left:-6em
}
#tempdivvalue
{
	float:right;
	padding:0em 0.4em;
	margin:0;
	width:80%;
}
#tempdivvalue span span.info
{
	left:0em;z-index:9999;
	direction:rtl}
#latesthumidity span span.info
{
	left:-9em;
}
#latestpressure
{
	width:130px
}
#latestpressure span.info
{
	width:16em;left:-7em;direction:rtl}
#pressure_value
{
	direction:ltr;
}
#latestwind
{
	padding:0.2em 0;width:160px
}
#latestrain
{
	width:140px
}
#windvalue
{
	float:left;padding:0 0.5em;margin: 0 auto;width:90%;direction:ltr
}
#windspeed
{
	float:left;width:60%;padding:0.4em 0 0 0
}
#windtrend
{
	float:left;width:13%;margin:0.1em
}
#winddir
{
	float:left;width:25%
}
#windtrend span.info
{
	left:-9em
}
#rainratevalue
{
	direction:rtl}
#rainratevalue span.info
{
	top:-3em
}
#sunriseset div.inparamdiv
{
	width:100px;direction:rtl 
}
#sunriseset div.inparamdiv div
{
	width:100%;text-align:center
}
#trends tr.trendsvalues
{
	height:3em;text-align:center
}
#trends tr.trendstitles
{
	height:1em;border:1px;text-align:center
}
#trends table
{
	width:100%
}
#error_update
{
	width:100%;margin:0 auto
}
#imagedisplay
{
	clear:both;float:left;padding:1em 1em 0 1em
}
.report
{
	padding:1em
}
#reportdiv pre
{
font-size:0.85em;
}
#iframemain
{
}
#footerads
{
	margin:0 1.2em;width:97%
}
#footerads ul.list
{
	padding:0
}
#footerads ul.list  li
{
	padding:1.4em 0.5em;margin:0.2em 0;
	direction:rtl;
}
#sigweather_list ul.list  li
{
	padding:0.3em 0.5em;margin:0.2em 0;
}
#sun div, #moon div
{
	padding: 0.15em 0.5em;
}
#tohomepage
{
	text-align:center;margin:0 auto;padding:0;width:32%;float:right}
#home
{
	width: 98%;
	padding:7em 0;
	margin:0 auto;float:right 
}
#googlemainads
{
	clear:both;float:right;padding:1em;margin:0.2em;
}
#footergooglead
{
	padding: 1em 0.9em 0;width: 34%;
}
#footermenu
{
	clear:both;padding:10px 0 10px 0;margin:0 auto;
}
#footermenu ul.list  li 
{
	padding:0.3em;margin:0;
	direction:rtl;
}
#footermenu ul.list  li a, #footerads ul.list  li a
{
	font-weight: normal;
}
.unitfootermenu
{
	float:right;width:22%;margin:0 auto;height:330px;padding: 1em 0.2em 0px
}
#nowfootermenu
{
	width:29%;
}
#generalfootermenu
{
	float:right;width:18%;margin:0 auto
}
#myfootermenu
{
	float:right;width:24%;margin:0 auto;height:310px
}
#spanImage
{
	visibility: hidden; z-index: auto; position: absolute;
}
#webringdiv
{
	clear:both;margin:0 auto;text-align:center;padding:0.1em 1.2em
}
#webringdiv div
{
	margin:0 auto;
}
#webringdesc
{
	float:right;padding:0.1em 1.2em;
}
#webringdesc div
{
	width:100%;text-align:center;border:none;padding:0.1em 1.2em
	direction:rtl}
#webringdesc div 
{
	text-align:right}
.spacer
{
	padding:0 1em 0 1em;
	width:75%;
	clear:both;
	height:15px;
	margin:0 auto
}
.container pre
{
	direction:rtl}
#topmessage
{
	position:absolute;z-index:9999;height:300px;top: 500px;
    left:330px;width:400px;direction:rtl}
#forecast_links
{
	clear:both;
	padding:1em 2em 2em 2em
}
#forecast_desc
{
	clear:both;
	padding: 1em;
	text-align:right;
	direction:rtl}
#for_title
{
	width:100%;clear:both;
	padding:0.5em 1em;
	float:right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
	border-radius: 5px;
}
#for_title a
{
 
}
#for_title_title
{
	float:right;text-align:right}
#for_title_links
{
	float:right;
	text-align:right;
}
#forecast24h
{
	/*background-image: url(buttongradient.php?bg2=&bg=&width=1&height=300);*/
	clear:both;
	width:auto;
	margin:0 auto;
	padding:1em 0em;
	text-align:right;
	direction:rtl}
#for24_icon
{
	width:60%;margin:0.3em 3em;clear:both;
	float:right}
#for24_details
{
	clear:both;margin:0em 0.6em;
	width:95%;
	position: relative;
	text-align:right;
	float:right}
.forecasttimebox
{
width:9.5%;height:auto;padding:0;margin:0 0.1em
}
#forecastnextdays
{
	padding:0em 0.5em 0em 0.5em;
	direction:rtl}
#forecastnextdays table
{	
	/*background-image: url(buttongradient.php?bg2=&bg=&width=1&height=400);*/
	border-spacing: 0;
	padding:0.1em 0.2em;
	width:100%;
	height:50px;
	clear:both;
	text-align:right;
	direction:rtl}
#forecastnextdays table td.low, #forecastnextdays table td.high
{
	padding:0 0.5em;
	text-align:center;
}
.forecastdesc
{
	padding:0 0.4em 0 0.4em;
}
.forecastdesc a
{
	border-bottom: 1px dotted #;
}
.forecastdesc a:hover 
{
     border-bottom: none;
}
#hourtempforecast
{
	clear:both;float:right;margin:1em 1em 0.3em;direction:rtl}
#forecasthours ul li
{
	padding:0.2em
}
#timeSwithcer
{
	font-size: 10px;
}
#googleadforecast
{
	float:right;padding:1.2em 0.2em 0em 0.2em;width:100px
}
#nextdays
{
	/*background-image: url(buttongradient.php?bg2=&bg=&width=1&height=400);*/
	text-align:right;
	float:right;
	clear:both;
	margin:0 auto;
	padding:2.5em 1em 0.5em;width:97%;
 
	direction:rtl}
#mainCol
{
	padding:1em 0em;
	margin:0 auto;
	width:100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#main_table
{
	position:relative;clear:both;
	padding:0;margin:0 auto;
	text-align:center;
}
#waiting
{
 
	width:180px;
	position: absolute;
	top:300px;
	left:280px;
	padding:3em;
	text-align:center;
	z-index:1000
}
 
#forecast
{
	clear:both;
	width:100%;
	float:right;
	padding:0;
	text-align:right}
#hometable_ad
{
	margin:0;padding:0.5em 2em;clear:both;
	direction:rtl}
#sigweather_slider
{
	width:100%;margin: 1em 2.5em 0 2.5em;text-align: right;position:relative
}
#sigweather
{
	width:35%;
	margin:0 auto;
	padding:0em;
	direction:rtl;
	float:left 
}
#sigweather_cycle
{
	width:100%;
	height:242px;
	padding:0;margin:0;
	float:right;
}
#sigweather_cycle div
{
	padding:0;
}
#sigweather_cycle div.sigweather
{
	border: # 0px solid;
}
#sigweather_cycle img.main_img
{
	margin:0;
	vertical-align: bottom;
	width:600px;
	height:242px;
}
#sliderspacer
{
	float:right;width:2%
}
#slider
{
	float:right;width:600px;border:# 4px solid;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
   position: relative;
 
}
#sliderselector
{
	float:right;margin:0em;padding:0;left:0;z-index:2000;position:absolute;top:100%;height:13%;width:100%
}
#sliderselector li
{
	float: right;
	width:16%;
        height:35px;
}
#sliderselector a
{
	display:block;
	color: #;
	height: 100%;
	font-size: 1em;
        padding:0.5em;
        border-radius:0 0 5px 5px;
}
#sliderselector a.activeSlide
{
	background:# center top fixed;
	color: #;
   	text-decoration: none;
	border:0;
}
#sliderselectoroverlay
{
	opacity: 0.3;filter:alpha(opacity=30);background-color: #fff;height:13%;left:0;z-index: 1000;padding:0;position:absolute;top:100%;width:100%
}
#slider_ad
{
	margin:0 2em;
}
#webcam_list
{
	width:100%;
	height:70px;
}
#sigweather_list
{
	margin: 0.5em 0px 0.5em;
	padding:0.2em 1em;
	direction:rtl}
#sigweather_list a
{
	font-weight:normal
}
#sigweather_list ul
{
	/*background-image: url(buttongradient.php?bg2=&bg=&width=1&height=400);*/
	float:right;margin: 0px 0px 1em 0em;
	width:46%
}
#sigweather_list li
{
	margin:0.1em 0;
}
div.background
{
	border:none;
	position: relative;
	width:100%;
	height:100%
}
div.background img
{
	margin:0;
	vertical-align: bottom;
 
}
 
div.title
{
  position: absolute;
  width: 100%;
  top: 78%;
  color: #fff;
  text-align: right;
}
div.titlemoreinfo
{
  position: absolute;
  width: 48%;
  top: 90%;
  color: #fff;
  text-align: left;
}
div.title #extrainfo img.arrow, #sigweather_list li img.arrow
{
	width:23px;
	height:23px;
}
div.title a
{
	color: #;
	padding:0 1em 0 1em;
	display:block;
 
}
div.overlay {
  background-color: #;
  position: absolute;
  width: 100%;
  height: 22%;
  top: 78%;
  opacity: 0.8;
  filter:alpha(opacity=70);
}
#rainaudio{
  position: absolute;
  width: 35%;
  height: 60%;
  top: 20%;left:0%;z-index:100;
}
div.belowb
{
	display:block;
	clear:both;
	width:auto;
	padding:0.3em 1em 0.075em 1em;
	margin:0em 0.5em 0em 0.5em;
}
div.moreinfo
{
	display:block;
	clear:both;
	width:auto;
	padding:0 1.8em 0 1.8em;
	margin:0.3em 1.5em 0.7em 1.5em;
}
#airqtitle
{
	padding:0.5em 0
}
#airqdisplayed
{
	padding:0.5em;font-weight:bold;
}
#airqli
{
 
}
#dustitle
{
 
}
#dustdisplayed
{
	direction:rtl}
#headerdatatoggler
{
	height:100%;
	padding:0em;
	margin:1.1em 0.1em;
	text-align:right;
	float:right;
	direction:rtl}
#tempunitconversion
{
	height:50%;
	margin:0em 0em 0em 0em;
	float:right;
	direction:ltr;
}
#windstatus
{
	text-align:right;float:right;width:85%;margin:0 2.5em 0.5em
}
#windy
{
          float:right;width:auto;margin:0 0.2em
}
#coldmeter
{
          float:right}
#current_feeling_link
{
	font-size:100%
}
#itfeels_windchill, #itfeels_heatidx
{
	clear:both;margin: 0 0.2em
}
#latesthumidity
{
	width:125px
}
#latesthumidity .inparamdiv
{
	direction:rtl}
.tempvalue
{
    font-weight: bold;
    font-size: 1.65em;direction:ltr
}
 
#whatelse
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:0 0.5em;
	direction:rtl;
        text-align:right}
 
#first
{
	display: block
}
#second, #third, #forth, #fifth, #sixst, #seventh
{
	display:none
}
 #sixst div#messagescorner
{
	padding:1em;
}
#extra_notice
{
	width:37%;
}
 
#relatedgraphs
{
	padding:0em 0.2em;
	margin:0em 2em;	
}
#additionalgraphs
{
	margin:0.5em 0 0 0;
}
#moregraphs
{
	padding:0em 0.2em;
	margin:0em 4.5em;	
}
#relatedgraphs li, #moregraphs li
{
	list-style-type: circle;
}
#chatWrapper
{
 
}
.chatline
{
	clear:both;font-size:110%;
	float:right;
	text-align:right;
	width:100%;
	height:auto
}
.chatdate
{
	clear:both;width:8%;float:right;margin:0.4em 0
}
 
.chatreply
{
	margin:0.4em;text-align:right;float:right;width:10%
}
.chatdatereply
{
margin: 0 0.3em;
}
.chatafterdatereply
{
 margin: 0 0.3em;
 max-width: 89%;
}
.chatnamereply
{
  margin: 0 0.1em
}
.chatbodyreply
{
	width:auto;
	word-wrap: break-word;
	white-space:normal;
	white-space:-moz-pre-wrap;
}
.firstreplyline
{
width:auto
}
#chatcontainer
{
	width:100%;clear:both;margin:0;padding:0 0.5em 0 0.5em;
	float:right}
#chat_entire_div
{
	border-top:1px dashed;clear:both;margin:0 auto;padding:1em 0;width:100%;
	direction:rtl;
}
#chat_title
{
	text-align:right;
	clear:both;
	margin:0.2em 0.6em;
	padding:0.6em 0.4em;
	float:right}
#chat_title a
{
 
}
#chat_explain
{
	float:right;
	width:75%;
	text-align:right;
	padding:1em;
}
#chat_filter
{
	float:left;
	padding:1.5em 0.9em;width:auto;
}
#chat_search
{
	float:right;
	padding:0.5em 1.8em 0em 1.8em
}
#inputFieldsDiv
{
	width:99%;
	float:right;
	clear:both;
	padding:1em 0.5em 0 0
}
#msgDetails
{
	clear:both;
	text-align:right;
	padding:0.5em 1em 0em 1em;width:97%;float:right;
 
}
#msgDetails a
{
	text-decoration: underline;
}
#msgDetails div:hover
{
	background: #;
}
#msgDetails div div input[type="button"]
{
	padding:0.2em;
}
#chat_name
{
        clear:both;
	float:right;
	padding:0.5em 1em 0em 0.5em
}
#chat_body, #chat_mood
{
	float:right;
	padding:0.5em 0.1em 0;
}
#chat_mood
{
	width:35px;
}
#moods_dialog div
{
	padding:1em;
}
#chat_italic
{
	float:right;
	padding:1.5em 0.3em 0em 0.3em
}
#chat_href_plugin
{
	padding:1.5em 0.3em 0em 0.3em
}
#chat_button
{
	float:right;
	padding:1.4em 1.2em 0em 1.2em
}
#chat_links
{
	float:right;
	text-align:right;width:99%;
 
 
}
#chat_links div
{	
	float:right;
	padding:0.5em 1em
}
#href_dialog
{
	padding:1em;text-align:right;
}
#href_dialog div
{
	text-align:right;direction:rtl}
#href_dialog div div
{
	width:20%
}
#href_dialog .float 
{
	margin: 1em
}
.clear {
	clear: both;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.webcam_image
{
	float:right;padding:1.5em 0.5em;margin:0 auto
}
.image_enlarge
{
	padding:0.2em;margin:0.2em 0.1em;
}
#webcam_container
{
	width:100%;clear:both;text-align:right;
}
#webcam_list
{
	text-align:right;
	float:right;
	margin:1em;
	width:300px;
	direction:rtl}
#webcam_desc
{
	float:right;width:450px;margin:0.5em;
	direction:rtl}
#webcam_desc fieldset
{
	padding:0.5em
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;background: white;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
 
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
 
#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxContent{padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#eee;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;background:url(images/x.png) no-repeat;}
        #cboxClose.hover{background-position:-50px 0px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}