﻿/*MASTER */
body
{
 background:url(images/weather_background.jpg) top repeat-x !important; 
}

#body_object_right
{
    margin:0 auto;
    padding:0;    
    border:0 solid #e3e9ee;
    float:right;
    width:818px;
}
#footer
{
    width:980px;
    margin:10px auto;
    text-align:center;
    padding:10px;
}
#footer a
{
    margin-right:10px;
}
#footer ul
{
    list-style:none;
    display:inline;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#666;
}
#footer li
{
    list-style:none;
    display:inline;
    font-weight:normal;
    color:#666;
    border-left:1px solid #999;
    padding-left:10px;
}

/*end MASTER */

/* icon_weather */

.sunny,.w31,.w32,.w33,.w34,.w36, 
.cloudy,.w27,.w26,  
.rainy,.w11,.w12,.w39,.w40,.w45,
.lightning,.w3,.w4,.w37,.w38,
.sun_cloud,.w30,.w28,.w44, 
.snowy,.w8,.w13,.w14,.w15,.w16,.w41,.w42,.w46,
.one_cloud,.w29,
.snow_wind,.w9,.w43,
.dusty,.w19,.w21,.w22,
.lightning_rainy,.w0,.w35,.w47,
.wind,.w23,.w24,
.wind_rainy,.w1,.w2,
.ice,.w25,
.snow_rainy,.w5,.w6,.w7,.w10,.w18,
.hailstone,.w17,
.foggy,.w20
{
	background-image:url('images/weather.png');
	background-repeat:no-repeat;
	width:30px;
	height:25px;
}
.sunny ,.w31,.w32,.w33,.w34,.w36
{
	background-position:0 0;
}
.sun_cloud ,.w30,.w28,.w44
{
	background-position:0 -25px;
}
.snow_wind,.w9,.w43
{
	background-position:0 -50px;
}
.cloudy,.w27,.w26
{
	background-position:0 -75px;

}
.one_cloud,.w29
{
	background-position:0 -100px;
}
.dusty,.w19,.w21,.w22
{
	background-position:0 -125px;

}
.lightning,.w3,.w4,.w37,.w38
{
	background-position:0 -150px;
}
.lightning_rainy,.w0,.w35,.w47
{
	background-position:0 -175px;
}
.rainy,.w11,.w12,.w39,.w40,.w45
{
	background-position:0 -200px;
}
.wind,.w23,.w24
{
	background-position:0 -225px;
}
.ice,.w25
{
	background-position:0 -250px;
}
.wind_rainy,.w1,.w2
{
	background-position:0 -275px;
}
.snow_rainy,.w5,.w6,.w7,.w10,.w18
{
	background-position:0 -300px;
}
.hailstone
{
	background-position:0 -325px;
}
.snowy,.w8,.w13,.w14,.w15,.w16,.w41,.w42,.w46
{
	background-position:0 -350px;
}
.foggy,.w20
{
	background-position:0 -375px;
}
.icon_print,.icon_email,.icon_very_small_rss,.icon_plus_red
{
	background:url(images/weather.png) no-repeat;
	width:15px;
	height:20px;
}
.icon_print
{
	background-position:-15px -450px;
}
.icon_email
{
	background-position:-15px -470px;
}
.icon_very_small_rss
{
	background-position:-15px -490px;
}
.icon_plus_red
{
    background-position:-8px -431px;
    float:right;
    margin-top:5px;
    height:15px;
}
.box_blue,.send_weather,.box_silver,.box_orange
{
	background:url('images/origin_picture.jpg') no-repeat;
}
.box_blue
{
	background-position:-251px 0;
	width:120px;
	height:119px;
}
.send_weather
{
	background-position:0 0;
	width:250px;
	height:181px;
}
.box_silver,.box_orange
{
	width:81px;
	height:80px;
	display:block;
}
.box_silver
{
	background-position:-372px 0;
}
.box_orange
{
	background-position:-372px -81px;
}
.box_silver span,.box_orange span
{
	font-size:1.27em;
	text-align:center;
	padding:20px 10px 0px;
}
/*in-line image */

.clipwrapper-1  { position: relative; height: 190px; width: 190px; }
.clipwrapper-2  { position: relative; height: 98px; width: 144px; }
.clipwrapper-3  { position: relative; height: 82px; width: 120px; }
.clip{ position: absolute; top: 0; left: 0; }
.pos-1{ clip :rect(0,190px,190px,0); }
.pos-2{ clip :rect(0,335px,98px,191px); left:-191px; }
.pos-3{ clip :rect(99px,311px,181px,191px); top:-99px; left:-191px; }

/*end in-line image */

/*panel */
.panel_larg .panel
{
	width:796px !important;
}
.panel_larg .panel_header
{
	width:818px; 
}
.panel_header
{
	height:22px;
}
/*obtabs */
ul.obtabs 
{
    list-style: none;
    padding: 0;
    margin:0;
    display:block;
    }
ul.obtabs li 
{
    float:right;
    display: block;
    height: 24px;
    padding-left:25px;
    margin-left: -15px;
    position: relative;
    background: url(images/tableft.gif) 0 0 no-repeat  !important;
    border-bottom: 1px solid #bbb8a9;
    white-space: nowrap;
}
ul.obtabs strong 
{  
    height: 24px;
    line-height: 2.18em;
    padding-right: 12px;
    background: url(images/tabright-back.gif)  top right no-repeat;
}
html>body ul.obtabs strong 
{
    display: block;
}
ul.obtabs li.current 
{
    z-index: 1;
    text-decoration:none;
    border-bottom:none;
    height: 25px;
    background: url(images/tableft.gif)  0 -28px no-repeat !important;  
    color:#fff;    
}
ul.obtabs li.current strong
{
    background-image: url(images/tabright.gif);
    font-size:1.09em;
}
ul.obtabs a:link,ul.obtabs a:visited 
{
    color:#808080;
	text-decoration:none;
}
ul.obtabs a:hover,ul.obtabs a:active 
{
	text-decoration:underline;	
}
/*end obtabs */

.panel_header_subtab_larg
{
    height:16px;
    background:url(images/panel_header_subtab_larg.jpg) top left !important;
    border-right:1px solid #1ea0dc !important;
    margin-top:2px;
}
.boreder_panel_header
{
	background:url('images/border_panelheader.gif') !important;
	height:16px;
	background-position:0 0;
}
.panel
{
    border-right:1px solid #cecece;
    border-left:1px solid #cecece;
	padding:5px 10px;
	background-color:White;
}
/*end body_question */

/*text picture */
.weather_search,.weather_in_site,.weather_rss,.weather_in_yourCity,
.getWeather
{
	height:24px;
	margin-left:7px;
	text-indent:-9999px;
	overflow:hidden;
}
.weather_search
{
	background:url('images/weather_search.jpg') no-repeat;
	width:138px;
}
.weather_in_site
{
	background:url('images/weather_in_site.jpg') no-repeat;
	width:163px;
}
.weather_rss
{
	background:url('images/weather_rss.jpg') no-repeat;
	width:97px;
}	
.weather_in_yourCity
{
	background:url('images/wheathe_in_yourCity.jpg') no-repeat;
	width:145px;
}	
.getWeather
{
	background:url('images/getWeather.jpg') no-repeat;
	width:108px;
}	
/*end text picture */

/*col pad hr line-height */
.line_height40
{
	line-height:40px;
}
.col60
{
	width:60px !important;
}
.col256
{
	width:256px !important;
}
.col340
{
	width:340px !important;
}
.col430
{
	width:430px !important;
}
.col523
{
	width:523px !important;
}
.wid_hei40
{
	width:40px;
	height:40px;
}
.white_fsize14
{
	color:#fefefe;
	font-size:1.27em;
}
/*end col pad hr line-height */

/*blue_link */
.blue_link a {text-decoration:none !important;}
.blue_link a:link,.blue_link a:visited{color:#4480a8 !important;}
.blue_link a:hover{color:#0033cc !important; text-decoration:underline !important;}
.blue_link a:active{color: #0033cc !important;}
/*end blue_link */

/*blue button */
a.boldbuttons_blue
{
    background: transparent url('images/roundedge-left-blue.gif') no-repeat ;
    background-position:0 0;
    display: block;
    float: right;
    line-height: 17px; 
    height: 25px !important; 
    padding-left: 15px; 
    text-decoration: none;
    width:auto;
}
a.boldbuttons_blue span
{
    background: transparent url('images/roundedge-right-blue.gif')  top right;
    color:#fff;
    display: block;
    padding: 4px 15px 4px 2px;
}
a:hover.boldbuttons_blue span
{
    background-position: center right;
    color:#fff;
}
a:hover.boldbuttons_blue
{ 
    text-decoration: none;
    background-position:0 -25px;
}
/*end blue button */
.adv_l
{
	width:232px;
	height:174px;
}
/*li */
ul.weather_style 
{
	margin:0;
    padding:0;
    padding-right:15px;
	list-style-type:square;
	width:350px;
	line-height:25px;
}
ul.weather_style li 
{
	margin:5px 0;
    color:#ff6600;
}
ul.weather_style li a:link, ul.weather_style li a:visited
{
    color:#4480a8;
}
ul.weather_style li a:hover,ul.weather_style li a:active
{
    color:#0033cc;
    text-decoration:underline;
}
ul.world_weather_text 
{
	list-style-type:none;
	margin:0;
    padding:0 30px 0 0;
    line-height:200%;
}
ul.world_weather_text li 
{
	float:right;
    display:inline;
    margin-top:5px;
    width:120px;
    font-size:1.27em;
    color:#4480a8;
    white-space: nowrap;
}
ul.world_weather_text li a:link, ul.world_weather_text li a:visited 
{
    color:#4480a8;
}
ul.world_weather_text li a:hover,ul.world_weather_text li a:active
{
    color:#0033cc;
    text-decoration:underline;
}
/*end li */
.small_rss,.add_city
{
	background:url('images/weather.png') no-repeat;
	width:30px;
}	
.small_rss
{
	background-position:0 -401px;
	float:left;
	margin-top:-25px;
	height:20px;
}
.add_city
{
	background-position:0 -430px;
	float:right;
	height:15px;
	padding-right:10px;
}
.col48
{
	width:48px !important;
}
.wid_hei
{
	width:28px;
	height:26px;
}
.icons_master,.icons_page
{
	width:30px;
	height:26px;
	display:block;
}
.icons_master
{
	float:left;
	margin-left:5px;
}
.icons_page
{
	float:right;
}
.orang_text_mas
{
	width:100px;
	color:#ff6600;
	font-size:1.45em;
	padding:30px 0;
	margin:0 auto;
}
.large_icon_red_cross_especial,.large_icon_green_tic_especial,.large_icon_send
{
	height:23px;
	background:url(../../images/large_icons.gif) ;
}
.large_icon_send
{
    background-position: 0 -180px ;
}
.large_icon_green_tic_especial
{
    	background-position: 0 -152px ;
    	float:right;
    	line-height:24px;
    	padding-left:35px;
    	margin-right:20px;
    	background-repeat:no-repeat;
}
.large_icon_red_cross_especial
{
    	background-position: 0 -25px ;
    	float:right;
    	line-height:24px;
    	padding-left:35px;
    	background-repeat:no-repeat;
}
.fi_page_left
{
	float:right;
	width:200px;
	padding-right:17px;
}
.box_blue_text
{
	padding:20px 0 20px 0;
	text-align:center;
	font-size:1.27em;
}
.temperature_now
{
	float:right;
	width:80px;
	font-size:1.09em;
	text-align:center;
}
.city_weather
{
	float:right;
	width:112px;
	font-size:1.09em;
}
/*pop up */
.black_overlay
{
	position:absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color:#999;
	z-index:21001;
	display:none;
}
html>body .black_overlay {position:fixed;}
.popup_box_send
{
    display:none;
	position:absolute;
	top: 25%;
	left: 0%;
	z-index:210002;
	width:100%;
}
html>body .popup_box_send {position:fixed;}
 .popup_box_body
{
	 padding:20px;
	 background-color:White;
	 border:solid 10px #999;
	 margin:0 auto;		
}
.large_icon_red_cross_especial,.large_icon_green_tic_especial,.large_icon_send,.l_i_save
{
	height:23px;
	background:url(../../images/large_icons.gif) ;
}
.large_icon_send
{
    background-position: 0 -180px ;
    width:23px;
}
.l_i_save
{
	background-position: 0 -126px ;
    width:23px;
}
.large_icon_green_tic_especial
{
    	background-position: 0 -152px ;
    	float:left;
    	line-height:24px;
    	background-repeat:no-repeat;
}
.large_icon_red_cross_especial
{
    	background-position: 0 -25px ;
    	float:left;
    	line-height:24px;
    	padding-left:25px;
    	background-repeat:no-repeat;
}
 .text_box_multi
{
	width:188px;
	padding:5px;
    height:55px;
    overflow:auto;  
    text-align:right;
    border:solid 1px #afafaf;
    color:#888;
    font-family:Tahoma;
}

.back_gray_box,.back_comment_box
{
    background-color:#f3f3f3;
    border-left:1px solid #c6c6c6;
    border-right:1px solid #c6c6c6;     
}
.back_gray_box
{
	direction:ltr;
}
.back_comment_box
{
    direction:rtl; 
}
 /*end pop up */
.pa_2_right,.pa_2_left
{
	float:right;
	line-height:40px;
}
.pa_2_right
{
	width:250px;
	border-left:1px dotted #ccc;
	padding-left:25px;
}
.pa_2_left
{
	width:195px;
	padding-right:25px;
}
.pa_2_left2
{
	float:right;
	line-height:160%;
	width:195px;
}

.list_style
{
	float:right;
	width:350px;
	padding:40px 10px 0 0;
}
.wid_hei_map
{
	width:460px;
	height:311px;
}
.box_sil_org
{
	float:right;
	width:80px;
	padding:20px 10px 0;
}
.adv_bot_mas
{
	width:150px;
	height:456px !important;
}
.img_toolbar
{
	width:500px;
	height:25px;
}
.printpages
{	
  	text-align:left;
    font-size:1.45em;
    display:none;
}
.printpages
{	
  	text-align:left;
    font-size:1.45em;
    display:none;
} 
.preview	
{
border:solid 1px #cecece;
height:195px;
margin-top:-10px;
background-color:#f7f7f7;
padding:30px 0;
}
.PreviewTitr
{
width:85px;
padding:4px;
margin:0 auto ;
border-top:solid 1px #cecece;
border-right:solid 1px #cecece;
border-left:solid 1px #cecece;
background-color:#f7f7f7;
text-align:center;
position:relative;
z-index:2;
color:#999;
}
.preview textarea
{
border:solid 0px #f7f7f7;
height:190px;
background-color:#f7f7f7;
width:345px;
direction:ltr;
overflow:auto;
}
ul.worldWeather
{ margin-right:20px;
}
ul.worldWeather li
{
	float:right;
	width:116px;
	margin-bottom:20px;
	font-size:x-small;
}
ul.WorldCity
{ margin-left:40px;
}
ul.WorldCity li
{
	float:left;
	width:140px;
	margin-bottom:20px;
	text-align:left;
	list-style-type:circle;
	direction:ltr;
	font-size:x-small;
}

.yes,.no
{
  background-image:  url('images/yes_no.jpg');
  background-repeat:no-repeat;
  padding-right:20px;
  height:16px;
  cursor:pointer;
  margin:8px 0;
}

.yes
{
    background-position:top right;
}
.no
{
    background-position:bottom right;
    text-decoration:line-through;
    color:#999;
}
