/* ==========================================================================
				   FONTS
   ========================================================================== */

<!--@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);-->
@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Bold.eot');
    src: url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Bold.woff') format('woff'),
         url('fonts/Alef-Bold.ttf') format('truetype'),
         url('fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Regular.eot');
    src: url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Regular.woff') format('woff'),
         url('fonts/Alef-Regular.ttf') format('truetype'),
         url('fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nextexitfotlight';
    src: url('fonts/nextexitfot-light-webfont.eot');
    src: url('fonts/nextexitfot-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nextexitfot-light-webfont.woff') format('woff'),
         url('fonts/nextexitfot-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nextexitfot_regularregular';
    src: url('fonts/nextexitfot-regular-webfont.eot');
    src: url('fonts/nextexitfot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nextexitfot-regular-webfont.woff') format('woff'),
         url('fonts/nextexitfot-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ezerblock_oelight';
    src: url('fonts/ezerblock_oelight-webfont.eot');
    src: url('fonts/ezerblock_oelight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ezerblock_oelight-webfont.woff') format('woff'),
         url('fonts/ezerblock_oelight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ezerblock_oe_regularregular';
    src: url('fonts/ezerblock_oeregular.eot');
    src: url('fonts/ezerblock_oeregular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ezerblock_oeregular.woff') format('woff'),
         url('fonts/ezerblock_oeregular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Heebo-thin';
    src: url('fonts/Heebo-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;

}
@font-face {
    font-family: 'Heebo-light';
    src: url('fonts/Heebo-Light.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;

}
@font-face {
    font-family: 'Heebo-extralight';
    src: url('fonts/Heebo-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;

}
@font-face {
    font-family: 'Heebo-medium';
    src: url('fonts/Heebo-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;

}
@font-face {
    font-family: 'Heebo-semibold';
    src: url('fonts/Heebo-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;

}

@font-face {
    font-family: 'ploni-yad';
    src: url('fonts/ploni-yad-regular-aaa.eot');
    src: url('fonts/ploni-yad-regular-aaa.woff2') format('woff2'),
         url('fonts/ploni-yad-regular-aaa.woff') format('woff'),
         url('fonts/ploni-yad-regular-aaa.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OhRoiDawy';
    src: url('fonts/OhRoiDawy-Regular.otf') format('opentype'),
         url('fonts/OhRoiDawy-Regular.woff') format('woff'),
         url('fonts/OhRoiDawy-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
				    GENERAL
   ========================================================================== */
body {
     /*background-image:url("../img/bg_blue.png");
     background-repeat: repeat;
     background-attachment:fixed;*/
     background: linear-gradient(180deg, #00bfff 0%, #00bfff 4%, #82e2ff  20%, #82e2ff 90%, #C9F6FF 100%); /* #1e528e #2d91c2 #246fa8 #57c1eb #00bfff*/ /*linear-gradient(180deg, #00bfff 0%, #00bfff 4%, #82e2ff  20%, #82e2ff 90%, #C9F6FF 100%)*/
     /*180deg, #E40303 0%, #E40303 2%, #FF8C00  4%, #FFED00 6%, #008026 8%, #24408E 10%, #732982 12%, #1ca1cd  14%, #82e2ff 90%, #C9F6FF 100%*/
     font-family:Heebo-light;
     overflow-y: scroll;
    overflow-x: hidden;
    color:#2C3A42;
    height:280vh;
    font-size: 13px;
}


a {
    color:#2C3A42;
    text-decoration:none;
}

a :hover{
    text-decoration:none;
    color:inherit;
}

a:visited {
    text-decoration:none;
}

h1 {
font-size: 23px;
font-family: nextexitfotlight;
font-weight: bold;
margin-right: 0px;
padding-right: 0px;
border-bottom: solid;
line-height: 20px;
display:inline-block
}

h2 {
    font-family:Heebo;
    font-size:23px;
    color:#2C3A42;
    font-weight:bold;
    margin-bottom:10px;
    line-height:18px;
    }


h3 {
    color:#2C3A42;
    font-family:Heebo;
    font-weight:bold;
    font-size:18px;
    margin-bottom:2px;
    margin-top:15px;
    line-height:20px;
}

h4 {
    font-family:Heebo;
    font-weight:bold;
    color:#4B6371;
    font-size:14px;
    font-weight:normal;
    margin-bottom:2px;
    margin-top:2px;
}
input[type="radio"], input[type="checkbox"] {
margin-top: -2px;
margin-left: 5px;
}

.container {
padding-top:18px;
}
.nav li { /* all list items */
     margin-top:0.2em;
     position: relative;
     line-height:11px;
	 float:left;
	 text-align:center;
	 border:none;
	  
}

.param li
{
	padding:0;border:none;
}
.param li a
{
	display:inline
}
#brokenhightemp, #brokenlowtemp
{
    padding-bottom:0.6em;
}
.brokendatatitle
{
    padding:0.8em 0.3em;
}
.top
{
vertical-align: top;
}
.nav .il_first
{
	border-left: 0px;
}
.nav li:hover 
{
	
}
.nav ul li:hover 
{
text-decoration:none;
}
.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 */
   background: rgba(255, 255, 255, 0.7);
   font-family: ezerblock_oelight;
   font-size: 0.8em;
	display: none;
	position: absolute;
	top:  1.25em;
   left: -50px;
	border-radius: 8px 0 8px 8px;
	z-index: 500;
}
.nav li ul li
{
	float:none;
	padding:0.1em 0.2em;
        margin-top:0em;
	width: 270px;
	display:block;
   	border-right: none;
	border-left: none;
    text-align: left;
    background: rgba(255, 255, 255, 0.8);
 
}
#user_info li ul li {
width:125px;
}
.nav li ul li a
{
	text-decoration:none;
	display:block;
	height:100%;
        padding:0.8em 0.5em;
    
}
.nav a:hover
{
	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 {
 
}
.nav .inv_plain_3_zebra{
    border-radius:0px;
 
}
.nav .forecasttemp
{
width:12%;
direction:ltr important!
}
.nav .forecasttemp a{
display:inline-block;
}
.nav .timefh, .nav .wind, .nav .forcast_icon{ 
    width:10%;direction:ltr
}
/* ==========================================================================
				     WHAT NOW 
   ========================================================================== */

.main_info {
    text-align:center;
    margin-top:-10px;
    margin-left: 170px;
}
@media only screen and (max-width: 1024px) {
    #main_info {
        margin-left:550px;
    }
    
   
}
@media only screen and (max-width: 1224px) {
   
    #current_info{
        margin-left: 290px;
    }
}

#info_circle {
    text-align:center;
    float:left;
    margin-left:132px;
    padding-right:0px;
    position:absolute;
    margin-top:25px;
}
#info_circle_new {
    font-size:1.2em;
    text-align:center;
    padding-right:0px;
    position:relative;
    margin-top:8px;
}
#currentrow{
    display: flex;
     
}
#current_info{

}
#topbar, #bottombar{
    margin: 3px;
}
#sidebar{
    
    margin: 3px;
    
}
#bottombar li, #topbar li, #sidebar li, #activities_yes li , #activities_no li, #activities_bar li, #sigweather_container li {
    margin: 3px 0 3px 10px;
    list-style: none;
}
#sidebar li {
    margin-top:6px
}
#bottombar li, #topbar li{
    margin-left:4px
}
#activities_bar{
    width:370px;
    height: 255px;
    background: linear-gradient(to top,rgba(255, 255, 255, 0.55),rgba(255, 255, 255, 0.55));
    border-radius: 40px 0 0 40px;
    margin: 8px 0 8px 8px;
    padding:15px
}
#sigweather_bar{
    margin-bottom:5px
}
#topbar li{
    margin-bottom:5px;
}
#bottombar li{
    margin-top:5px;
}
#current_info .inparamdiv{
   width:410px;
   height:285px;
   border-radius:0 40px 40px 0;
}
#seker_btns{
    margin: 0.4em;
    
}
.info_btns {
    position:relative;
    list-style:none;
    float:left;
    z-index:55;
    margin:0 100px;
    direction:rtl;}

.info_btns li {
     width:36px;
    height:36px;
    background-position:left; 
}

.info_btns li:hover {
    background-position:right;
    cursor:pointer;
}
#all_btn{
background:url("../img/circles.png") no-repeat;
background-size:50%;
background-position: 9px;
margin-left: 0;
margin-top: 0;
border-radius: 999px;
background-color:#ffffff;
opacity:1;
position:absolute
}
#more_stations_btn{
background:url("../img/otherstations.png") no-repeat;
background-size:60%;
background-position: 7px;
margin-top: 275px;
margin-right: -177px;
border-radius: 999px;
background-color:#ffffff;
opacity:1;
position:absolute;
}
#now_btn {
    background-image:url("../img/now_icon.png");   
    margin-top: -24px;
    margin-right: -154px;
    position: absolute;
}
#temp2_btn {
    background-image:url("../img/temp2.png");
    margin-right:-108px;
    margin-top: -15px;
    position: absolute;
    background-position:right;
}
#temp_btn {
    background-image:url("../img/temp2.png");
    margin-right:-70px;
    margin-top: 7px;
    position: absolute;
    background-position:right;
}
#temp3_btn {
    background-image:url("../img/temp2.png");
    margin-right:-200px;
    margin-top: -23px;
    position: absolute;
    background-position:right;
}
#runwalk_btn {
    position:absolute;
    background: url(../img/runwalk.png) 2px no-repeat;
    background-color: #ffffff;
    opacity:1;
    margin-right:-294px;
    margin-top:228px;
    border-radius: 18px;
    background-size: 80%;

    
}
#moist_btn {
    background-image:url("../img/moist.png");
    margin-right:-38px;
    margin-top:38px;   
    position: absolute;
    background-position:right;
    
    }
#dew_btn {
    background: url(../img/dewp.png) 8px no-repeat;
    background-color: #ffffff;
    opacity:1;
    margin-right:-17px;
    margin-top:75px;   
    position: absolute;
    border-radius: 18px;
    background-size: 60%;
}
#air_btn {
    background-image:url("../img/air.png");
    margin-right:-10px;
    margin-top:116px;  
    position: absolute;
    background-position:right; 
}

#wind_btn {
    background-image:url("../img/wind.png");
    margin-right:-32px;
    margin-top:198px;
    position: absolute;
    background-position:right;  
}

#rain_btn {
    background-image:url("../img/rain.png");
    margin-right:-15px;
    margin-top:158px; 
    position: absolute;
    background-position:right;  
}

#rad_btn {
    background-image:url("../img/radiation.png");
    margin-right:-58px;
    margin-top:234px; 
    position: absolute; 
    background-position:right; 
}

#uv_btn {
    background-image:url("../img/uv.png");
    margin-right:-95px;
    margin-top:257px;   
    position: absolute;
    background-position:right;
}
#aq_btn {
    background-image:url("../img/dust2.png");
    margin-right:-135px;
    margin-top:273px;
    position: absolute;
    background-position:right;
}
#moon_btn{
    background-image:url("../images/moonriseset.png");
    background-color: #ffffff;
    opacity:1;
    border-radius: 18px;
    background-position: 6px;
    background-size: 25px;
    background-repeat: no-repeat;
    margin-right:-263px;
    margin-top:258px;
    position: absolute;
}
#window_btn {
    background-repeat: no-repeat;
    opacity:1;
    border-radius: 18px;
    background-position: 6px;
    background-color: #ffffff;
    margin-right:-220px;
    margin-top: 272px;
    position: absolute;
 }
#window_btn:hover, #webcam_btn:hover, #all_btn:hover, #moon_btn:hover, #runwalk_btn:hover, #dew_btn:hover, #more_stations_btn:hover, #laundryidx:hover {
    opacity: 1;
}
#webcam_btn {
    background-repeat: no-repeat;
    opacity:1;
    border-radius: 18px;
    background-position: 6px;
    background-color: #ffffff;
    margin-right:248px;
    margin-top: -84px;
 }
 #currentrow #window_btn, #currentrow #webcam_btn, #currentrow #all_btn, #currentrow #moon_btn, #currentrow #runwalk_btn, #currentrow #dew_btn, #currentrow #more_stations_btn, #currentrow #aq_btn, #currentrow #uv_btn, #currentrow #rain_btn, #currentrow #wind_btn, #currentrow #temp_btn, #currentrow #temp2_btn, #currentrow #temp3_btn, #currentrow #now_btn, #currentrow #moist_btn, #currentrow #air_btn, #currentrow #rad_btn, #currentrow #wind_btn{
    position: relative;
    width: 35px;
    height: 35px;
 }
.window_open {
    background-image:url("../img/window-open.png");
}
.window_closed{
    background-image:url("../img/window-closed.png");
}
#alertbg{
    height: 200px;
    width: 320px;
    background-size: 100% 100%;
    margin-top: -60px;
}
#alerttxt{
   
}
.txtindiv{
    bottom: -200px;
    position: relative;
   width:280px;
   padding: 0.1em 0.5em 0.5em;
   font-size: 0.95em;
    line-height: 0.9em;
    text-shadow: 1px 1px 6px #000000;
}
.title.txtindiv{
    margin-top:auto;
    position:relative;
    font-weight:bold;
    padding: 0.2em 0.5em;
}
.alertspayment {
    position: absolute;
    margin-top: -3.4em;
    margin-left:5.8em;
    font-size: 0.7em;
}

#latestalert .alertspayment{
    display:none
}
#alerts::-webkit-scrollbar, .contentbox::-webkit-scrollbar{
	width: 12px;
	background-color: #eeeeee;
}
#alerts::-webkit-scrollbar-thumb, .contentbox::-webkit-scrollbar-thumb, ul.select::-webkit-scrollbar-thumb{
    border-radius: 10px;
	background-color: #82e2ff;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.2) 50%,
											  transparent,
											  transparent)
}
#latestalert .txtindiv{
     bottom: 0;
}
#message .txtindiv, #messages_box .txtindiv{
  color:white;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  bottom:-140px
}
#latestalert span.info .txtindiv{
   color:white;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  bottom:-200px
}
#alerts_app_promo{
    margin-left:20px;
    float: right;
    margin-top: -30px;
}
#latest_picoftheday .txtindiv{
    margin-top: 5px;
    margin-left: 10px;
}

.title{
    margin-bottom:0.2em;
    font-weight: bold;
}
#cold_line {
     position:absolute;
   width:12px;
   opacity:0.7;
   margin-top:-44px;
   left:520px;
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
     visibility:hidden;
}

#mood_line {
     position:absolute;
   width:12px;
   opacity:0.7;
   margin-top:-16px;
   left:817px;
    -ms-transform:rotate(30deg); 
    -moz-transform:rotate(30deg); 
    -webkit-transform:rotate(30deg);
    -o-transform:rotate(30deg);
     visibility:hidden;
}

#fseason_line {
     position:absolute;
   width:12px;
   opacity:0.7;
   margin-top:-17px;
   left:548px;
    -ms-transform:rotate(15deg); 
    -moz-transform:rotate(15deg); 
    -webkit-transform:rotate(15deg);
    -o-transform:rotate(15deg);
     visibility:hidden;
}

#now_line {
     position:absolute;
   width:14px;
   opacity:0.7;
   margin-top:17px;
   left:421px;
    -ms-transform:rotate(80deg); 
    -moz-transform:rotate(80deg); 
    -webkit-transform:rotate(80deg);
    -o-transform:rotate(80deg);
     visibility:visible;
}

#temp_line {
    position:absolute;
   width:14px;
   opacity:0.7;
   margin-top:43px;
   left:353px;
    -webkit-transform:rotate(225deg);
    visibility:hidden;
}

#temp2_line {
    position:absolute;
   width:14px;
   opacity:0.7;
   margin-top:25px;
   left:385px;
    -ms-transform:rotate(130deg); 
    -moz-transform:rotate(130deg); 
    -webkit-transform:rotate(240deg);
    -o-transform:rotate(130deg);
     visibility:hidden;
}
#temp3_line {
    position:absolute;width: 12px;
    opacity: 0.7;
    margin-top: 18px;
    right: 422px;
    -ms-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -webkit-transform: rotate(80deg);
     visibility:hidden;
}

#moist_line {
    position:absolute;
   width:16px;
   opacity:0.7;
   margin-top:70px;
   left:324px;
    -ms-transform:rotate(145deg); 
    -moz-transform:rotate(145deg); 
    -webkit-transform:rotate(215deg);
    -o-transform:rotate(145deg);
     visibility:hidden;
}
#dew_line {
    position:absolute;
   width:16px;
   opacity:0.7;
   margin-top:98px;
   left:310px;
    -ms-transform:rotate(190deg); 
    -moz-transform:rotate(190deg); 
    -webkit-transform:rotate(190deg);
    -o-transform:rotate(190deg);
     visibility:hidden;
}

#air_line {
   position:absolute;
   width:16px;
   opacity:0.7;
   margin-top:132px;
   left:304px;
    -ms-transform:rotate(180deg); 
    -moz-transform:rotate(180deg); 
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
     visibility:hidden;
}

#wind_line {
    position:absolute;
   width:16px;
   opacity:0.7;
   margin-top:200px;
   left:318px;
    -ms-transform:rotate(155deg); 
    -moz-transform:rotate(155deg); 
    -webkit-transform:rotate(155deg);
    visibility:hidden;
}

#rain_line {
    position:absolute;
   width:15px;
   opacity:0.7;
   margin-top:165px;
   left:305px;
    -ms-transform:rotate(170deg); 
    -moz-transform:rotate(170deg); 
    -webkit-transform:rotate(170deg);
    visibility:hidden;
}

#rad_line {
    position:absolute;
   width:15px;
   opacity:0.7;
   margin-top:232px;
   left:333px;
    -ms-transform:rotate(145deg); 
    -moz-transform:rotate(145deg); 
    -webkit-transform:rotate(145deg);
    visibility:hidden;
}

#uv_line {
    position:absolute;
   width:15px;
   opacity:0.7;
   margin-top:252px;
   left:375px;
    -ms-transform:rotate(125deg); 
    -moz-transform:rotate(125deg); 
    -webkit-transform:rotate(125deg);
    visibility:hidden;
}

#aq_line{
      position:absolute;
   width:15px;
   opacity:0.7;
   margin-top:264px;
   left:407px;
   -ms-transform: rotate(105deg);
	-moz-transform: rotate(105deg);
	-webkit-transform: rotate(105deg);
	-o-transform: rotate(105deg);
   visibility:hidden;
}

#graphs_line {
    position:absolute;
   width:295px;
   opacity:1;
   top:-70px;
   left:100px;
    -ms-transform:rotate(160deg); 
    -moz-transform:rotate(160deg); 
    -webkit-transform:rotate(160deg);
    -o-transform:rotate(160deg);
     
}
#moon_line {
    position:absolute;
   width:17px;
   opacity:0.7;
   margin-top: 253px;
    right: 372px;
    -ms-transform:rotate(230deg); 
    -moz-transform:rotate(230deg); 
    -webkit-transform:rotate(230deg);
    visibility:hidden;
}
#window_line{
    position: absolute;
    width: 15px;
    opacity: 0.7;
    margin-top: 264px;
    right: 406px;
    -ms-transform:rotate(80deg); 
    -moz-transform:rotate(80deg); 
    -webkit-transform:rotate(80deg);
    visibility:hidden;
}
#runwalk_line {
    position:absolute;
    width: 19px;
    opacity: 0.7;
    margin-top: 225px;
    right: 339px;
   -ms-transform:rotate(220deg); 
    -moz-transform:rotate(220deg); 
    -webkit-transform:rotate(220deg);
    visibility:hidden;
}
#otherstations_line {
    position:absolute;width: 15px;
    opacity: 0.7;
    margin-top: 266px;
    right: 445px;
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -webkit-transform:rotate(90deg);
    visibility:hidden;
}
.winddir{
background-image:url("../img/wind_direction.png");
width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    margin-top: 2px;
    background-size: 33px;

}
.W{
-ms-transform:rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.WSW{
-ms-transform:rotate(66deg);
-moz-transform: rotate(66deg);
-webkit-transform: rotate(66deg);
-o-transform: rotate(66deg);
}
.SW{
-ms-transform:rotate(44deg);
-moz-transform: rotate(44deg);
-webkit-transform: rotate(44deg);
-o-transform: rotate(44deg);

}
.SWS{
-ms-transform:rotate(22deg);
-moz-transform: rotate(22deg);
-webkit-transform: rotate(22deg);
-o-transform: rotate(22deg);
}
.S{

}
.SES{
-ms-transform:rotate(336deg);
-moz-transform: rotate(336deg);
-webkit-transform: rotate(336deg);
-o-transform: rotate(336deg);
}
.SE{
-ms-transform:rotate(314deg);
-moz-transform: rotate(314deg);
-webkit-transform: rotate(314deg);
-o-transform: rotate(314deg);
}
.ESE{
-ms-transform:rotate(292deg);
-moz-transform: rotate(292deg);
-webkit-transform: rotate(292deg);
-o-transform: rotate(292deg);
}
.E{
-ms-transform:rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
}
.ENE{
-ms-transform:rotate(246deg);
-moz-transform: rotate(246deg);
-webkit-transform: rotate(246deg);
-o-transform: rotate(246deg);

}
.NE{
-ms-transform:rotate(224deg);
-moz-transform: rotate(224deg);
-webkit-transform: rotate(224deg);
-o-transform: rotate(224deg);

}
.NNE{
-ms-transform:rotate(202deg);
-moz-transform: rotate(202deg);
-webkit-transform: rotate(202deg);
-o-transform: rotate(202deg);

}
.N{
-ms-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.NNW{
-ms-transform:rotate(156deg);
-moz-transform: rotate(156deg);
-webkit-transform: rotate(156deg);
-o-transform: rotate(156deg);
}
.NW{
-ms-transform:rotate(134deg);
-moz-transform: rotate(134deg);
-webkit-transform: rotate(134deg);
-o-transform: rotate(134deg);
}
.WNW{
-ms-transform:rotate(112deg);
-moz-transform: rotate(112deg);
-webkit-transform: rotate(112deg);
-o-transform: rotate(112deg);
}
.seker_btns {
    width: 50%;
    margin:10px 360px;
   direction:rtl;}

.seker_btns li, #seker_btns li {
    font-family:nextexitfotlight;
    text-align:left;
    border-radius:10px;
    list-style:none;
    background:rgba(255, 255, 255, 0.5);
    padding:6px 5px;
    font-size:1.1em;
    margin-bottom:10px;
}

.seker_btns li:hover, #seker_btns li:hover {
    background:rgba(255, 255, 255, 1);
    cursor:pointer;
    
}
.seker_btns a:hover, #seker_btns a:hover {
    text-decoration:none;
}

#cold_btn {
    float:left;
    width:max-content;
    margin-left:-30px;
}

#mood_btn {
    margin-left:34px;
}

#season_btn {
    margin-right:22px;
    width: 110px;
}


.clothes_text {
    font-family:nextexitfotlight;
    font-size:18px;
    text-align:right;
    position:absolute;
    right:840px;
    float:right;
    visibility:hidden;
    color:#648395;
    line-height:19px;
    margin-left:10px;
}

#clothes_line {
     visibility:hidden;
 position:absolute;
   width:17px;
   opacity:0.7;
   margin-top:50px;
   right:830px;
   border-color:#648395;
    -ms-transform:rotate(-115deg); 
    -moz-transform:rotate(-115deg); 
    -webkit-transform:rotate(-115deg);
    -o-transform:rotate(-135deg);
}
.content_slider {
    width: 100%;
    height: 265px;
    background: linear-gradient(to top,rgba(255, 255, 255, 0.55),rgba(255, 255, 255, 0.55));
    border-radius: 40px;margin: 0;
    margin-top: 8px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.slider {
    
    width: 300px;
    margin: 5px 5px;
    display: flex;
    flex-direction: column;
    animation: cycle 10s linear infinite;
}
.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}
.slider li {
  text-align:left;
  list-style: none;
}
.slide {
      flex: 0 0 12px;
      display: flex;
}
/* Clone the slides to allow infinite scroll effect */
.slider::after {
    content: attr(data-clone);
    display: none;
}

.slider li {
 /* animation: cycle 10s linear infinite;*/
}

.slider:hover  {
  animation-play-state: paused;
}


@keyframes cycle {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(99%);
  }
}

/* ==========================================================================
				    FORCAST
   ========================================================================== */


#forcast_title {
    position: absolute;
    left:20px;
    width: 100px;
    margin-top:60px;
    border-right:solid;
    border-color:#829CAA;
    border-width:1px;
    padding-left:8px;
    height:320px;
    margin-left:30px;
        text-align:right;
}
@media only screen and (max-width: 1080px) {
    #forcast_title {
        left:280px;
    }
    .container{
        margin:0
    }
    #current_info{
        margin-left:20em
    }
    .nav{
        margin-left:12em
    }
    .fixed_nav
    {
        margin-left:15em
    }
}

.forcast_title_btns {
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
    background-color:#485d6d;
    color:#FFF;
    font-family: ezerblock_oelight;
    height:35px;
    margin-left:-20px;
    margin-bottom:10px;
    font-size:18px;
    padding-right:10px;
    display:block;
    line-height:35px;
    text-align:right;
    opacity:0.35;
    transition:all 200ms linear 0s
}

.forcast_title_btns:hover {
    background-color:#54BEB8;
    cursor:pointer;
    margin-left:-40px;
    padding-right:30px;
    text-decoration:none;
    color:#fff;
}
.forcast_title_btns a{
color:#fff;
}
.for_active {
     opacity:1;
}
.forcast_title_btns.for_active:hover{
margin-left:-20px;
padding-right:10px;
background-color:#ebe8ed;
}
#table24, .daily_link{
    width: 200px;
    margin: 0px 550px;
    }

.moon_sun {
    font-size:0.8em;
    float:right    
}

#moon_rise:hover {
    color:#DD6B96;
    cursor:pointer;
}

#moon_rise {
    
    background-repeat:no-repeat;
    background-position:right;
    text-align:right;
    margin-right:10px;
    padding-top:85px;
    
     -webkit-transition-property:color; 
    -webkit-transition-duration: 200ms, 200ms; 
    -webkit-transition-timing-function: linear, ease-out;
}
#moon_img {
    opacity:1;
}

#moon_rise p {
    margin-bottom:0px;
    line-height:16px;
}

#sun_rise {
    background-image:url("../img/sun.png");
    background-repeat:no-repeat;
    background-position:left;
    text-align:left;
    height:40px;
    margin-left:5px;
    padding-top:6px;
    padding-left:50px;
    margin-top:16px;
    
    -webkit-transition-property:color; 
    -webkit-transition-duration: 100ms, 100ms; 
    -webkit-transition-timing-function: linear, ease-out;
}

#sun_rise:hover {
    color:#DD6B96;
    cursor:pointer;
}

#sun_rise p {
    margin-bottom:0px;
    line-height:16px;
}

#sun_hours h3{
    font-family:nextexitfotlight;
    font-size:32px;
    float:left;
    margin-left:0px;
    width:55px;
    text-align:center;
    font-weight:normal;
}

#sun_hours p {
    padding-top:15px;
    line-height:13px;
    text-align:left;
}

#forcast_icons {
    margin-left:115px;
    margin-bottom:0px;
    text-align:left;
    }

#forcast_icons li{
   height:25px;
   display:inline-block;
   vertical-align:middle;
   background-position:center;
   background-repeat:no-repeat;
   margin-bottom:5px;
}

#morning_icon {
   
    
}

#noon_icon {
    
}

#night_icon {
    
}

#forcast_main {
    margin-top:25px;
    width:820px;
    left:155px;
    position:absolute;
    text-align:right;
         overflow:hidden;
}
@media only screen and (max-width: 1080px) {
    #forcast_main {
        left:445px;
    }
    #belowmainad {opacity:0}
    
}
.contentbox-wrapper{
    position:relative;
    left:0;
    width:20000px;
    height:100%;
}

.contentbox{
    width:805px;
    height:100%;
    float:left;
    padding:5px;
    margin:0px;
    margin-bottom:15px;
    border-radius: 10px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.35))
   
}

#what_is_forcast {
    margin-left:-30px;
    width:850px;
    margin-top:40px;
    text-align:left;
}

#what_is_forcast p {
    margin-bottom:10px;
}

#what_is_forcast .span4 {
    margin-left: 5px;
    width: 655px;
}

#forcast_days.detailed {
    display: table;
}

#forcast_days.detailed li {
    padding:0.3em;
    display: table-cell;
}
#forcast_days.detailed ul{
    padding:0.2em 0
}
#forcast_days.detailed .forcast_morning, #forcast_days.detailed .forcast_noon, #forcast_days.detailed .forcast_night {
    width:18%
}
#forcast_days.detailed .forcast_morning div, #forcast_days.detailed .forcast_noon div, #forcast_days.detailed .forcast_night div {
    display: block;
    padding: 0.4em 0;
    margin:0.2em;
    text-align:left}
#forcast_days.detailed img{
    vertical-align: baseline;
}
#forcast_days.detailed .title{
    margin-bottom:1em
}
#forcast_days.detailed #night_icon_exp{
    font-size: 0.6em;
    line-height: 1em;
    position: absolute;
    width: 270px;
    margin-top: -120px;
}
#forcast_days.detailed .forcast_day{
    width:10px
}
#forcast_days.detailed .forcast_date{
    width:10px;
    font-size:1.2em
}
#forcast_days.detailed .forcast_text{
    width:18%;
    font-size:1.1em 
}
#forcast_days.detailed .cloth{
    height: 5em;
    font-size: 0.8em;
    line-height: 0.7em;
}
#forcast_days.detailed .humidity{
    font-size: 1em;
}
#forcast_days.detailed .number{
    font-size: 0.9em;
}
.winddesc{
    font-size: 0.7em;
    line-height: 1em;
}

#forcast_hours, #forcast_hours_table {
    margin-left:5px;
    margin-right:60px;
    text-align:left;
    max-height: 480px;
    overflow-y: auto;
}


#for24_graph_ng{
    padding:0
}
#forcast_hours li, #forcast_hours_table li, #for24_graph_ng li {
    line-height:1.5em;
    list-style:none;
    display:inline-block;
    font-family: Heebo-light;/*nextexitfot_regularregular*/
    font-size: 1.3em;
    padding-bottom:0.3em
}
#forcast_hours_table li{
    padding-bottom:0
}
#forcast_hours_table li .wind_icon{
    margin-top:4px
}

#forcast_hours ul, #forcast_hours_table ul {
   font-size:16px;
}

#forcast_hours .forcast_each, #forcast_hours_table .forcast_each {
     margin-bottom:0;
}

#forcast_hours .forcast_date, #forcast_hours_table .forcast_date{
    letter-spacing:1px;
    margin-left:1px;
}

#forcast_hours .forcast_text, #forcast_hours_table .forcast_text {
    margin-right:20px;
    width:150px;
    text-align:right;

}

#forcast_hours  .forcast_morning, #forcast_hours_table .forcast_morning  {
    padding:0px;
    width:30px;
    
}
#for24_hours{
width:100%;
margin:0 auto;
float:left}

#forcast_days ul{
    font-family:nextexitfotlight;
    font-size:20px}

#forcast_table {
    margin-left:5px;
}
#forcast_table ul{
    margin-right:0px
}
#forcast_days li {
    list-style:none;
    display:inline-block;
    text-align:center;
    cursor:pointer;
	
    
}
#forcast_table .humidity {
    font-size:0.7em
    
}
#forcast_table .wind_icon, #forecastnextdays_table .wind_icon {
    margin-top: -5px;
    font-size:0.9em;
    background-position-y: bottom;
    
    
}
#forcast_table .wind_icon .small{
    font-size: 0.6em;
}
.icon_day .wind_icon{
    position: absolute;
    margin-top: 3px !important;
    background-size: 145px;
}
.forcast_each {
    float:left;
    clear: both;
        margin-bottom:15px;
    padding-top: 0.25em;
}
.forcast_each:hover 
{
    background:#c4c7d6b3;
}
.extra {
    line-height:1;
}
.extra .forcast_morning, .extra .forcast_noon{
margin:0;
direction: ltr;
line-height: 0.6em;
}
.extra .forcast_night{ 
    font-size: 0.8em;
    margin-bottom: -50px;
}
.forcast_each ul li
{
vertical-align:middle;
height:auto
}
.forcast_off_day{
    width:20px;
    font-size:0.7em;
    line-height:10px;
    
}
.forcast_off_day:hover{
    cursor:pointer; 
}
.forcast_day {
        margin-right:0px;
    width:30px;
    font-weight:bold;
}
.forecast_ad{
margin-left:10px
}
.forcast_date {
    letter-spacing:1px;
    width:20px;
    font-size: 0.8em;
}

.forcast_morning {
    margin-right:8px;
}
.forcast_noon, .forcast_night
{
	width:60px;
}

.forcast_morning, .forcast_noon, .forcast_night {
     margin-left:-3px;
      margin-top:-5px;
     padding-top:5px;
     width:105px;
     font-size: 1.4em;
     line-height: 0.8em;
     /*display: inline-flex !important;
     justify-content: center;*/
    
}
.forcast_morning div, .forcast_noon div, .forcast_night div{
   display:inline-block
}
.forcast_text {
    margin-right:10px;
    font-family:Heebo-light;/*alef*/
    font-size:0.8em;
    width:270px;
    line-height: 1.1em;
    text-align:left !important;
    cursor:pointer;
}
.forcast_text a{
text-decoration:underline;
}
.below_forecast 
{
    font-size:0.7em;
    
}
.below_forecast a{
text-decoration:none
}
.below_forecast a:hover{
text-decoration:underline
}
.extra .forcast_date {
    width:32px;
}
.tashkif .forcast_day {
    color:#ffffff;
}

.tashkif .forcast_day p{
    font-size:12px;
    font-family:ezerblock_oe_regularregular;
    margin-right:-5px;
    padding-right:0px;
    line-height:10px;
    padding-bottom:0px;
    margin-bottom:-19px;
    margin-top:2px;
    
}

#forcast_days li .multiline {
    line-height:18px;
    text-align:right;
    margin-top:-6px;
    vertical-align:middle;
}

.forcast_rain {
    background-image:url("../img/wt_rain.png");
}

.forcast_snow {
    background-image:url("../img/wt_snow.png");
}

.forcast_cloudy {
    background-image:url("../img/cloudy.png");
}

.forcast_sunRain {
    background-image:url("../img/sunRain.png");
}


.forcast_sunCloud, .forcast_sunHot, .forcast_sunDust, .forcast_sunny, .forcast_moon, .forcast_rain, .forcast_sunRain, .forcast_cloudy, .forcast_snow{
     background-repeat:no-repeat;
    vertical-align:middle;
    width:50px;
    height:30px;
}

.forcast_sunCloud {#winddir
    background-image:url("../img/sunCloud.png");
}

.forcast_sunHot {
    background-image:url("../img/sunHot.png");
}

.forcast_sunDust {
    background-image:url("../img/sunDust.png");
    height:40px;
    margin-bottom:-5px;
    margin-top:-5px;
    padding-right:7px;
    margin-left:-7px;
}

.forcast_sunny{
    background-image:url("../img/sunny.png");
}

.forcast_moon{
    background-image:url("../img/forcast_moon.png");
     padding-right:2px;
    margin-left:-2px;
}
.small{
font-size:0.35em
}
.number{
    font-family: nextexitfot_regularregular;
    font-size: 1.2em;
    direction:ltr;
    text-align: center;
}
.forcast_each .number{
    font-size: 1.4em;
}
.smalllogo{
	background-image:url("../img/sun_toolbar.png");
	background-repeat:no-repeat;
	background-position:left;
	display: inline-block;
    height: 21px;
    width: 23px;
}
#radarcontrols{
    left:-90px;position:absolute;top:30px
}
#radarimg{
    width:520px;float:left;z-index:0;margin-left:170px;
    background: no-repeat url(https://www.02ws.co.il/img/IL_streetmap.png);
    background-size: 70%;
    background-position-y: 92px;
    background-position-x: 105px;
}
#wrapper{
    
}
#rainsummery, #mouseover{
    font-size: 1.3em;
}
#slogan{
text-align:left;
margin-bottom:8px;
margin-left: 200px;
font-size:1.2em;
z-index:9999;
}
#activities_yes, #activities_no, #activities_perhour{
    background-size: 15%;
    margin-top: 10px;
    width: 380px;
    margin:0
}
#activities_yes{
    
   
}
#activities_no{
   
    
}
.detailed #activities_yes, .detailed #activities_no{
    width: 100%;
    padding: 0;
    display: flex

}
#activities_yes li , #activities_no li, #bottombar li, .activity_show{
    border-radius: 999px;
    background-color: #ffffff;
    opacity: 0.9;
    display: inline !important;
    padding: 0.4em !important;
    position:relative;
}
 .activity li {
    border-radius: 999px;
    background-color: #ffffff;
    padding: 0.4em !important;
    position:relative;
 }
.no {
    
}
#addthis_icon
{
display:inline-block;
vertical-align: top;
margin-left:0.5em
}
#mainadsense {
   
   
   float:right;
   width:300px;
   height:310px;
}
@media only screen and (max-width: 1180px) {
    #mainadsense {
        margin-top:-330px;
        display:none;
    }
    #if1, #if2, #if3, #if4, #windy_widget{
        display:none
    }
    #
}
#if1, #if2, #if3, #if4{
    margin:5px 0;
    width:300px
}
#extrainfo{
    display:inline
}
#sigweather{
    top: 0em;
    left: 0.8em;
    width:295px;
    border-radius: 15px;
    font-weight:bold
}
#belowmainad
{

}
#xClose{
    display:none;
}
#sigweather .li{
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.6);
}
#now_stuff {
    position:relative;
    float:left;
    margin-top: 0px;
    margin-left: 20px;
    clear:both;
    height:23px;
    z-index:9999;
    height:auto;
    width:100%;
    direction:ltr}
#what_is_h{
    padding-top: 0.1em;
    font-size:1.5em
}
#now_stuff a{
    color:#000
}
#now_stuff li{
text-align:left;
width:100%;
margin: -4px -45px;
background: rgba(255, 255, 255, 1);
padding:0 0.4em;

}
#now_stuff h2 {
    margin-bottom:3px;
}
#now_stuff li ul li a {
    color:#000;
    font-size:1.3em
}
#now_stuff li ul li a:hover, #sigweather li a:hover{
    color:#ccc  
}

#now_stuff li ul li{
width:340px;
padding:0.5em;
}
#now_stuff liabilities{
text-align:left;
}
#now_stuff .rainpercent{
    display:none
}
.now_stuff_btns {
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
    background-color:#BFA8C6;
    color:#FFF;
    font-family:nextexitfotlight;
    height:30px;
    margin-right:-10px;
    margin-bottom:10px;
    font-size:23px;
    padding-right:10px;
    padding-left:20px;
    line-height:30px;
    background-image:url("../img/arrow_left.png");
    background-repeat:no-repeat;
    background-position:10px;
    text-align:left;
    
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    
}

.now_stuff_btns:hover {
    background-color:#54BEB8;
    cursor:pointer;
    margin-left:-20px;
}

#month_peak {
    text-align:right;
    direction:ltr;
    margin-bottom:20px;
    line-height:14px;
    margin-top:20px;
}

#month_avarage {
    margin-right:0px;
    direction:ltr;
    text-align:right;
    line-height:14px;
}

#peak_max, #peak_min, #avarage_max, #avarage_min {
    background-repeat:no-repeat;
    background-position:right;
    padding-right:25px;
    margin-right:5px;
}

#peak_max {
    background-image:url("../img/peak_max.png");  
}

#peak_min {
    background-image:url("../img/peak_min.png");
}

#avarage_max {
    background-image:url("../img/avarage_max.png");
}

#avarage_min {
    background-image:url("../img/avarage_min.png");
}



/* ==========================================================================
				WHAT MORE
   ========================================================================== */

.now_messages {
    margin-top:50px;
    line-height:1.2em
}
#windy_widget{
    width:300px;
    margin-left:20px;
    margin-top:00px;
    }
.white_box {
    background:rgba(255, 255, 255, 0.7);
        padding-bottom:20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    color:#3D718E;
}

.speach {
   
}

.speach:after {
    content:"";
    position:absolute;
    display:block;
    top:110px;
    left: -20px;
    bottom: auto;
    border-width: 12px 20px 12px 0;
    border-style: solid;
    border-color: 
    transparent 
    #fff;
    width: 0;
    opacity:0.7;
}

.white_box h2, .white_box p, .white_box .box_text  {
    padding:10px 20px;
    
}
.white_box .box_text{
    font-size:1.2em
}
.white_box h2 {
    display:table;
    border-bottom:solid;
    border-width:1px;
    border-bottom-color:#CCD7DC;
    padding-bottom:8px;
    padding-top:8px;
    padding-left:0px;
    margin-bottom:0px
   
}

a:visited h2{
    border-bottom-color:#CCD7DC;
}

.white_box p {
    margin-bottom:5px;
    font-size:0.8em;
    line-height:18px;
}
.white_box a{
    color:#000
}
#forecastJob p{
    font-size:1.2em;
}
.now_messages .span4 {
    width:330px;
    
}

.now_messages a .white_box {
     background:rgba(255, 255, 255, 0.5);
}

.now_messages a,  #about a{
     color:#3D718E;
}

.now_messages a h2{
     color:#3D718E;
     direction:ltr
}

.now_messages a:hover {
    color:#DD6B96;
    cursor:pointer;
}

.now_messages a .white_box:hover {
     background:rgba(255, 255, 255, 0.7);
}

.now_messages a:hover h2{
    color:#DD6B96;
    cursor:pointer;
}

.more_stuff {
        margin-top:0px;
}
#messages_box h2{
    padding: 0 10px;   
}
#messages_box .box_text{
    padding: 0 10px;   
}
.box_text a{
    text-decoration: underline;
}
.alertspayment a {
    text-decoration: none;
}
#personal_message{
    padding-top:8px;
}
.more_stuff h2{
    border-bottom:solid;
    border-width:1px;
    text-align:center;
    padding-bottom:5px;
}
#about {
float:right;margin-top: 0.5em;
}

#qrcode{
width:250px
}
#newsletter {
    position:absolute;
    width:140px;
    display:inline-block;
    margin-right:30px;
    margin-top:-70px;
}

.email_form .search-query{
    border:solid;
    border-color:#829CAA;
    border-top:none;
    border-width:1px;
    border-radius:0;
    height:15px;
    line-height:11px;
    width:130px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
    color:#829CAA;
     background:rgba(255, 255, 255, 0.6);
}

.email_form input[type="submit"] {
    background-color:#fff;
    border:none;
    font-family:ezerblock_oe_regularregular;
    margin-top:5px;
    line-height:14px;
    color:#829CAA;
}

.email_form input[type="submit"]:hover {
     color:#3D718E;
}

#did_you_know {
     position:absolute;
    width:130px;
    margin-top:-60px;
     line-height:18px;
}

#did_you_know a, #about{
    text-decoration:underline;
}
#gender_notice{
    margin:10px 0;
}
#register_suggest_title{
    margin:0 auto
}
#register_suggest_desc{
    padding:1em
}
#alerts table,#alerts th, #alerts td, .box_text table, .box_text th, .box_text td{
    border: 0;
    cellpadding:0.2em
}

#alerts, #mainstory{
    text-align:left;
    max-height: 280px;
    overflow-y: auto;
    width: 820px;
    z-index: 300;
    line-height: 1.2em;
        
}
#alerts.offset3, #mainstory.offset3 {
    margin-left: 175px;
}
@media only screen and (max-width: 1180px) {
    #alerts.offset3, #mainstory.offset3 {
        margin-left: 465px;
    }
}

#outside_links {
    width:130px;
    margin-top:20px;
    }

#outside_links a{
    text-decoration:underline;
    display:block;
    color:#3D718E;
}

#outside_links a:hover {
    color:#DD6B96;
}

.more_icons {
   margin-left: 240px;
    margin-top: 10px;
    position: absolute;
}

.more_icons li{
    list-style:none;
    display:inline-block;
    font-family:nextexitfotlight;
    font-size:18px;
    margin-right:10px;
    
}

a.more_icons {
    display:inline-block;
    text-align:center;
    background-repeat:no-repeat;
    background-position:right;
    margin:5px 5px;
    padding-top: 65px;
    
    width:60px;
    height:60px;
    position:absolute;
    z-index:111;
    background-size: 120px;
    background-position-y: 10px;
}

a.more_icons:hover {
    cursor:pointer;
    background-position:right;
    background-position-y: 10px;
    text-decoration:none;
    color:#3D718E;
}
#more_icons_container {line-height: 1em;}
#weather_israel {
    background-image:url("../img/weather_israel.png");
    left: 1020px;
   
}
#likeddislikedforecasts {
    background-image:url("../img/icons8-love-60.png");
    background-size: auto;
   
}
#weather_hul {
    background-image:url("../img/weather_hul.png");
    left: 190px ;
  
}
#likeddislikedforecasts{
   left:320px;
   
}
#weather_movies {
    background-image:url("../img/weather_movies.png");
     left: 870px;
    
}

#weather_songs {
    background-image:url("../img/weather_songs.png");
     left: 730px;
 
}
#myths {
    background-image:url("../img/icons8-vomiting-unicorn-60.png");
    background-size: auto;
     left: 450px;
 
}
#snow_poems {
    background-image:url("../img/snow_poems.png");
    left: 590px;
 }
#fb_like{
margin-top:10px
}
#ftr_icons {
    text-align:center;
    margin-left:10px;
}
#ftr_icons li{
	display:inline-block;
	list-style: none outside none;
	margin:0em ;
	line-height:22px;
}

#ftr_icons a {
    margin-right:2px;
    margin-left:2px;
    width:42px;
    height:42px;
    float:right;
}
#ftr_icons a:hover{
background-position:right;
}
.addthis_default_style .at300m{
padding:2px;
}

#rss {
    background-image:url("../img/rss.png");
}

#twitter {
    background-image:url("../img/twitter.png");
}

#facebook {
    background-image:url("../img/facebook.png");
}

#addthis {
    background-image:url("../img/addthis.png");
}




/* ==========================================================================
				PICTURES (MAP) STUFF
   ========================================================================== */

.upload_to_map :hover {
    cursor:url("../img/cursor_upload.png"), auto;
}
#album, #userpic{
    right: 200px;
	position: absolute;
	top: 520px;
	font-size: 1.3em;
	background-color: 
	rgba(255, 255, 255, 0.5);
	border-radius: 50px;
	padding-right: 10px;
	padding-left: 10px;
	direction: rtl;
}
#album a, #userpic a{
	color:#2C3A42;
}
#album a:hover , #userpic a:hover{
	color:#648395;
}
#userpic{
    right: 10px;
}
#pic_empty {
    position:absolute;
    width:600px;
    height:400px;
    left:300px;
}

#upload_window {
    position:absolute;
    left:300px;
    height:295px;
    width:295px;
     background:rgba(255, 255, 255, 0.8);
     border-radius:50%;
     z-index:700;
     text-align:center;
     visibility:hidden;
}

.close_icon {
    background-image:url("../img/close.png");
    background-position:left;
    height:32px;
    width:32px;
    display:inline-block;
    margin-left:10px;
}

.close_icon:hover {
    background-position:right;
}

.okay_close {
    margin-top:110px;
}

.okay_icon {
    background-image:url("../img/okay_icon.png");
    background-position:left;
    height:32px;
    width:32px;
    display:inline-block;
}

.okay_icon:hover {
    background-position:right;
}

#upload_form input[type="file"] {
      margin-right:0px;
  margin-top:50px;
  width:80px;
  opacity:0;
}

#upload_btn {
    margin-top:-35px;
    background-color:#C0CE61;
    color:#fff;
    background-image:url("../img/file_icon.png");
    background-position:75px;
    padding-right:15px;
    background-repeat:no-repeat;
    width:80px;
    border-radius:5px;
    margin-left:100px;
}


#upload_form input[type="text"], #upload_form textarea {
     text-align:right;
     color:#829CAA;
     font-family:Heebo;
     margin-top:15px;
     margin-bottom:0px;
}

#upload_form textarea {
    width:120px;
    height:70px;
    float:right;
    margin-right:37px;
    resize:none;
}

#pic_holder {
    position:absolute;
     height:75px;
     width:75px;
     margin-left:40px;
     margin-top:16px;
     border:dashed;
     border-width:1px;
     border-color:#829CAA;
}

#upload_text {
    position:absolute;
    color:#fff;
    line-height:20px;
    text-align:center;
    margin-top:-140px;
    width:200px;
    left:390px;
    visibility:hidden;
}

#upload_pic {
    position:absolute;
    background-image:url("../img/upload_pic.png");
    background-position:left;
    background-repeat:no-repeat;
    height:45px;
    width:46px;
    font-size:23px;
    line-height:20px;
    font-family:nextexitfotlight;
    color:#fff;
    padding-top:100px;
    text-align:center;
    left:335px;
    margin-top:260px;
    z-index:50;
}
.webcam_image
{
	float:left;padding:0.5em 0.8em;margin:0 auto;width:40%
}
.image_enlarge
{
	padding:0.2em;margin:0.2em 3em;
}
#webcam_container
{
	width:100%;clear:both;text-align:left;
}
#webcam_list
{
	text-align:left; 
	float:left;
	margin:1em;
	width:300px;
	}
.webcam_desc
{
	float:left;width:90%;margin:0.5em;padding:0.5em;
	}
#webcam_desc fieldset
{
	padding:0.5em
}

#upload_pic:hover {
     background-position:right;
     color:#3D718E;
}

.white_box2, .chosenreply {
    background:rgba(255, 255, 255, 0.5);
        padding-bottom:20px;
    position:relative;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    padding-bottom:10px;
    height:auto;
}

.white_box2 a {
    text-decoration:underline;
    color:#3D718E;
    word-break: break-word;
}


#live_pic p, #picoftheday p{
    margin-top:20px;  
   margin-bottom:10px;    
   height:40px;
   line-height:14px;
   margin-left:10px;
   overflow-y:hidden;
}

.white_box2 a:hover {
    cursor:pointer;
    color:#DD6B96;
}

#pic_stuff {
     margin-top:50px;
}

#pic_frame {
    z-index:98;   
    overflow:hidden;
    padding-bottom:0
}

#pic_frame img {
    float:right;
    margin-right:10px;
    margin-bottom: 10px;
    max-height:none;
    max-width:none;
}


#picoftheday h3, h4 , #live_pic h3 {
    text-align:left;
}



#pic_contentbox {}

#pic_frame .contentbox-wrapper{
    position:relative;
    padding:0;
    margin:0;
    right:0;
    width:1500px;
    height:100%;
}

#pic_frame .contentbox{
    width:200px;
    height:100%;
    float:left;
    padding:0;
    margin:0;
    margin-bottom:10px;

}
.user_icon_frame
{
    width:36px;
    overflow: hidden;
    margin-left:90px;
}
#user_icon_contentbox
{
    position:relative;
    padding:0;
    margin:0;
    right:0;
    width:828px;
    height:100%;
}
#user_icon_contentbox .contentbox {
    float: right;
    height: 100%;
    margin: 0 0 2px;
    padding: 0;
    width: 36px;
}
.icon_left, .icon_right {
    background-repeat:no-repeat;
    height:26px;
    width:13px;
	margin-left: 46px;
    position:absolute;
    margin-top: -30px;   
}

.icon_left {
    background-image:url("../img/pic_left.png");
    ;
    padding-left: 10px;
}

.icon_right {
    padding-right: 10px;
    background-image:url("../img/pic_right.png");
     margin-left:76px;}

#icon_left:hover {
    margin-left:-40px;
    cursor:pointer;
}

#icon_right:hover {
    margin-left:320px;
    cursor:pointer;
}

#live_pic h3, #picoftheday h3 {
    padding-top:10px;
    font-family: Heebo;
    font-weight: normal;
    padding-left: 5px;
}

#live_pic object {
    margin-right:10px;
    margin-top:10px;
}
#user_icon_contentbox .contentbox div{
	height:36px;
    width:36px;
	background-repeat:no-repeat;
}
.avatar {
     position:absolute;
    height:36px;
    width:36px;
    margin-left:10px;
    margin-top:15px;
    background-repeat:no-repeat;
}

.picoftheday_avatar {
    background-image:url("../img/picoftheday_avatar.png");
}

.live_avatar {
    background-image:url("../img/live_avatar.png");
}

.user_avatar1 {
    background-image:url("../img/user_icon/user_avatar1.png");
}

.user_avatar2 {
    background-image:url("../img/user_icon/user_avatar2.png");
}

.user_avatar3 {
    background-image:url("../img/user_icon/user_avatar3.png");
}

.user_avatar4 {
    background-image:url("../img/user_icon/user_avatar4.png");
}

.user_avatar5 {
    background-image:url("../img/user_icon/user_avatar5.png");
}

.user_avatar6 {
    background-image:url("../img/user_icon/user_avatar6.png");
}
.user_avatar7 {
    background-image:url("../img/user_icon/user_avatar7.png");
}

.user_avatar8 {
    background-image:url("../img/user_icon/user_avatar8.png");
}

.user_avatar9 {
    background-image:url("../img/user_icon/user_avatar9.png");
}

.user_avatar10 {
    background-image:url("../img/user_icon/user_avatar10.png");
}

.user_avatar11 {
    background-image:url("../img/user_icon/user_avatar11.png");
}

.user_avatar12 {
    background-image:url("../img/user_icon/user_avatar12.png");
}
.user_avatar13 {
    background-image:url("../img/user_icon/user_avatar13.png");
}
.user_avatar14 {
    background-image:url("../img/user_icon/user_avatar14.png");
}
.user_avatar15 {
    background-image:url("../img/user_icon/user_avatar15.png");
}
.user_avatar16 {
    background-image:url("../img/user_icon/user_avatar16.png");
}
.user_avatar17 {
    background-image:url("../img/user_icon/user_avatar17.png");
}
.user_avatar18 {
    background-image:url("../img/user_icon/user_avatar18.png");
}
.user_avatar19 {
    background-image:url("../img/user_icon/user_avatar19.png");
}
.user_avatar20 {
    background-image:url("../img/user_icon/user_avatar20.png");
}
.user_avatar21 {
    background-image:url("../img/user_icon/user_avatar21.png");
}
.user_avatar22 {
    background-image:url("../img/user_icon/user_avatar22.png");
}
.user_avatar23 {
    background-image:url("../img/user_icon/user_avatar23.png");
}
.user_avatar24 {
    background-image:url("../img/user_icon/user_avatar24.png");
}

.pic_user  p {
    margin-top:10px;
}

.pic_user img {
    margin-top:10px;
}

.pic_user h3{ 
margin-left:50px;
 
}
 .pic_user h4{
margin-left:96px;
}



#map_thumbs img {
    height:30px;
    width:30px;
    position:absolute;
    z-index:55;
    border:solid;
    border-color:#fff;
    border-width:2px;
}

#map_thumbs img:hover {
    cursor:pointer;
}

#pic_thumb1 {
    top: 430px;
    left: 520px;
}

#pic_thumb2 {
    top: 500px;
    left: 400px;
}

#pic_thumb3 {
    top:630px;
    left:440px;
}

#pic_thumb4 {
    top:600px;
    left:530px;
}

#pic_thumb5 {
    top:570px;
    left:600px;
}
#pic_thumb6 {
    top:530px;
    left:485px;
}
#pic_thumb7 {
    top:650px;
    left:740px;
}
#pic_thumb8 {
    top:620px;
    left:890px;
}
#pic_thumb9 {
    top:600px;
    left:600px;
}
#pic_thumb10 {
    top:590px;
    left:440px;
}

/* ==========================================================================
				FORUM
   ========================================================================== */

#forum .container {
    z-index:20;
    margin-top:0px;
    min-height: 1800px
}


#forum .span3 {
    margin-left:-7px;
    width:278px;
}
#msgDetails{
    width: 1080px;
       
}
#msgDetails .white_box2, #msgDetails .chosenreply{
   
    width: 32.4%;
   
}
@media only screen and (max-width: 1280px) {
    #msgDetails .white_box2, #msgDetails .chosenreply{
   
   width: 49.4%;
}
#msgDetails{
    width: 830px;
}
}
.chatdate
{
	width:7%;float:right;margin:0.4em 0;
	font-style: italic;position: absolute;left:70px;top:-20px
	
}
.chatmainbody
{
	margin:0.4em;width:96%;float:left;line-height:18px;
}
.chatmainbody table
{
    width:100%;border: 1px solid;
}
.alternatebody{
line-height:1em;
}
.chatseperator
{
 margin:0 0.2em;
 position: absolute;
 right: -1px;
}

.chatreply
{
	margin:0.4em;text-align:left;float:left;width:10%
}
.chatdatereply
{
    margin: 0 5px;
    float:left;
}
.chatdatereply, .msgcount
{
opacity: 1;
margin-left:8px;
font-family: nextexitfotlight;
font-size: 1.1em;
}
.pic_user .msgcount
{
font-family: nextexitfotlight;
font-size: 1.1em;
display: inline-block;
}
.pic_user .datestart{
 font-weight:normal;
 font-family: nextexitfotlight;
font-size: 1.1em;
}
.replyesnumber{
    font-weight: normal;
    font-family: nextexitfotlight;
    font-size: 1.2em;
    float: right;
    margin-right: 1em;
}
.chataftersepreply
{
 margin: 0 0.1em;
 width: 100%;
 position:relative
}
.chatnamereply
{
  margin: 0 0.1em
}
.chatbodyreply
{
	width: 85%;
        margin-left:35px;
	word-wrap: break-word;
	white-space:normal;
	white-space:-moz-pre-wrap;
}
.chatbodyreply .avatar
{
    left:-12px;
}
#faq .chatbodyreply, #tips .chatbodyreply{
    margin-left:40px;
}
#faq .chatthreadcell, #tips .chatthreadcell{
    padding:1em
}
.firstreplyline .chatdatereply{
	position:relative;
	left:0;
}
.chatthreadcell
{
	float:left;
	text-align:left;
	width:100%;
	height:auto
}
.chatthreadcell .chatdatereply
{
position:relative;
}

a#expandclick, a#contractclick {
    margin-left: 10em;
    font-size: 1.3em;
    font-weight: bold;
    padding:0.8em;
    display:inline-block;
}

#reportcontrols select
{
	width:100px
}
#middleadsense_container
{
	float:right;
}
#middleadsense{
height:100px;
margin-top:0px;
width:730px;
float:left;
background-color:#fff;
padding-top: 12px;
padding-left: 7px;
border-right: solid;
padding-right: 5px;
padding-bottom: 2px;
border-width: 5px;
border-color:#829CAA;
}
#plane{
	float:left;
	width:150px;
}
#adexternal{
margin-left:80px;
margin-top:-120px;
}
.trv-player-container{
    display:none
}
#new_post_btn {
    background-image:url("../img/new_post.png");
    background-position:left bottom;
    background-repeat:no-repeat;
    height:51px;
    width:51px;
    font-size:23px;
    line-height:20px;
    font-family:nextexitfotlight;
    color:#000000;
    padding-bottom:50px;
    text-align:center;
    margin-left:20px;
}

#new_post_btn:hover {
    background-position:right bottom;
}
#subject_container{
    padding-top:10px;
}
#forum_rules {
    margin-right:40px;
}

#forum_rules li{
    
}
.replyname
{
	font-weight:bold;
}
#new_post, #replyInputsDiv {
    margin-top:20px;
    margin-bottom:5px;
    padding-bottom:5px;
    visibility:hidden;
    position:absolute;
}

#replyInputsDiv{
    position:relative;
    margin-top:50px;
	margin-left:0;
	z-index:1000;
}
#new_post:after, #replyInputsDiv:after {
    content:"";
    position:absolute;
    display:block;
    top:-20px;
    margin-left: 40px;
    bottom: auto;
    border-width: 20px 20px 0 0;
    border-style: solid;
    border-color: 
    transparent 
    #fff;
    width: 0;
    opacity:0.7;
}

#new_post .span7, #replyInputsDiv .span7  {
    margin-left:5px;
	margin-top: 20px;
}

#new_post .span2, #replyInputsDiv .span2 {
    margin-left:5px;
    text-align:center;
}
#new_post_container{
	margin-left:0;
}
#new_post p, #replyInputsDiv p{
    color:#829CAA;
    margin-top:10px;
}

#new_post textarea, #replyInputsDiv textarea{
    margin-left:7px;
    width:600px;
    resize:none;
    height:110px;
    font-family:Heebo-light;
}
#msgDetails .white_box{
 background: rgba(255, 255, 255, 0.95)
}
#subject_icon {
     height:38px;
     background-repeat:no-repeat;
     width:37px;
     margin-right:170px;
     margin-top:5px;
}

#subject_left, #subject_right {
     height:15px;
     width:10px;
     background-repeat:no-repeat;
     opacity:1;
}

#subject_left:hover, #subject_right:hover {
    opacity:1;
    cursor:pointer;
}

#subject_left {
     background-image:url("../img/subject_left.png");
    float: right;
    margin-right: -55px;
    margin-top: 15px;
}

#subject_right {
     background-image:url("../img/subject_right.png");
     margin-left:52px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#new_post_private{
margin:5px 10px 0 10px;
float: left;width:120%

}
#new_post_okay, #new_post_cancel {
    background-color:#C0CE61;
    color:#fff;
    width:60px;
    border-radius:5px;
    display:inline-block;
    margin:5px;
    padding:5px 8px;
    float:left;
}

#new_post_okay:hover, #new_post_cancel:hover {
    background-color:#B1BE5A;
    cursor:pointer;
}

#new_post_user {
    background-repeat:no-repeat;
    background-position:right;
    
   height:51px;
   width:51px;
   margin-top:-98px;
   margin-bottom:30px;
   margin-right:27px;
}

.new_post_icons {
    float:left;
    width:100px;
    margin-top:-30px;
}

#new_post_link, #new_post_pic, #new_post_bold, #new_post_emoticon {
    width:22px;
    height:22px;
    display:inline-block;
    background-repeat:no-repeat;
    opacity:0.6;
}

#new_post_link:hover, #new_post_pic:hover, #new_post_bold:hover, #new_post_emoticon:hover {
    opacity:1;
}

#new_post_link {
    background-image:url("../img/new_post_link.png");
}

#new_post_pic {
    background-image:url("../img/new_post_pic.png");
}

#new_post_bold {
    background-image:url("../img/new_post_bold.png");
}

#new_post_emoticon {
    background-image:url("../img/new_post_emoticon.png");
}


#posts  {
    padding-bottom:20px;
    margin-bottom:5px;
	margin-top: 10px;
	min-height: 1200px;
}

.postusername
{
font-weight:bold;margin: 0 5px;float:left;width: auto;
}
.footer {
color: #fff;
font-size: 12px;
background-image: url("../img/footer_sun.png");
background-repeat: no-repeat;
background-position: center;
height: 20px;
text-align: left;
width: 53%;
left:480px;
bottom: 10px;
position: absolute;
margin-top: 30px;
border-top: solid;
border-width: 1px;
padding-top: 5px;
}

.footer a {
color: #fff;
}
.footerinsection{
    bottom: -80px;
    left:0;
    width:100%
}

#posts img{
   max-width: 285px;
   height: auto;
   margin-right:2px;
}
#forum_grass {
    background-image:url("../img/forum_grass.png");
    background-repeat:no-repeat;
    width:2260px;
    height:120px;
    position:absolute;
    margin-top:-117px;
    left:70px;
}

#forum hr {
    margin-top:5px;
    margin-bottom:10px;
    float:right;
    width:790px;
    margin-left:10px;
    height:1px;
    border:0;
    color:#fff;
    background-color:#fff;
}


#דמק {
    width:195px;
    position:absolute;
    margin-right:30px;
    float:right;
    margin-top:240px;
        text-align:right;
}

#forum_sidebar ul {
    border-top:solid;
    border-color:#fff;
    border-width:1px;
    padding-top:10px;
    margin-top:120px;
    margin-right:0px;
    margin-left:30px;
}

#forum_sidebar li {
    list-style:none;
    color:#fff;
    font-family:nextexitfotlight;
    font-size:18px;
    letter-spacing:3px;
    line-height:24px;
}


#forum_sidebar li:hover {
    color:#DD6B96;
    cursor:pointer;
}

#forum_sidebar ul .selected {
    font-family:nextexitfot_regularregular;
    color:#3D718E;
}

#forum_sidebar h2 {
    margin-left:30px;
    margin-top:30px;
    text-align:center;
    border-bottom:solid;
    color:#fff;
    border-color:#fff;
     border-width:1px;
     padding-bottom:5px;
}

#forum_sidebar .searchForm {
    margin:0;
    margin-right:0px;
    float:right;
    margin-bottom:30px;
}

#forum_sidebar .search-query {
}

#forum_sidebar .searchForm input[type="submit"] {
    margin:0;
    margin-top:3px;
}

#forum_sidebar .searchForm input[type="submit"]:hover {
    background-color:#2C3A42;
}

#forum_filter {
    margin-right:-20px;
    width:195px;
}

.filter_icon1, .filter_icon2, .filter_icon3, .filter_icon4, .filter_icon5, .filter_icon6, .filter_icon7, .filter_icon8  {
    background-image:url("../img/filter_icons.png");
    height:37px;
    width:37px;
    float:right;
    margin-right:7px;
}

.filter_icon1 {
    background-position:-1px;
}

.filter_icon2 {
    background-position:-38px;
}

.filter_icon3 {
    background-position:-75px;
}

.filter_icon4 {
    background-position:-112px;
}

.filter_icon5 {
    background-position:-149px;
}

.filter_icon6 {
    background-position:-186px;
}

.filter_icon7 {
    background-position:-223px;
}
.filter_icon8 {
    background-position:-260px;
}


#forum .white_box2 ,#forum .chosenreply, #faq .white_box2 ,#faq .chosenreply{
    padding-top:10px;
    margin-bottom:10px;
}
#forum .white_box2 div.chatfirstbody, #forum .chosenreply div.chatfirstbody{
    padding-right:10px;
    padding-left:10px;
    margin-bottom:5px;
    word-break: break-word;
}
.chatfirstbody
{
    
}
#forum .white_box2 div.chataftersepreply, #forum .chosenreply div.chataftersepreply, #faq .chosenreply div.chataftersepreply, #faq .white_box2 div.chataftersepreply{
    padding-right:15px;
    padding-left:15px;
    margin-bottom:5px;
}

#forum h3 {
    font-size:1.1em;
    line-height:18px;
    margin-top:0px;
}

#forum .avatar {
    margin-top:0px;
}

.alerttime{
 font-weight: bold;
 padding:0.6em 0 0;
 padding-left:0.5em
}
.comment_btn {
    color:#648395;
    text-decoration:underline;
	background:transparent;
    background-image:url("../img/comment_plus.png");
    background-repeat:no-repeat;
    background-position:right;gra
    padding:5px;
    margin-right:30px;
    padding-right:18px;
	border:none;
	cursor:pointer;
    font-size: 1.2em;
}

.comment_btn:hover {
    color:#DD6B96;
    cursor:pointer;
}
.pivotpointer{clear:both;width:30%}
.post_icon1, .post_icon2, .post_icon3, .post_icon4 {
     height:51px;
    width:51px;
    background-repeat:no-repeat;
    margin-right:85px;
    display:block;
    margin-bottom:10px;
}
#new_post_alert{
    padding: 0.5em;width:100%;font-size: 1.5em;
    
}
#check_alert_msg{
    width:20px
}
.post_icon1 {
    background-image:url("../img/post_icon1.png");
}

.post_icon2 {
    background-image:url("../img/post_icon2.png");
}

.post_icon3 {
    background-image:url("../img/post_icon3.png");
}

.post_icon4 {
    background-image:url("../img/post_icon4.png");
}

.post_reply {
    margin-right:10px;
    border-right:solid;
    border-width:1px;
    border-color:#829CAA;
}


.admin_avatar {
      background-image:url("../img/admin_avatar.png");
}

.admin {
    color:#D8575A;
}



#hill1 {
    position:absolute;
    top:980px;
    left:0px;
}

#hill2 {
    position:absolute;
    top:-60px;
    left:100px;
}

#hill3 {
    position:absolute;
    top:-100px;
    left:300px;
}

#hill4 {
    position:absolute;
    top: -270px;
    left: 374px;
}

#hill5 {
    position:absolute;
    top:0px;
    left:1550px;
}

#hill6 {
    position:absolute;
    top:600px;
    left:0px;
}

/* ==========================================================================
				FIXED NAVIGATION
   ========================================================================== */

#logo{
	background-image:url("../img/logo_sun_eng.png");
	width:113px;
	height: 112px;
	position:fixed;
	background-repeat:no-repeat;
	z-index:1000;
        margin-left:0px;
}
#logo a{
        width:100%;
        height:100%;
	 display: inline-block;
}
.fixed_nav {
        margin-left:20px;
}

.main_nav {
    position:fixed;
    text-align:center;
    padding:0;
    margin-top:5px;
    margin-left:0px;
    top:200px;
    z-index:300;
}
.not_fixed_nav{
}
.not_fixed_nav .main_nav{
    position:absolute
}
.not_fixed_nav #logo{
    position:absolute
}
.main_nav li, .sun_shade_nav li  {
    list-style:none;
    margin-bottom:5px;
    cursor:pointer;
}

.now, .forum, .pics, .whatmore, .forecast {
    letter-spacing:2px;
    font-family:ezerblock_oe_regularregular;
    font-size:18px;
    color:#2C3A42;
    padding: 2px 10px;
    display:inline-block;
    
}

.active{
    border-radius:15px;
    color:#FFFFFF;
    text-decoration:none;
    background-color:#2C3A42;
    border-style:none;
}

.main_nav a:hover, .sun_shade_nav a:hover {
    color:#FFFFFF;
    text-decoration:none;
}

#lion {
    background-image:url("../img/lion2.png");
    width:200px;
    height:170px;
    background-position:left;
    background-repeat:no-repeat;
    position:fixed;
    top:140px;
    margin-left:19px;
    z-index:99;
}


#cloud_lion {
    top:190px;
    position:absolute;
    z-index:-1;
}

/* ==========================================================================
				    MAIN ARTICLES
   ========================================================================== */

#content {
	
	position: relative;
	line-height: 1.7;   
	
	}
	#content article {
		}                     
		#now {
			position: absolute;
			width:1280px;
			float:right;
			z-index: 13;
			}
        #forecast {
			position: absolute;
			top: 295px;
			width:1280px;
			float:right;
			z-index: 200;
			}
		#whatmore {
			position: absolute;
			top: 770px;
			width:1280px;
			float:right;
			
			}
		#pics {
			position: absolute;
			top: 1590px;
			z-index: 13;
			}
		#section {
			position: absolute;
			top: 320px;
			width:1280px;
			float:right;
			z-index: 200;
			text-align:left		}
        
		#forum {
			position: absolute;
			top: 2450px;
			 background-color: #C0CE61;
			
			width:2260px;
			left:-475px;
			z-index:16;
						}
            @media only screen and (max-width: 1280px) {
            #forum {
                width:2000px;
                left: -595px;
                }
            #section {
                width:1020px;
                }
            }

/* ==========================================================================
				    CLOUDS
   ========================================================================== */

#cover_clouds-1 {
    position:absolute;
    top: 900px;
    left: 80px;
     z-index: 103;
}

#cover_clouds-2 {
    position:absolute;
   top: 910px;
    left: 300px;
    z-index:101;
}

#cover_clouds-3 {
    position:absolute;
    top: 910px;
    right: 100px;
    float:right;
     z-index:102;
}

#cover_clouds-4 {
    position:absolute;
    top: 840px;
    right: 150px;
    float:right;
     z-index:100;
}
.cloud1, .cloud2, .cloud3, .cloud4, .cloud-big,
.cloud1-more, .cloud2-more, .cloud3-more, .cloud4-more, .cloud-big-more {
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    opacity:0.9;
}

.cloud1:after, .cloud1:before, .cloud1-more:after,
.cloud2:after, .cloud2:before, .cloud2-more:after, .cloud2-more:before,
.cloud3:after, .cloud3:before, .cloud3-more:after, .cloud3-more:before,
.cloud4:after, .cloud4:before, .cloud4-more:after, .cloud4-more:before,
.cloud-big:after, .cloud-big:before, .cloud-big-more:after, .cloud-big-more:before {
    content: '';
    border-radius: 100%;
    position: absolute;
}

.cloud1 {
    height: 30px;
    width: 140px;
}

.cloud1:after {
   height: 35px;
    right: -5px;
    top: -12px;
    width: 40px;
}
.cloud1:before {
    height: 40px;
    left: -4px;
    top: -14px;
    width: 50px;
}

.cloud1-more {
    height: 60px;
    top: -30px;
    left:30px;
    width: 60px;
}

.cloud1-more:after {
    height: 40px;
    top: 5px;
    left:45px;
    width: 40px;
}

.cloud2 {
    height: 30px;
    width: 210px;
     
}

.cloud2:after {
    height: 40px;
    right: -7px;
    top: -14px;
    width: 80px;
}
.cloud2:before {
    height: 35px;
    left: -4px;
    top: -11px;
    width: 60px;
}

.cloud2-more {
    height: 80px;
    top: -50px;
    left:50px;
    width: 80px;
}

.cloud2-more:after {
     height: 50px;
    top: 15px;
    left:60px;
    width: 90px;
}

.cloud2-more:before {
     height: 40px;
    top: 20px;
    right:65px;
    width: 40px;
}

.cloud3 {
    height: 30px;
    width: 150px;
     
}

.cloud3:after {
    height: 35px;
    right: -5px;
    top: -12px;
    width: 40px;
}
.cloud3:before {
   height: 40px;
    left: -4px;
    top: -14px;
    width: 50px;
}

.cloud3-more {
     height: 80px;
    top: -50px;
    left:55px;
    width: 80px;
}

.cloud3-more:before {
    height: 50px;
    left: -30px;
    top: 14px;
    width: 50px;
}

.cloud4 {
    height: 30px;
    width: 180px;
     
}

.cloud4:after {
    height: 35px;
    right: -5px;
    top: -12px;
    width: 40px;
}
.cloud4:before {
    height: 45px;
    left: -7px;
    top: -22px;
    width: 50px;
}

.cloud4-more {
    height: 65px;
    top: -40px;
    left:90px;
    width: 65px;
}

.cloud4-more:before {
    height: 75px;
    left: -60px;
    top: -19px;
    width: 75px;
}


.cloud-big {
    height: 60px;
    width: 400px;
     
}

.cloud-big:after {
    height: 80px;
    right: -14px;
    top: -28px;
    width: 160px;
}
.cloud-big:before {
    height: 70px;
    left: -8px;
    top: -22px;
    width: 100px;
}

.cloud-big-more {
    height: 160px;
    top: -100px;
    left:100px;
    width: 160px;
}

.cloud-big-more:after {
     height: 100px;
    top: 30px;
    left:120px;
    width: 120px;
}

.cloud-big-more:before {
     height: 80px;
    top: 40px;
    right:130px;
    width: 80px;
}


.cloud1, .cloud2, .cloud3, .cloud4, .cloud-big
{
    background-color: #EBFBFD;
    background-image: -webkit-linear-gradient(top, #EBFBFD, #CDF5FA);
    background-image: -moz-linear-gradient(top, #EBFBFD, #CDF5FA);
    background-image: -ms-linear-gradient(top, #EBFBFD, #CDF5FA);
    background-image: -o-linear-gradient(top, #EBFBFD, #CDF5FA);
}

.cloud1:after, .cloud3:after, .cloud4:after,.cloud2:after, .cloud-big:after  {
     background-color: #EBFBFD;
    background-image: -webkit-linear-gradient(top, #EBFBFD, #D7F7FB);
    background-image: -moz-linear-gradient(top, #EBFBFD, #D7F7FB);
    background-image: -ms-linear-gradient(top, #EBFBFD, #D7F7FB);
    background-image: -o-linear-gradient(top, #EBFBFD, #D7F7FB);
}

.cloud1:before, .cloud2:before, .cloud3:before, .cloud4:before, .cloud-big:before,
.cloud1-more, .cloud2-more, .cloud3-more, .cloud4-more, .cloud-big-more,
.cloud1-more:after, .cloud2-more:after, .cloud3-more:after, .cloud4-more:after, .cloud-big-more:after {
    background-color: #EBFBFD;
    background-image: -webkit-linear-gradient(top, #fff, #D7F7FB);
    background-image: -moz-linear-gradient(top, #fff, #D7F7FB);
    background-image: -ms-linear-gradient(top, #fff, #D7F7FB);
    background-image: -o-linear-gradient(top, #fff, #D7F7FB);
}

.cloud1-more:before, .cloud2-more:before, .cloud3-more:before, .cloud4-more:before, .cloud-big-more:before {
    background-color: #EBFBFD;
    background-image: -webkit-linear-gradient(top, #fff, #E1F9FC);
    background-image: -moz-linear-gradient(top, #fff, #E1F9FC);
    background-image: -ms-linear-gradient(top, #fff, #E1F9FC);
    background-image: -o-linear-gradient(top, #fff, #E1F9FC);
}

@keyframes animateCloud
{
    0%{margin-left:-140px}
    100%{margin-left:0px}
}

/* midground (clouds) */
#parallax-bg2 {
	z-index: 2;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 1200px;
	margin-left: -600px; /* move left by half element's width */
	}
    #bg3-1{
        
      margin: 20px 50px;
      position: relative;
    }
    #bg3-2{
        margin: 135px 20px;
    }
    #leftline_cloud{
        position: absolute;
        width: 75px;
        opacity: 0.7;
        margin-top: -16px;
        left: 978px;
        -ms-transform: rotate(160deg);
        -moz-transform: rotate(160deg);
        -webkit-transform: rotate(160deg);
    }
    #rightline_cloud{
        position: absolute;
        width: 75px;
        opacity: 0.7;
        margin-top: -16px;
        left: 1207px;
        -ms-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
    }
	#bg2-1 {
		position: absolute;
		top: 82px;
		left: 1340px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-2 {
		position: absolute;
		top: 300px;
		left: 1280px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-3 {
		position: absolute;
		top: 246px;
        right: 182px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-4 {
		position: absolute;
		top: 780px;
		left: -50px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-5 {
		position: absolute;
		top: 330px;
		left: 830px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-6 {
		position: absolute;
		top: 290px;
		left: -140px;
        animation: animateCloud 10s ease forwards;
 		}
	#bg2-7 {
		position: absolute;
		top: 150px;
		left: -90px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-8 {
		position: absolute;
		top: 400px;
        left: 160px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-9 {
		position: absolute;
		top: 350px;
		left: 190px;
        animation: animateCloud 10s ease forwards;
		}
	#bg2-10 {
		position: absolute;
		top: 320px;
		left: -150px;
        animation: animateCloud 10s ease forwards;
		}
	
	

/* background (clouds) */
#parallax-bg1 {
	z-index: 1;
	position: fixed;
	left: 50%; /* align left edge with center of viewport */
	top: 0;
	width: 1200px;
	margin-left: -600px; /* move left by half element's width */
	}
	#bg1-1 {
		position: absolute;
		top: 85px;
		left: -230px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-2 {
		position: absolute;
		top: 360px;
        left: 1220px;
		animation: animateCloud 10s ease forwards;
		}
	#bg1-3 {
		position: absolute;
		top: 390px;
		left: 25px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-4 {
		position: absolute;
		top: 180px;
		left: 1150px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-5 {
		position: absolute;
        top: 270px;
        left: 1200px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-6 {
		position: absolute;
		top: 210px;
		left: -190px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-7 {
		position: absolute;
		top: 270px;
		left: -80px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-8 {
		position: absolute;
		top: 390px;
		left: -100px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-9 {
		position: absolute;
		top: 230px;
		left: 820px;
        animation: animateCloud 10s ease forwards;
		}
	#bg1-10 {
		position: absolute;
		top: 320px;
		left: 1070px;
        animation: animateCloud 10s ease forwards;
		}

	

/* ==========================================================================
				TOP BAR STUFF
   ========================================================================== */

.navbar-inner {
    background-image:none;
     font-family: ezerblock_oelight;
     font-size: 16px;
      color:#3D718E;
     background:rgba(255, 255, 255, 0.7);
     min-height:34px;
     text-align:right;
          padding-top:0px;
}


.navbar-inner .span6 {
    margin-left:0px;
}

.navbar-inner a{
color:#3D718E;
}
#graphnav li{
    font-size: 1.5em;
    padding: 0.6em;
}
#graphsportal{
    margin:1.2em 0.2em;
}
#registerinput{
margin-bottom:10px;
}
#user_info {
    display:inline-block;
    float:right;
    }

#login, #forgotpass, #register, #clicktoregister{
    padding:0.9em;
    color:black;
    font-size:1.2em
}
#user_icon, #profileform_user_icon {
    float: left;  
    background-repeat:no-repeat;
    background-position:right;
    min-height:36px;
    vertical-align:middle;
    display:inline-block;
    width:36px;
    margin-top:-13px;
    opacity:0.7;
}
#user_icon_dialog{
position:absolute;
top:10px;
right:10px;
}
#user_icon:hover {
   
}

#user_name {
   display:inline-block;
    padding-left:5px;
    margin-bottom:0px;
    color:#3D718E;
    padding-right:10px;
    float: left; 
}

.dd_arrow {
    background-image:url("../img/arrow_down.png");
    background-position:left;
    width:13px;
    height:7px;
    margin-right:5px;
    display:inline-block;
}

.dd_arrow:hover {
     background-position:right;
     cursor:pointer;
}

#top_links {
    display:inline-block;
    margin-right:13px;
    margin-bottom:3px;
}

#top_links li{
    display:inline-block;
   list-style:none;
   border-right:solid;
   border-color:#3D718F;
   border-width:1px;
   padding-left:13px;
    padding-right:13px;
    line-height:11px;
}
#top_links li ul li{
	border:none;
        line-height:16px;
}
#top_links li a {
    padding-bottom:7px;
    color:black;
}
#top_links li ul li a {
    padding-bottom:0;
    font-size:1.3em;
    
}
.navbar .nav {
height: 30px;
width:auto
}
#top_links li a:hover, #arabic:hover, #english:hover {
    text-decoration:none;
    color:#DD6B96;
    border-bottom:solid;
    border-width:3px;
    border-color:#DD6B96;
    cursor:pointer; 
}
#top_links li ul li a:hover {
	border-bottom:none;
	}
#tohomepage
{
	
}
#print
{
	background-image:url("../img/print_icon.png");
	width:38;height:38;
	display:inline-block;
    text-align:center;
    background-repeat:no-repeat;
    background-position:left;
    margin:0 5px;
	cursor:pointer;
	float:right;
	margin-right: 0px;
}



#print:hover {
    cursor:pointer;
    background-position:right;
    
}
.last_update {
     padding-top:3px;
     margin-right:0px;
     text-align:right;
     display:inline-block;
}
#hebrew{
    display:inline-block;
     margin-top:2px;
     font-size:0.8em;
      float:left;
      margin-left:20px;
      
}

#arabic {
    display:inline-block;
     margin-top:1px;
     font-size:12px;
     float:left;
     margin-left:15px;
     font-family:Droid Arabic Kufi;
     padding-bottom:7px;
     margin-bottom:-12px;
}

#english {
    display:inline-block;
     margin-top:2px;
     font-size:0.8em;
      float:left;
      margin-left:20px;
      padding-bottom:6px;
      margin-bottom:-12px;
}
#tempunitconversion{
    display:inline-block;
     margin-top:2px;
     margin-left:10px;
     font-size:0.8em;
      float:left;
}
#tempconversion{
margin:0
}
.searchForm {
   
    margin:0px;
     margin-left:15px;
    margin-top:0px;
    display:inline-block;
    float:left;
    }

.searchForm input[type="submit"] {
    width:22px;
    height:22px;
    vertical-align:top;
    border-radius:50%;
    background-color:#FFFFFF;
    border-color:#B4C3CC;
    border-style:solid;
    border-width:1px;
    margin-right:5px;
    background-image:url("../img/search_img.png");
    background-repeat:no-repeat;
}

.searchForm input[type="submit"]:hover {
    background-position:right;
     background-color:#B4C3CC;
}

.searchForm input[type="text"] {
    padding-bottom:0px;
    padding-top:0px;
    margin-bottom:0px;
    font-size:12px;
    line-height:12px;
}

.search-query {
    border-radius:20px;
    padding:1px;
    margin-top:0px;
    width:100px;
    line-height:10px;
    border-style:solid;
    border-color:#B4C3CC;
    border-width:1px;
    color:#648395;
    padding-bottom:0px;
    margin-bottom:0px;
}



#bottom_bg {
    position:absolute;
    width:100%;
    text-align:center;
    height:100%;
   
}


#tree {
    position:absolute;
    background:url("../img/tree.png") no-repeat;
    background-position:top right;
    height:1200px;
    width:441px;
    left:930px;
    top:400px;
    z-index:8;
}

#crow {
    position:absolute;
    background:url("../img/crow.png") no-repeat;
    background-position:left;
    height:100px;
    width:100px;
    left:930px;
    top:400px;
    z-index:500;
}
#train, #train2{
position:absolute;
height:60px;
width:80px;
left:720px;
top:300px;
z-index:500;
}
#train2{
top:230px;left:730px
}
#crow:hover {
     background-position:-99px;
}

#bg_backHills {
     position:absolute;
    background:url("../img/bg_backHills.png") no-repeat center top;
    top:1500px;
    height:100%;
     width: 120%;
     z-index:5;
}

#bg_map {
    position:absolute;
    top:1600px;
    left:150px;
    height:100%;
    background: url("../img/bg_map.png") no-repeat center top;
    width: 100%;
    z-index:7;
}

#bg_hills {
    position:absolute;
    top:1600px;
    left:0;
    height:100%;
    background: url("../img/bg_hills.png") no-repeat center top;
    width: 110%;
    z-index:6;
}

#bg_grass {
    position:absolute;
    background:url("../img/bg_grass.png") no-repeat center top;
    top:2000px;
    left:0;
    height:1500px;
     width: 100%;
    z-index:14;
}

#bg_grass2 {
    position:absolute;
    background:url("../img/bg_grass.png") no-repeat center top;
    top:2300px;
    height:1500px;
     width: 100%;
    z-index:15;
}

#snow {
    width:2260px;
    position:fixed;
    top:0;
    z-index:50;
}

canvas {
    display:block;
    margin:0;
    padding:0;
    position:fixed;
    z-index:10;
}

a.info
{
	position: relative;text-decoration: none;
 
}
a.info:hover
{
    background: rgba(255, 255, 255, 0.6);
    z-index: 100;
}
a.info span.info
{
    display: none;
    z-index: 9999;
}
a.info:hover span.info
{
    display: block;
    font-size: 0.8em;
    left: -1em;
    width: 10em;
    position: absolute;
    top: 1.5em;
    text-align: center;
    padding: 0.7em;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    color: #2C3A42;

}
.currentcloth
{
    z-index:999
} 
.currentcloth span.info
{
    margin-top: 2.5em;
}
.inparamdiv
{
    font-family: nextexitfotlight;/**/
    background:linear-gradient(to top,rgba(255, 255, 255, 0.55),rgba(255, 255, 255, 0.55));
    text-align:center;
   -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
    width: 255px;
    height: 235px;
    color:#2C3A42;
    font-size: 1.4em;
    z-index:9999;
  }
.hourly{
    padding:0.3em 1em;cursor: pointer;font-size: 1.1em
}
.inparamdiv a
{
    color: #2C3A42;
}
.inparamdiv table
{
    margin: 0 auto;
    width:85%;
    border-top:1px solid;
    border-color: #829CAA;
    
}
.trendstable
{
    position: absolute;
    top: 5.6em;
    width: 100%;    
}
#latestwind .trendstable
{
    top:6.6em
}
#latestrain .trendstable
{
        line-height:1em;
        top: 5.4em;
}
.trendstitles, .trendsvalues
{
	text-align:center;
    font-size: 1.2em;
    line-height: 1em;
}
.trendstitles .box img{
	margin-top: 5px;
}
#latestwindow .exp{
    line-height: 0.9em;
    width: 90%;
    margin: 3em auto;
    position: absolute;
}
.exp li{
  list-style: none;
  line-height: 0.85em;
  width: 100%;
  padding: 0.15em 0;
}
.exp ul{
    margin:0
}

#latestradiation .innertrendvalue{
    width:85%
}
#latestradiation .trendstable
{
    top:7.0em
}
@keyframes glowing {
  0% { text-shadow: 0 0 10px #0000FF, 0 0 10px #0000FF, 0 0 10px #0000FF, 0 0 10px #0000FF, 0 0 20px #0000FF, 0 0 10px #0000FF, 0 0 10px #0000FF; }
  100% { text-shadow: none }
}
.glow {
  animation: glowing 500ms ease-out;
}
.shade_old
{
    font-size:0.15em;
    position: absolute;
    margin: 6.9em 0 0 10.5em;; 
    
}
.inparamdiv .highlows
{
    position:absolute;
    top:4em;
    border-top:1px solid;
    border-color: #829CAA;
    width: 90%;
    
    margin-left: 13px;
}
#latestradiation .highlows{
    line-height: 1em;
}
#latestairq .highlows{
line-height: 0.85em;
font-size: 0.95em;
top:85px
}
#latestairq .trendstable{
    top:7.2em
}
.highlows img
{
    margin-top: -3px;
}
.highlows .lowparam {
    margin-left: 20px;
}
.graphslink{
	position:absolute;
	left: 112px;
    top: 215px;
}
#currentrow .graphslink{
    left: 200px;
}
#latesttemp3 .graphslink, #latestdewpoint .graphslink{
	width:270px;
	left: 62px;
    top: 255px;
    line-height: 12px;
    font-size:0.9em
}
#latestparam{
    display:none;
}
@media only screen and (max-width: 600px) {
#latestparam{
    display:block;
}
}
.paramtitle
{
   font-size: 1.2em;
    padding-top: 6px;
    margin:0 auto;
    width:100%;
}
#paramsdiv
{
	padding:0;margin:0;width:100%;float:right;
	vertical-align: top;position:relative;
}
#paramstable
{
	padding:0;margin:0;width:100%;
	}
#paramstable fieldset
{
	border:none;
}
#WUNowRes_short, #ImsNowRes_short{
    line-height:1em;padding-top:1em;width: 100%;position: absolute;
}
.WUNowRes .foreach, #ImsNowRes .foreach{
    float:left;
    padding:1em;
    background: rgba(242, 251, 252,0.8);
    color: #6A826D;
    font-size:1.1em
}
.IMSNowRes .foreach{
    float:left;
    padding:1em;
    background: rgba(240, 250, 252,0.7);
    color: #6A826D;
    font-size:1.2em
}
#latesttemp{

	
 text-align:center;border-bottom:none;
 
}
#tempdiv
{
	height:100%;width:auto;
}
#temptable
{
	width:auto
}
#templabel
{
	
}
#forecasttime {
    margin-top: -30px;
}
#tempdivvalue
{
	font-weight: normal;
	margin-left: 11px;
	color: #2C3A42;
	padding-top: 0.35em;
	font-size: 4em;
    width: 50%;
    direction:ltr
	
}
.rainpercent{
  background: url('../images/icons/day/rain.png') no-repeat 35px;
  background-size: 22px;
  width: 28%;
  margin: 50px auto;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  position: absolute;
  z-index:9999
}
#laundryidx
{
    
    right: -35px;
    top: 104px;
    position: absolute;
    display:none;
    
}
#laundryidx img{
    opacity:1
}
#laundryidx a.info:hover span.info
{
  left:-10em;
  opacity:1 
}
#currentrow #laundryidx
{
    right: -35px;
    top: -65px;
}
#windy
{
      margin: 0 auto;position: absolute;font-size:0.95em;width: 50%;z-index: 100;top:5.5em;right: 11.9em;
}
#windy .wind_title
{
margin:0 auto
}
.wind_icon
{
margin:0 auto
}
#status
{
    margin-top: 0.2em;
    width: 48%;
    color: #2C3A42;
    font-family: Heebo-thin;/*nextexitfotlight*/
    font-size: 1.1em;
    line-height: 18px;
    height:95%;
    
}
#cm_dislike
{
    position: absolute;
    top: 7em;
    right: 1.8em;
    cursor: pointer;
}
#cm_like
{
    position: absolute;
    top: 7em;
    right: 3.4em;
    cursor: pointer;
}
#status .wind_title
{
margin:0 auto
}
#status .wind_icon
{
margin:0 auto
}
#latestnow{
    z-index:9999;
    font-size: 1.45em;
    display:flex
}
#latestnow .currentcloth
{
   display: block;
   margin: 0.2em auto;
   width:90%
   
}
#coldmeter
{
    text-align: center;
    width: 48%;
    top: 2.6em;
    position: absolute; 
    font-family:nextexitfotlight;     
}

#current_feeling_link
{
	font-size:90%}
#itfeels, #heatindex
{
    direction:ltr;
        font-family:nextexitfotlight;
	    position: absolute;
        width: 245px;
        top: 5.2em;
        padding: 0px 5px;
        text-align:center;
        font-size: 1.2em;
        line-height: 25px;
        border-radius: 15px;
        
        
}
#heatindex{
top:8em;
width:200px;
}
#currentrow #itfeels
{
    width: 45%;
    height: 100px;
}
#itfeels img{
    transform: rotate(180deg);;
}
.sunshade{
    display:inline-block;
}
#latestpressure
{
	border-bottom:none;display:none;
}
.paramvalue
{
    font-size: 3em;
    position:absolute;
    top:10px;
    width:100%;
    font-family:nextexitfotlight;
    direction:ltr
}
.paramvalue .valley{
    margin-top: -35px;
}
.paramunit, .param
{
    font-size:0.35em;
    font-weight:normal;
    
	display:inline
}
#latestpressure .paramvalue
{
    }
.paramunit{
	vertical-align: super;
	font-size:0.25em;
}
.param{
  vertical-align: baseline;
  margin-left: -0.2em;
}
.param.valley{
    margin-left: -8.2em;
}
.paramtrend
{
    position:absolute;
    top:8.2em;
    width:100%;
    line-height:0.8;
    margin:0 auto
}
#latestwind .paramtrend
{
    top:5.5em;
}
.trendvalue
{
    width:100%;
    

}
.trendsvalues
{
    font-weight: bold;
}
.innertrendvalue
{
    width:63%;
    margin: 0 auto;
}
#aqvalues{
    line-height:1em;
    margin-top: -0.9em;
}

#aqvalues ul{
    list-style: none;
    margin:0;
}
#aqvalues li{
    display: inline-block;
    padding: 0.1em;
    line-height: 0.7em;
    
}
#aqvalues li ul li{
    width:22%;
    margin:0.1em
}
#aqvalues .line{
    width:90% !important;
    
}
#aqvalues .title{
    border-bottom: 1px solid #829CAA;
}
.dustexp{
   font-size:0.6em    
}
.theshhold_spacer{
    width:45%
}
.exp
{
    line-height:1em;
    padding: 0.2em;
}
#latestairq .paramvalue
{
font-size: 1.9em;
line-height: 0.6em;
top: 36px;
}
#latestairq  .param
{
    font-size:0.45em;
}
#latest_laundry, #latest_ac, #latest_sacker, #latest_bicycle, #latest_campfire, #latest_camping, #latest_car, #latest_children, #latest_dinneratbalcony, #latest_dog, #latest_eventoutside, #latest_gazellepark, #latest_tedy, #latest_heater, #latest_irrigation, #latest_openwindow, #latest_picnic, #latest_sport, #latest_westernwall, #latest_yoga, #latestwindow, #latestrunwalk, #latestotherstations, #latestwind, #latesttemp, #latesttemp2, #latesttemp3, #latesthumidity, #latestdewpoint, #coldmetersurvey, #latestrain, #latestmoon, #latestuv, #latestradiation, #latestairq, #fseasonsurvey
{
    display:none;
}
#latesttemp2 .param.valley{
    margin-left: -13.2em;position:absolute;font-size:0.3em;margin-top:1em;width: 5em;line-height: 1em;
}
.firstlinerunwalk
{
    margin-top:1em
}
#coldmetersurvey, #fseasonsurvey
{
    overflow: hidden;
    position: relative;
}
#windvalue
{
	float:left;padding:0 0.3em;width:90%;
}
#windspeed
{
    float:left;width:38%;}
#windtrend
{
	float:left;width:13%;margin:0.1em
}
#winddir
{
	float:left;width:10%;margin-top: 2.45em;margin-left:30%
}
.wind_icon
{
 background: url('../img/wind_icons2.png') no-repeat top left;
 width:40px;height:14px;
}
.windhumsituation
{
    font-size:1em;
    font-weight:bold;
}
.no_wind
{
background-position: -120px 0px;
}
.light_wind
{
background-position: -80px 0px;
}
.moderate_wind
{
background-position: -40px 0px;
}
.high_wind
{
background-position: 0px 0px;
}
#temptrends, #humtrends, #bartrends, #windtrends, #raintrends, #radiationtrends, #uvtrends
{
border-top:none; margin:0; padding:0;
}
#rainratevalue
{
	direction:ltr}

.colmeterq{
    width:65%;
    float:right;
    position:absolute;
    top:120px;
    line-height: 18px;
    font-size: 26px;
    right:-80px;    
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */ 
   
}
.colmetercontainer{
    top:0px;
    right:80px;    
    position:absolute;
    
    
}
.inparamdiv .coldmeterline{
   opacity:0.7;
   margin:0;
   display:block;
   border:none;
    height: 0.83em;
    color:#000000;
    cursor:pointer;
    text-align:right;
    font-size:1.2em;
    background: no-repeat;
    font-family: Heebo-light;
    width: 11em;
    background-position-x: left;
    padding-left:1.2em;
}
.inparamdiv .coldmeterline:hover{
   opacity:1;  
}
.colmetercontainer{
    background-position: left;
}
.radio-toolbar{
    margin-bottom:0.2em;
    border-radius: 8px;
    background-size: 7%; 
    background-position-x: 96%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    font-family: 'ploni-yad', Heebo;
    
}
.radio-toolbar.color0, .colmetercontainer .color0{
    
    background-image:url(../images/clothes/cold.svg);
    
}
.radio-toolbar.color1, .colmetercontainer .color1{
    
    background-image:url(../images/clothes/gloves.svg);
    
}
.radio-toolbar.color2, .colmetercontainer .color2{
    
    background-image:url(../images/clothes/coat_n4.svg);
    
}
.radio-toolbar.color3, .colmetercontainer .color3{
    
    background-image:url(../images/clothes/jacket_n4.svg);
    
}
.radio-toolbar.color4, .colmetercontainer .color4{
    
    background-image:url(../images/clothes/jacketlight_n4.svg);
    
}
.radio-toolbar.color5, .colmetercontainer .color5{
    
    background-image:url(../images/clothes/longsleeves_n4.svg);
   
}
.radio-toolbar.color6, .colmetercontainer .color6{
    
    background-image:url(../images/clothes/tshirt_n4.svg);
}
.radio-toolbar.color7, .colmetercontainer .color7{
    
    background-image:url(../images/clothes/shorts_n4.svg);
}
.radio-toolbar.color8, .colmetercontainer .color8{
   
    background-image:url(../images/clothes/singlet.svg);
}
.radio-toolbar.color9, .colmetercontainer .color9{
    
    background-image:url(../images/clothes/singlet.svg);
}
.radio-toolbar label{
    display:inline-block;
    padding:7px;
    color:black;
    font-size:1.5em;
    margin: 0em;
    font-weight: bold;
    width: 96.5%;
    text-align: left;
    padding-left: 40px;
    opacity:0.65;
    cursor:pointer;
}
.radio-toolbar label:hover
{
     opacity:1;

}
.radio-toolbar input[type="radio"] {
    display:none;
}
#voteAccepted{
    margin:0.5em;
    }
#votebtn{
    width:7em;
}
.survey_container{
    margin-left:1em;
    width:320px;padding:0.5em 0.2em
}
#genderchooseradio label {
    display:block;
    margin: 0.3em 0.2em;
}
.radio-toolbar input[type="radio"]:checked
{
    width: 86.5%;
}
.radio-toolbar input[type="radio"]:checked + label {
    opacity:1;
    width: 80%;
    color: purple;
    border: 1px solid;
}
#latestrunwalk .exp{
    position: absolute;
    width: 100%;
    margin-top: 20px;
}
#pm10value
{
    height: 1200px;
    position: absolute;
    right: -390px;
    top: -178px;
    width: 999px;
}
#genderchoose
{
position:absolute;top:0px;width:430px;z-index:9999;left:100px
}
#graphmain
{
    float:left}
#mouseover{
text-align:center;
}
#mouseover .high, #mouseover .low{
display: table-cell;
}
#gp_icon{
text-align:center;
margin-left: 200px;
}
#legends li{
    float:left;
    padding:0 0.9em;
    color:black;
    background-color:#eeeeee;
    font-size: 1.1em;
}
#section h1, #section h2, #section h3
{
    text-align:left;
    margin-left:0px;
    padding-bottom:5px;	
}
#section h1
{
    float:left}
#section input
{
    width:50px;
}
#section select
{
    width:100px;
}
.survey .title, .survey .question, .survey h1{
   margin-left: 0.9em !important;
}
#history_menu
{
	width:100%;top:-100px;position:absolute;left:0
}
#history_menu .inv_plain_3
{
padding:10px 4px;
}
.borderfull
{
	border:1px solid
}
.heb
{
    direction:rtl
}
.inv{
    color: #ccc;
    background: #5D7FA9;
    background-repeat: repeat-x;
    border-radius: 5px;
    border-radius: 5px;
}
.inv_plain{
    color: #ccc;
    background: #3D505E;
    border: #616F9B 3px solid;
    padding: 5px;
    margin: 0em;
}
.inv_plain_2
{
 
	background: rgba(242, 251, 252,0.8);
	color: #6A826D;
	padding: 8px;
	margin: 0em;
 
}
.inv_plain_2 a
{
    color:#5979A0;
}
inv_plain_2_zebra
{
    background: rgba(216, 247, 251, 0.4);
    color: #6A826D;
    padding: 12px;
    margin: 0em;
}
.inv_plain_3
{
background:rgba(255,255,255,0.7);
color:#2C3A42;
padding: 2px;
margin: 0em;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
box-shadow: 0 1px 5px rgba(0,0,0,0.2);
 
}
.inv_plain_3 a{
	color: #2C3A42;
}
.inv_plain_3_min
{
   background:#3C4F5D;
    color: #ccc;
    padding: 12px;
    margin: 0em;
    border-radius: 8px; 
}
.border_3
{
	border-bottom: 1px solid;
	 
}
.inv_plain_3_zebra
{
	border: none;
	background: rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
   	color: #2C3A42;
	padding: 5px 8px;
	margin: 0;
}
.inv_plain_3_zebra a
{
    color:#4C5D77;
}
.inv_plain_3_zebra:hover
{
	background: #D8F7FB;
}
.half_zebra
{
	background: #E7F9FC;
}
.base
{
            
}

.topbase
{
	font-weight: bold;
    font-size: 1.2em;
    padding: 0.5em;
	color: #D9F2F5;
	background: url() #2C3A42 fixed ;
	border: #71979D 1px solid;
    text-align: center;
	margin: 0px;
	border-radius: 5px;
     
}
.topbase a
{
	color: #F2FCFD;
}
.topbase a:hover
{
	text-decoration:none;
}

.float
{
	float:left;text-align:left;}
.button
{
    cursor:pointer;
    padding:10px;
    width:140px;
    
}
.invfloat
{
    float:right;
}
.big
{
    font-weight: bold;
    font-size: 1.35em
}
.clear {
	clear: both;
}
.high
{
	color: #ff0000;
    display:inline-block
}
.highparam, .lowparam 
{display:inline-block;font-weight: bold;}

.invhigh
{
    color: #ffffff;
    background-color: #731f1f;
    
}
#now_stuff .high{
    display:inline-block;
    line-height: 0.4em;
    vertical-align: top;
    
}
.low, .lowparam, .highparam
{
	
        direction:ltr;
        display:inline-block;
        font-weight:bold;
}
 .pic_cell
{
    padding:0.5em;margin:0.5em;overflow:hidden;line-height:1.1em
}
.piccomment{prim
       padding-top:6px;width:150px;line-height: 1em;
   }
.picdiv{
    float:left;padding:1px
}
.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;
}
.loading{
    position:absolute;
    left:500px;
    top:300px;
}
.indexextreme
{
    font-size: 0.8em;
    background: #ff0000;
    color: #000000;
	padding:3px;
}
.relative
{
position:relative
}
#legends li {
    cursor:pointer
}
#legends{
  margin: 0 0 20px;
    width: 345px;
    height: 10px;
}
  

#chart-1, #graph_forcast {
  height: 190px;
  width: 1980px;
  color:black;
    
}
.metric-chart {
  position: relative;
  margin: 40px auto;
}

.x-axis-bar-list {
  margin: 0;
  
}
.y-axis,
.x-axis {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
.y-axis {
  top: 0;
  right: auto;
  width: 1px;
  background-color: #434a54;
}
.x-axis {
  top: auto;
  right: 0;
  height: 1px;
  background-color: #434a54;
}
.x-axis-bar .span-value
{
    width:100%
}
.temp
{
    direction:ltr
}
.y-axis-target,
.x-axis-target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 51px;
  left: 51px;
}
.y-axis-target > .y-axis-target-line,
.x-axis-target > .y-axis-target-line,
.y-axis-target > .x-axis-target-line,
.x-axis-target > .x-axis-target-line {
  position: absolute;
}
.x-axis-target > .x-axis-target-line {
  top: auto;
  right: 0;
  bottom: 170px;
  left: 0;
  height: 0;
  border-bottom: 1px dashed #da4453;
}
.x-axis-target-line-label {
  position: absolute;
  top: -9px;
  right: -50px;
  width: 40px;
  text-align: left;
}
.x-axis-target-line-label:after {
  content: attr(data-label);
  color: #da4453;
  font-size: 12px;
  line-height: 1;
}

.x-axis-line-list {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 51px;
  left: 50px;
}
.x-axis-line-item {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}

.x-axis-line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-right: 1px solid #ccd1d9;
}

.x-axis-label-list {
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 30px;
}
.h-bar-chart .x-axis-label-list {
  right: 5px;
  left: 56px;
}
.v-bar-chart .x-axis-label-list {
  right: 10px;
  left: 50px;
}
.x-bar-value{
    width:100%;
    direction:ltr;
    font-size:1.3em
}
.x-axis-label-item {
  display: block;
  float: left;
  width: 100%;
}
.x-axis-label {
  position: relative;
  display: block;
  color: #656d78;
  text-align: center;
  font-size: 12px;
  line-height: 1;
}
.h-bar-chart .x-axis-label {
  text-align: center;
}
.v-bar-chart .x-axis-label {
  text-align: right;
}
.x-axis-bar-item {
  width:65px;
  bottom: 0;
  cursor: pointer;
  
}
.x-axis-bar-item-container {
}
.x-axis-bar {
   text-align:center;  
   position:absolute;
   bottom: 0;
    display: block;
    width:65px;
    font-size: 1.2em;
    line-height:0.6em;
    font-family: nextexitfotlight;
}


.x-axis-bar .primary {
    background:#eeeeee;
    line-height: 0.6em;
    font-size: 1em;
}
.x-axis-bar.secondary {
    z-index:999;
  background-image: linear-gradient(to top, rgba(247,148,30,0.4) 0%, rgba(247,148,30,0.05) 75%, rgba(247,148,30,0.0) 100%);
 }
.x-axis-bar.secondaryalt {
    z-index:999;
   background-image: linear-gradient(to top, rgba(247,148,30,0.4) 0%, rgba(247,148,30,0.05) 75%, rgba(247,148,30,0.0) 100%);
  
}
.x-axis-bar.rain {
    background-image: linear-gradient(to top, rgba(228, 240, 242,0.4) 0%, rgba(228, 240, 242,0.0) 100%);
}
.x-axis-bar.humidity {
    background-image: linear-gradient(to top, rgba(228, 240, 30,0.4) 0%, rgba(228, 240, 30,0.0) 100%);
}
.x-axis-bar.tertiary {
    
}
.x-axis-bar.dashed {
  border-color: #748298;
  border-style: dashed;
  border-bottom: none;
  background-color: #fff;
}
.nested-bars .x-axis-bar:nth-of-type(1) {
  right: 5px;
  left: 5px;
}
.nested-bars .x-axis-bar:nth-of-type(2) {
  right: 10px;
  left: 10px;
}
.nested-bars .x-axis-bar:nth-of-type(3) {
  right: 15px;
  left: 15px;
}

.span-value {
    
  border-radius: 50%;
  cursor: pointer;
  margin:0
  
}
.primary .span-value {
    background:transparent;
}
.secondary .span-value, .secondaryalt .span-value {
    background:transparent;
}
.tertiary .span-value {
    background:transparent;
}
.dashed .span-value {
  border-color: #748298;
  background-color: #fff;
}
.x-axis-bar:hover{
  opacity: 0.4;
  background-color: #000;
}
.span-value:hover:after,
.span-value:focus:after,
.span-value:hover:before,
.span-value:focus:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.span-value:after {
  position: absolute;
  top: -25px;
  left: -20%;
  z-index: 200;
  visibility: hidden;
  margin-left: -60px;
  padding: 2px;
  width: 180px;
  border-radius: 3px;
  background-color: #fff;
  color: #434a54;
  content: attr(data-value);
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.1;
  opacity: 0;
}
.span-value:before {
  position: absolute;
  top: -5px;
  left: 50%;
  z-index: 200;
  visibility: hidden;
  margin-left: -6px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #fff;
  content: '';
  opacity: 0;
}
.uppervalue .span-value:after {
    top: 35px;
}
.uppervalue .span-value:before {
    top: 30px;
}
.x-axis-bullet-bar {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: 15px;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.x-axis-bar-target-line {
  position: absolute;
  top: auto;
  right: 2px;
  bottom: 0;
  left: 2px;
  height: 1px;
  background-color: #1f2125;    
}
.y-axis-bar-item-container{
    text-align:start;
    width:70%
}
.y-axis-bar-item-container .small {
    font-size: 0.45em;
}
.y-axis-bar-item-container .green{
    background-color:#27e551
}
.y-axis-bar-item-container .orange{
    background-color:#f7902e
}
.y-axis-bar-item-container .red{
    background-color:#e52727
}
.y-axis-bar-item {
    
}
.forcast_each .spriteB.up, .forcast_each .spriteB.down {
position:absolute;
margin:12px 40px 15px 15px;
background-size: 12px;
width: 12px;
height: 16px;
}

.sprite { background: url('images/sprite.png') no-repeat top left;  } 
.sprite.good { background-position: 0px 0px; width: 24px; height: 24px;  } 
.sprite.bad { background-position: 0px -34px; width: 24px; height: 24px;  } 
.sprite.stop1 { background-position: 0px -68px; width: 20px; height: 20px;  } 
.sprite.v { background-position: 0px -98px; width: 20px; height: 20px;  } 
.sprite.hammer { background-position: 0px -128px; width: 20px; height: 20px;  } 
.sprite.stop2 { background-position: 0px -158px; width: 20px; height: 20px;  } 
.sprite.amazed { background-position: 0px -188px; width: 20px; height: 20px;  } 
.sprite.angry { background-position: 0px -218px; width: 20px; height: 20px;  } 
.sprite.cold { background-position: 0px -248px; width: 20px; height: 20px;  } 
.sprite.confuse { background-position: 0px -278px; width: 20px; height: 20px;  } 
.sprite.curious { background-position: 0px -308px; width: 20px; height: 20px;  } 
.sprite.digging { background-position: 0px -338px; width: 20px; height: 20px;  } 
.sprite.doubt { background-position: 0px -368px; width: 20px; height: 20px;  } 
.sprite.embarrassed { background-position: 0px -398px; width: 20px; height: 20px;  } 
.sprite.gnome_face_cool { background-position: 0px -428px; width: 20px; height: 20px;  } 
.sprite.gnome_face_kiss { background-position: 0px -458px; width: 20px; height: 20px;  } 
.sprite.hell_boy { background-position: 0px -488px; width: 20px; height: 20px;  } 
.sprite.hot { background-position: 0px -518px; width: 20px; height: 20px;  } 
.sprite.pudency { background-position: 0px -548px; width: 20px; height: 20px;  } 
.sprite.sad { background-position: 0px -578px; width: 20px; height: 20px;  } 
.sprite.satisfied { background-position: 0px -608px; width: 20px; height: 20px;  } 
.sprite.smiley { background-position: 0px -638px; width: 20px; height: 20px;  } 
.sprite.tire { background-position: 0px -668px; width: 20px; height: 20px;  } 
.sprite.wink { background-position: 0px -698px; width: 20px; height: 20px;  } 
.sprite.mood_add { background-position: 0px -728px; width: 25px; height: 25px;  }  
.spriteB { background: url('images/spriteB.png') no-repeat top left;  } 
.spriteB.up { background-image: url("../img/up_icon.png"); background-size: 12px;width: 12px; height: 16px; display:inline-block} 
.spriteB.down {background-image: url("../img/down_icon.png");background-size: 12px;width: 12px; height: 16px; display:inline-block} 
.spriteB.plus {  background-position: 0 -32px;background-size: 98% auto;height: 20px;width: 20px;  } 
.spriteB.adlink { background-image: url("../img/new_post_link.png")  } 
.spriteB.star { background-position: 0px -140px; width: 14px; height: 13px;  } 
.spriteB.eng { background-position: 0px -163px; width: 28px; height: 17px;  } 
.spriteB.israelflag { background-position: 0px -190px; width: 19px; height: 14px;  }
.arrow_down{color: #829CAA;font-size: 12px;vertical-align: text-bottom;}


/*
    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;}
#cboxContent table{color:#000;font-size:13px}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50px; left:50px; width:20%;z-index:99999;height:50px}
#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:#b4c4cc;}
 

    #cboxContent{margin-top:32px;color:#000;}
        #cboxContent{padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:1em; color:#000;  }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:27px; height:27px; border:none;position:absolute; top:-32px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:-77px 0px; right:3.1em;}
        #cboxPrevious.hover{background-position:-78px -25px;}
        #cboxNext{background-position:-50px 0px; right:4.6em;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxClose, #cboxCloseMobileRedirect, .close_icon{background-image: url("../img/close.png");border:none;height: 32px;width: 32px; right:5px;position:absolute}
        #cboxClose.hover{}
        .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;}
		#cboxContent input{width:200px}
		#cboxContent input[type="checkbox"]{width:auto}
		#colorbox{border-radius:5px}
                 a.colorbox {position:relative;}
                .colorbox span, .enlarge span{display:none; background-image:url(../images/enlarge_64.png); background-repeat:no-repeat; width:64px; height:64px; position:absolute; right:5px;}
                 a.colorbox:hover span, a.enlarge:hover span{display:block;}
		
body.mce-content-body { 
   background:white;
   opacity:1;
   color:#3D718E;
   line-height:10px;
   font-size:13px;
}
#mce_16 button, #mce_17 button, #mce_18 button, #mce_19 button{
background:#FFFFFF;
opacity: 0.9;
 text-align:center;
     -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
	border: 1px solid;
   
}

.mce-container-body{
	background:transparent;
	border:0 none;
}
.mce-panel{
border:0 none; 
}
.mce-widget{
  border:0 none;
  background:transparent;
}
#mce_15, #mce_14, #mce_13, #mce_12 , #mce_11, #mce_10, #mce_9, #mce_8, #mce_7, #mce_6{
	background:transparent;
	border:0 none;
}
#forecastnextdays{
	padding:0em;width:100%;clear:both;
	}
#forecasthours ul li
{
	padding:0.1em 0.3em
}
#rainprobexp{
    position: absolute;
    top: 100px;
    width: 60px;
}
.likedislike{
    
    float:right;padding:0.2em;font-size:0.75em;display:inline-flex
}
.forecasttimebox
{
width:90%;clear:both;padding-left:70px
}
.forecasttimebox li
{
	height:25px;text-align:left;border-left:none;
}
#forecast24h
{
width:100%;height:470px;
}
.dateextreme{
    font-size: 0.5em;
}
#waiting
{
position:absolute
}
pre
{
word-wrap: normal;
white-space:pre;
line-height: 10px;
font-size: 11px;
}
#leftArrow {
    background-image:url("../images/left_black_24dp.png");
top:200px;
width:35px;
height:35px;
z-index:99999;    
position:absolute;
margin-right: 775px;
}

#rightArrow {
    background-image:url("../images/right_black_24dp.png");
top:200px;
width:35px;
height:35px;
z-index:99999;
position:absolute;
}
#graph_forcast{
        
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0);
    }
			
    #chartjs-tooltip {
      opacity: 1;
      z-index:99;
      top:102px;
      position: relative;
      transition: all .1s ease;
      pointer-events: none;
      text-align: center;
      width: 100%;
      margin-top:-100px;
      line-height:1.5em
      
    }
    #tooltipcirclespacer{
        height:15px
    }
    #chartjs-tooltip.inv_plain_3_zebra {
        background: rgba(255, 255, 255, 0.95);
        padding:0;
    }
    #chartjs-tooltip .wind_icon{
        display:inline;
        float:right    }
    .chartjs-tooltip-key {
      display: inline-block;
      width: 10px;
      height: 10px;
    }
    #chartjs-tooltip .rainpercent, #chartjs-tooltip .temp, #chartjs-tooltip .wind, #chartjs-tooltip .cloth, #chartjs-tooltip .humidity{
        position:absolute;

    }
    #chartjs-tooltip .rainpercent{
        top:170px;
        margin: 0 3em;
    }
    #chartjs-tooltip .temp{
        top:70px;
        margin: 0 4em;
    }
    #chartjs-tooltip .wind{
        top:100px;
        margin: 0 3.8em;
    }
    #chartjs-tooltip .cloth{
        top:35px;
        margin: 0 3.5em;
            }
    #chartjs-tooltip .humidity{
        top:130px;
        margin: 0 3.5em;
    }
    .tooltipline{
      width:100%;
      margin:auto;
      padding:0;
    }
    .tooltipline li{
        list-style: none;
        
        padding:0.2em;
    }
#alert_image{
   padding:0.2em;
   max-width: 200px;
   height: auto;
}
#asterisk
{
    font-size:1.5em
}
#linkyesterday{
    position:absolute;
    margin: -1.5em 0.5em;
}
.tsfh .icon, .tsfh .cloth, #forcast_table .icon, #forcast_table .icon .cloth, .fulltext, #forcast_hours_table .humidity, #forcast_hours_table .dust, #forcast_hours_table .feelslike, #forcast_hours_table .UV{
display:none
}
.icon{
  
    margin-top: 1px;

}
#forcast_table .icon{
    padding:0
}
#forcast_days .line{
    padding: 0 0.1em;
}
.expand_plus{
    width:10px;
    padding-right:30px
}
.open-close-button {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 0 solid #f4d6d7;
  margin: -0.5em 1.8em;
  font-size: 0.8em;
  border-radius: 50%;
  position: absolute;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.open-close-button:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #000;
  width: 80%;
  height: 8%;
  left: 10%;
  top: 47%;
}
.open-close-button:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #000;
  width: 8%;
  height: 80%;
  left: 47%;
  top: 10%;
}
.open-close-button.open {
  background-color: #fff;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.open-close-button.open:after {
  background-color: #75BEDD;
}
.open-close-button.open:before {
  background-color: #75BEDD;
}

.forecasttimebox .open-close-button{
    margin:0.3em -1.9em
}