body
{
    font-size: 13px;
	position: relative;
	margin: 0;
	padding: 0;
	background:#c8d0d6 center top fixed;
	/*background-image: url(buttongradient.php?bg2=3b4558&bg=e4e8eb&width=1&height=1000);*/
	background-repeat: repeat-x;
	color: #A3B1BA;
    font-family: verdana, arial, serif
}
em
{
	font-size: 1.15em;
	font-weight: bold;
}
input, select , textarea, #search_box input
{
	border: 1px solid;
	padding:1px;
	background: #e4e8eb;
}
.manager
{
	font-size: 1.1em;
	color: #ffcc00;
}
.inv
{
	color: #dae0e3;
	background: #9ba8b1;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.inv a
{
	color: #8ca3d0;
}
.inv span.info
{
	color: #A3B1BA;
}
.inv_plain
{
	color: #a8b5be;
	background: #41474a;
	border: #8b969e 3px solid;
	padding: 5px;
	margin: 0em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.inv_plain a
{
	color: #d2d9dd !important;
}
.inv_plain a.hlink
{
	display:block;
	color: #a3b8e0;
    background: none transparent scroll repeat 0% 0%
}
.inv_plain span.info
{
	color: #52595d;
}
.inv_plain_2
{
	
	background: #a8b5be;
	color: #212325;
	padding: 2px;
	margin: 0em;
	
}

.inv_plain_2_zebra
{
	background: #b1bcc4;
	color: #212325;
	padding: 0px;
	margin: 0em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}
.inv_plain_3_minus
{
	background:#bac5cc;
	color: #181b1c;
	padding: 2px;
	margin: 0em;
		
}
.inv_plain_3
{
	background: #d2d9dd;
	color: #181b1c;
	padding: 2px;
	margin: 0em;
	
	
}
.border_3
{
	border-top: #b1bcc4 1px dashed;
	border-bottom: #b1bcc4 1px dashed 

}
.inv_plain_3_zebra
{
	background: #e4e8eb;
	color: #181b1c;
	padding: 0px;
	margin: 0em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	
}
.base
{
	background: #7d92ba;
	color: #2c3442;
	border: #586783 1px solid;
    text-align: center;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.base a
{
	color: #161a21;
}
.topbase
{
	font-weight: bold;
    font-size: 1.2em;
    height: 30px;
	padding: 6px;
	background: url() #8ca3d0 fixed ;
	border: #6e81a4 1px solid;
    text-align: center;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.grad
{
	background: #c8d0d6;
	color: #41474a;
	background-image: url(buttongradient.php?bg2=f6f8f9&bg=b1bcc4&width=1&height=110);
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}
.grad a
{
	color: #1d222c;
}
.invgrad
{
	background: #6e81a4;
	color: #93ACDB;
	padding: 3px;
	margin: 0em;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.invgrad a
{
	color: #161a21;
}
.grad_header
{
	background: #aec1e4; 
	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: #212325;
    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: #7d92ba 1px solid;
	border-left: #7d92ba 1px solid;
	border-bottom: #7d92ba 1px solid;
	margin: 0;
	direction:rtl}
.button
{
	border-right:#7d92ba 1px solid;
    border-top:#7d92ba 1px solid;
    border-left:#7d92ba 1px solid;
    border-bottom:#7d92ba 1px solid;
    height: 2em;
	width: 5em;
    background:#a3b8e0;
    color:#7a858c;
    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: #7d92ba}
tr.tbl:hover
{
    background-color: #7d92ba}

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: #99b0dd;
    border: #7d92ba 1px dashed;
    display: block;
    font-size: 0.95em;
    left: -3em;
    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: #2c3442 4px solid
}
.raincontaniner
{
    background-color: #aec1e4;
	border: #bac5cc 1px solid;
    padding: 1px;
    display: inline;
    float: left;
    margin: 1px;
    color: #7a858c;
    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
}

@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 */ }
.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: 3.8em;
	font-style: italic;
	font-family: "brakim", 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;
	 
}
div.trans25 
{
	opacity:.25;
	
}
div.trans75 
{
	opacity:.75;
	
}
ul.list
{
	margin:0em 1em;
	padding:0em 0.5em;
    text-align:right}
ul.list li
{
	padding:0.9em 0.5em;
	margin:0;
	clear:both;
}
.container
{
	clear:both;
	margin:0 auto;
	width:66%;
	padding:0.5em 0.5em 1em 0.5em
}
div.background
{
	border:none;
	width:90%;
	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 1.5em 0 1.5em;
	padding:0 ;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:right}
div.title img
{
	width:20px;
	height:15px;
}
div.title a
{
	color: #41474a;
	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 .il_category
{
	width:8em
}
.nav
{
	list-style: none;
	padding: 0;
    margin:0;
	direction:rtl}
.nav ul { /* all lists */
	padding: 0;
    margin:0;
    list-style: none;
    width:190px;
    overflow:visible; 
}
.nav li { /* all list items */
	 margin:0;
     position: relative;
	 padding:1em 0.5em 1em 0.5em;
     float:right;
	 border-right: #a8b5be 1px solid;
	 color:#8ca3d0;
	 text-align:center;
	 border-left:none;
	 direction:rtl    
}
.nav li a
{
	display:block
}
.nav li:hover 
{
	background-color:#aec1e4;
}
.nav ul li:hover 
{
	background-color:#aec1e4;
}
.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:#aec1e4;
	color:#6e81a4;
	text-align: right;
	border-right: #A3B1BA 1px solid;
	border-left: #A3B1BA 1px solid;
	border-bottom: #A3B1BA 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: 180px;
	display:block;
   	border-right: none;
	border-left: none;
	border-bottom: #8b969e 1px dashed;
	
}
.nav li ul li a
{
	text-decoration:none;
	display:block;
    border: #aec1e4 0px solid;
}
.nav a:hover
{
	color:#aec1e4;
	background-color:#6e81a4;
	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
}
#search_box
{
	border:none; padding:0.6em 0.5em;
}
#header
{
	position: relative;  
	height:135px;
	margin:0 auto;
	padding: 0;
	clear: both;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0;
	text-align:right}

#header .background
{
   width:100%;
   height:135px;
   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:90%;height:110px;float:right;padding:0 1.5em;
	direction:rtl}
#website_title div
{
	height:6px;
	direction:rtl}
#website_title .nav
{
	float:left;
}
#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%;float:right}
#temptable
{
	width:200px
}
#templabel
{
	padding:0px 0.5em 2px 0.5em
}
#templabel span.info
{
	left:-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
{
	width:16em;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;
	direction:rtl;
}
#footermenu ul.list  li a
{
	font-weight: normal;
}
#footerlinksmenu
{
	clear:both
}
.unitfootermenu
{
	float:right;width:24%;margin:0 auto;height:220px
}
#spanImage
{
	visibility: hidden; z-index: auto; position: absolute;
}
#webringdiv
{
	clear:both;margin:0 auto;text-align:center;padding:1em
}
#webringdiv div
{
	margin:0 auto;height:100%
}
#webringlogo
{
	float:right;width:20%;padding:1em
}
#webringdesc
{
	float:right;width:70%;padding:1em
}
#webringdesc div
{
	width:100%;text-align:center;border:none;padding:1em
	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: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;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
#for_title a
{
	color:#d2d9dd}
#for_title_title
{
	float:right;text-align:right}
#for_title_links
{
	width:50%;
	float:right;
	text-align:right;
	padding:0.5em 1.2em 0em 1.2em

}
#forecast24h
{
	/*background-image: url(buttongradient.php?bg2=a8b5be&bg=dae0e3&width=1&height=300);*/
	clear:both;
	width:auto;
	height:160px;
	margin:0 auto;
	padding:0em 0.5em 0.5em 0.5em;
	text-align:right;
	direction:rtl}
#for24_icon
{
	clear:both;
	padding:0.3em 0.6em 0.3em 0.3em;
	width:29%;
	float:right}
#for24_details
{
	width:55%;
	position: relative;
	padding:1.5em 0em 0em 0em;
	height:155px;
	text-align:right;
	float:right}
#forecastnextdays
{
	padding:0em 0.5em 0em 0.5em;width:100%;
	direction:rtl}
#forecastnextdays table
{	
	/*background-image: url(buttongradient.php?bg2=a8b5be&bg=dae0e3&width=1&height=400);*/
	border-spacing: 0;
	padding:0.1em 0.2em;
	width:100%;
	height:50px;
	clear:both;
	text-align:right;
	direction:rtl}
#hourtempforecast
{
	clear:both;margin:0.5em
}
#timeSwithcer
{
	font-size: 10px;
}
#googleadforecast
{
	float:right;padding:1.2em 0.2em 0em 0.2em;width:100px
}
#nextdays
{
	/*background-image: url(buttongradient.php?bg2=a8b5be&bg=e4e8eb&width=1&height=400);*/
	text-align:right;
	float:right;
	clear:both;
	margin:0 auto;
	padding:0.5em 0;
	width:95%;
	direction:rtl}
#mainCol
{
	padding:0;
	margin:0 auto;
	width:100%;
	-moz-border-radius: 10px;
	-webkit-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:80px;
	padding:3em;
	text-align:center;
	z-index:1000
}
#home
{
	width:250px;
	height:30px;
	padding:1em;
	margin:0 auto;
	
}
#forecast
{
	clear:both;
	width:60%;
	float:right;
	padding:0 1.5em;
	text-align:right}
#hometable_ad
{
	margin:0;padding:1em 0;clear:both;
	direction:rtl}
#sigweather
{
	width:35%;
	margin:0 auto;
	padding:0em;
	direction:rtl;
	float:left
}
#sigweather_cycle
{
	width:330px;
	padding:0;margin:0
}
#webcam_list
{
	width:100%;
	height:70px;
}
#sigweather_list
{
	margin: 0.7em 0px;
	padding:0.2em 1em;
	direction:rtl}
#sigweather_list a
{
	font-weight:normal
}
#sigweather_list ul
{
	/*background-image: url(buttongradient.php?bg2=b1bcc4&bg=e4e8eb&width=1&height=400);*/
	float:right;
	width:92%
}
#airqtitle
{
	padding:0.5em 0
}
#airqdisplayed
{
	padding:0.5em;font-weight:bold;
}
#airqli
{
	
}
#dustitle
{
	
}
#dustdisplayed
{
	direction:rtl}
#headerdatatoggler
{
	width:55%;
	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
{
	direction:rtl}
.tempvalue
{
	font-weight: bold;
    font-size: 1.95em;
}

#whatelse
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:0 0.5em;
	direction:rtl;
        text-align:right}

#first
{
	display: block
}
#second, #third, #forth
{
	display:none
}
.chatline
{
	clear:both;font-size:110%;
	float:right;
	text-align:right;
	width:100%;
	height:auto
}
.chatdate
{
	clear:both;width:7%;float:right;margin:0.4em 0
}
.chatbody
{
	cursor:pointer;width:82%;font-size:110%;
	float:right
}
.chatreply
{
	margin:0.4em;text-align:right;float:right;width:10%
}
#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;padding:0;width:100%;
	direction:rtl;
}
#chat_title
{
	text-align:right;
	clear:both;
	margin:0.2em 1em;
	padding:0em 0.4em;
	float:right}
#chat_title a
{
	color:#d2d9dd}
#chat_explain
{
	float:right;
	padding:0.5em 0.5em 0em 0.5em;
}
#chat_filter
{
	float:right;
	padding:0.5em 0.5em 0em 0.5em
}
#chat_search
{
	float:right;
	padding:0.5em 1.8em 0em 1.8em
}
#inputFieldsDiv
{
	width:95%;
	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 div:hover
{
	background: #a8b5be;
}
#msgDetails div div input[type="button"]
{
	float:left}
#chat_name
{
	float:right;
	padding:0.5em 1em 0em 1em
}
#chat_body
{
	float:right;
	padding:0.5em 1.2em 0em 1em
}
#chat_italic
{
	float:right;
	padding:0.5em 0.3em 0em 0.3em
}
#chat_button
{
	float:right;
	padding:0.1em 1.2em 0em 1.2em
}
#chat_links
{
	text-align:right;
	padding:2.5em 2em 0.5em 2em;width:80%
	
}
.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: 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: #d2d9dd;
padding: 0.2em;
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: #d2d9dd; /*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: #52595d;
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: #e4e8eb;
color: #313538;
}

.glidecontenttoggler a:hover{
background:  #e4e8eb;
color: #313538;
}

.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: #313538;
color: #e4e8eb;
}
#p-select
{
	text-align:right}
.clear {
	clear: both;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

.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;height:800px;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
}