body
{
    font-size: 12px;
	position: relative;
	margin: 0;
	padding: 0;
	background: center top fixed;
	background-image: url(buttongradient.php?bg2=434548&bg=b5c4b7&width=1&height=1000);
	background-repeat: repeat-x;
	color: #456B4A;
    font-family: verdana, arial, serif
}
em
{
	font-size: 1.15em;
	font-weight: bold;
}
input, select , textarea
{
	border: 1px solid;
	padding:1px;
	background: #c8d3c9;
}
.manager
{
	font-size: 1.1em;
	color: #ffcc00;
}
.inv
{
	color: #233625;
	background: #a3b6a5;
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.inv a
{
	color: #9fa3ab;
}
.inv span.info
{
	color: #456B4A;
}
.inv_plain
{
	color: #4f7353;
	background: #1c2b1e;
	border: #3b5b3f 3px solid;
	padding: 5px;
	margin: 0em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.inv_plain a
{
	color: #a3b6a5 !important;
}
.inv_plain a.hlink
{
	display:block;
	color: #b4b8bf;
    background: none transparent scroll repeat 0% 0%
}
.inv_plain span.info
{
	color: #233625;
}
.inv_plain_2
{
	
	background: #4f7353;
	color: #0e150f;
	padding: 2px;
	margin: 0em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}

.inv_plain_2_zebra
{
	background: #618165;
	color: #0e150f;
	padding: 2px;
	margin: 0em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}
.inv_plain_3_minus
{
	background: transparent #749078;
	color: #0a100b;
	padding: 2px;
	margin: 0em;
		
}
.inv_plain_3
{
	background: #a3b6a5;
	color: #0a100b;
	padding: 2px;
	margin: 0em;
	
	
}

.inv_plain_3_zebra
{
	background: #c8d3c9;
	color: #0a100b;
	padding: 2px;
	margin: 0em;
	
	
}
.base
{
	background: #8e9299;
	color: #323436;
	border: #64676c 1px solid;
    text-align: center;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.base a
{
	color: #191a1b;
}
.topbase
{
	font-weight: bold;
    font-size: 1.2em;
    height: 30px;
	padding: 6px;
	background: url() #9fa3ab fixed ;
	border: #7d8187 1px solid;
    text-align: center;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.grad
{
	background: #8fa692;
	color: #1c2b1e;
	background-image: url(buttongradient.php?bg2=e3e9e4&bg=456B4A&width=1&height=90);
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}
.grad a
{
	color: #212224;
}
.invgrad
{
	background: #7d8187;
	color: #A7ACB4;
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.invgrad a
{
	color: #191a1b;
}
.grad_header
{
	background: #bdc1c7; 
	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; 
}

#header2
{
	background: url(images/header_gradient.gif) repeat-x;
}
a
{
    font-weight: bold;
    color: #0e150f;
    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: #8e9299 1px solid;
	border-left: #8e9299 1px solid;
	border-bottom: #8e9299 1px solid;
	margin: 0;
	direction:rtl}
.button
{
	border-right:#8e9299 1px solid;
    border-top:#8e9299 1px solid;
    border-left:#8e9299 1px solid;
    border-bottom:#8e9299 1px solid;
    height: 2em;
	width: 5em;
    background:#b4b8bf;
    color:#345038;
    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-image: url(button.php?r=66&g=102&b=125&width=1&height=25);
    background-repeat: repeat;
    height: 25px;
    text-align: center
}
tr.smalltbl:hover
{
    background-color: #8e9299}
tr.tbl:hover
{
    background-color: #8e9299}

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: #acb0b8;
    border: #8e9299 1px dashed;
    display: block;
    font-size: 0.95em;
    left: -3em;
    width: 13em;
    position: absolute;
    top: 32px;
    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: #323436 4px solid
}
.raincontaniner
{
    background-color: #bdc1c7;
	border: #749078 1px solid;
    padding: 1px;
    display: inline;
    float: left;
    margin: 1px;
    color: #345038;
    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.2em 0.2em
}
.big
{
    font-weight: bold;
    font-size: 1.35em
}
.slogan
{
    font-weight: bold;
    font-size: 1.6em;
	font-style: normal

}
.logo
{
	padding: 0.1em;
    font-weight: bold;
    font-size: 4em;
	font-style: italic;
	font-family: Comic Sans MS, Lucida Sans Unicode, 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: #FFFF99
}
.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;
	filter: alpha(opacity=50); 
}
div.trans25 
{
	opacity:.25;
	filter: alpha(opacity=25); 
}
div.trans75 
{
	opacity:.75;
	filter: alpha(opacity=75); 
}
ul.list
{
	margin:0em 0.6em;
	padding:0em 1em;
        text-align:right}
ul.list li
{
	padding:1.2em 0.5em;
	margin:0;
}
.container
{
	clear:both;
	margin:0 auto;
	width:66%;
	padding:0.5em 0.5em 1em 0.5em
}
div.background
{
	border:none;
	width:85%;
	height:100px;
	padding:0;
	margin:0 auto;
	text-align:center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	 

}
div.background img
{
	margin:0;
	vertical-align: bottom;
	width:100%;
	height:100px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.title
{
	width:auto;
	height:auto;
	z-index:10;
	font-weight: bold;
	display:block;
	margin:0.1em 2em 0 2em;
	padding:0 ;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:right}
div.title img
{
	width:20px;
	height:15px;
}
div.title a
{
	color: #1c2b1e;
	padding:0 1em 0 1em;
	display:block;
	
}
div.belowb
{
	display:block;
	clear:both;
	width:auto;
	height:auto;
	padding:0.3em 1em 0.075em 1em;
	margin:0em 0.5em 0em 0.5em;
}
div.moreinfo
{
	display:block;
	clear:both;
	width:auto;
	height:auto;	
	padding:0 1.8em 0 1.8em;
	margin:0.3em 1.5em 0.7em 1.5em;
}
#menu
{
	display:block;height:40px;margin:0 auto;padding: 0;
	text-align: right;
	direction:rtl}
.nav
{
	list-style: none;
	padding: 0;
    margin:0;
	direction:rtl}
.nav ul { /* all lists */
	padding: 0;
    margin:0;
    list-style: none;
    width:180px;
    overflow:visible; 
}
.nav li { /* all list items */
	 margin:0;
     position: relative;
	 padding:1em 0.5em 1em 0.5em;
     float:right;
	 border-right: #4f7353 1px solid;
	 color:#9fa3ab;
	 border-left:none;
	 direction:rtl    
}
.nav li:hover 
{
	background-color:#bdc1c7;
}
.nav ul li:hover 
{
	background-color:#bdc1c7;
}
.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: -95px;
	background-color:#bdc1c7;
	color:#7d8187;
	text-align: right;
	border-right: #456B4A 1px solid;
	border-left: #456B4A 1px solid;
	border-bottom: #456B4A 1px solid;
	z-index: 9999;
}
.nav .il_image
{
	border:none
}
.nav li ul li
{
	z-index: 60;
	float:none;
	margin:0;
	padding:0.4em 0.5em;
	width: 160px;
	display:block;
   	border-right: none;
	border-left: none;
	border-bottom: #4f7353 1px dashed;
	
}
.nav li ul li a
{
	text-decoration:none;
	padding:0.4em 0.5em;
	margin:0;
	width: 160px;
    display:block;
    border: #bdc1c7 0px solid;
}
.nav a:hover
{
	color:#bdc1c7;
	background-color:#7d8187;
	text-decoration:none;
}
/* 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 {
     
}
#change_style
{
	border:none; padding:0.6em 0.5em
}
#header
{
	position: relative;  
	height:100px;
	margin:0 auto;
	padding: 0;
	clear: both;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0;
	text-align:right}

#header .background
{
   width:100%;
   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
{
	margin:0.3em 2em 0em 2em;
	border:0;
	padding:0.2em;width:160px;
	float:right;
	direction:rtl}
#moonriseset
{
	width:60%;text-align:center;float:right}
#moonriseset div
{
	float:right;display:inline-block;padding:0.1em
}
#moonimage
{
	width:40%;float:right}
#website_title
{
	width:75%;height:90px;float:get_s_align;
	direction:rtl}
#website_title div
{
	height:6px;display:block;
	direction:rtl}
#top_table
{
	clear:both;padding:0.2em;margin:0 auto;text-align:center;z-index: 1000;
}

#radarTab, #satelliteLink
{
	text-align:center;
	padding:1.5em 0 2.6em 0;
	margin:0.1em 0;
	width:7%;
	-moz-border-radius: 10px;
	-webkit-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:86%;float:right;
	vertical-align: top
}
#paramstable
{
	padding:0;margin:0;width:100%;
	direction:rtl}
#latesttemp
{
	display: inline;padding:0;
	text-align:center

}
#tempdiv
{
	height:100%;margin:0;padding:0px 1em;float:right;
}
#temptable
{
	width:260px
}
#templabel
{
	padding:0px 0.5em 2px 0.5em
}
#templabel span.info
{
	get_inv_s_align:-12em
}
#tempdivvalue
{
	float:right;
	padding:0.2em;
	margin:0;
	width:80%;
	direction:ltr
}
#tempdivvalue span span.info
{
	left:-1em;z-index:9999;
	direction:rtl}
#latesthumidity span span.info
{
	left:-9em;
}
#latestpressure
{
	width:130px
}
#latestpressure span.info
{
	left:-9em;direction:rtl}
#pressure_value
{
	direction:ltr;
}
#latestwind
{
	padding:0.2em 0;width:180px
}
#latestrain
{
	width:120px
}
#windvalue
{
	float:left;padding:0 0.5em;margin: 0 auto;width:90%;direction:ltr
}
#windspeed
{
	float:left;width:60%
}
#windtrend
{
	float:left;width:13%;margin:0.1em
}
#winddir
{
	float:left;width:25%
}
#windtrend span.info
{
	left:-9em
}
#rainratevalue
{
	direction:ltr
}
#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
}
#iframemain
{
}
#tohomepage
{
	clear:both;text-align:center;margin:0 auto;padding:8px 0 8px 0;
}
#googlemainads
{
	clear:both;text-align:center;margin:0 auto;padding:8px 0 8px 0;
}
#footermenu
{
	clear:both;padding:10px 0 10px 0;margin:0 auto;
}
#footermenu ul.list  li
{
	padding:0.1em;
	clear:both;
	direction:rtl;
}
#footermenu ul.list  li a
{
	font-weight: normal;
}
.unitfootermenu
{
	float:right;width:25%;margin:0 auto;height:220px
}
#spanImage
{
	visibility: hidden; z-index: auto; position: absolute;
}
#forecast24h
{
	clear:both;
	width:auto;
	height:140px;
	margin:0 auto;
	padding:0em 1em 0.5em 1em;
	text-align:right;
	direction:rtl}
#webringdiv
{
	clear:both;margin:0 auto;text-align:center;padding:1em
}
#webringdiv div
{
	width:60%;margin:0 auto;height:100%
}
#webringlogo
{
	float:right;width:20%
}
#webringdesc
{
	float:right;width:70%
}
#webringdesc div
{
	width:100%;text-align:center;border:none;
	direction:rtl}
#webringdesc div 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:120px;width:200px;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%;
	padding:0em 0.2em 0em 0.2em;
	float:right}
#for_title_links
{
	width:50%;
	float:right;
	text-align:right;
	padding:0.5em 1.2em 0em 1.2em

}
#for24_icon
{
	clear:both;
	padding:0.3em 0.6em 0.3em 0.3em;
	width:24%;
	float:right}
#for24_details
{
	width:54%;
	position: relative;
	padding:1.5em 0em 0em 0em;
	height:150px;
	text-align:right;
	float:right}
#forecastnextdays
{
	position:relative;padding:0em 0.5em 0em 0.5em;width:100%;
	direction:rtl}
#forecastnextdays table
{
	border-spacing: 0;
	padding:1em 0.2em;
	width:100%;
	height:230px;
	clear:both;
	text-align:right;
	direction:rtl}
#hourtempforecast
{
	clear:both;margin:0.5em
}
#timeSwithcer
{
	font-size: 10px;
}
#googleadforecast
{
	float:right;padding:2em 0.2em 0em 0.2em;width:120px
}
#baseGraph
{
	text-align:right;
	float:right;
	clear:both;
	margin:0 auto;
	width:95%;
	padding:0.5em 1em 0.1em 1em;
	border-top:1px dashed;
	direction:rtl}
#mainCol
{
	padding:0;
	margin:0 auto;
	width:100%;
	
}
#main_table
{
	position:relative;clear:both;
	padding:0;margin:0 auto;
	text-align:center;
}
#waiting
{
	
	width:180px;
	position: absolute;
	top:300px;
	left:80px;
	padding:3em;
	text-align:center;
	z-index:1000
}
#home
{
	width:250px;
	height:30px;
	padding:1em;
	margin:0 auto;
	
}
#sigweather
{
	width:30%;
	margin:0 auto;
	padding:0em;
	direction:rtl
}
#webcam_list
{
	width:100%;
	height:70px;
}
#sigweather_list
{
	padding:0.5em 2em;
	direction:rtl}
#sigweather_list a
{
	font-weight:normal
}
#sigweather_list ul
{
	float:right;
}
#headerdatatoggler
{
	width:52%;
	height:100%;
	padding:0em;
	margin:2.5em 2em;
	text-align:left;
	float:right;
}
#tempunitconversion
{
	height:50%;
	padding-right:0.5em;
	margin:0em 0em 0em 0em;
	float:right;
	direction:ltr;
}
#windstatus
{
	text-align:right;float:right;width:auto;margin:1em 0
}
#current_feeling_link
{
	font-size:100%
}
#latesthumidity
{
	width:125px
}
#latesthumidity .inparamdiv
{
	dir="rtl" }
.tempvalue
{
	font-weight: bold;
    font-size: 1.95em;
}

#whatelse
{
	padding:0.5em;
	direction:rtl;
        text-align:right}



.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height: 80px;  /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #a3b6a5;
padding: 0.1em;
visibility: hidden;
width: 100%;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 100%;
margin-top: 0.1em;
background: #a3b6a5; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 330px+5px+5px=340px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #233625;
padding: 0.1em 0.3em;
margin-right: 0.3em;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #c8d3c9;
color: #152016;
}

.glidecontenttoggler a:hover{
background:  #c8d3c9;
color: #152016;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #152016;
color: #c8d3c9;
}
#p-select
{
	text-align:right}
#slider {
    width: 290px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 290px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	padding: 5px 13px;
    width: 290px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}