﻿body{color: #6b6b6b;}

a {
	color: #6b6b6b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;}

p{color: #6b6b6b;}
/*---------------------------------------------------motionsplanner 03.11.2009 */
.motionsplanner_wrapper{
	/*width: 980px;*/
	padding: 5px 9px 5px 8px; 
	background-color: #ffffff;}
	
.motionsplanner_close{
	position: relative;
	width: 100%;
	height: 26px;}
	
.motionsplanner_close p{
	position: absolute;
	right: 26px;
	font-size: 14px;
	font-weight: bold;}
	
.motionsplanner_close a{
	position: absolute;
	right: 0;
	float: right;
	display: block;}

.motionsplanner_inner{
	/*width: 978px;*/
	border: 1px solid #6b6b6b;}

.motionsplanner_bottom{
	height: 8px;
	background: url('/app_themes/alt/images/motionsplanner_shadow.jpg') repeat-x left top;}

.motionsplanner_top{
	display: block;
	height: 50px;
	padding: 0px 0px 0px 13px;
	background: url('/app_themes/alt/images/motionsplanner_top.gif') repeat-x bottom left;}

.max_button{
	float: left;
	display: block;
	width: 34px;
	height: 29px;
	margin-top: 10px;
	background: url('/app_themes/alt/images/max_button.png') no-repeat;
	cursor: pointer;}

.max_button span{display: none;}

.max_button:hover{
	background: url('/app_themes/alt/images/max_button_hover.png') no-repeat;}
	
.min_button{
	float: left;
	display: block;
	width: 34px;
	height: 29px;
	margin-top: 10px;
	background: url('/app_themes/alt/images/close-gray.png') no-repeat;
	cursor: pointer;}

.min_button span{display: none;}

.min_button:hover{
	background: url('/app_themes/alt/images/close-orange.png') no-repeat;}

.serach_box{
	float: left;
	margin: 10px 0px 0px 11px;}

.search{
	float: left;
	display: block;
	width: 41px;
	height: 29px;
	background: url('/app_themes/alt/images/search.png') no-repeat;
	cursor: pointer;}

.search:hover{
	background: url('/app_themes/alt/images/search_hover.png') no-repeat;}

.search span{display: none;}

.bkg_input_search{
	float: left;
	height: 24px;
	width: 150px;
	margin: 1px 3px 0px 0px;
	padding: 3px 2px 0px 4px;
	background: url('/app_themes/alt/images/input_field.png') no-repeat left top;}

.bkg_input_search input {
	position: relative;
	width: 150px;
	height: 20px;
	padding: 2px 0 0 0;
	line-height: normal;
	background: url('/app_themes/alt/images/bkg_search_inner.gif') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	border: none;
	z-index: 50; }

ul.route{
	float: left;
	height: 35px;
	margin: 8px 0px 0px 11px;
	padding: 0px 5px 0px 7px;
	background: url('/app_themes/alt/images/line_nav.gif') no-repeat left  top;
	list-style-type: none; }

ul.route li,
ul.shop li{
	float: left;
	display: inline;}

ul.route li.line_route{
	width: 1px;
	height: 20px;
	margin: 6px 2px 0px 2px;
	background-color: #a7a7a7;}

ul.route li a{
	display: inline;
	float: left;
	padding: 0px 9px 0px 9px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;}

ul.route li a:hover,
ul.route li a.route_act,
ul.shop li a:hover
{
	color: #f0592a;
	text-decoration: underline;
}

ul.shop{
	float: left;
	display: inline;
	height: 38px;
	margin: 5px 0px 0px 11px;
	padding: 0px 4px 0px 0px;
	background: url('/app_themes/alt/images/line_nav_Right.gif') no-repeat right  top;
	list-style-type: none;
	width: 144px; 
	}

ul.shop li a{
	display: inline;
	float: left;
	padding: 1px 9px 0px 9px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;}

.motionsplanner_topRight{
	float: right;
	width: 281px;
	height: 50px;
	background: url('/app_themes/alt/images/motionsplanner_topRight.gif') repeat-x right bottom;}

/*--------------------------------------- orange button*/
ul.kind{
	float: left; 
	height: 47px;
	padding: 3px 0px 0px 14px;
	background: url('/app_themes/alt/images/line_nav.gif') no-repeat left 8px;
	list-style-type: none; }

ul.kind li{
	display: inline;
	height: 22px;}
	
ul.kind li a{
	display: block;
	width: 54px;
	height: 21px;
	padding: 1px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	line-height:18px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: url('/app_themes/alt/images/bkg_kind.png') no-repeat;}
	
ul.kind li a:hover,
ul.kind li a.kind_act{
	display: block;
	width: 56px;
	height: 21px;
	color: #fff;
	font-weight: bold;
	background: url('/app_themes/alt/images/bkg_kind_hover.png') no-repeat;}

a.orange_btn_single:hover span.orange_btn_m_single,
a.orange_btn_single.orange_btn_act span.orange_btn_m_single{
	color: #fff;
	background: url('/app_themes/alt/images/orange_btn_m.png') repeat-x;}
a.orange_btn_single:hover span.orange_btn_l_single,
a.orange_btn_single.orange_btn_act span.orange_btn_l_single{ 
	background: url('/app_themes/alt/images/orange_btn_l.png') no-repeat;}
a.orange_btn_single:hover span.orange_btn_r_single,
a.orange_btn_single.orange_btn_act span.orange_btn_r_single,
a.orange_btn:hover span.orange_btn_r{
	background: url('/app_themes/alt/images/orange_btn_r.png') no-repeat;}

a.orange_btn_single{
	display: block;
	height: 22px;
	font-size: 10px;
	line-height:18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;}

a.orange_btn_single span.orange_btn_l_single{
	float: left;
	display: block; 
	width: 3px;
	height: 22px;
	background: url('/app_themes/alt/images/orange_btn_left.png') no-repeat;}

a.orange_btn_single span.orange_btn_m_single{
	float: left;
	display: block; 
	height: 21px;
	padding: 1px 8px 0px 8px;
	background: url('/app_themes/alt/images/oranje_btn_middle.png') repeat-x;}

a.orange_btn_single span.orange_btn_r_single{
	float: left;
	display: block; 
	height: 22px;
	width: 3px;
	background: url('/app_themes/alt/images/orange_btn_right.png') no-repeat;}
	
/*-------------------------------------orange buttom big */
a.orange_btn_big{
	display: block;
	height: 30px;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;}

a.orange_btn_big span.orange_btn_l_big{
	float: left;
	display: block; 
	width: 3px;
	height: 30px;
	background: url('/app_themes/alt/images/orange_Bigbtn_left.png') no-repeat;}

a.orange_btn_big span.orange_btn_m_big{
	float: left;
	display: block; 
	height: 25px;
	padding: 5px 13px 0px 13px;
	background: url('/app_themes/alt/images/oranje_Bigbtn_middle.png') repeat-x;}

a.orange_btn_big span.orange_btn_r_big{
	float: left;
	display: block; 
	height: 30px;
	width: 3px;
	background: url('/app_themes/alt/images/orange_Bigbtn_right.png') no-repeat;}
	
a.orange_btn_big:hover span.orange_btn_m_big,
a.orange_btn_big.orange_btn_act span.orange_btn_m_big{
	color: #fff;
	background: url('/app_themes/alt/images/orange_Bigbtn_m.png') repeat-x;}
a.orange_btn_big:hover span.orange_btn_l_big,
a.orange_btn_big.orange_btn_act span.orange_btn_l_big{ 
	background: url('/app_themes/alt/images/orange_Bigbtn_l.png') no-repeat;}
a.orange_btn_big:hover span.orange_btn_r_big,
a.orange_btn_big.orange_btn_act span.orange_btn_r_big{
	background: url('/app_themes/alt/images/orange_Bigbtn_r.png') no-repeat;}

/*------------map wrapper */
.map_wrapper{
	position: relative; 
	/*width: 978px;*/
	min-height: 549px;}

.shadow_top{
	position: absolute;
	top: 0px;
	height: 6px;
	/*width: 978px;*/
	width: 100%;
	background: url('/app_themes/alt/images/shadow_top.png') repeat-x left top;
	left: 0;
	}

.option_way{
	position: absolute;
	bottom: 54px;
	left: 0;
	/*padding: 5px 0px 0px 11px;
	width: 967px;*/
	width: 100%;
	padding: 5px 0 0 0;
	height: 23px;
	background: url('/app_themes/alt/images/bottom_blue.jpg') repeat-x left top;}

.map_wrapper img{
	display: block;}
	
.option_way p{
	float: left;
	padding: 0px 19px 0px 11px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;}

.option_way label{
	float: left;
	margin: 2px 40px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #fff;}

.option_way label input{
	float: left;
	margin: 1px 4px 0px 0px;}

.option_way label span{
	float: left;
	display: block;}

.show_result{
	position: absolute;
	left: 0;
	bottom: 0;
	/*width: 976px;*/
	width: 100%;
	height: 54px;
	/*padding: 0px 0px 0px 2px;*/
	background: url('/app_themes/alt/images/show_result.jpg') repeat-x left bottom;}

.result_box{
	float: left;
	height: 35px;
	width: 130px;
	margin: 12px 0px 0px 0px;
	padding: 0px 17px 0px 11px;
	background: url('/app_themes/alt/images/line_nav.gif') no-repeat right  top;}

.your_weight{
	float: left;
	height: 35px;
	width: 145px;
	margin: 12px 0px 0px 0px;
	padding: 0px 18px 0px 17px;
	background: url('/app_themes/alt/images/line_nav.gif') no-repeat right  top;}

.your_time{
	float: left;
	width: 216px;
	padding: 0px 18px 0px 17px;
	background: url('/app_themes/alt/images/line_nav.gif') no-repeat right 12px;}
	
.timer{
	float: right;
	display: inline;
	margin: 2px -7px 0px 0px;}
	
.timer span{ 
	float: left;
	width: 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6b6b6b;
	text-align:center;}
	
.your_time p.result_box_txt {padding: 5px 0 0 0;}

.box_time{
	float: right;
	width: 146px;
	height: 28px;
	padding: 3px 3px 0px 3px;
	background: url('/app_themes/alt/images/time.png') no-repeat left top;}

.box_time input{
	position: relative;
	z-index: 55;
	float: left;
	width: 35px;
	height: 25px;
	margin-right: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	color: #a1a1a1;
	border: none;
	background-color: #fff;}

.box_time input.mar_r_0{margin-right: 0px;}

.tempo{
	float: left;
	height: 35px;
	width: 200px;
	margin: 12px 0px 0px 0px;
	padding: 0px 15px;}

.result_box_txt{
	float: left;
	padding: 8px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;}

.tempo .result_box_number{
	float: left;
	margin:  0px 4px 0px 9px;}

.result_box_number{
	color:#448CCB;
  float:right;
  font-size:26px;
  font-weight:bold;
  line-height:normal;
}

.km_min{
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	font-size: 12px;}

.number_box_b{
	float: right;
	width: 57px;
	height: 28px;
	margin: 3px 0px 0px 0px;
	padding: 3px 3px 0px 3px;
	background: url('/app_themes/alt/images/blue_box_b.png') no-repeat left top;}

.number_box_b input{
	position: relative; 
	z-index: 55;
	width: 54px;
	height: 25px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	color: #a1a1a1;
	border: none;
	background-color: #fff;}	

/*---------------------------------------------------------blue column right*/
.map_blueColumn{
	position: absolute; 
	right: 0;
	top: 0;
	width: 281px;
	height: 453px;
	padding: 3px 0px 0px 0px;
	background:  url('/app_themes/alt/images/map_blue.png') no-repeat right top;}

.map_blueColumn_short{
	position: absolute; 
	right: 0;
	top: 0;
	width: 48px;
	height: 453px;	
	padding: 3px 0px 0px 0px;
	background:  url('/app_themes/alt/images/map_blue.png') no-repeat right top;}

.map_white_inner{
	margin: 0 auto;
	width: 275px;
	height: 329px;
	background-color: #fff;
	overflow: hidden;}

.map_white_inner_short{
	margin: 0 auto;
	width: 42px;
	background-color: #fff;
	overflow: hidden;}

.advertisement{
	position: absolute;
	left: 0;
	bottom: 82px;
	width: 317px;
	height: 25px;
	background: url('/app_themes/alt/images/advertisement.gif') no-repeat left top; }

.advertisement p{
	padding: 6px 0px 0px 29px;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #6b6b6b;}
	
.advertisement a:hover
{
  color: #F0592A;
}
	
.map_white_inner h4{
	float: left;
	padding: 9px 0px 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6b6b6b;}
	
.map_white_inner a.back_title{
	float: right;
	padding: 11px 8px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #f0592a;}

.fold{
	float: right;
	margin: 8px 10px 5px 0px;}
	
.extended{
	float: right;
	margin: 8px 10px 5px 0px;}

.route_box{
	width: 275px;
	padding: 9px 0px 5px 0px;
	background: url('/app_themes/alt/images/double_line.gif') repeat-x left top;
	overflow: hidden;
	clear:both;}

.route_box_short{
	width: 42px;
	padding: 9px 0px 5px 0px;
	background: url('/app_themes/alt/images/double_line.gif') repeat-x left top;
	overflow: hidden;
	clear:both;}

.route_box a{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 7px;
	padding: 8px 0px 0px 38px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;}

.route_box_short a{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 7px;
	padding: 8px 0px 0px 0px; 
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;}
	
.write_route_box{
	width: 261px;
	height: 35px;
	margin: -4px auto 0px auto;
	padding: 6px 0px 0px 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	clear: both;}
	
.write_route_box_short{
	width: 36px;
	margin: -4px auto 0px auto;
	padding: 6px 0px 0px 8px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	clear: both;}
	
.write_route_box_short a{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 0px;
	padding: 8px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;}
	
.write_route_box a{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 0px;
	padding: 8px 0px 0px 38px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;}

.route_box a:hover,
.route_box a.act_route,
.write_route_box a:hover{
	color: #df5308;}

.route_box a.light_remove_spot, .route_box_short a.light_remove_spot
{
 color: #b5b5b5;
 background: url('/app_themes/alt/images/remove_spot_light.gif') no-repeat left top;
}
 
.route_box a.light_remove_route, .route_box_short a.light_remove_route
{
 color: #b5b5b5;
 background: url('/app_themes/alt/images/remove_route_light.gif') no-repeat left top;
}
 
.write_route_box a.light_write_route, .write_route_box_short a.light_write_route
{
 color: #b5b5b5;
 background: url('/app_themes/alt/images/write_route_light.gif') no-repeat left top;
}

.choice_route{
	height: 29px;
	background: url('/app_themes/alt/images/choice_route.gif') no-repeat left top;}

.remove_spot{
	height: 29px;
	background: url('/app_themes/alt/images/remove_spot.gif') no-repeat left top;}
	
.remove_spot:hover,
.remove_spot.act_remove_spot{
	background: url('/app_themes/alt/images/remove_spot_hover.gif') no-repeat left top;}
	
.remove_route{
	height: 29px;
	background: url('/app_themes/alt/images/remove_route.gif') no-repeat left top;}
	
.remove_route:hover,
.remove_route.act_remove_route{
	background: url('/app_themes/alt/images/remove_route_hover.gif') no-repeat left top;}

.write_route{
	height: 29px;
	background: url('/app_themes/alt/images/write_route.gif') no-repeat left top;}
	
.write_route_fade{
	height: 29px;
	background: url('/app_themes/alt/images/route-fade-2.gif') no-repeat left top;}
	
.write_route:hover,
.write_route_fade:hover,
.write_route.act_write_route{
	color: #df5308;
	background: url('/app_themes/alt/images/write_route_hover.gif') no-repeat left top;}

/*------------------------------------------------ map_links*/
ol.map_links{
	width: 230px;
	height: 64px;
	padding: 8px 0px 8px 25px;}
	
ol.map_links li{
	padding: 1px 0px 1px 0px;
	font-size: 11px;
	font-weight: bold; 
	color: #df5308;}
	
ol.map_links a{	
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #6b6b6b;}
	
ol.map_links a:hover{
	color: #df5308;}
	
/*----------------------------search login box*/
.login_blueColumn{
	display: block;
	width: 260px;
	padding: 6px 6px 12px 9px;
	overflow: hidden;}

.login_blueColumn_title{
	width: 260px;
	margin-bottom: 9px;
	overflow: hidden;}

.login_blueColumn_title h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	color: #fff}

.login_blueColumn_left{
	float: left;
	width: 158px;
	overflow: hidden;}

.login_blueColumn_right{
	float: right;
	width: 102px;
	overflow: hidden;}

.login_blueColumn_left input.input_login {
	float: left;
	width: 142px;
	height: 16px;
	margin-bottom: 4px;
	padding: 2px 5px 0 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d7d7c;
	background-color: #fff;
	border:1px solid #d2d2d2;}

.login_blueColumn_left label{
	float: left;
	width: 100px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;}

.login_blueColumn_left label input{
	float: left;
	margin: 0px 3px 0px 0px;}

.login_blueColumn_left label span{
	float: left;
	display: block;
	margin-top: -1px;}

.login_blueColumn_right a{
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;}

.login_blueColumn_right a:hover{
	color: #fff;}

.help_box{
	width: 275px; 
	padding: 11px 0px 10px 0px;
	background: #fff url('/app_themes/alt/images/double_line.gif') repeat-x left top;
	overflow: hidden;}

.help_box_short{
	width: 42px; 
	padding: 11px 0px 10px 0px;
	background: #fff url('/app_themes/alt/images/double_line.gif') repeat-x left top;
	overflow: hidden;}

.help_box a{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 7px;
	padding: 8px 0px 0px 38px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;}

.help_box_short a{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 7px;
	padding: 8px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;}

.help_box a:hover,
.help_box a.act_route{
	color: #df5308;}

.help{
	height: 29px;
	background: url('/app_themes/alt/images/help.gif') no-repeat left top;}
	
.help:hover,
.help.act_help{
	color: #df5308;
	background: url('/app_themes/alt/images/help_hover.gif') no-repeat left top;}
	
.writing{
	display: block;
	height: 21px;
	margin: 0px 0px 6px 0px;
	padding: 8px 0px 0px 38px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	cursor: pointer;
	background: url('/app_themes/alt/images/writing.gif') no-repeat left top;}
	
.writing:hover,
.writing.act_writing{
	color: #df5308;
	background: url('/app_themes/alt/images/writing_hover.gif') no-repeat left top;}

/*--------------------------------------------------------------- after login*/	
.after_login{
	width: 265px;
	height: 109px;
	margin: 3px auto 0px auto;
	padding: 3px 5px 0px 5px;
	background-color: #fff;
	overflow: hidden;}
	
.after_login_short{
	padding: 11px 10px 0px 9px;
	overflow: hidden;}
	
.after_login_short .user_face{
	float: left;
	display: block;
	width: 27px;
	height: 27px;
	margin: 0px;
	border: 1px solid #cdcdcd;}
	
.after_login h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	color: #df5308;}

.user_face{
	float: left;
	display: block;
	width: 58px;
	height: 58px;
	margin: 13px 0px 0px 0px;
	border: 1px solid #cdcdcd;}

.after_login_inner{
	position: relative;
	float: left;
	width: 204px;
	height: 74px;}
	
.after_login_innerLeft{
	position: absolute;
	bottom: 0;
	float: left;
	display: block;
	width: 130px;
	padding-bottom: 2px;}

.after_login_innerLeft a{
	display: block;
	margin: 3px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #6b6b6b;}
	
.after_login_innerLeft a span{
	color: #df5308;
	padding: 0px 4px 0px 5px;}
	
.after_login_innerLeft a:hover{
	color: #df5308;}
	
.after_login_innerRight{
	float: right;}
	
.count_box{
	width: 64px;
	height: 37px;
	margin-top: 1px;
	text-align: center;
	background: url('/app_themes/alt/images/number.jpg') no-repeat left top;}
	
.count_box span{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;}
	
.count{
	padding-top: 2px;
	font-size: 15px;
	color: #448ccb;}
	
.count_txt{
	font-size: 10px; 
	color: #fff;}
	
.top_box_right{
	float: right;
	margin-top: 5px;
	padding-right: 13px;}

/*---------------------------------------------motionsplanner_popup */
.textArea_popup{
	width: 375px;
	height: 241px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #fff;
	border: 1px solid #6b6b6b;
	overflow-y: scroll;}
	
.textArea_popup p{
	color: #808080;
	margin-bottom: 11px;}

.wrapper_motionsplanner_popup{
	position: absolute;
	left: 600px;
	top: 320px;
	width: 428px;
	z-index: 3000;}

.motionsplanner_popup{
	float: left;
	 width: 388px;
	 height: 335px;
	 border: 1px solid #ffffff;
	 background: #e8e8e8 url('/app_themes/alt/images/bkg_motionsplanner_popupBig.jpg') repeat-x left top;
	 z-index: 1000;
	 padding: 10px 13px 8px 13px;
	 overflow: hidden;}
	 
.motionsplanner_popup h4{
	padding: 0px 0px 6px 0px;
	margin-bottom: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 22px;
	color: #6b6b6b;
	background: url('/app_themes/alt/images/double_line_popup.gif') repeat-x left bottom;}
	
.popup_shadow_bottom{
	height: 17px;
	width: 427px;
	margin-left: 1px;
	background: url('/app_themes/alt/images/popup_shadow_bottom.png') no-repeat;
	overflow: hidden;}
	
.popup_shadow_right{
	float: right;
	height: 355px;
	width: 12px;
	background: url('/app_themes/alt/images/popup_shadow_right.png') no-repeat 0 bottom;
	overflow: hidden;}
	
/*------------------------------------------km*/
.km{
	float: left;
	width: 60px;
	height: 50px;
	padding-top: 9px;
	font-weight: bold;
	font-size: 19px;
	line-height: normal;
	text-align: center;
	background: url('/app_themes/alt/images/bkg_km.png') no-repeat;
	color: #fff;}
	
.km span{
	display: block;
	font-size: 12px;
	clear: both;}
/*-------------------------------------------wrapper BIG button	*/
.wrapper_bigBtn_popup{
	float: right;
	margin-top: 6px;}
	
.wrapper_bigBtn_popup .orange_btn_big{
	margin-left: 5px;
	float: left;}

.wrapper_bigBtn_popup.mar_t_0{
	margin-top: 0;}
	
/*-----------------------------------popup right text */	
.popup_textRight{
	float: right;
	width: 253px;
	height: 73px;
	overflow: hidden;}

.popup_textRight p{
	font-weight: bold;
	color: #808080;} 

/*-------------------------	popup_textRight dl*/
.popup_textRight dl{
	float: left;
	width: 219px;
	margin: 5px 0px 10px 0px;
	overflow: hidden;}

.popup_textRight dd{
	display: inline;
	margin-right: 20px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold; 
	color: #448ccb;}

.popup_textRight dt{
	display: inline;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #424242;}
	
.wrapperBoxes_popup p{
	float: left;
	display: block;
	margin: 1px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #424242;}
	
.wrapperBoxes_radio_btn{
	float: right;
	margin: 5px 3px 0 0;}
	
.wrapperBoxes_popup .wrapperBoxes_radio_btn label{
	width: auto;
	margin: 0px 0px 0px 20px;
	line-height: normal;}
	
.wrapperBoxes_popup .wrapperBoxes_radio_btn label span{
	float: left;
	color: #6b6b6b;
	font-weight: bold;
	font-size: 11px;}
	
.wrapperBoxes_popup .wrapperBoxes_radio_btn label input{
	float: left;
	margin: 0px 0px 0px 5px;}
	 
.wrapperBoxes_popup{
	display: block;
	width: 388px;
	margin-bottom: 4px;
	clear:both;}
	
.wrapperBoxes_popup label{
	float: left;
	display: block;
	width: 133px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #424242;}
	
.wrapperBoxes_popup label span{
	font-size: 15px;
	color: #000;}

.motionsplanner_popup_input{
	float: left;
	height: 25px;
	width: 246px;
	padding: 2px 2px 0px 7px;
	background: url('/app_themes/alt/images/motionsplanner_popup.gif') no-repeat left top;}

.motionsplanner_popup_input input {
	width: 245px;
	height: 19px;
	padding: 4px 0 0 0;
	line-height: normal;
	background: url('/app_themes/alt/images/bkg_search_inner.gif') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	border: none;}	 
	
.wrapperBoxes_popup textarea{
	float: right;
	width: 241px;
	height: 160px;
	margin: 0px 1px 2px 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	border: 1px solid #cecece;}

.motionsplanner_popup_input input.color_bab9b9{
	color: #bab9b9;}
	 
.dropdown_1,
.dropdown_2{
	float: left;
	width: 253px;}
        
.dropdown_1 dd,
.dropdown_2 dd{position:relative; }

.dropdown_1 a,
.dropdown_2 a{
	color: #808080;
	text-decoration:none;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
	
.dropdown_1 a:hover,
.dropdown_2 a:hover{ color:#fff;}

.dropdown_1 dt a,
.dropdown_2 dt a{
	display: block;
	width: 225px;
	height: 27px;
	padding-right: 28px;
	background: url('/app_themes/alt/images/select.gif') no-repeat scroll right center;}
	
.dropdown_1 dt a span,
.dropdown_2 dt a span{
	cursor: pointer;
	display: block;
	padding: 6px 7px 1px 7px;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif}
	
.dropdown_1 dd ul,
.dropdown_2 dd ul{
	position:absolute;
	top: -1px;
	left: 0px;
	display: none;
	width: 251px;
	background: #f9f9f9 none repeat scroll 0 0;
	border: 1px solid #b6b6b6;
	color: #000;
	list-style-type: none;}
	
.dropdown_1 dd ul li,
.dropdown_2 dd ul li{
	float: left;
	width: 241px;}
	
.dropdown_1 dd ul li a,
.dropdown_2 dd ul li a{
	padding:5px 5px 5px 7px;
	display: block;
	float: left;
	width: 239px;
	border-bottom: 1px solid #cacaca;}
	
.dropdown_1 dd ul li a:hover,
.dropdown_2 dd ul li a:hover{
	background-color: #f57410;}
	
/*----------------------------------------------------*/
/*----------------------------------------------------11.11.2009*/
.info_txt{
	width: 255px;
	height: 61px;
	padding: 12px 10px 8px 10px;}
	
.info_txt p{
	line-height: 14px;}
	
.info_txt_border{
	width: 261px;
	height: 75px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	border-top: 1px solid #dddddd;}
	
.info_txt_border p{font-size: 11px;}
.info_txt_border a{
	font-size: 11px;
	color: #f0592a;}
	
.name_box{
	width: 261px;
	height: 40px;
	margin: 0px auto 0 auto;
	padding: 6px 0px 0px 0px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	overflow: hidden;
	clear: both;}
	
.name_box img{
	float: left;}
	
.name_box p{
	float: left;
	display: block;
	width: 220px;
	margin-left: 6px;
	font-weight: bold;
	line-height: 16px;}
	
.name_box p span{
	color: #f0592a;}
	
.wrapper_footer_input{
	float: right;}
	
.box_footer_input{
	float: left;
	display: inline;
	width: 233px;
	margin-right: 27px; }
	
/*----------------------------information */
.information{
	width: 255px;
	height: 143px;
	padding: 12px 10px 8px 10px;
	background: url('/app_themes/alt/images/double_line.gif') repeat-x left top;
	clear: both;}
	
.information dl {
	float: left;
	width: 255px;
	overflow: hidden;}

.information dt{
	float: left;
	display: inline;
	width: 75px;
	padding: 2px 0px 2px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #6b6b6b;
	clear: left;}

.information dd {
	float: left;
	display: inline;
	width: 180px;
	padding: 2px 0px 2px 0px;
	color: #448ccb;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;}
	
.bkg_input_link{
	float: left;
	height: 19px;
	width: 170px;
	margin: -1px 0px 0px 0px;
	padding: 3px 2px 0px 4px;
	background: url('/app_themes/alt/images/link_route.png') no-repeat left top;}

.bkg_input_link input {
	position: relative;
	width: 166px;
	height: 16px;
	padding: 0px 1px 0 1px;
	line-height: normal;
	background: url('/app_themes/alt/images/link_route_inner.png') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	border: none;
	z-index: 50;}
	
.mapFooter{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 82px;
	width: 956px;
	padding: 0px 12px 0px 10px;
	background: url('/app_themes/alt/images/bkg_mapFooter.jpg') repeat-x left top;}
	
.mapFooter h5{	
	padding: 4px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;}
	
.dropdown_3{
	float: left;
	width: 233px;
	margin: 7px 0px 0px 0px;}
        
.dropdown_3 dd{position:relative; }

.dropdown_3 a{
	color: #808080;
	text-decoration:none;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
	
.dropdown_3 a:hover{ color:#fff;}

.dropdown_3 dt a{
	display: block;
	width: 205px;
	height: 27px;
	padding-right: 28px;
	background: url('/app_themes/alt/images/footer_select.jpg') no-repeat scroll right center;}
	
.dropdown_3 dt a span{
	cursor: pointer;
	display: block;
	padding: 6px 7px 1px 7px;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif}
	
.dropdown_3 dd ul{
	position:absolute;
	bottom: 26px;
	left: 1px;
	display: none;
	width: 229px;
	background: #f9f9f9 none repeat scroll 0 0;
	border: 1px solid #b6b6b6;
	color: #000;
	list-style-type: none;}
	
.dropdown_3 dd ul li{
	float: left;
	width: 230px;}
	
.dropdown_3 dd ul li a{
	padding:2px 5px 2px 7px;
	display: block;
	float: left;
	width: 217px;}
	
.dropdown_3 dd ul li a:hover{
	background-color: #f57410;}
	
.bkg_input_footer{
	position: relative;
	float: left;
	height: 24px;
	width: 227px;
	margin: 7px 0px 0px 0px;
	padding: 3px 2px 0px 4px;
	background: url('/app_themes/alt/images/footer_input.jpg') no-repeat left top;}

.bkg_input_footer input {
	position: relative;
	width: 221px;
	height: 20px;
	padding: 2px 0 0 5px;
	line-height: normal;
	background: url('/app_themes/alt/images/footer_input_inner.jpg') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #808080;
	border: none;
	z-index: 50; }
	
.input_footer_search{
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 231px;
	height: 140px;
	background-color: #fff;
	border: 1px solid #a7a2a3;
	overflow-y: scroll;}
	
.input_footer_search ul{
	display: block;
	width: 214px;
	list-style-type: none;}
	
.input_footer_search ul li{
	float: left;
	width: 214px;}
	
.input_footer_search ul li a{
	float: left;
	width: 202px;
	display: block;
	padding: 2px 5px 2px 7px;
	font-size: 11px;
	color: #808080;
	font-weight: bold;}
	
.input_footer_search ul li a span{
	color: #000;}
	
.input_footer_search ul li a:hover,
.input_footer_search ul li a:hover span{
	color: #fff;
	background-color: #f57410;}
	
.wrapper_radioBtn{
	float: left;
	width: 420px;
	height: 82px;}
	
.wrapper_radioBtn h5{
	padding: 4px 0px 2px 0px;}

.footer_radioBtn{
	float: left;
	width: 95px;
	margin: 3px 0px 0px 0px;}
	
.footer_radioBtn label{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;}

.footer_radioBtn input{
	float: left;
	margin: 3px 5px 0px 0px;}
	
/*------------------------------------------------------- map events */

.blue_km{
	width: 30px;
	height: 48px;
	padding: 7px 2px 0px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/km_blue.png') no-repeat;
	text-align: center;
	line-height: 11px;
	}
	
.blue_km_link
{
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  position: relative; 
  width:29px; 
  height: 20px; 
  line-height: 11px;
  display: block;
}

.blue_km_linkSpecial
{
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  position: relative; 
  width: 92px; 
  height: 42px; 
  display: block;
}

a.blue_km_link:hover, .blue_km_linkSpecial:hover 
{
  color: #ffffff;
  text-decoration: none;
}

.blueLight_km{
	width: 30px;
	height: 48px;
	padding: 7px 2px 0px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/km_blueLight.png') no-repeat;
	text-align: center;
	line-height: 11px;
	}

.orange_km{
	width: 30px;
	height: 48px;
	padding: 7px 2px 0px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/km_orange.png') no-repeat;
	text-align: center;
	line-height: 11px;
	}
	
.orangeLight_km
{
  width: 30px;
	height: 48px;
	padding: 7px 2px 0px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/km_orangeLight.png') no-repeat;
	text-align: center;
	line-height: 11px;
}
	
.blue_km span,
.blueLight_km span,
.orange_km span,
.orangeLight_km span,
.orangeBig_km span{
	display: block;}
	
.hover_popup{
	width: 180px;
	height: 36px;
	padding: 3px 6px 0px 6px;
	font-size: 10px;
	font-weight: bold;
	color: #6b6b6b;
	background: url('/app_themes/alt/images/km_hover_popup.png') no-repeat;
	text-align: left;}
	
.hover_popup_span
{
  width: 180px;
  overflow: hidden;
  height: 12px;
  display: block;
}
	
.hover_popup a{
	display: block; 
	clear: both;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #f0592a;
	outline: none;}
	
.hover_popup a:hover{
	color: #f0592a;}
	
.orange_spot{
	position: absolute; 
	right: 370px;
	top: 300px;
	width: 17px;
	height: 17px;
	background: url('/app_themes/alt/images/points.png') no-repeat;}
	
.distance_spot{
	position: absolute; 
	right: 470px;
	top: 350px;
	width: 17px;
	height: 17px;
	background: url('/app_themes/alt/images/distance.png') no-repeat;}

.blue_box{
	width: 52px;
	height: 21px;
	padding: 3px 0px 0px 0px;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/blue_box.png') no-repeat;
	text-align: center;
	}
		
.start{
	width: 63px;
	height: 30px;
	padding: 3px 0px 0px 0px;
	line-height: normal;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/start.png') no-repeat;
	text-align: center;
	}
	
.orange_box{
	position: absolute; 
	right: 245px;
	top: 185px;
	width: 63px;
	height: 30px;
	padding: 3px 0px 0px 0px;
	line-height: normal;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/start.png') no-repeat;
	text-align: center;
	z-index: 100;}
	
.slut_box{
	width: 103px;
	height: 30px;
	padding: 3px 0px 0px 0px;
	line-height: normal;
	font-weight: bold;
	color: #fff;
	background: url('/app_themes/alt/images/slut.png') no-repeat;
	text-align: center;
	}
	
/*------------------------------------------------ mine ruter pages*/
.map_white_inner select{
	float: right;
	width: 158px;
	height: 22px;
	padding: 0 0px 0 3px;
	margin: 8px 10px 0 0;
	color:#000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
	font-weight: normal;
	line-height: normal;}
	
.add_result{
	width: 261px;
	height: 85px;
	padding: 6px 0 0 0;
	margin: -10px auto 0 auto;
	border-top: 1px solid #dddddd;}
	
.add_result label{
	float: left;
	width: 70px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;}
	
.wrapper_add_result{
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;}
	
.box_timer_small{
	float: left;
	width: 109px;
	height: 18px;
	padding: 4px 3px 0px 3px;
	background :url('/app_themes/alt/images/input_3.gif') no-repeat left top;}

.box_timer_small input{
	z-index: 55;
	float: left;
	width: 23px;
	height: 15px;
	margin-right: 19px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #6b6b6b;
	border: none;
	background-color: #fff;}

.box_timer_small input.mar_r_0{margin-right: 0px;}

.bkg_input_small{
	float: left;
	height: 18px;
	width: 104px;
	padding: 3px 2px 0px 8px;
	background: url('/app_themes/alt/images/small_input.gif') no-repeat left top;}

.bkg_input_small input {
	width: 99px;
	height: 15px;
	line-height: normal;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6b6b6b;
	border: none;
	z-index: 50; }
	
	.show_box{zoom: 1;}
	
	.orangeBig_km
	{
	  width: 93px;
	  height: 61px;
	  padding: 6px 2px 0px 2px;
	  font-size: 10px;
	  font-weight: bold;
	  color: #fff;
	  background: url('/app_themes/alt/images/km_orangeBig.png') no-repeat;
	  text-align: center;
	}
	
/*-------------------------------------21.04.2010*/
.name_box p.font_w_n{font-weight: normal;}

.subscription{
 display: block;
 height: 23px;
 margin:0 0 6px 0;
 padding: 6px 0 0 38px;
 font-size: 13px;
 font-weight: bold;
 line-height: 15px;
 background: url('/app_themes/alt/images/subscription.gif') no-repeat left top;
 cursor: pointer;
 }
 
.subscription:hover, .subscription.act_subscription {
 color:#df5308;}
 
/*.subscription:hover, .subscription.act_help {
 background: url('/app_themes/alt/images/subscription_hover.gif') no-repeat  left top;
 color:#DF5308;}*/
 
.nav_kind{
 position: absolute;
 top: 10px;
 right: 290px;}
 
.nav_kind ul{
 float: left;
 list-style-type: none;
 border: 1px solid #a7a7a7;
 border-right: none;}
 
.nav_kind ul li{
 float: left;
 display: inline;}
 
.nav_kind ul li a{
 display: block;
 padding: 2px 5px 3px 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 10px;
 color: #454545;
 background-color: #fff;
 border-right: 1px solid #a7a7a7;}
 
.nav_kind ul li a:hover,
.nav_kind ul li a.act_nav_kind,
a.nav_kind_single:hover{
 color: #fff;
 background-color: #fb7e10;} 
 
a.nav_kind_single{
 float: left;
 display: block;
 padding: 2px 5px 3px 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 10px;
 color: #6b6b6b;
 background-color: #fff;
 border: 1px solid #a7a7a7;
 margin-right: 6px;
 }
 
/*------------------------------------------km*/
.km_hr{
 float: left;
 width: 114px;
 height: 36px;
 padding-top: 9px;
 font-weight: bold;
 font-size: 19px;
 line-height: normal;
 text-align: center;
 background: url('/app_themes/alt/images/km_hr.png') no-repeat;
 color: #fff;}
 
/*----------------------------------*/
.h_115{height: 115px;}

dl.information_popup{
 padding: 1px 0px 12px 4px;
 overflow: hidden;}
 
.information_popup dt,
.information_popup dd{
 float: left;
 font-weight: bold;}
 
.information_popup dt{
 font-size: 20px;
 color: #448ccb;}

.information_popup dd{
 padding: 7px 13px 0 3px;
 font-size: 14px;
 color: #808080;}
 
.popup_shadow_rightSmall {
 background: url('/app_themes/alt/images/popup_shadow_rightSmall.png') no-repeat 0 bottom;
 float:right;
 height:135px;
 overflow:hidden;
 width:12px;}
