
/*------------------------------------------------------------------------------------------------*/
/*- CSS Classes ---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/


DIV.mapheader > .overview {
	left:0;
	right:(%lua.mainMenuMode ? 0 : int((PARENT.W + cockpit_wcorrection) * 25%)); 
	top:0; 
	bottom:0;
}

DIV.mapheader_avoid {
	left:0;
	right:30%;
	top:0; 
	bottom:0;
}

DIV.map {
	x: screen_x;
	y: screen_y;
	w: screen_w;
	h: map_h;
}

DIV.summary {
	left:(int(PARENT.W * 75%) - cockpit_wcorrection); top:0; right:cockpit_wcorrection; bottom:cockpit_hcorrection;
}

DIV.summary > .itiner {
	left:0; top:1.5%; w:100%; h:(%lua.showGreenUI ? 23.5% : 33%);
}

DIV.summary > .green {
	left:0; top:25%; w:100%; h:25%;
}

DIV.summary > .warninglist {
	left:0; top:(%lua.showGreenUI ? 50% : 33%); w:100%; h:(%lua.showGreenUI ? 25% : 33%); z:5;
}

DIV.summary > LIST2.warninglist {
	row:2; col:3; 
}

DIV.summary > .method {
	left:0; top:(%lua.showGreenUI ? 75% : 66%); w:100%; h:(%lua.showGreenUI ? 25% : 33%);
}

DIV.summary > .method >TABLE {
	bottom:6%;
}

DIV.summary > .method  .vehicletype>SPRITE{
	left:70%; top:0; w:30%; h:100%; z:20; 
}

DIV.summary > .method  .vehicletype>TEXT{
	left:0; top:0; w:70%; h:100%; z:20; 
}

DIV.summary  DISTTEXT, DIV.summary  UNITTEXT {
	h:75% !important;
}

DIV.map > .switchtogreen {
	left:12%; bottom:cockpit_hcorrection; w:(int(PARENT.W * 63%) - cockpit_wcorrection); h:21%;
	bmp:"button_green.bmp#3"; resize_bmp:1;
}

DIV.map > .switchtogreen > .greenrecalc {
	left:3%; top:70%; right:3%; bottom:20%; resize_bmp:0;
}

DIV.main {
	x: main_x;
	y: main_y;
	w: main_w;
	h: (%lua.hasFooter || %lua.hasLocalmenu || %lua.hasBack ? main_h : main_h_full);
}

DIV.main_ext {
	x: main_ext_x;
	y: main_ext_y;
	w: main_ext_w;
	h: (%lua.hasFooter || %lua.hasLocalmenu || %lua.hasBack ? main_ext_h : main_ext_h_full);
}

DIV.main.simulate {
	x: const(main_x + margin_simulate);
	y: const(main_y + margin_simulate);
	w: const(main_w - (margin_simulate * 2 ));
	h: const(main_h - margin_simulate);
}

DIV.main_ext.coord{
	x: const((main_ext_w /5)*2);
	w: const((main_ext_w /5)*3);
	visible: 1 !important;
}

DIV.mapmain {
	x: screen_x;
	y: mapmain_y;
	w: screen_w;
	h: mapmain_h;
	visible: 1;
}

DIV.mapmain.tmc {
	y: const(screen_y + mapheader_tmc_h );
	h: (mapmain_tmc_h + cockpit_hcorrection/2);
}

DIV.mapmain.tracklog {
	y: mapheader_trip_h;
	h: mapmain_trip_h;
}

DIV.mainmenu {
	x: mainmenu_x;
	y: mainmenu_y;
	w: mainmenu_w;
	h: mainmenu_h;
}

DIV.mainmenu > TABLE{
	left:50%;
	top:0;
	right:0;
	bottom:0;
	col:1;
	row:3;
}

DIV.vr_mode {
	x: screen_x;
	y: vr_mode_y;
	w: vr_mode_w;
	h: vr_mode_h;
}

DIV.vr_main {
	x: vr_main_x;
	y: vr_mode_y;
	w: vr_main_w;
	h: vr_mode_h;
}

DIV.panel {
	x: const(main_x + panel_margin);
	y: const(main_y + panel_margin);
	w: const(main_w - panel_margin - panel_margin);
	h: (%lua.hasFooter || %lua.hasLocalmenu || %lua.hasBack ? (main_h - panel_margin - panel_margin) : (main_h_full - panel_margin - panel_margin));
}

DIV.panel.route {
	x: const(main_x + panel_margin);
	y: const(main_y + panel_margin);
	w: const(main_w - panel_margin - panel_margin);
	h: ((main_h /3) - panel_margin - panel_margin);
}

DIV.panel_ext {
	x: const(main_ext_x + panel_margin);
	y: const(main_ext_y + panel_margin);
	w: const(main_ext_w - panel_margin - panel_margin);
	h: (%lua.hasFooter || %lua.hasLocalmenu || %lua.hasBack ? (main_ext_h - panel_margin - panel_margin) : (main_ext_h_full - panel_margin - panel_margin));
}

DIV.panel_ext.unit_keys{
    y: const(main_ext_y + main_ext_h - panel_margin - panel_unit_keys_h);
    w: panel_unit_keys_w;
    h: panel_unit_keys_h;
}

DIV.panel_ext.unit_input{
    w: panel_unit_keys_w;
    h: const(main_ext_h - panel_margin - panel_margin - panel_unit_keys_h);  
}

DIV.panel_ext.unit_value{
    x: const(panel_unit_keys_w + margin_ext_left + panel_margin + panel_margin);
    w: const(main_ext_w - panel_margin - panel_margin - panel_margin - panel_unit_keys_w);
}

DIV.panel_ext.9_9_9_5_keyb{
	y: const(main_ext_y + (main_ext_h /4) + panel_margin);
	h: const(main_ext_h - (main_ext_h /4) - panel_margin - panel_margin);
}

DIV.panel_ext.12_12_12_9_keyb{
	x: keyb_12_x;
	y: const(main_ext_y + (main_ext_h /4) + panel_margin);
	w: keyb_12_w;
	h: const(main_ext_h - (main_ext_h /4) - panel_margin - panel_margin);
}

DIV.main_ext.keyboard{
	visible: 1 !important;
}

.key12{
	w:const(keyb_12_w/12);
}

DIV.panel_ext.coord{
	x: const(((main_ext_w /5)*2) + panel_margin);
	w: const(((main_ext_w /5)*3) - panel_margin - panel_margin);
}

DIV.main_ext.globe{
	w: (35%);
}

DIV.panel.history {
	y: const(main_y + (main_h / 2) + panel_margin);
	h: (( main_h / 2 ) - panel_margin - panel_margin);
}

DIV.panel.history>TABLE {
	left:0; top:0; right:0; bottom:0; compact:1; row: 1; col:2; cellw:(undef,30%);
}

DIV.panel.history>TABLE>TABLE {
	left:0; top:0; right:0; bottom:0; compact:1; col:1;
}

DIV.panel.history>TABLE>TABLE>LIST2 {
	col:1; row:((%mydata.history.list.size >= 2) ? 2 : 1);
}

TABLE.poiinfo_coord{
	row:1;
	cellw:(28%,);
	R2L:(%regional.current_language.is_r2l);
}

#btnEFM_History > SPRITE {
	left:0; right:0; top:0; bottom:10%;
	align:"CENTER"; valign:"BOTTOM";
}

#btnEFM_History > TEXT {
	left:0; top:0; right:0; bottom:60%; 
	align:"CENTER";
}

#et_SmartHistory > BUTTON > TEXT {
	left:14%;
	top:0;
	right:0; 
	bottom:0; 
	align:"LEFT"; 
	leading:_0.90;
	wordwrap:2;
}

DIV.panel.side {
	x: panel_side_x;
	y: screen_y;
	w: panel_side_w;
	h: (panel_side_h);
}

DIV.panel.side.small {
	x: (screen_w - panel_side_small_w);
	w: panel_side_small_w;
}

DIV.panel.speedcam{
	x:const((screen_w * 80) / 100);
	y:0;
	w: const((screen_w * 20) / 100);
	h: (screen_h);
}

DIV.panel.background {
	x: main_x;
	y: main_y;
	w: main_w;
	h: (main_h);
	align: "LEFT";
	valign: "CENTER";
	visible: 1;
}

DIV.panel.background.calculate {
	h: (90%);
}

DIV.footer {
	x: screen_x;
	y: footer_y;
	w: screen_w;
	h: footer_h;
}

DIV.historical_info {
	x: const(int((screen_w - default_wcorrection) * 33%));
	y: footer_y;
	w: const(int((screen_w - default_wcorrection) * 66%) + default_wcorrection);
	h: footer_h;
}

DIV.historical_traffic{
	left:0;
	right:0;
	top:0;
	bottom:0;
}

DIV.list {
	x: main_ext_x;
	y: main_ext_y;
	w: main_ext_w;
	h: (%lua.hasFooter || %lua.hasLocalmenu || %lua.hasBack ? main_ext_h : main_ext_h_full);
}

LAYER.layer_sunrisesunset_bg {
	visible:0;
}

DIV.list_sunrisesunset {
	left: main_ext_x;
	top: (main_ext_y + sunrisesunset_offset);
	w: main_ext_w;
	h: (main_ext_h_full - sunrisesunset_offset);
	visible:0;
}

#et_SunsetSunriseElement .listitem.icon{
	left:16%;
	wordwrap:1;
}

#tab_SunsetSunrise{
	left:15%;
	cellh:(60%,35%);
}

#tab_SunsetSunrise>TEXT{
	paddingleft:0;
}

#tab_SunsetSunrise_time{
	right:1%;
	hspacing:1%;
}

DIV.localmenu {
	x: localmenu_x;
	y: localmenu_y;
	w: localmenu_w;
	h: localmenu_h;
}

DIV.sidelist {
	x: 206;
	y: screen_y;
	w: const(screen_w - 206);
	h: screen_h;
}

DIV.panelheader {
	left: 0;
	right: listcontrol_right;
	top: 0;
	h: panel_header_h;
}

DIV.messagebox{
	left:5%;
	top:6%;
	right:5%;
	bottom:18%;
}

DIV.messagebox_full {
	left:3%;
	top:5%;
	right:3%;
	bottom:5%;
}

DIV.messagebox_small {
	left:31%;
	top:25%;
	right:31%;
	bottom:47%;
}

DIV.messagebox_panel {
	left:messagebox_panel_margin;
	top:messagebox_panel_margin;
	right:messagebox_panel_margin;
	bottom:messagebox_panel_margin;
}

DIV.margin{
	left:panel_margin;
	top:panel_margin;
	right:panel_margin;
	bottom:panel_margin;
}

DIV.trackcolor_margin{
	left:const(panel_margin * 5 );
	top:const(panel_margin * 5 );
	right:const(panel_margin * 5 );
	bottom:const(panel_margin * 5 );
}

TABLE, TABLE > *,.parent_size {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#ui_EasyFindMenu>.main>TABLE{
	left:0; top:0; right:0; bottom:50%;
	row:1; col:4;
	COMPACT:1;
}

.localmenu_layer {
	y: (lua.gLocalMenuIsClosed ? screen_h : 0);
}

LAYER.tutorial_layer {
	x: main_ext_x;
	y: main_y;
	w: main_ext_w;
	h: main_h;
}

/* buttons */
.btn_main  { bmp:"button.bmp#3"; resize_bmp:1;}
.btn_main_np  { bmp:"button_nopress.bmp#3"; resize_bmp:1;}

.btn_main.topleft         { bmp:"button_topleft.bmp#3"; }
.btn_main_np.topleft   { bmp:"button_topleft_nopress.bmp#3"; }

.btn_main.topright       { bmp:"button_topright.bmp#3"; }

.btn_main.bottomright { bmp:"button_bottomright.bmp#3"; }
.btn_main_np.bottomright { bmp:"button_bottomright_nopress.bmp#3"; }

.btn_main.bottomleft   { bmp:"button_bottomleft.bmp#3"; }

.btn_main.topleft_bottomright  { bmp:"button_topleft_bottomright.bmp#3"; resize_bmp:1;}

.btn_main.maplocalmenu { bmp:( index == 0 ? "button_topleft.bmp#3" : ( (index == 7 && %lua.vMapMenuManageMode) ? "button_bottomright.bmp#3" : "button.bmp#3")) }

.btn_richpoi_prev {bmp:"button_topleft.bmp#3"; resize_bmp:1;}
.btn_richpoi_next {bmp:"button.bmp#3";  resize_bmp:1;}

.btn_footer      { padding: text_padding;
				   bmp:"footercenter.bmp#3"; 
				   resize_bmp:1;
				   w: footer_w_33;
				   h: footer_h;
				   font:"default";
				   fonttype:footer;
				   fontsize:fontsize_main;
				   iconalign:"CENTER";
				   iconvalign:"CENTER";
				   /*FOOTERBUTTON-hoz kell*/
				   twolinesize:fontsize_sec_twoline;
				   /*FOOTERBUTTON-hoz kell*/}	

FOOTERBUTTON, FOOTERKEYBUTTON {
	footertype:0;
}
				   
.btn_footer.onmap				{ bmp:"footermapcenter.bmp#3"; fonttype:map_main;}

.btn_footer.left				{ bmp:(%lua.hasFooter ? "footerleft.bmp#3" : "footercenter.bmp#3"); left:(0) !important; w:33%;}
.btn_footer.left.back			{ top:(%lua.hasBack ? 0 : 100%) !important; bmp:("footerleft.bmp#3"); iconspr:"ico_footer_back.bmp#3"; text:"Back"; rawkey:27; footertype:1;}

.btn_footer.left_onmap			{ bmp:"footermapleft.bmp#3"; fonttype:map_main;}
.btn_footer.left_onmap.back		{ top:(%lua.hasBack ? 0 : 100%) !important; bmp:("footermapleft.bmp#3"); iconspr:"ico_footermap_back.bmp#3"; text:"Back"; fonttype:map_main; rawkey:27;footertype:1;}

.btn_footer.localmenu			{ bmp:(%lua.hasFooter && !%lua.hasBack ? "footerleft.bmp#3" : "footercenter.bmp#3"); left:(%lua.hasBack ? 33% : (%lua.hasFooter ? 0 : 25%)); w:(%lua.hasBack ? 33% : 50%);}
.btn_footer.localmenu_onmap		{ bmp:(%lua.hasFooter && !%lua.hasBack ? "footermapleft.bmp#3" : "footermapcenter.bmp#3"); left:(%lua.hasBack ? 33% : (%lua.hasFooter ? 0 : 25% )); w:(%lua.hasBack ? 33% : 50%); fonttype:map_main;}
.btn_footer.localmenu_close		{left:(localmenu_x + margin_left * 2); w:undef; right:(localmenu_x + margin_right * 2);}

.btn_footer.right				{ x:undef !important; left:(%lua.hasBack ? 66% : (%lua.hasLocalmenu ? 50% : 25% )) !important; w:(%lua.hasBack ? 33% : 50%); bmp:(%lua.hasLocalmenu || %lua.hasBack ? "footerright.bmp#3" : "footercenter.bmp#3"); }
.btn_footer.right_onmap			{ x:undef !important; left:(%lua.hasBack ? 66% : (%lua.hasLocalmenu ? 50% : 25% )) !important; w:(%lua.hasBack ? 33% : 50%); bmp:(%lua.hasLocalmenu || %lua.hasBack ? "footermapright.bmp#3" : "footermapcenter.bmp#3"); fonttype:map_main;}
.btn_footer.right.noback		{ left:(50%) !important; w:(50%);}

.btn_footer.prev				{ w:footer_w_16; iconalign:"CENTER";  iconspr:"ico_footer_prev.bmp#3";}
.btn_footer.prev_onmap			{ w:footer_w_16; bmp:"footermapcenter.bmp#3"; iconalign:"CENTER"; iconspr:"ico_footermap_prev.bmp#3";}
.btn_footer.prev_mainmenu		{ w:footer_w_8;  bmp:"footerleft.bmp#3"; iconalign:"CENTER"; iconspr:"ico_footer_prev.bmp#3";}
.btn_footer.prev_settings		{ left:(%lua.hasBack ? 33% : 0); w:(%lua.hasBack ? 33% : 50%); top:0; bmp:(!%lua.hasBack ? "footerleft.bmp#3" : "footercenter.bmp#3"); iconalign:"CENTER"; iconspr:"ico_footer_prev.bmp#3";}

.btn_footer.next				{ w:footer_w_16; bmp:"footerright.bmp#3"; iconalign:"CENTER"; iconspr:"ico_footer_next.bmp#3";}
.btn_footer.next_onmap			{ w:footer_w_16; bmp:"footermapright.bmp#3"; iconalign:"CENTER"; iconspr:"ico_footermap_next.bmp#3";}
.btn_footer.next_mainmenu		{ w:footer_w_8; bmp:"footerright.bmp#3"; iconalign:"CENTER"; iconspr:"ico_footer_next.bmp#3";}
.btn_footer.next_settings		{ left:(%lua.hasBack ? 66% : 50%) !important; w:(%lua.hasBack ? 33% : 50%); top:0; bmp:"footerright.bmp#3"; iconalign:"CENTER"; iconspr:"ico_footer_next.bmp#3";}

.btn_map  { bmp:"mapbutton.bmp#3"; resize_bmp:1;}
.btn_map.r_r  { bmp:"mapbutton_r_r.bmp#3";}

.btn_footer.left.back.cancel	{ text:"Cancel"; }
.btn_footer.left.back.reject	{ text:"Reject"; }

/* calculator */

.btn_calc  {w: 16%; h:16%; bmp: "button.bmp#3"; resize_bmp:1; font: "default"; fonttype: calc !important; fontsize: fontsize_title; clicked_coloring:1; padding: text_padding_small;}
.input_calc          { fontsize: fontsize_main_large; fonttype: calc; align:"RIGHT" !important; valign:"BOTTOM" !important; L2R:1; padding: text_padding_small; }
.btn_calc.op        { font: "default"; fontsize: fontsize_main_large; fonttype: calc_op !important;}
.btn_calc.func    { font: "default"; fontsize: fontsize_sec;  fonttype: calc_func !important; wordwrap:1;}
.input_calc.func{ align:"LEFT" !important; font: "default"; fontsize: fontsize_info; fonttype: calc_func !important;}
.btn_calc.mode    { font: "default"; fontsize: fontsize_sec;  fonttype: calc !important;}
.btn_calc.clear  { font: "default"; fontsize: fontsize_main_large;  fonttype: calc_clear !important;}
.btn_calc.mem      { font: "default"; fontsize: fontsize_sec;  fonttype: calc_mem !important;}
.input_calc.mem  { align:"LEFT" !important; font: "default"; fontsize: fontsize_info; fonttype: calc_mem !important;}
.input_calc.msg  { align:"RIGHT" !important; font: "default"; fontsize: fontsize_info; fonttype: calc_func !important; padding:text_padding_small;}
.btn_calc.exit    { fontsize: fontsize_main;}


/* button sizes */				   
.25_25     { w: 25%; h: 25%;}
.25_33     { w: 25%; h: 33%;}
.25_50     { w: 25%; h: 50%;}
.25_66     { w: 25%; h: 66%;}
.25_75     { w: 25%; h: 75%;}
.25_100   { w: 25%; h: 100%;}

.33_25     { w: 33%; h: 25%;}
.33_33     { w: 33%; h: 33%;}
.33_50     { w: 33%; h: 50%;}
.33_66     { w: 33%; h: 66%;}
.33_75     { w: 33%; h: 75%;}
.33_100   { w: 33%; h: 100%;}

.40_20     { w: 40%; h: 20%;}
                       
.50_25     { w: 50%; h: 25%;}
.50_33     { w: 50%; h: 33%;}
.50_50     { w: 50%; h: 50%;}
.50_66     { w: 50%; h: 66%;}
.50_75     { w: 50%; h: 75%;}
.50_100   { w: 50%; h: 100%;}
                       
.66_25     { w: 66%; h: 25%;}
.66_33     { w: 66%; h: 33%;} 
.66_50     { w: 66%; h: 50%;} 
.66_66     { w: 66%; h: 66%;} 
.66_75     { w: 66%; h: 75%;} 
.66_100   { w: 66%; h: 100%;}
                       
.75_25     { w: 75%; h: 25%;}
.75_33     { w: 75%; h: 33%;}
.75_50     { w: 75%; h: 50%;}
.75_66     { w: 75%; h: 66%;}
.75_75     { w: 75%; h: 75%;}
.75_100   { w: 75%; h: 100%;}

.100_25    { w: 100%; h: 25%;}
.100_33    { w: 100%; h: 33%;}
.100_50    { w: 100%; h: 50%;}
.100_66    { w: 100%; h: 66%;}
.100_75    { w: 100%; h: 75%;}
.100_100  { w: 100%; h: 100%;}


/*-Defaults-------------------------------------------------------------------------*/
.left2center{
	align:"LEFT" !important;
}

.right2center{
	align:"RIGHT" !important;
}

TEXT, ROADSHIELDEDTEXT{
	font:"default";   
	fonttype:inf_main; 
	fontsize:fontsize_main;
	padding:text_padding;
	align:"CENTER";
	valign:"CENTER";
}

ROADSHIELDEDTEXT{
	font:"defaultbd"; 
	fonttype:btn_main;
	shieldtextmod: _0.8;
	minaspect: 80;
}

ROADSHIELDEDTEXT.font_sec{
	shieldtextmod: _0.9;
}

BUTTON.btn_main > TEXT, SPRITE.btn_main > TEXT  {
	r2l_invert:1;
	left:0; right:0; top:0; bottom:0;
	fonttype:btn_main;
	padding:button_padding;
}

BUTTON.btn_main > TEXT.top, TEXT.top, ROADSHIELDEDTEXT.top{
	left:0;top:0%;right:0;bottom:53% !important;
	valign:"BOTTOM";
	wordwrap:1 !important;
}

BUTTON.listitem > TEXT.top.poi{
	twolinesmall:3;
	fontsize:fontsize_main_poi !important;
	twolinesize:fontsize_main_poi_twoline;
}

ROADSHIELDEDTEXT.top.tmcdetails{
	left:13%; right:10%;
	align:"LEFT"; valign:"BOTTOM";
	twolinesmall:3;
	fontsize:fontsize_main_poi !important;
	twolinesize:fontsize_main_poi_twoline;
	wordwrap:2 !important;
}

BUTTON.tmc_eventlist{
	bmp:(%*.affects_route ? "listitem_warning.bmp#3" : "listitem.bmp#3");
}

BUTTON.tmc_eventlist> TEXT.top.tmc{
	left:13%; right:0;
	align:"LEFT"; 
	twolinesmall:3;
	fontsize:fontsize_main_poi !important;
	twolinesize:fontsize_main_poi_twoline;
}

BUTTON.tmc_eventlist> ROADSHIELDEDTEXT.top.tmc{
	left:13%; right:0;
	bottom:50% !important;
	align:"LEFT"; 
	twolinesmall:3;
	fontsize:fontsize_main_poi !important;
	twolinesize:fontsize_main_poi_twoline;
}

BUTTON.btn_main > TEXT.bottom, TEXT.bottom, ROADSHIELDEDTEXT.bottom{
	left:0; top:63% !important; right:0; bottom:0;
	valign:"TOP";
	wordwrap:1 !important;
}

BUTTON.listitem > TEXT.bottom.poi{
	twolinesmall:3;
	fontsize:fontsize_sec_poi !important;
	twolinesize:fontsize_sec_poi_twoline;
}

BUTTON.tmc_eventlist> TEXT.bottom.tmc{
	left:13%; right:12%;
	align:"LEFT"; 
	top:60% !important;
	twolinesmall:3;
	fontsize:fontsize_sec_poi !important;
	twolinesize:fontsize_sec_poi_twoline;
	leading:1;
}

ROADSHIELDEDTEXT.bottom.tmcdetails{
	left:13%; top:53% !important; right:10%;
	align:"LEFT"; valign:"TOP";
	twolinesmall:3;
	fontsize:fontsize_main_poi !important;
	twolinesize:fontsize_main_poi_twoline;
	wordwrap:2 !important;
}

BUTTON.tmc_eventlist > DISTTEXT.distance{
	right:2%;
	bottom:15%;
}

BUTTON.btn_main.tmcdetails{
	left:0; top:0; w:100%; h:26%; z:0; 
}

BUTTON.btn_main.tmcdetails> DIV.tmc_icon_list ,
BUTTON.listitem.tmc_eventlist> DIV.tmc_icon_eventlist{
	left:1%; top:0; w:12%; h:100%;
}

DIV.tmc_icon_list  > SPRITE.icon_center.main{
	left:(%lua.traffic_current_single_icon ? 50% : 33%);
	top:(%lua.traffic_current_single_icon ? 50% : 55%);
	z:15;
}

DIV.tmc_icon_list  > SPRITE.icon_center.sec{
	top:(%lua.traffic_current_single_icon ? 50% : 45%);
	z:14;
}

DIV.tmc_icon_eventlist  > SPRITE.icon_center.main{
	left:(%*.single_icon ? 50% : 33%);
	top:(%*.single_icon ? 50% : 55%);
	z:15;
}

DIV.tmc_icon_eventlist  > SPRITE.icon_center.sec{
	top:(%*.single_icon ? 50% : 45%);
	z:14;
}

DIV.tmc_icon_list  > SPRITE.icon_center.option,
DIV.tmc_icon_eventlist > SPRITE.icon_center.option{
	left:80%;
	top:60%;
	z:111; 
}

.map_counter_bg > TEXT.top{
	left:0;top:0%;right:0;bottom:60% !important;
	valign:"BOTTOM";
	wordwrap:1;
}

.map_counter_bg > TEXT.bottom{
	left:0;top:60% !important;right:0;bottom:0;
	valign:"TOP";
	wordwrap:1;
}

BUTTON.btn_main > TEXT.textpadding, BUTTON.listitem > TEXT.textpadding, SPRITE.listitem > TEXT.textpadding{
	padding:text_padding !important;
}

BUTTON.da{
	left: ((PARENT.W - PARENT.textW)/2 - text_padding/2); 
	w: (text_padding + PARENT.textW); 
	top: 0; z: 100;
	h: 100%;
	bmp:"da_textbox.bmp";
	resize_bmp: 1;
}

BUTTON.da_duration{
	left: ((PARENT.W - PARENT.textW)/2 - text_padding - text_padding); 
	w: (text_padding + text_padding + PARENT.textW + text_padding + text_padding); 
	top: 0; z: 100;
	h: 100%;
	bmp:"da_duration.bmp";
	resize_bmp: 1;
	align:"CENTER";
}

TEXT.da{
	padding:text_padding;
	left:0;
	right:0;
	top:0;
	h: 100%;
	z: 101;
	align: "CENTER";
	clipstyle:"none";
}

TEXT.da.duration{
	left:0;
}

TEXT.buttonpadding{
	padding:button_padding;
}

TEXT.textpadding_small{
	padding:text_padding_small !important;
}

TEXT.textpadding_small_left{
	paddingleft:text_padding_small !important;
	paddingright:0 !important;
}

TEXT.textpadding_small_right{
	paddingleft:0 !important;
	paddingright:text_padding_small !important;
}

TEXT.buttonpadding_showmap{
	bottom: button_vpadding_showmap !important;
}

TEXT.textpadding_bottom{
	bottom: text_vpadding !important;
}

TEXT.textpadding_small_bottom{
	bottom: text_vpadding_small !important;
}

TEXT.header{
	paddingleft:text_padding;
	paddingright:text_padding;
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_sec;
	align:"CENTER";
	valign:"CENTER";
}


TEXT.itiner, SPEEDTEXT.itiner{
	left:0; right:0; top:10%; bottom:60%;
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_info;
	align:"CENTER";
	valign:"CENTER";
	leading:_0.85;
}

TEXT.value.sld{
    align:"LEFT";
    paddingright:56%;
    paddingleft:button_padding;
    font:"default";
}  
  
TEXT.listitem{
	r2l_invert:1;
	left:0;top:0;right:0;bottom:0;
	fonttype:btn_main;
	font:"default";
	align:"LEFT";
	wordwrap:2;
	padding:button_padding;
}

TEXT.listitem.icon
{
	r2l_invert:1;
	left:13%;
	align:"LEFT";
	paddingleft:text_padding;
	paddingright:button_padding;
}

TEXT.listitem.poi{
	right: ( %lua.showPoiDistance ? 20% : 0);
}

TEXT.listitem.icon.onbtn{
	right:15%;
}

TEXT.listitem.icon.chk{
	right:15%;
}

TEXT.listitem.icon.withbutton{
	right:28%;
	wordwrap:1;
	fontsize: fontsize_sec;
}

TEXT.listitem.onbtn{
	right:14%;
	paddingright: text_padding;
}

TEXT.inv{
	fonttype:btn_inv;
}

TEXT.np{
	fonttype:btn_sel;
}

TEXT.listtext{
	left:0;top:0;right:0;bottom:0;
	align:"LEFT";
	padding:text_padding !important;
}

TEXT.unit{
	padding:0;
}

TEXT.poiother{
	left:0; right:0; top:0; h:100%; 
	align:"CENTER"; valign:"CENTER"; 
	color:#FFFFFF; color2=#000000; 
	leading:1; 
	wordwrap:2; 
	glowtype:4; 
	glowsize:2;
}

TEXT.slapi {
	left: (%lua.slapi_FlipSides ? 50% : panel_margin); top: panel_margin; right: (%lua.slapi_FlipSides ? panel_margin : 50%); bottom: panel_margin; z:100;
	align: "LEFT";
	valign: "CENTER";
	wordwrap: 10;
}

TEXT.slapi_text_listitem{
	left:0; top:0; z:0;
	w: 100%; h: 100%;
	/*padding:button_padding; */
	align:"LEFT";
	valign:"CENTER";
	font:"default";
	fontsize:fontsize_main;
	minaspect:85;
}

TEXT.value_unit {
	top: 0; bottom: 0; left:0; right:0; z: 10;
	valign: "BOTTOM"; 
	fixedwidthnumbers: 1; clipstyle: "none";
	font: (OWNER.FONT); fonttype: (OWNER.FONTTYPE); fontsize: (OWNER.FONTSIZE * 80 /100);
	clicked_coloring: (OWNER.CLICKED_COLORING);
	padding:0;
}

TEXT.value_unit.value {
	align: "RIGHT";
	fontsize: (OWNER.FONTSIZE);
}

TEXT.value_not_available {
	left: 0; right: 0; top: 0; bottom: 0; z: 10;
	align: (OWNER.ALIGN); valign: "BOTTOM"; padding:0;
	font: (OWNER.FONT); fonttype: (OWNER.FONTTYPE); fontsize: (OWNER.FONTSIZE);
	clicked_coloring: (OWNER.CLICKED_COLORING);
	text: "n/a";
	visible: (!OWNER.VALID);
}

TEXT.footerbutton {
	left: (OWNER.ICONSPR ? footer_icon_w + text_padding : 0); right:(0); top:(0); bottom:(0);
	align: "CENTER"; valign: "CENTER";
	text: (OWNER.TEXT);
	font: (OWNER.FONT); fonttype: (OWNER.FONTTYPE);
	twolineoffset: (-OWNER.TWOLINESIZE/4); twolinesmall: 3; twolinesize: (OWNER.TWOLINESIZE);
	leading: _0.8; wordwrap: 2;
}

TEXT.dialogbutton{
	left:(0); right:(0); top:(0); bottom:(0);
	paddingleft:(OWNER.ICONSPR ? OWNER.PADDINGLEFT : OWNER.PADDINGRIGHT);
	paddingright:(OWNER.PADDINGRIGHT);
	align:"CENTER"; valign:"CENTER";
	font:(OWNER.FONT); fonttype:(OWNER.FONTTYPE); fontsize:(OWNER.FONTSIZE);
	text:(OWNER.TEXT);
	wordwrap:(OWNER.WORDWRAP); leading:(OWNER.LEADING);
}

TEXT.coord_globe{
	font:"defaultbd";
	fonttype:btn_inv;
	fontsize:fontsize_double;
	align:"CENTER";
	valign:"TOP";
	bottom:0;
	glowtype:1;
	glowsize:2
	L2R:1;
}

ALIGNER.basic{
	align:"LEFT";
	padding:text_padding_small;
	r2l_invert: 1;
}

ALIGNER.value_unit {
	left: 0; right: 0; top: 0; bottom: 0; z: 10;
	align: (OWNER.ALIGN); padding: (OWNER.FONTSIZE / 5, 0);
	r2l_invert: 1;
}

ALIGNER.left{
	left:button_padding;
	right:50%;
	top:0;
	bottom:0;
	z:10;
}

ALIGNER.left.small{
	right:40%;	
}

DIV.basic.left.small{
	left:button_padding;
	right:40%;
	top:0;
	bottom:0;
	r2l_invert:1;
}

ALIGNER > TEXT {
	top:0; bottom:0;
}

SPRITE.slapi_textpanel {
	left: (%lua.slapi_FlipSides ? 50% : 0); top: 0; right: (%lua.slapi_FlipSides ? 0 : 50%); bottom: 0; z:100;
	bmp: "sl_textpanel_topleft.bmp";
	resize_bmp:1;
}

BUTTON, DIALOGBUTTON{
	font:"default";   
	fonttype:btn_main; 
	fontsize:fontsize_main;
	align:"CENTER";
	padding:button_padding;
	clicked_coloring:1;
	wordwrap: 2;
	/*twolineoffset: -3;*/
	leading: _0.85;
	iconphasesync:1;
}

BUTTON.footerbutton, KEYBUTTON.footerbutton {
	w: (100%); h: (100%);
	bmp: (OWNER.BMP); resize_bmp: (OWNER.RESIZE_BMP); 
	onrelease: (OWNER.ONRELEASE); onlongclick: (OWNER.ONLONGCLICK);
}

BUTTON.dialogbutton{
	w:(100%); h:(100%);
	bmp:(OWNER.BMP); resize_bmp:(OWNER.RESIZE_BMP);
	onrelease:(OWNER.ONRELEASE);
	focusindex:(OWNER.FOCUSINDEX);
	rawkey:(OWNER.RAWKEY);
}

.btn_main.value{
	align: "LEFT";
    /*right:40%;*/
}
.btn_main.icon{
    align:"LEFT";
    iconvalign:"CENTER";
    paddingleft:16%;
}

.btn_main.icon_mid{
    align:"LEFT";
    iconvalign:"CENTER";
    paddingleft:30%;
}    

.btn_main.icon_big{
    align:"LEFT";
    iconvalign:"CENTER";
    paddingleft:40%;
}    

.btn_main.icon_top{
    align:"CENTER";
	valign:"BOTTOM-20";
    iconalign:"CENTER";
    iconvalign:"TOP+20";
}    
.btn_main.minimap{
	left:0;
	top:0;
	w:50%;
	h:100%;
	bmp:"button_minimap.bmp#3";
}

.btn_main.minimap_top{
	left:0;
	top:undef;
	bottom:24%;
	w:50%;
	h:76.5%;
	watchstate:btn_main_map;
	bmp:"button_minimap_top.bmp#3";
}

.btn_main.minimap_bottom{
	left:0;
	top:76%;
	w:50%;
	h:24%;
	watchstate:btn_main_map_top;
	bmp:"button_minimap_bottom.bmp#3";
}

.btn_main.minimap > TEXT{
	top:64%;
}	

#lst_main {
	left:(%ui.bottomMenu.size + %ui.bottomPlugins.size > 6 ? 7% : 0);
	/*top:82%; */
	w:(%ui.bottomMenu.size + %ui.bottomPlugins.size > 6 ? 86% : 100%); 
	h:mainmenu_bottom;
	bottom:0;
	z:2; 
	row:1; 
	col:6; 
	showselection:0;
}

CHECKBOX{
	font:"default";   
	fonttype:btn_main; 
	fontsize:fontsize_main;
	align:"LEFT";
	padding:10;
}

CHECKBOX.btn_main , CHECKBOX.btn_main_np {
	r2l_invert:1;
	bmp:"button_nopress.bmp#3";
	font:"default";   
	fonttype:chk_main; 
	fontsize:fontsize_main;
	padding:button_padding;
	align:"LEFT";
	valign:"CENTER";
	iconalign:chk_radio_icon_padding_right;
	iconvalign:"CENTER";
	iconspr:"ico_chk.bmp#4";
	iconphasesync:1;
	paddingright:chk_radio_text_padding_right;
	wordwrap:1;
}

CHECKBOX.btn_main.small , CHECKBOX.btn_main_np.small {
	iconalign:chk_radio_icon_padding_right_small;
	paddingright:chk_radio_text_padding_right_small;
}

CHECKBOX.listitem {
	r2l_invert:1;
	left:0; top:0; z:0;
	bmp:"listitem_nopress.bmp#3";
	resize_bmp:1;
	w: 100%; h: 100%;
	padding:button_padding; 
	align:"LEFT";
	valign:"CENTER";
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main;
	minaspect:85;
	iconalign:chk_radio_icon_padding_right;
	iconvalign:"CENTER";
	iconspr:"ico_chk.bmp#4";
	iconphasesync:1;
	paddingright:chk_radio_text_padding_right;
	wordwrap:1;
}

CHECKBOX.btn_main > SPRITE, CHECKBOX.btn_main_np > SPRITE, CHECKBOX.listitem > SPRITE{
	r2l_invert:1;
	left: 0; w: 15%; top: 0; bottom: 0; z: 15;
	align: "CENTER";
	valign: "CENTER";
}

CHECKBOX.btn_main > TEXT, CHECKBOX.btn_main_np > TEXT, CHECKBOX.listitem > TEXT{
	r2l_invert:1;
	left: 13%; right: 15%; top: 0; bottom: 0; z :15;
	align: "LEFT";
	valign: "CENTER";
	font:"default";
	fonttype:chk_main;
	fontsize:fontsize_main;
	wordwrap:1;
}

CHECKBOX.chk {
	iconalign:chk_radio_icon_padding_right;
	iconvalign:"CENTER";
	iconspr:"ico_chk.bmp#4";
	iconphasesync:1;
	paddingright:chk_radio_text_padding_right;
	paddingleft:22;
}

RADIO{
	resize_bmp:1;
	font:"default";   
	fonttype:btn_main; 
	fontsize:fontsize_main;
	align:"CENTER";
	padding:button_padding;
	wordwrap:1;
}

RADIO.rad {
	r2l_invert:1;
	iconalign:chk_radio_icon_padding_right;
	iconvalign:"CENTER";
	iconspr:"ico_radio.bmp#3";
	iconphasesync:1;
	paddingright:chk_radio_text_padding_right;
}

RADIO.listitem {
	r2l_invert:1;
	left:0; top:0; z:0;
	bmp:"listitem_nopress.bmp#3";
	resize_bmp:1;
	w: 100%; h: 100%;
	padding:button_padding; 
	align:"LEFT";
	valign:"CENTER";
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main;
	minaspect:85;
	iconalign:chk_radio_icon_padding_right;
	iconvalign:"CENTER";
	iconspr:"ico_radio.bmp#3";
	iconphasesync:1;
	paddingright:chk_radio_text_padding_right;
}

RADIO.btn_main.methods > *{
	r2l_invert:1;
}

SPRITE{
	/*r2l_invert:1;
	left:0;*/
}

SPRITE.ui_background{
	bmp:"default_skincol_landscape.bmp";
	left:50%;
	top:50%;
	bmpalign:"CENTER";
	bmpvalign:"CENTER";
	w:screen_w;
}

SPRITE.exiting {
	bmp:"exiting_m3.bmp";
}

TEXT.exiting {
	left:0;
	right:0;
	top:0;
	h:20%;
	fontsize:fontsize_sec;
	fonttype:exittext;
	z:160;
}

SPRITE.mapheader, BUTTON.mapheader{
	top:0; bottom:0; left:0; right:0;
	bmp:"panel_map.bmp";
	resize_bmp:1;
}

SPRITE.mapheader.itiner{
	bmp:"panel_map.bmp";
	resize_bmp:0;
}

SPRITE.mapheader.simple_avoid{
	bottom:0%;
	bmp:"panel_map.bmp";
	resize_bmp:0;
}

SPRITE.mapheader.spec_avoid{
	bmp:"panel_map.bmp";
	resize_bmp:0;
}

SPRITE.mapheader.overview{
	bmp:(%lua.mainMenuMode ? "panel_map.bmp" : "overview_header_skincol.bmp");
}

SPRITE.mapheader.speedcam{
	right:20%;
}

SPRITE.avoid_legend{
	w:30%;
	h:100%; 
	top:0; 
	right:0; 
	resize_bmp:1; 
	bmp:"vr_avoid_types_bg.bmp"; 
}

SPRITE.icon
{
	r2l_invert:1;
	left:1%;
	z:100;
	top:50%;
	bmpalign:"LEFT";
	bmpvalign:"CENTER";
}

SPRITE.icon_right{
	r2l_invert:1;
	z:100;
	right:0;
	top:50%;
	bmpalign:"RIGHT";
	bmpvalign:"CENTER";
}

SPRITE.icon_top{
	z:100;
	left:50%;
	top:5%;
	bmpalign:"CENTER";
	bmpvalign:"TOP";
}

SPRITE.icon_bottom{
	z:100;
	left:50%;
	bottom:0%;
	bmpalign:"CENTER";
	bmpvalign:"BOTTOM";
}

SPRITE.icon_center{
	r2l_invert:1;
	z:100;
	left:50%;
	top:50%;
	bmpalign:"CENTER";
	bmpvalign:"CENTER";
}

SPRITE.icon_mapsettings{
	r2l_invert:1;
	z:100;
	right:0;
	top:50%;
	bmpalign:"CENTER";
	bmpvalign:"CENTER";
}

SPRITE.icon_list{
	r2l_invert:1;
	z:100;
	left: 8%; top: 50%;
	bmpalign: "CENTER";
	bmpvalign: "CENTER";
}

SPRITE.icon_list.localmenu{
	left: 9%;
}

SPRITE.icon_list.restriction{
	left:7%;
	top: 50%;
}

SPRITE.icon_list.speedcam{
	left:0; w:16%; top:0; bottom:0;
	align: "CENTER"; valign: "CENTER";
	bmpalign: "LEFT"; bmpvalign: "TOP";
}

SPRITE.icon_center.avoid{
	left:78%;
}

SPRITE.icon_center.poiinfo_coord{
	left:57%;
}

SPRITE.vu_level 
{
	left: 0; top: 0; z: 100;
	bmp: "spr_vr_anim.bmp#8"; phase: (%sound.VU_Level / 32);
}

SPRITE.messagebox_cover{
	left:0;
	top:0;
	right:0;
	bottom:0;
	bmp:"msgbox_cover.bmp";
	resize_bmp:1;
	opaque:1;
	/*alpha:24;*/
}

SPRITE.messagebox{
	left:0;
	top:0;
	right:0;
	bottom:0;
	bmp:"msgbox_bg.bmp";
	/*bmp:"msgbox_bg_skincol.bmp";*/
	resize_bmp:1;
	opaque:1;
}

SPRITE.messagebox.restrictions{
	bmp:(%screen.msgbox.on_screen.has_tag("hardrestriction") ? "msgbox_bg_red.bmp" : "msgbox_bg_yellow.bmp");
}

SPRITE.recalc_msgbox{
	left:0;
	top:0;
	w:routerecalcanim_w;
	h:routerecalcanim_h;
	z:1;
	bmp:"routerecalcanim_spr.spr";
	ANIMATE:"routerecalcanim";
}

SPRITE.recalc_msgbox.navigate{
	left:const((screen_w - routerecalcanim_w)/2);
	top:(%gps.connection_status > 2 ? 17% : 1%);
}

SPRITE.recalc_msgbox.avoid{
	left:(int((screen_w - routerecalcanim_w)/2) - (st_AvoidRouteAhead.isActive ? 0 : int(PARENT.W * 10%)));
	top:4%;
}

SPRITE.recalc_msgbox.itiner{
	left:(int((screen_w - routerecalcanim_w)/2) - int(PARENT.W * 10%));
	top:4%;
}

SPRITE.recalc_msgbox.traffic{
	left:const((screen_w - routerecalcanim_w)/2);
	top:2%;
}

TEXT.recalc_text {
	left:3%; top: 0; w:66%; h:60%;
	z:5; align:"LEFT"; valign:"BOTTOM";
}

TEXT.recalc_progress{
	left:66%; top:0; w:31%; h:60%;
	z:8; align:"RIGHT"; valign:"BOTTOM";
}

.messagebox_full > SPRITE.messagebox{
	/*bmp:"msgbox_panel_full.bmp";*/
}

.messagebox_small > SPRITE.messagebox{
	/*bmp:"msgbox_panel_small.bmp";*/
}

TEXT.messagebox_first_line{
    font:"default";
	fonttype:inf_main;
	fontsize:fontsize_main;
	left:0;
	top:0;
	right:0;
	h:44%;
	z:50;
	align:"CENTER";
	valign:"CENTER";
	wordwrap:4;
}

TEXT.messagebox_second_line{
    font:"defaultbd";
	fonttype:inf_sec;
	fontsize:fontsize_main;
	left:0;
	top:44%;
	right:0;
	h:22%;
	z:50;
	align:"CENTER";
	valign:"CENTER";
	wordwrap:2;
}

#ui_RestrictedMsg TEXT.messagebox_first_line{
	top:3%;
	h:10%; 
	wordwrap:1;
}

#ui_RestrictedMsg TEXT.messagebox_second_line{
	top:50%; 
	h:20%; 
	wordwrap:2;
}

SPRITE.hue{
	hueshift:(%lua.iconhue)
}

SPRITE.da{
	iconindex:da_icon_index;
}

SPRITE.poi_provider{
	iconindex:poi_provider_icon_index;
}

SPRITE.poi_provider_overlay{
	iconindex:poi_provider_overlay_icon_index;
}

SPRITE.provider{
	iconindex:provider_icon_index;
}

SPRITE.country_flag{
	iconindex:country_flag_icon_index;
}

SPRITE.tmc{
	iconindex:tmc_icon_index;
}

SPRITE.box{
	resize_bmp:1;
	bmp:"box.bmp";
	alpha:6;
}

SPRITE.box.trackinfo, SPRITE.box.tmcdetails {
	left:box_margin; top:box_margin; right:box_margin; bottom:box_margin; 
}

SPRITE.spec_bg{
	bmp:"spec_bg.bmp";
	resize_bmp:1;
	left=0;
	top=0;
	right=0; 
	bottom=0;
}

SPRITE.footerbutton {
	/*<property iconwidth value=(int(OWNER.W * 20%))>
	<property iconpadding value=(int(OWNER.W * 5%))>*/
	left: ( - footer_icon_w ); w:(observe(%lua.hasFooter,%lua.hasLocalmenu); ( footer_icon_w + max(((PARENT.W - PARENT.textW) /2) - text_padding, 0))); top: (0); bottom: (0); z: 10;
	align: "RIGHT"; valign: "CENTER";
	hueshift: %lua.iconhue;
	bmp: (OWNER.ICONSPR);
}

SPRITE.dialogbutton{
	left:(0);  w:(((PARENT.W - OWNER.PADDINGLEFT - PARENT.textW ) /2) + OWNER.PADDINGLEFT - OWNER.PADDINGRIGHT); top:(0); bottom:(0); z:10;
	align:"RIGHT"; valign:"CENTER";
	hueshift:%lua.iconhue;
	bmp:(OWNER.ICONSPR);
}

SLIDER.btn_main.value{
    font:"defaultbd";   
	fonttype:btn_sec; 
	fontsize:fontsize_main;
	valign:"CENTER";
	padding:button_padding;
	wordwrap: 2;
	twolineoffset: -3;
	leading: _0.85;
    align:"RIGHT";
    paddingright:button_padding;
    paddingleft:50%;
    font:"defaultbd";
}

/*-Dialog buttons-------------------------------------------------------------------------*/
BUTTON.dialog, DIALOGBUTTON.dialog{
	font:"defaultbd"; 
	fontsize:fontsize_main_large;
	h:30%;
	bottom:0;
	z:100;
	paddingleft: dialog_icon_w;
	paddingright: text_padding;
	resize_bmp:1;
	twolineoffset: 0;
}

BUTTON.dialog.1_1, DIALOGBUTTON.dialog.1_1{
	left:0;
	right:0;
	bmp:"button_bottomfull.bmp#3";
	focusindex:1;
}

BUTTON.dialog.2_1, DIALOGBUTTON.dialog.2_1{
	left:0;
	w: 50%;
	bmp:"button_bottomleft.bmp#3";
	focusindex:1;
}

BUTTON.dialog.2_2, DIALOGBUTTON.dialog.2_2{
	right:0;
	w: 50%;
	bmp:"button_bottomright.bmp#3";
	focusindex:2;
}

BUTTON.dialog.3_1, DIALOGBUTTON.dialog.3_1{
	left:0;
	w:33%;
	bmp:"button_bottomleft.bmp#3";
	focusindex:1;
}

BUTTON.dialog.3_2, DIALOGBUTTON.dialog.3_2{
	left:33%;
	w:33%;
	bmp:"button.bmp#3";
	focusindex:2;
}

BUTTON.dialog.3_3, DIALOGBUTTON.dialog.3_3{
	left:66%;
	w:33%;
	bmp:"button_bottomright.bmp#3";
	focusindex:3;
}

BUTTON.dialog.mapmsgbox, DIALOGBUTTON.dialog.mapmsgbox{
	h: (100%);
	bmp:"button.bmp#3";
	fontsize:fontsize_main;
	leading: _0.8;
}

BUTTON.listitem.mapmsgbox{
	bmp:"button.bmp#3";
}

LIST2.msgboxicons {
	left:0;
	right:0;
	top:12%;
	bottom:50%;
	row:1;
	col:1;
	SMOOTHSCROLLING:1;
}

HSMARTSCROLL.scroll {
	r2l_invert:1;
	bmp:"scrollprogress_bg_spr.bmp";
	sprind:"hscrollcar_spr.bmp#3";
	SLIDER_ABOVE_FRAME:;
	sprprbar:"scrollprogress_spr.bmp#2";
	valign:"center";
	left:40%;right:3%;
	top:(int(PARENT.H * 50%) - int(hsmartscroll_h/2));
	h: hsmartscroll_h;
	resize_bmp:1;
	min:1;
	max:255;
	z:100;
	dragable:0;
	hueshift:%lua.iconhue;
}

HSMARTSCROLL.scroll.small{
	h: hsmartscroll_smallh;
}

/*HSMARTSCROLL.scroll.disabled {
	sprind:"hscrollcar_spr_hide.bmp";
	sprprbar:"scrollprogress_disabled_spr.bmp";
}*/
/*-List Control-------------------------------------------------------------------------*/

LIST2{
	keepselectiononscreen: 0;
	smoothpageing: 3;
	scrollspeed: 2;
	acceleration: 500;
	STOP_POLICY:(%lua.VRStatus == lua.eVRStatus.inactive ? 0 : 2);
}
WHEEL
{
	MINMOVETOSCROLL: 15;
	NOSOUND:(!%lua.wheelsound);
	DELAY_CLICK:150;
	fixingmethod:"direction";
	soundvalue:51;
	opposite:;
}

LIST2 > WHEEL 
{
	rollingengine: PARENT;
	valuemodel: "ui.PARENT.scroll_pos";
	visible:(%ui.PARENT.nextpage_valid || %ui.PARENT.prevpage_valid);
	left:0; top:0; right:0; bottom:0; z:20;
	/*ONRELEASECLICK:1;*/
}

.vr WHEEL
{
	onclick: 'sc_VRModeToClick()';
	/*ez egy hack (igy frissul):*/
	left:0; top:0; right:0; bottom:0;
}

.vr WHEEL.Scroll
{
	onclick: 'sc_VRModeToClick()';
	/*ez egy hack (igy frissul):*/
	left:undef; right:undef; top:undef; bottom:undef;
	x:(%lua.VRStatus == lua.eVRStatus.inactive ? list_x : vr_list_x);
	y:(%lua.VRStatus == lua.eVRStatus.inactive ? list_y : vr_list_y); 
	w:(%lua.VRStatus == lua.eVRStatus.inactive ? list_w : vr_list_w);
	h:(%lua.VRStatus == lua.eVRStatus.inactive ? list_h : vr_list_h);
}

WHEEL .local
{
	left:undef; top:undef; right:undef; bottom:undef;
	x: localmenu_x;
	y: localmenu_y;
	w: localmenu_w;
	h: localmenu_h;
	/*ONRELEASECLICK:1;*/
}

LIST2 > VSMARTSCROLL
{
	w: listpos_w; right: const(0 - listpos_w ); y: (PARENT.Y+1); bottom: 0; z:1610;
	resize_bmp: 1;
	bmp:"scrolltrack_spr.bmp";
	min:1;
	max:2;
	sprind:"scroll_car_spr.bmp";
	sprind_top:3;
	sprind_bottom:3;
	SLIDER_ABOVE_FRAME:;
	DISABLE:;
	valuemodel:"ui.PARENT.scroll_pos";
	visible:(%ui.PARENT.nextpage_valid | %ui.PARENT.prevpage_valid);
}

LIST2 > VSMARTSCROLL.local
{
	right: const(0 - listpos_w ); /*listscroll_w;*/
}

LIST2 > VSMARTSCROLL.side
{
	right: const(0 - listpos_w ); top: const(0); bottom:0;
	bmp:"scrolltrack_side_spr.bmp";
	resize_bmp:1;
}

.vr VSMARTSCROLL
{
	top:0;
	bottom:0;
	right: (%lua.VRStatus == lua.eVRStatus.inactive ; 0 - listpos_w);
}

LIST2 > VSMARTSCROLL.header
{
	bottom:undef; h:100%;
}

/*-Sublayer-------------------------------------------------------------------------*/

LAYER.Scroll {
	w: main_w;
}

BUTTON.btn_layer_scrollup {
	x:listscroll_x; y:listscroll_y_up; z:100;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	w: listscroll_w; h: listscroll_h;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_scrollup.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;
	enable: %ui.SUBLAYER.prevpage_valid;
	onlongclick:  { SUBLAYER.autopage = 2};
	onrelease: {SUBLAYER.prevpage(); SUBLAYER.autopage = 0};
	onmouseleave: { SUBLAYER.autopage = 0};
}

BUTTON.btn_layer_scrolldown {
	x:listscroll_x; y:listscroll_y_down; z:100;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	w: listscroll_w; h: listscroll_h;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_scrolldown.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;
	
	enable: %ui.SUBLAYER.nextpage_valid;
	onlongclick: { SUBLAYER.autopage = 1 };
	onrelease: { SUBLAYER.nextpage(); SUBLAYER.autopage = 0 };
	onmouseleave: { SUBLAYER.autopage = 0};
}

 WHEEL.Scroll {
	rollingengine: SUBLAYER;
	valuemodel: "ui.SUBLAYER.scroll_pos";
	onclick: 'MODEL.ui.SUBLAYER.scroll_off()';
	left:undef; right:undef; top:undef; bottom:undef;
	x:list_x; y:list_y; w:list_w; h:list_h; z:20;
}

 VSMARTSCROLL.layer_scrollup 
 {
	top: panel_margin; bottom: panel_margin; right: const(listscroll_w + panel_margin); w: listpos_w;   z:1610;
	resize_bmp: 1;
	bmp:"scrolltrack_spr.bmp";
	min:1;
	max:2;
	set:1;
	sprind:"scroll_car_spr.bmp";
	sprind_top:3;
	sprind_bottom:3;
	SLIDER_ABOVE_FRAME:;
	DISABLE:;
	valuemodel:"ui.SUBLAYER.scroll_pos";
	visible:(%ui.SUBLAYER.nextpage_valid | %ui.SUBLAYER.prevpage_valid);
}

.vr .layer_scrollup 
 {
	top:   (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : margin_bottom ); 
	right: (listscroll_w + panel_margin); 
	bottom:(%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : 0 );
}

VSMARTSCROLL.layer_scrollup.richpoi
{
	top: 25%; bottom: 0; right: const(listscroll_w); w: listpos_w;   z:1610;
}

/*-Keyboard-------------------------------------------------------------------------*/
KEYBUTTON.keyboard {
	z: 20;
	bmp: "key.bmp#3";
	resize_bmp:1;
	fonttype: btn_main;
	fontsize: fontsize_keyboard;
	align:"CENTER";
	valign:"CENTER";
	clicked_coloring:1;
}

KEYBUTTON.keyboard.bottomright { bmp:"key_bottomright.bmp#3" }

LAYER.key_popup{
	w: key_popup_w;
	h: key_popup_h;
}

BUTTON.key_popup{ bmp: "key_popup.bmp";}

TEXT.key_popup{ 
	left:0;	top:0; w:100%; h:80%;
	align:"CENTER";
	valign:"CENTER";
	fonttype:ww;
	font:"default"; 
	fontsize:fontsize_popup; 
	padding: text_padding; 
	clipstyle:"none"
}

SPRITE.key_popup{ 
	left:0;	top:0; w:100%; h:70%;
	align:"CENTER";
	valign:"BOTTOM";
}
SPRITE.key_popup.space{ bmp:"ico_popup_space.bmp" }
SPRITE.key_popup.shift{ bmp:"ico_popup_shift.bmp" }

KEYBUTTON.keyboard.popup {
	REPEAT_DELAY:65000;
	onclick:'sc_kbd_Popup_onclick(SELF.prop.X, SELF.prop.Y, SELF.prop.W, SELF.prop.H, SELF.prop.TEXT, PARENT.prop.X, false, SELF.prop.BMP)';
    ondragenter:'sc_kbd_Popup_onclick(SELF.prop.X, SELF.prop.Y, SELF.prop.W, SELF.prop.H, SELF.prop.TEXT, PARENT.prop.X, true, SELF.prop.BMP)';
    ondragover:'sc_kbd_Drag_show()';
    ondrop:'sc_kbd_Popup_ondrop()';
    ondragleave:'sc_kbd_Drag_hide(true)';
    onrelease:'sc_kbd_Drag_hide(false)';
    onmouseleave:'sc_kbd_Drag_hide(false)';
}

KEYBUTTON.keyboard.space {
	onclick:'sc_kbd_Popup_onclick(SELF.prop.X, SELF.prop.Y, SELF.prop.W, SELF.prop.H, "space", PARENT.prop.X, false, SELF.prop.BMP)';
    ondragenter:'sc_kbd_Popup_onclick(SELF.prop.X, SELF.prop.Y, SELF.prop.W, SELF.prop.H, "space", PARENT.prop.X, true, SELF.prop.BMP)';
	iconalign:"CENTER";
	iconvalign:"BOTTOM-12" ;
	iconspr:"space_ico.bmp#3";
	iconphasesync:1;
}

KEYBUTTON.keyboard.shift {
	onclick:(%regional.keyboard.mod_shift.valid ? 'sc_kbd_Popup_onclick(SELF.prop.X, SELF.prop.Y, SELF.prop.W, SELF.prop.H, "shift", PARENT.prop.X, false, SELF.prop.BMP)' : undef);
	ondragenter:(%regional.keyboard.mod_shift.valid ? 'sc_kbd_Popup_onclick(SELF.prop.X, SELF.prop.Y, SELF.prop.W, SELF.prop.H, "shift", PARENT.prop.X, true, SELF.prop.BMP)' : undef);
}

KEYBUTTON.keyboard.delete {
	bmp:"key_backspace.bmp#3";
	REPEAT_DELAY:400;
	REPEAT_INTERVAL:100;
	KEYBOARDSPECELEMENT:"del";
	iconspr:"ico_backspace.bmp#3";
	iconalign:"CENTER";
	iconvalign:"CENTER" ;
	iconphasesync:1;
}

KEYBUTTON.keyboard.alt {
	bmp:"key_alt.bmp#3";
	fonttype:btn_inv;
	align:"CENTER";
	valign:"CENTER";
	text:"123";
	padding:text_padding_small;
	clicked_coloring:1;
	enable:(%regional.keyboard.mod_alt.valid);
	KEYBOARDSPECELEMENT:"alt";
}

/*-LIST ITEMS-------------------------------------------------------------------------------*/

.list_control {
	left: panel_margin;
	top: panel_margin; right: listcontrol_right; bottom: panel_margin; z:100;
	row:4; col:1;
	showselection:0;	
}

.list_control.full {
	right: panel_margin
}

.vr .list_control {
	left: (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : (vr_mode_w + panel_margin));
	top: (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : (panel_margin + margin_bottom / 2));
	right: listcontrol_right;
	bottom: (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : 0);
}

.list_control.slapi_left {
	left: (%lua.slapi_FlipSides ? 50% : 0); right: (%lua.slapi_FlipSides ? 0 : 50%); top: 0; bottom: 0
}

.list_control.slapi_text {
	left: (%lua.slapi_FlipSides ? 50% : panel_margin); right: (%lua.slapi_FlipSides ? panel_margin : 50%); top: panel_margin; bottom: panel_margin;
}

.list_control.slapi_right {
	left: (%lua.slapi_FlipSides ? 0 : 50%); right: (%lua.slapi_FlipSides ? 50% : 0); top: 0; bottom: 0
}

.layer_control {
	x:list_x; y:list_y; w:list_w; h: list_h; z:100;
}
.layer_control.xhtml {
	x: const(list_x + panel_margin + xhtml_content_left); 
	y: const(list_y + panel_margin + xhtml_content_top); 
	w: const(list_w - panel_margin - panel_margin - xhtml_content_left - xhtml_content_right); 
	h: const(list_h - panel_margin - panel_margin - xhtml_content_top - xhtml_content_bottom); 
	z:100;
}
.vr .layer_control.xhtml {
	x:(%lua.VRStatus == lua.eVRStatus.inactive ? (list_x + panel_margin + xhtml_content_left) : (list_x + vr_mode_w + panel_margin));
	y:(%lua.VRStatus == lua.eVRStatus.inactive ? (main_ext_y + panel_margin + xhtml_content_top) : (list_y + panel_margin + margin_bottom / 2)); 
	w:(%lua.VRStatus == lua.eVRStatus.inactive ? (list_w - panel_margin - panel_margin - xhtml_content_left - xhtml_content_right) : ( list_w - panel_margin - panel_margin - vr_mode_w) );
	h:(%lua.VRStatus == lua.eVRStatus.inactive ? ((%lua.hasFooter || %lua.hasLocalmenu || %lua.hasBack ? main_ext_h : main_ext_h_full) - panel_margin - panel_margin - xhtml_content_top - xhtml_content_bottom) : (list_h - panel_margin - panel_margin));
}
.vr .layer_bg {
	x:vr_list_x;
	y:vr_list_y; 
	w:vr_list_w;
	h:vr_list_h;
	visible:(%lua.VRStatus != lua.eVRStatus.inactive);
}

.layer_control.richpoi {
	x:const(list_x + panel_margin); y:const(list_y + int(list_h * 30%)); w:const( list_w - panel_margin - panel_margin); h: const(int(list_h * 70%)); z:100;
}
.list_control.side {
	top: panel_side_header_h;
	row:5;
}

.list_control.itiner {
	top=(%route.list.navigated.itiner.detailmode == "normal" ? panel_margin : panel_side_header_h)
	row:3;
}

.list_control_local {
	left: panel_margin;
	top: panel_margin;
	right: panel_margin;
	right: ( %{%lua.localMenuListName + ".size"} <= 3 ? panel_margin : listcontrol_local_right + panel_margin );
	bottom: panel_margin;
	z:2500;
	row:3;
	col:1;
	showselection:0;
}

.list_control.headered {
	top: panel_side_header_h;
}

.list_control.countryinfo{
	/*left:(0); top:(0); right:(0); bottom:(0);*/
}

.list_pos_indicator{
	x:402; y:24; z:1610;
	bmp:"scrolltrack_spr.bmp";
	min:1; max:2;
	set:1;
	sprind:"scroll_car_spr.bmp"; sprind_top:3; sprind_bottom:3;
	SLIDER_ABOVE_FRAME:1;
	DISABLE:1;
}

.btn_scrollup {
	/*top: 0; right: const(0 - listcontrol_right + panel_margin); z:100;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	w: listscroll_w; h:50%;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_scrollup.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;*/
}

.btn_scrollprev {
	left: 66%; w:16%; top:0; bottom: 0; z:100;
	bmp:"footercenter.bmp#3";
	resize_bmp:1;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_footer_prev.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;
	enable: %ui.PARENT.PARENT.prevpage_valid;
	onlongclick: {PARENT.PARENT.autopage = 2};
	onrelease:  { PARENT.PARENT.prevpage(); PARENT.PARENT.autopage = 0};
	onmouseleave: { PARENT.PARENT.autopage = 0};
}

.btn_scrollup.list {
	enable: %ui.PARENT.prevpage_valid;
	onlongclick:  { PARENT.autopage = 2 };
	onrelease: { PARENT.prevpage();  PARENT.autopage = 0 };
	onmouseleave: { PARENT.autopage = 0 };
}

.btn_scrollup.layer {
	top: panel_margin; right: panel_margin;
	h: ((PARENT.H / 2) - panel_margin);
	enable: %ui.SUBLAYER.prevpage_valid;
	onlongclick:  { SUBLAYER.autopage = 2 };
	onrelease: {SUBLAYER.prevpage(); SUBLAYER.autopage = 0 };
	onmouseleave: { SUBLAYER.autopage = 0 };	
}

.btn_scrollup.layer.richpoi {
	top:25%; right: 0;
	h: ((PARENT.H / 2) - (PARENT.H / 8));
}

.btn_scrollup.side {
	top: const(0); right: const(0 - listcontrol_right + panel_margin);
	w: listscroll_w; h:50%;
}

.vr .btn_scrollup {
	top:0; right: (%lua.VRStatus == lua.eVRStatus.inactive ; 0 - listcontrol_right + panel_margin);
	onrelease: { sc_VRModeToClick(); PARENT.prevpage(); PARENT.autopage = 0 };
	vrcapable: 1;
	vrtext: "VRTEXT_up";
	onvr_activate: 'ui.PARENT:prevpage()'
}

.vr .btn_scrollup.layer {
	top:   (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : margin_bottom);
	right: (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : (0 - listcontrol_right + vr_mode_w));
	h:     (%lua.VRStatus == lua.eVRStatus.inactive ? ((PARENT.H / 2) - panel_margin) : ((PARENT.H / 2) - margin_bottom/2));
	onrelease: { sc_VRModeToClick(); SUBLAYER.prevpage(); SUBLAYER.autopage = 0 };
	onvr_activate: 'ui.SUBLAYER:prevpage()'
}

.btn_scrollup_local {
	/*top: 0; bottom: 50%;
	right: const(0 - listcontrol_right + panel_margin); w: listscroll_w;
	z:100;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_scrollup.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;
	enable: %ui.PARENT.prevpage_valid;
	onlongclick: { PARENT.autopage = 2 };
	onrelease: { PARENT.prevpage(); PARENT.autopage = 0};
	onmouseleave: { PARENT.autopage = 0};*/
}

.btn_scrolldown {
	/*bottom: 0; right: const(0 - listcontrol_right + panel_margin); z:100;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	w: listscroll_w; h:50%;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_scrolldown.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;*/
}

.btn_scrolldown.header {
	bottom:undef; top:50%; 
}

.btn_scrollnext {
	right: 0; w: 16%; bottom: 0; top: 0; z:100;
	bmp:"footerright.bmp#3";
	resize_bmp:1;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_footer_next.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;
	enable: %ui.PARENT.PARENT.nextpage_valid;
	onlongclick: { PARENT.PARENT.autopage = 1 };
	onrelease: { PARENT.PARENT.nextpage(); PARENT.PARENT.autopage = 0};
	onmouseleave: { PARENT.PARENT.autopage = 0 };
}

.btn_scrolldown.list {
	enable: %ui.PARENT.nextpage_valid;
	onlongclick: { PARENT.autopage = 1 };
	onrelease: {PARENT.nextpage(), PARENT.autopage=0 };
	onmouseleave: { PARENT.autopage = 0 };
}

.btn_scrolldown.layer {
	bottom: panel_margin; right: panel_margin;
	h: ((PARENT.H / 2) - panel_margin);
	enable: %ui.SUBLAYER.nextpage_valid;
	onlongclick: { SUBLAYER.autopage = 1 };
	onrelease: { SUBLAYER.nextpage(); SUBLAYER.autopage = 0 };
	onmouseleave: { SUBLAYER.autopage = 0 };
}

.btn_scrolldown.layer.richpoi {
	right: 0; bottom: 0;
	h: ((PARENT.H / 2) - (PARENT.H / 8));
}

.btn_scrolldown.side {
	bottom: const(0); right: const(0 - listcontrol_right + panel_margin);
	w: listscroll_w; h: 50%;
}

.vr .btn_scrolldown {
	bottom: 0; right: (%lua.VRStatus == lua.eVRStatus.inactive ; 0 - listcontrol_right + panel_margin);
	onrelease: {sc_VRModeToClick(); PARENT.nextpage(); PARENT.autopage = 0};
	vrcapable: 1;
	vrtext: "VRTEXT_down";
	onvr_activate: 'ui.PARENT:nextpage()'
}

.vr .btn_scrolldown.layer {
	bottom: (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : 0);
	right:  (%lua.VRStatus == lua.eVRStatus.inactive ? panel_margin : (0 - listcontrol_right + vr_mode_w));
	h:      (%lua.VRStatus == lua.eVRStatus.inactive ? ((PARENT.H / 2) - panel_margin) : ((PARENT.H / 2) - margin_bottom/2));
	onrelease: {sc_VRModeToClick(); SUBLAYER.nextpage(); SUBLAYER.autopage = 0};
	onvr_activate: 'ui.SUBLAYER:nextpage()'
}

.btn_scrolldown_local {
	/*top: 50%; bottom: 0;
	right: const(0 - listcontrol_right + panel_margin); w: listscroll_w;
	z:100;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	iconspr:"ico_scrolldown.bmp#3";
	icon_hueshift:%lua.iconhue;
	NORELEASEONLONGCLICK:;
	enable: %ui.PARENT.nextpage_valid;
	onlongclick: { PARENT.autopage = 1 };
	onrelease: { PARENT.nextpage(); PARENT.autopage = 0 };
	onmouseleave:{ PARENT.autopage = 0 };*/
}

.list_panel{
	left:0; top:0; w: undef; right: 0; bottom:0; z:50;
	resize_bmp:1;
    /*bmp:"listbg_spr_skincol.bmp";*/
    bmp:"listpanel.bmp";
    hueshift:%lua.iconhue;
}

.vr > .list_panel{
	visible: (%lua.VRStatus == lua.eVRStatus.inactive)
}

.list_panel.side{
	x: panel_side_x;
	y: screen_y;
	z: 50;
    bmp:"listpanel_headered.bmp";
}

.list_header{
	fontsize: fontsize_sec;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z: 60;
	align: "CENTER";
}

.list_header.side{
	fontsize: fontsize_main;
	left: 0;
	right: 0;
	top: 0;
	bottom: undef;
	h: panel_side_header_h;
	z: 60;
	align: "CENTER";
}

.list_panel.local{
	bottom:const(0-footer_h);
	bmp:"local_panellist_spr_skincol.bmp";
}

.list_panel.background{
	z:5;
    bmp:"spr_listbg_skincol@378x204.bmp";
}

.list_panel.halflist.background{
	z:5;
    bmp:"spr_listbg_skincol@378x204.bmp";
	visible:1;
}

.list_panel.background.local{
	left: 0;
	top: ( localmenuitem_h * max  (  ( 3 - %{%lua.localMenuListName + ".size"} )  , 0 )   );
	z:10;
	bmp: "local_panel_bg.bmp";
	resize_bmp:1;
}

SPRITE.listitem{
    left:0; top:0; z:0;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	w: 100%; h: 100%;
}

SPRITE.unit_header{
    left:0; right:listcontrol_right; top:0; h:16%;
}    


SPRITE.panel{
    left:0; top:0; right:0; bottom:0; z:1; 
    resize_bmp:1; 
    bmp:"panel_topleftbottomright.bmp";
}

SPRITE.panel.bottomright{
    bmp:"panel_bottomright.bmp";
}

SPRITE.panel.topleft{
    bmp:"panel_topleft.bmp";
}    
 
SPRITE.panel.topright{
    bmp:"panel_topright.bmp";
}
 
SPRITE.panel_map{
    left:0; top:0; right:0; bottom:0; z:1; 
    resize_bmp:1; 
    bmp:"panel_map.bmp";
}    

SPRITE.panel_map.tracklog{
	right:cockpit_wcorrection;
	resize_bmp:1; 
	bmp:"panel_map.bmp";
}

SPRITE.panel_map.tracklog_info{
	bmp:"panel_bottomfull.bmp";
	left:30%;
	right:(int(PARENT.W * 30%) + cockpit_wcorrection); 
	top:32%;
	bottom:56%;
	align:"CENTER";
}

SPRITE.panel.trackinfo{
	bmp:( st_TrackLogGRData.isActive ? "panel_green.bmp" : "panel_topleftbottomright.bmp");
}
    
SLIDER.btn_main{
	r2l_invert:1;
    align:"LEFT"; valign:"CENTER";
	/*bmp:"button.bmp#3"; */
	resize_bmp:1;
	padding:button_padding; 
	font:"defaultbd";
	fonttype:btn_sec;
	fontsize:fontsize_main;
}

SLIDER.listitem{
	r2l_invert:1;
    left:0; top:0; w:100%; h:100%; z:0;
    align:"LEFT"; valign:"CENTER";
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	padding:button_padding; 
	font:"defaultbd";
	fonttype:btn_sec;
	fontsize:fontsize_main;
}

SLIDER.listitem > TEXT
{
	r2l_invert:1;
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main;
	left:0;
	top:0;
	right:50%;
	bottom:0;
	align:"LEFT";
	padding:button_padding; 
}

SLIDER.btn_main > TEXT
{
	r2l_invert:0;
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main;
	left:0;
	top:0;
	right:50%;
	bottom:0;
	padding:button_padding; 
}


SLIDER.map{
    paddingleft:27%;
	valign:"BOTTOM-8";
}    

BUTTON.listitem {
	left:0; top:0; z:0;
	bmp:"listitem.bmp#3";
	resize_bmp:1;
	w: 100%; h: 100%;
	padding:button_padding; 
	align:"LEFT";
	valign:"CENTER";
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main;
	minaspect:85;
}

BUTTON.listitem.icon{
    paddingleft:16%;
	iconvalign:"CENTER";
}
BUTTON.listitem.moremenu{
	bmp:(sc_getMoreMenuBtnBmp(index));
}

BUTTON.listitem.buttonlike{
	bmp:(index ? (index==3 ? "button_bottomright.bmp#3" : "button.bmp#3") : "button_topleft.bmp#3");
}

BUTTON.listitem.slapi_side{
	bmp: (PARENT.X < (lua.uiResW / 2) ? sc_getSlapiDMenuBtnBmp(index, true, false) : sc_getSlapiDMenuBtnBmp(index, false, false) );
	h: 100%
}

CHECKBOX.listitem.slapi_side{
	bmp: (PARENT.X < (lua.uiResW / 2) ? sc_getSlapiDMenuBtnBmp(index, true, true) : sc_getSlapiDMenuBtnBmp(index, false, true) );
	h: (100%)
}

BUTTON.listitem.slapi_menu{
	bmp: (sc_getMoreMenuBtnBmp(index));
	iconalign: "CENTER"; iconvalign: "TOP";
	icon_hueshift: %lua.iconhue;
}

.icon_left{
	left:0;
	top:0;
	w:100%;
	h:100%;
	align:"RIGHT";
	valign:"BOTTOM";
}

.listitem.value{
    paddingright:40%;
	fonttype:btn_sec; 
}

.listitem.value.long{
    paddingright:45%;
}

.listitem > .name, .btn_main> .name, .field> .name
{
	r2l_invert:1;
    w: undef; h: undef;
	left: 0; right:50%; top:0; bottom:0; 
    align:"LEFT"; valign:"CENTER"; 
    padding:button_padding;
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main;
	wordwrap:2;
	leading:_0.9
}

.listitem > .name.icon, .btn_main> .name.icon
{
	left:13%;
	right:20%;
	padding:text_padding;
}

.listitem > .name.icon.rotate, .btn_main> .name.icon.rotate,
.listitem > .value.icon.rotate, .btn_main> .value.icon.rotate
{
	paddingleft:0;
	paddingright:button_padding;
}

.listitem > .name.halflist, .btn_main> .name.halflist
{
	r2l_invert:1;
	right:40%;
	padding:text_padding;	
}

.listitem > .value, .btn_main > .value, .field> .value{
    r2l_invert:1;
    w: undef; h: undef;
    paddingright:button_padding;
	paddingleft:0;
	left: 50%; right:0; top:0; bottom:0; 
    align:"RIGHT"; valign:"CENTER"; 
    font:"defaultbd";
	fonttype:btn_sec; 
	fontsize:fontsize_main;
	twolinesize:fontsize_sec_twoline;
	twolinesmall:3;
	wordwrap:2;
}

.listitem > .unit_value, .btn_main > .unit_value{
	r2l_invert:1;
    w:30%; left:64%; top:0; h:60%;
    align:"RIGHT";
    font:"defaultbd";
	fonttype:btn_sec; 
	fontsize:fontsize_main;
	padding:0;
}


.listitem > .value.halflist, .btn_main > .value.halflist{
	left:60%; right:5%; top:0; bottom:33%;
	wordwrap:1;
	padding:0;
	valign:"BOTTOM";
}

.listitem > .value.avoid {
	left:80%;
	right:3%;
	bottom:(40%);
	top:0;
}

.listitem > .name.shortest, .btn_main> .name.shortest, .field> .name.shortest{
	right: 70%; 
}

.listitem > .name.short, .btn_main> .name.short, .field> .name.short{
	right: 60%; 
}

.listitem > .name.long, .btn_main> .name.long, .field> .name.long{
	right: 40%; 
}

.listitem > .name.longest, .btn_main> .name.longest, .field> .name.longest{
	right: 30%; 
}

.listitem > .name.volume, .btn_main> .name.volume{
	right: 75%;
	align:"CENTER";
	padding: text_padding;
}

.listitem > .name.volume.tts, .btn_main> .name.volume.tts{
	left: 40%;
	right: 3%;
	wordwrap:1;
}

.listitem > .value.shortest, .btn_main> .value.shortest, .field> .value.shortest{
	left: 70%; 
	fonttype: btn_sec;
}

.listitem > .value.short, .btn_main> .value.short, .field> .value.short{
	left: 60%; 
	fonttype: btn_sec;
}

.listitem > .value.long, .btn_main> .value.long, .field> .value.long{
	left: 40%; 
	fonttype: btn_sec;
}

.listitem > .value.longest, .btn_main> .value.longest, .field> .value.longest{
	left: 30%; 
	fonttype: btn_sec;
}

.listitem > .local
{
	r2l_invert:1;
    left:5%; w:95%; h:100%;
    align="LEFT"
}

.listitem.local{
	bmp:( index == 0 ? "listitem_topleft.bmp#3" : "listitem.bmp#3");
}

.listitem > .local.icon{
	left:16%; w:78%; h:100%;
}

.listitem.slider{
	w:230;
	paddingright:160;
}
.listitem.padright{
	paddingright:60;
}

.listitem.info {
	bmp:"listitem_info.bmp";
	fonttype:inf_main;
	NOSOUND:0;
	hueshift:%lua.iconhue;
}

.listitem.info.padright {
	paddingright:190
}

/* .listitem.warning {
 	bmp:"listitembtn4_warning.bmp#3";
 }
*/
.listitem.separator{
	bmp:"listelement_separator_skincol.bmp";
	align:"CENTER";
	hueshift:%lua.iconhue;
	resize_bmp:1;
}

BUTTON.listitem.edit_route {
	left:0;
}

BUTTON.listitem.edit_route > SPRITE.icon{
	left:7%;
}

BUTTON.listitem.edit_route > TEXT{
	left:19%;
	wordwrap:2;
}
/*-VR---------------------------------------------------------------------------------------*/
.vr_background {
	left: 0; top: 0;
	bmp: "vr_listen_bg.bmp";
}

/*-CHART----------------------------------------------------------------------------------*/
CHART {
	fontsize:fontsize_info;
	alpha:32;
	linewidth:512;
	gridwidth:256;
	griddistance:const(screen_w * 5 / 480);
	selectionwidth:1024;
}

CHART.main {
	paddingleft:const(main_ext_w/6); paddingright:0; paddingtop:const(main_ext_h/6); paddingbottom:0;
	gap:10;
	textoffset:const(main_ext_h/100);
}

CHART.onmap {
	right:cockpit_wcorrection;
	h:30%;
	paddingleft:panel_margin; paddingright:panel_margin; paddingtop:panel_margin; paddingbottom:panel_margin;
	/*alpha:15;*/
	griddistance:10;
}


/*-BUTTONS----------------------------------------------------------------------------------*/
.sld {
	font:"default";   
	fonttype:btn_main; 
	fontsize:fontsize_main;
	align:"RIGHT";
	padding:10;
	wordwrap: 2;
	twolineoffset: -3;
	leading: _0.85;
}

.blockingtime {
	fonttype: inf_main; fontsize: fontsize_popup; 
	align: "RIGHT"; valign: "CENTER"; z: 10; 
	top:33%; h:33%;
}

.info_button {
	r2l_invert:1;
	 left:88%; top:7%; z:50;
	 bmp:"button_topleft_bottomright.bmp#3";
	 resize_bmp:1;
	 iconalign:"CENTER"; iconvalign:"CENTER";
	 icon_hueshift:(%lua.iconhue);
	 iconphasesync:1;
	 clicked_coloring:1;
}

.button_remove {
	r2l_invert:1;
	right:1%; top:5%; bottom:3%; w:13%; z:50;
	bmp:"button.bmp#3";
	resize_bmp:1;
	icon_hueshift:(%lua.iconhue);
	iconspr:"ico_del_sml.bmp#3";
	iconalign:"CENTER";
	iconvalign:"CENTER";
	align:"RIGHT";
	valign:"CENTER";
	clicked_coloring:1;
}

.button_mute {
	r2l_invert:1;
	left:25%; top:0; bottom:0; w:13%; z:50;
	bmp:"button.bmp#3";
	resize_bmp:1;
	icon_hueshift:(%lua.iconhue);
	iconspr:"ico_mute-unmute.bmp#2";
	iconalign:"CENTER";
	iconvalign:"CENTER";
	align:"RIGHT";
	valign:"CENTER";
	clicked_coloring:1;
	iconphasesync:0 ;
}

.button_edit {
	r2l_invert:1;
	right:chk_radio_text_padding_right; top:0; bottom:0; w:14%; z:50;
	bmp:"button.bmp#3";
	resize_bmp:1;
	icon_hueshift:(%lua.iconhue);
	iconspr:"ico_Settings_sml.bmp#3";
	iconalign:"CENTER";
	iconvalign:"CENTER";
	align:"RIGHT";
	valign:"CENTER";
	clicked_coloring:1;
}

/*-Coordinate Input-------------------------------------------------------------------------*/

#UTM_Zone {
	left:0;
	top:0;
	w:25%;
	h:50%;
}

#UTM_Zone > .name {
	left:0; 
	right:0; 
	top:15%;
	align:"CENTER"; 
	valign:"TOP";
}

#UTM_Zone > .value {
	left:0; 
	right:0; 
	bottom:20%; 
	align:"CENTER"; 
	valign:"BOTTOM"; 
}

#GeoCoord_easting, #GeoCoord_northing  {
	left:25%;
	right:11%;
	h:25%;
}

#GeoCoord_easting{
	top:0;
}

#GeoCoord_northing {
	top:25%;
}

#spr_GeoCoord_lat, #spr_GeoCoord_lon{
	left:0;
	right:16.6%;
	h:25%;
}

#spr_GeoCoord_lat{
	top:0;
}

#spr_GeoCoord_lon{
	top:25%;
}

/*-COCKPIT ELEMENTS-------------------------------------------------------------------------*/

.cockpit>.housenumber{
	left: 20%;
	right:(int(PARENT.W * 20%) + cockpit_wcorrection);
	top:0;
	h: 12%;
	visible:(!(ui_PropLayer.OffroadRoute && %navigation.has_route) && !%navigation.car.is_on_highway);
}

.cockpit>.housenumber>BUTTON{
	left: ((PARENT.W/2 - max(rshtextLeftHousenumber.textW, rshtextRightHousenumber.textW, 0))- PARENT.W/8);
	right:((PARENT.W/2 - max(rshtextLeftHousenumber.textW, rshtextRightHousenumber.textW, 0))- PARENT.W/8);
	top:0;
	bottom:0;
	z:20;
	bmp:"map_housenumber_bg.bmp";
	resize_bmp:1;
}

.cockpit>.heading{
	left: 20%;
	right:(int(PARENT.W * 20%) + cockpit_wcorrection);
	top:12%;
	h: 8%;
	visible:(!(ui_PropLayer.OffroadRoute && %navigation.has_route) && !%navigation.car.is_on_highway);
}

.cockpit>.heading BUTTON{
	left:0;
	top:0; 
	right:0; 
	bottom:0;
	align:"CENTER"; 
	valign:"TOP"; 
	z:30; 
	resize_bmp:0; 
	bmp:"map_housenumber_heading.bmp";
}

.cockpit>.heading TEXT{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_sec;
	left:0; 
	top:0;
	right:0;
	bottom:0;
	align:"CENTER"; 
	valign:"CENTER";
	z:100;
}

.cockpit>.menu_button{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	h:const(int(map_infofield_h /3));
	w:19%;
	bottom:cockpit_hcorrection ;
	bmp:"mapbutton_menu.bmp#3";
	rawkey:200;
}

.cockpit>.capture{
	left:(ui_PropLayer.ShowTripBar ? 22% : 19%);
	h:const(int(map_infofield_h /3));
	w:10%;
	bottom:cockpit_hcorrection ;
	bmp:"mapbutton.bmp#3";
	resize_bmp:1;
}

.cockpit>.demo_button{
	h: const(int(map_infofield_h /3));
	right:(int(%lua.HwyPoiListIsVisible ? int(PARENT.W * 33%) : 0) + cockpit_wcorrection);
	bottom:cockpit_hcorrection;
	w:19%;
	bmp:"mapbutton_rounded_br_br.bmp#3";
	resize_bmp:1;
	visible:(%lua.showDemoBtn && %other.trips[1].distance_total < 20000);
	onrelease:sc_GoToLoadDemoMap;
}

.cockpit>.demo_button> TEXT{
	text:"Demo";
}	

/*.cockpit>.hwy_panel_button{
	right:(%lua.HwyPoiListIsVisible ? 33% : 0);
	top:(%lua.HwyPoiListIsVisible ? 13% : 16%);
	w:12%;
	h:20%;
	bmp:(%lua.HwyPoiListIsVisible ? "mapbutton.bmp#3" : "mapbutton_side_right.bmp#3");
	visible:%lua.ShowHwyOpenBtn;
}*/

.cockpit>.hwy_panel{
	left:(int(PARENT.W * 66%) - cockpit_wcorrection);
	right:(panel_margin + cockpit_wcorrection);
	top:16%;
	bottom:(panel_margin + cockpit_hcorrection); 
	col:1;
	row:3;
	valign:"BOTTOM";
	REVERSED: 1;
	SMOOTHSCROLLING: 1;
}

.cockpit>.hwy_panel_bg{
	left:(int(PARENT.W * 66%) - cockpit_wcorrection);
	right:cockpit_wcorrection;
	top:(%lua.SignpostVisible ? 43% : 16%);
	bottom:cockpit_hcorrection;
	align:"RIGHT";
	bmp:"panel_map.bmp";
	resize_bmp:1;
}

.hwy_panel_element {
	left:0;
	top:0;
	right:0; 
	bottom:0 ;
}

.hwy_panel_element>.background{
	left:2%;
	top:4%;
	right:0; 
	bottom:0 ;
	z:0; 
	bmp:(index ? "spr_hwbg.bmp" : "spr_hwbg_nearest.bmp");
	resize_bmp:1;
}

.cockpit>.additional_features{
	top: 44%;
	right:((sc_IsMapPopupOnscreen(%screen.msgbox.is_onscreen) || %lua.HwyPoiListIsVisible ? int(PARENT.W * 33%) : 0) + cockpit_wcorrection);
	w:20%;
	h:14%;
	visible: (!%lua.JunctionViewVisible);
}

/*.cockpit>.diricon{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	h:(ui_PropLayer.ShowTimeToManeuver ? 38% : 31%);
	top:0;
	right:(%navigation.is_in_simulation || %lua.showDiriconBg ? 0 : (ui_PropLayer.ShowTMCButton ? 24% : 12%));
	bmp:"map_diriconbg_btn.bmp#3";
	resize_bmp:1 ;
	checkhit:1;
	z:35;
}*/
.cockpit>.diricon{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	h:(ui_PropLayer.ShowTimeToManeuver ? 36.3% : 33%);
	top:(0);
	bottom:(undef);
	right:(undef);
	w:19%;
	z:45;
	bmp:(ui_PropLayer.ShowSecondaryManeuver ? "mapbutton_tl_tl.bmp#3" : "map_diriconbg_btn.bmp#3");
	resize_bmp:1 ;
}

/*.cockpit>.diricon>.diricon_bitmap{
	left:0;
	right:(%navigation.is_in_simulation? 81% : 78%);
	top:0;
	align:"CENTER";
	z:45;
	iconindex:1;
}*/

.cockpit>.diricon>.diricon_bitmap{
	left:0;
	right:(0);
	top:0;
	align:"CENTER";
	z:46;
	iconindex:1;
}


.cockpit>.p2p{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	h:(38%);
	top:0;
	w:19%;
	bmp:"map_diriconbg_btn.bmp#3";
	resize_bmp:1 ;
	z:35;
	overmaplayer:1;
	opaque:1;
}

.cockpit .dist_to_maneuver{
    font:"defaultbd";
	fonttype:mandist;
	fontsize:fontsize_main;
	align:"CENTER";
	valign:"CENTER";
	left:1%; 
	top:(ui_PropLayer.ShowTimeToManeuver ? 64% : 79%);
	w:(100%);
	h:16%;
	z:45;
	fixedwidthnumbers:1;
	clipstyle:"none";
}

.cockpit .time_to_maneuver{
    font:"defaultbd";
	fonttype:mandist;
	fontsize:fontsize_main;
	align:"CENTER";
	valign:"CENTER";
	left:1%;
	bottom:4%; 
	w:(100%);
	h:14%;
	z:45;
	fixedwidthnumbers:1;
	clipstyle:"none";
}

.cockpit>.roundabout{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	top:0;
	w:18%;
	h:27%;
}

.cockpit>.secondary_diricon{
	left:(ui_PropLayer.ShowTripBar ? 22% : 19%);
	top:(16%); 
	w:11%; 
	/*bottom:(69%);*/
	h:16%;
	z:30;
	bmp:"mapbutton_rounded_tl_tl.bmp#3";
	resize_bmp:1;
	visible: (ui_PropLayer.ShowSecondaryManeuver);
}

.cockpit>SPRITE.next_maneuver{
	left:(ui_PropLayer.ShowTripBar ? 22% : 19%);
	right:((%navigation.is_in_simulation ? 0 : (ui_PropLayer.ShowTMCButton ? int(PARENT.W * 20%) : int(PARENT.W * 10%))) +  cockpit_wcorrection);
	h:16%;
	top:0;
	z:40; 
	bmp:"map_header_spr.bmp";
	resize_bmp:1;
	visible:(%route.list.navigated.has_navigable_path && !%lua.SignpostVisible && %navigation.next_street_with_shield);
	opaque:1;
}

.cockpit ROADSHIELDEDTEXT.next_maneuver{
	 fonttype:map_inv;
	 left:0;
	 top:5%; 
	 right:0;
	 bottom:5%;
	 z:50;
	 align:"CENTER";
	 shieldtextmod: _0.9;
}

.cockpit ROADSHIELDEDTEXT.current_street{
	font:"default";
	padding:text_padding;
	left:(ui_PropLayer.ShowTripBar ? 25% : 22%);
	bottom:(int(PARENT.H * 2%) + cockpit_hcorrection);
	right:(int(PARENT.W * 22%) + cockpit_wcorrection);
	h:11%;
	z: 21;
	align: "CENTER";
	textmodel_wstr:"navigation.car.current_street_with_shield";
	visible:(!%lua.laneInfoVisible && !%lua.HwyPoiListIsVisible && !%screen.msgbox.is_onscreen && %navigation.car.current_street_with_shield);
}

.cockpit BUTTON.current_street{
	left: ((PARENT.W - PARENT.textW)/2 - text_padding); 
	w: (text_padding + text_padding + PARENT.textW); 
	top: -22%; bottom: -26%; z: 20;
	bmp: "map_currentstrt_spr.bmp"; resize_bmp: 1;
}

.cockpit>.laneinfo{
	left:23%;
	h:15%;
	right:(int(PARENT.W * 23%) + cockpit_wcorrection);
	bottom:cockpit_hcorrection;
	z:105;
	align:"CENTER" ;
	visible:((!%lua.SignpostVisible || !%lua.SignpostOn) && (!%lua.JunctionViewVisible || %navigation.tunnel_view.overview.available) && !%lua.HwyPoiListIsVisible && !%screen.msgbox.is_onscreen);
}

#ui_EasyNav_Cockpit{
	visible:((!%lua.showDemoBtn || %other.trips[1].distance_total >= 20000) && !%lua.dragMode);
}

.cockpit>.map_infofield {
	right:((sc_IsMapPopupOnscreen(%screen.msgbox.is_onscreen) || (%lua.HwyPoiListIsVisible && !%lua.SignpostVisible) ? int(PARENT.W * 33%) : 0) + cockpit_wcorrection);
	bottom: cockpit_hcorrection;
	w: 20%;
	h: map_infofield_h;
}

.cockpit>.map_infofield>LIST2 {
	row:3;
	col:1;
	REVERSED:0;
}

.cockpit>.map_skipmain {
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	right:((sc_IsMapPopupOnscreen(%screen.msgbox.is_onscreen) || %lua.HwyPoiListIsVisible ? int( PARENT.W * 53%) : int( PARENT.W * 20%)) + cockpit_wcorrection);
	bottom: cockpit_hcorrection;
	h: map_infofield_h;
}

.cockpit>.map_infofield.closed {
	right:((sc_IsMapPopupOnscreen(%screen.msgbox.is_onscreen) || %lua.HwyPoiListIsVisible ? int( PARENT.W * 33%) : 0) + cockpit_wcorrection);
	bottom: cockpit_hcorrection;
	w: 20%;
	h: const(int(map_infofield_h /3));
}

.btn_infofield {
	resize_bmp:1;
	bmp:(index ? "mapbutton_info.bmp#3" : "mapbutton_info_topleft.bmp#3");
	onrelease:'sc_SelectCockpit_Map()';
	onlongclick:'sc_GoToTripInfoChange(index)';
}

.btn_infofield.tripinfo{
	bmp:(index ? "mapbutton_bl_bl.bmp#3" : "mapbutton_rounded_bl_bl.bmp#3");
}

.btn_infofield.top{
	bmp:("mapbutton_info_topleft.bmp#3");
}

.btn_infofield.center {
	onlongclick:'sc_GoToTripInfoChange( 1 )';
	onrelease:'sc_SetInfopanel( 1 )';
}

.btn_infofield.bottom{
	onlongclick:'sc_GoToTripInfoChange( 2 )';
	onrelease:'sc_SetInfopanel( 2 )';
}

.btn_infofield>TEXT{
	left:0; w:100%; top:13%; h:30%;
	font:"default";
	fonttype:map_main;
	fontsize:fontsize_info;
	align:"CENTER";
	valign:"CENTER";
	leading:_0.85;
}

.btn_infofield.tripinfo>TEXT{
	fontsize:fontsize_main;
}
/*
.cockpit>.speedcam{
	left:(ui_PropLayer.ShowTripBar ? 4.8% : 0.9%);
	top: speedcamlimit_top;
	w:speedcamlimit_w;
	h:speedcamlimit_h;
}

.cockpit>.speedlimit{
	left:(ui_PropLayer.ShowTripBar ? 4.8% : 0.9%);
	top: speedcamlimit_top;
	w:speedcamlimit_w;
	h:speedcamlimit_h;
}
*/

.cockpit>.speedcam{
	left:(ui_PropLayer.SpeedCameraSpeedLimit || !ui_PropLayer.ShowSpeedLimit ? (ui_PropLayer.ShowTripBar ? 4% : 1%) : (ui_PropLayer.ShowTripBar ? 16% : 13%));
	bottom:(int(PARENT.H * 17%) + cockpit_hcorrection);
	w:speedcamlimit_w;
	h:speedcamlimit_h;
}

TABLE.speedcamwarning{
	row:1;
}

.cockpit>.speedcam >.rate{
	left:(ui_PropLayer.SpeedCameraSpeedLimit || !ui_PropLayer.ShowSpeedLimit ? 0% : 46% );
	bottom:100%;
	w:50%;
	h:27%;
	z:1;
	bmp:"spr_speedcamratebg.bmp";
	resize_bmp:1;
}

.cockpit>.speedcam .alertbg{
	left:0; right:0;
	top:0; bottom:0;
	z:1;
	bmp:"spr_speedcamalertbg_m3.bmp#4";
	resize_bmp:1;
}

.cockpit>.speedcam .speedbg{
	left:0; right:0;
	top:0; bottom:0;
	z:1;
	bmp:(%lua.speedlimit_USACAN ? "spr_speedbg_usa_m3.bmp" : "spr_speedbg_eu_m3.bmp");
	resize_bmp:1;
}

.cockpit>.speedcam .speedlimit{
	left:0; right:0;
	top:0; bottom:6%;
	align:"CENTER"; valign:"CENTER";
	z:9;
	bmp:(%lua.speedlimit_USACAN ? "spr_speedlimit_usa.bmp#2" : "spr_speedlimit_eu.bmp#2");
}

.cockpit>.speedlimit{
	left:(ui_PropLayer.ShowTripBar ? 4% : 1%);
	bottom:(int(PARENT.H * 17%) + cockpit_hcorrection);
	w:speedcamlimit_w;
	h:speedcamlimit_h;
}


TEXT.speedlimit
{
	w:100%;
}

.cockpit>.signpost{
	left:(%route.list.navigated.waypoints.list.size < 2 ? 0 : (ui_PropLayer.ShowTripBar ? 22% : 19%));
	top:0;
	right:cockpit_wcorrection;
	z:400;
	align:"CENTER";
}

.junctionview{
	left:0; 
	top:0; 
	w:100%;
	h:100%;
	z:(%navigation.junctionview_type == 0 ? 50 : 1); 
	align:"LEFT";
}

.junctionview_patch{
	left:0; 
	top:0; 
	right:0;
	z:1000; 
	bmp:("");
}

.cockpit SPRITE.disttext_jv{
	left:40%;
	w:25%;
	bottom:cockpit_hcorrection;
	h:15%; 
	z:60;
	align: "CENTER";  
	bmp:"map_currentstrt_spr.bmp";
	resize_bmp:1;
	visible: (%lua.JunctionViewVisible && %navigation.junctionview_type == 0);
}

DISTTEXT.tunnel{
	bottom: 25%;
}

.cockpit>.notify_list{
	top:16%;
	h:42%;
	right:((sc_IsMapPopupOnscreen(%screen.msgbox.is_onscreen) || %lua.HwyPoiListIsVisible ? int( PARENT.W * 33%) : 0) + cockpit_wcorrection);
	w:20%;
	visible:(!%lua.dragMode && !%lua.showDiriconBg);
}

.cockpit>.notify_list>TABLE{
	left: 0; top: 0; right: 0; bottom: 0;
	row: 3; col: 2;
	R2L: 1; FILL_VERTICAL: 1;
	COMPACT: 1;
	/*B2T*/
}

.cockpit>.notify_list  .hwy_panel_button{
	bmp:(%lua.HwyPoiListIsVisible ? "ico_HWServiceClose_landscape.bmp#3" : "ico_HWServiceOpen_landscape.bmp#3");
}

.cockpit>.tmc_button{
	right:(int(PARENT.W * 10%) + cockpit_wcorrection);
	top:0;
	w:10%;
	h:16%;
	visible:(ui_PropLayer.ShowTMCButton)
}

.cockpit>.tmc_button>BUTTON{
	left:0;
	top:0;
	right:0;
	bottom:0;
	z:15;
	bmp: "mapbutton_t_t.bmp#3" ;
	iconphasesync:0 ;
}

#div_TMC_btn .tmc {
	iconindex: (%lua.trafficFullDelayTextOnMap ? 0 : 2 );
	top:(%lua.trafficFullDelayTextOnMap ? 40% : 50% );
}


SEPARATOR { cellh: (12%) }

.cockpit>.point_to_point{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	top:0;
	w:19%;
	h:31%;
}

.cockpit>.map_quickmenu{
	right: cockpit_wcorrection;
	top: 0;
	w: 10%;
	h: 16%;
	visible:(!%lua.dragMode && !%navigation.is_in_simulation && !%lua.vMapMenuManageMode && !%lua.showDiriconBg || %lua.vMapMenuOpen);
}

.btn_quickmenu{
	resize_bmp:1;
	bmp:"mapbutton_quick.bmp#3";
}

.cockpit>.detectgps_icon, .cockpit>.autodetectgps_icon{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	h:31%;
	top:0;
	w:19%;
	z:35;
}

.detectgps_icon BUTTON, .autodetectgps_icon BUTTON {
	left:0;
	h:100%;
	top:0;
	w:100%;
	z:35;
	bmp:"map_diriconbg_btn.bmp#3";
	resize_bmp:1 ;
	checkhit:1;
	iconphasesync:1;
}

.detectgps_icon>.icon_center, .autodetectgps_icon>.icon_center{
	left:(11%);
}

.cockpit>.detectgps_text, .cockpit>.autodetectgps_text{
	left:(ui_PropLayer.ShowTripBar ? 22% : 19%);
	right:((%navigation.is_in_simulation ? 0 : (ui_PropLayer.ShowTMCButton ? int(PARENT.W * 20%) : int(PARENT.W * 10%))) + cockpit_wcorrection);
	h:16%;
	top:0;
	z:40;
	bmp:"map_header_spr.bmp";
	resize_bmp:1;
	opaque:1;
}

.cockpit>.detectgps_text>TEXT, .cockpit>.autodetectgps_text>TEXT{
	fonttype:map_inv;
	left:0;
	top:0; 
	right:0;
	bottom:0;
	z:50;
	align:"CENTER";
}

.cockpit>.startpoint_button{
	top:0;
	right:((ui_PropLayer.ShowTMCButton ? int(PARENT.W * 20%) : int(PARENT.W * 10%)) + cockpit_wcorrection);
	w:(ui_PropLayer.ShowTMCButton ? 23% : 27%);
	h:16%;
	z:10;
	bmp:"mapbutton.bmp#3";
}

.cockpit>.startpoint_text{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	right:((ui_PropLayer.ShowTMCButton ? int(PARENT.W * 43%) : int(PARENT.W * 37%)) + cockpit_wcorrection);
	top:0;
	h:16%;
	z:5; 
	resize_bmp:1;
	bmp:"panel_map.bmp";
}

.cockpit>.startpoint_text>TEXT, .cockpit>.startpoint_button>TEXT{
	wordwrap:1;
}

.cockpit>.driver_alert{
	left:(ui_PropLayer.ShowTripBar ? 4% : 0);
	top:(ui_PropLayer.ShowTimeToManeuver ? 40% : 34%);
	w:30%;
	h: (lua.maxRowHeight - (ui_PropLayer.ShowTimeToManeuver ? lua.rowShift : 0) - (ui_PropLayer.ShowSpeedCamera || ui_PropLayer.ShowSpeedLimit ? 2 * lua.rowShift : 0) );
	row:1;
	col:2;
}

.cockpit>.truck_alert{
	left:(ui_PropLayer.ShowTripBar ? 4% : 0);
	top:(ui_PropLayer.ShowTimeToManeuver ? 38% : 32%);
	right:undef; bottom:undef;
	w:15%;
	h:30%;
	col:1;
	cellh:(72%);
}

.truck_alert *{
	align:"CENTER";
	valign:"CENTER";
}

.cockpit>.simulation_stop{
	left:(ui_PropLayer.ShowTripBar ? tripbar_w : 0);
	h:const(int(map_infofield_h /3));
	w:19%;
	bottom:cockpit_hcorrection ;
	bmp:"mapbutton_menu.bmp#3";
	rawkey:200;
	visible:%lua.hasBack;
}

.cockpit>.map_messagebox {
	/*left:(%navigation.has_route && %lua.tripInfoVisible ? map_messafebox_x_2 : map_messafebox_x_1);
	top: 0;
	w: map_messagebox_w;*/
	top:16%;
	bottom:cockpit_hcorrection;
	left: ((ui_PropLayer.ShowTripBar ? tripbar_w : 0)  + int(PARENT.W * 66%) - cockpit_wcorrection ) ;
	right:cockpit_wcorrection;
	align:"RIGHT";
}

.cockpit>.map_messagebox>.background {
	left:0;
	top:0;
	right:0;
	bottom:0;
	z:0;
	bmp:"panel_map.bmp";
	resize_bmp:1;
	opaque:1;
}

#txt_mapmessagebox{
	left:4%; right:4%;
	top:(%screen.msgbox.on_screen.button_icon_filename(%screen.msgbox.on_screen.number_of_buttons) ? 30% : 5%);
	bottom:22%;
	z:20;
	align:"CENTER";
	valign:(%screen.msgbox.on_screen.button_icon_filename(%screen.msgbox.on_screen.number_of_buttons) ? "TOP" : "CENTER");
	wordwrap:(%screen.msgbox.on_screen.button_icon_filename(%screen.msgbox.on_screen.number_of_buttons) ? 7 : 10);
	leading:_0.95;
	padding:0;
	twolinesmall:0;
}

#spr_mapmessagebox{
	left:50%; top:0;
	h:30%; z:101;
	align:"CENTER"; valign:"CENTER";
	bmpalign:"CENTER"; bmpvalign:"TOP";
}

.cockpit>.map_messagebox>.dialog_buttons {
	left: dialog_panel_margin;
	right: dialog_panel_margin ;
	top: 80%;
	bottom: (dialog_panel_margin / 2);
}

.cockpit>.map_messagebox >.list_control {
	top:(int(PARENT.H * 5%)*2 + 2);
	bottom:(int(PARENT.H * 10%)*2 + 2);
	left: dialog_panel_margin;
	right: listcontrol_map_msgbox_right !important;
	row:2;
}

.cockpit>.map_messagebox >.list_control >.btn_scrollup, .cockpit>.map_messagebox >.list_control>.btn_scrolldown {
	right: const(0 - listcontrol_map_msgbox_right + panel_margin);
	w: const(listscroll_map_msgbox_w) !important;
}

.cockpit>.simulation_controls{
	left:((ui_PropLayer.ShowTripBar ? int(PARENT.W * 26%) : int(PARENT.W * 22%)) - int(cockpit_wcorrection / 2)); 
	w:54%;
	top:(int(PARENT.H * 36%) - int(cockpit_hcorrection / 2));
	h:22%;
}

.cockpit>.simulation_controls SPRITE.icon_center{
	left:50%;
}

.cockpit>.simulation_progress{
	left:((ui_PropLayer.ShowTripBar ? int(PARENT.W * 26%) : int(PARENT.W * 22%)) - int(cockpit_wcorrection / 2));
	top:(int(PARENT.H * 58%) - int(cockpit_hcorrection / 2));
	w:54%;
	h:6%;
}

.cockpit>DIV.routeprogressbar{
	left:0;
	top:0;
	w:tripbar_w;
	bottom:cockpit_hcorrection;
}

VSMARTSCROLL.routeprogressbar{
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.routeprogressbar_tmc{
	left:0;
	top:0;
	right:0;
	bottom:0;
	cellh:2%;
	cellw:100%;
}

.routeprogressbar_via{
	left:0;
	top:0;
	right:0;
	bottom:0;
	cellh:3%;
	cellw:100%;
}

.quickmenu_list{
	left:4%; right:4%;
	top:(vActiveState == "st_customizequickmenu" ? 10% : 6% );
	bottom:( %lua.hasBack ? footer_h : 4%);
	row:2;
	col:4;
	/*cellw:23%;
	cellh:44%;*/
}

/*-COMMON MAP ELEMENTS-------------------------------------------------------------------------*/
.cursor_restore{
   left:0; bottom:66%; w:12%; h:33%; z:6;
   bmp:"mapsidebutton_left_top.bmp#3"; resize_bmp:1;
   iconspr:"ico_browsemap_restorecursor.bmp#3";
   icon_hueshift:%lua.iconhue;
   iconalign:"CENTER";
   iconvalign:"CENTER";
}
.fitroute_restore{
	left:0; bottom:66%; w:12%; h:33%; z:6;
	bmp:"mapsidebutton_left_top.bmp#3"; resize_bmp:1;
	iconspr:"ico_fitroute.bmp#3";
	icon_hueshift:%lua.iconhue;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	enable:(%lua.map.FitEnabled)
}
.switch_poiresult{
	left:0; bottom:66%; w:12%; h:33%; z:6;
	bmp:"mapsidebutton_left_top.bmp#3"; resize_bmp:1;
	iconspr: (%map.primary.rotate == 0 ? "ico_browsemap_northup.bmp#3" : "ico_browsemap_headup.bmp#3");
	icon_hueshift:%lua.iconhue;
	iconalign:"CENTER";
	iconvalign:"CENTER";
}
.zoomin{
	left:0; top:32.9%; w:12%; h:34%; z:10;
	bmp:"mapsidebutton_left.bmp#3"; resize_bmp:1;
	iconspr:"ico_browsemap_zoomin.bmp#3";
	icon_hueshift:%lua.iconhue;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	enable:(%lua.map.ZoomInEnabled);
	onclick:'MODEL.map.primary.zoom_start(1)';
	onrelease:'MODEL.map.primary.zoom_stop()';
	onmouseleave:'MODEL.map.primary.zoom_stop()';
}
.zoomout{
	left:0; top:66%; z:10; w:12%; h:33%;
	bmp:"mapsidebutton_left_bottom.bmp#3"; resize_bmp:1;
	iconspr:"ico_browsemap_zoomout.bmp#3";
	icon_hueshift:%lua.iconhue;
	iconalign:"CENTER";
	iconvalign:"CENTER";
	enable:(%lua.map.ZoomOutEnabled);
	onclick:'MODEL.map.primary.zoom_start(-1)';
	onrelease:'MODEL.map.primary.zoom_stop()';
	onmouseleave:'MODEL.map.primary.zoom_stop()';
}

.map_counter_bg{
	left:undef; right:0; top:33%; w:12%; h:33%; z:15;
	bmp:"map_vscrollcounterbg_spr_skincol.bmp"; resize_bmp:1;
}

.map_counter_bg.vr{
	bmp:"cockpit_bg.bmp";
}

.map_counter_line{
	left:15%; right:10%; top:49%; z:15;
	bmp:"map_vscrollcounterline_spr_skincol.bmp"; resize_bmp:1;
}

.map_counter_up{
	right:0; bottom:66%; w:12%; h:33%;
	bmp:"mapsidebutton_right_top.bmp#3"; resize_bmp:1;
	iconspr:"ico_scrollup.bmp#3";
	iconalign:"CENTER";
	iconvalign:"CENTER";
}

.map_counter_up.vr{
	bmp:"mapbutton_info_topleft.bmp#3";
}

.map_counter_down{
	right:0; top:66%; w:12%; h:33%;
	bmp:"mapsidebutton_right_bottom.bmp#3"; resize_bmp:1;
	iconspr:"ico_scrolldown.bmp#3";
	iconalign:"CENTER";
	iconvalign:"CENTER";
}

.map_counter_down.vr{
	bmp:"mapbutton_bottomleft.bmp#3";
}

.map_counter_bg.scroll{
	top:0; h:100%; w:15%;
	bmp:("map_vscrollbg_spr_skincol_m3.bmp"); resize_bmp:1;
}

.map_counter_up.scroll{	right:3%; }

.map_counter_down.scroll{ right:3%; }

.map_counter_text_scroll{ right:3%; top:33%; w:12%; h:20%; z:200; }

.map_counter_scroll{
	top:0; right:0; w=3%; h=100%
	bmp:"map_sideprogressbg_spr.bmp"; resize_bmp=1;
	sprprbar:"map_sideprogress_spr.bmp"; 
}

.map_counter_bg.tmc{
	top:33%; h:33%;
	bmp:"map_vscrollcounterbg_spr_skincol.bmp";
}

.map_counter_up.tmc{ bottom:66%; h:(33%); }

.map_counter_down.tmc{ top:66%; h:(33%); }

LAYER.map_tmc_controls{
	x: screen_x;
	y: (screen_y + mapheader_tmc_h );
	w: screen_w;
	h: (( mapmain_tmc_h + cockpit_hcorrection/2 ) - (%lua.TrafficMapDetailsOpen ? footer_h*3/4 :  0));
}

BUTTON.drag_zoomin{
	left:0;
	bottom:(int(PARENT.H * 45.5% + cockpit_hcorrection/2));
	w:12%;
	h:30%;
	z:25;
}

BUTTON.drag_zoomout{
	left:0;
	top:(int(PARENT.H * 55% - cockpit_hcorrection/2));
	w:12%;
	h:30%;
	z:25;
}

BUTTON.drag_zoomin.browse{
	bottom:(int(PARENT.H * 60.5% + cockpit_hcorrection/2));
	h:40%;
}

BUTTON.drag_zoomout.browse{
	top:(int(PARENT.H * 40% - cockpit_hcorrection/2));
	h:40%;
}

BUTTON.drag_tiltup{
	right:cockpit_wcorrection;
	bottom:(int(PARENT.H * 45.5% + cockpit_hcorrection/2));
	w:12%;
	h:30%;
	z:25;
}

BUTTON.drag_tiltdown{
	right:cockpit_wcorrection;
	top:(int(PARENT.H * 55% - cockpit_hcorrection/2));
	w:12%;
	h:30%;
	z:25;
}

BUTTON.drag_rotateleft{
	right:(int(PARENT.W * 50% + cockpit_wcorrection/2));
	top:0;
	w:18%;
	h:25%;
	z:25;
}

BUTTON.drag_rotateright{
	left:(int(PARENT.W * 50% - cockpit_wcorrection/2));
	top:0;
	w:18%;
	h:25%;
	z:25;
}

DIV.drag_compass{
	left:40%;
	right:(int(PARENT.W * 40% + cockpit_wcorrection));
	top:0;
	h:25%;
}

BUTTON.drag_corner{
	w:12%;
	h:18%;
}

BUTTON.drag_corner.right{
	right:cockpit_wcorrection;
}

SPRITE.fitbox {
	left:14%; top:15%; right:14%; bottom:5%;
	bmp:"panel_map.bmp"; resize_bmp:1; alpha:0;
}

SPRITE.fitbox.avoid {
	left:14%; top:(int(PARENT.H * 18% + cockpit_hcorrection/2)); right:(int(PARENT.W * 16%) + cockpit_wcorrection); bottom:(int(PARENT.H * 5% + cockpit_hcorrection/2));
}

SPRITE.fitbox.avoid.ahead {
	right:(int(PARENT.W * 20%) + cockpit_wcorrection);
}

SPRITE.fitbox.routemenu {
	left:14%; top:(%lua.mainMenuMode ? 37% : 37%); right:((%lua.mainMenuMode ? ( RouteCalculated && %lua.showGreenUI ? int(PARENT.W * 20%) : int(PARENT.W * 5%)) : int(PARENT.W * 30%)) + cockpit_wcorrection ); bottom:(int(PARENT.H * 5%) + cockpit_hcorrection);
}

SPRITE.fitbox.currenttraffic {
	left:14%; top:(15%); right:(int(PARENT.W * 5%) + cockpit_wcorrection); bottom:(int(PARENT.H * 5%) + cockpit_hcorrection);
}

SPRITE.fitbox.historicaltraffic {
	left:14%; top:(30%); right:(int(PARENT.W * 14%) + cockpit_wcorrection); bottom:(int(PARENT.H * 5%) + cockpit_hcorrection);
}

SPRITE.fitbox.routemethod {
	left:14%; top:(10%); right:45%; bottom:5%;
}

SPRITE.fitbox.resultpoi {
	left:16%; top:(43%); right:((lua.gParkingAroundDestPreview ? int(PARENT.W * 14%) : int(PARENT.W * 5%)) + cockpit_wcorrection); bottom:cockpit_hcorrection;
}

SPRITE.fitbox.trafficdetour {
	left:14%; top:16%; right:(int(PARENT.W * 7%) + cockpit_wcorrection); bottom:(int(PARENT.H * 5%) + cockpit_hcorrection);
}

SPRITE.fitbox.blockedroad {
	left:14%; top:16%; right:(int(PARENT.W * 7%) + cockpit_wcorrection); bottom:cockpit_hcorrection;
}

SPRITE.fitbox.trackoverview {
	left:14%; top:(int(PARENT.H * 7% + cockpit_hcorrection/2)); right:(int(PARENT.W * 3%) + cockpit_wcorrection); bottom:const(cockpit_hcorrection/2 - footer_h);
}

SPRITE.fitbox.trackoverview.map {
	top:(int(PARENT.H * 30% + cockpit_hcorrection/2));
}

SPRITE.fitbox.itiner {
	left:14%; top:const(cockpit_hcorrection/2 - mapheader_h); right:(int(PARENT.W * 14%) + cockpit_wcorrection); bottom:const(cockpit_hcorrection/2 - footer_h);
}


SPRITE.smallmap{
	left:0; top:0; right:0; bottom:0;
	bmp:"panel_map.bmp"; resize_bmp:1; alpha:0;
}

SPRITE.smallmap.showmap{
	left:showmap_margin; top:showmap_margin; right:showmap_margin; bottom:showmap_text_h;
}

SPRITE.smallmap.whereami{
	left:1%; top:0; right:1%; bottom:0;
}

SPRITE.smallmap.colorscheme{
	left:4%; top:11%; right:4%; bottom:7%;
}

#spr_sunlightmap{
	left:const((screen_w-sunlightmap_w)/2);
	top:0;
	w:sunlightmap_w;
	h:sunlightmap_h;
}

/*-DEFINE_ELEMENT-------------------------------------------------------------------------*/
DISTTEXT, SPEEDTEXT, TIMETEXT, TIMESPANTEXT, ALTITUDETEXT, UNITTEXT, TEMPERATURETEXT{
	/*w: 70; h: 50; z:50;*/
	w: 100%; h: 100%; z:50;
	font: "defaultbd"; fonttype: inf_main; fontsize: fontsize_main;
	minaspect: 100;
	align: "RIGHT"; valign: "BOTTOM";
	fixedwidthnumbers:1;
	clipstyle:"none";
	clicked_coloring:1;
}

/*-TEXTS-------------------------------------------------------------------------*/
.txt_10        { font:"default";   fontsize:10;}
.txt_10bd    { font:"defaultbd"; fontsize:10;}
.txt_12	      { font:"default";   fontsize:12;}
.txt_12bd    { font:"defaultbd"; fontsize:12;}
.txt_14        { font:"default";   fontsize:14;}
.txt_14bd    { font:"defaultbd"; fontsize:14;}
.txt_16        { font:"default";   fontsize:fontsize_main;}
.txt_16bd    { font:"defaultbd"; fontsize:fontsize_main;}
.txt_18        { font:"default";   fontsize:18;}
.txt_18bd    { font:"defaultbd"; fontsize:18;}
.txt_20        { font:"default";   fontsize:20;}
.txt_20bd    { font:"defaultbd"; fontsize:20;}
.txt_22        { font:"default";   fontsize:22;}
.txt_22bd    { font:"defaultbd"; fontsize:22;}
.txt_24        { font:"default";   fontsize:24;}
.txt_24bd    { font:"defaultbd"; fontsize:24;}
.txt_30        { font:"default";   fontsize:30;}
.txt_30bd    { font:"defaultbd"; fontsize:30;}
.txt_45bd    { font:"defaultbd"; fontsize:45;}


/*Main colors*/
.color_btn_main			{ fonttype:btn_main !important;} /*main color on the buttons*/
.color_btn_sec			{ fonttype:btn_sec !important;} /*secondary color on the buttons*/
.color_btn_green		{ fonttype:btn_green !important;} /*green color on the buttons*/

.color_inf_main			{ fonttype:inf_main !important;} /*main color on the infos*/
.color_inf_sec			{ fonttype:inf_sec !important;} /*secondary color on the infos*/
.color_inf_traffic		{ fonttype:inf_traffic !important;}

.color_map_btn_main		{ fonttype:map_btn_main !important;} /*main color on map*/
.color_map_btn_sec		{ fonttype:map_btn_sec !important;} /*secondary color on map*/

.color_map_inf_main		{ fonttype:map_inf_main !important;} /*main color on map infos*/
.color_map_inf_sec		{ fonttype:map_inf_sec !important;} /*secondary color on map infos*/
.color_map_inf_detour	{ fonttype:map_inf_detour !important;} /*Detour color on map infos*/
.color_map_inf_ad		{ fonttype:map_inf_ad !important;} /*AD color on map infos*/

/*other colors*/
/*.color_main      { fonttype:col_main !important;} /*main color on background*/
/*.color_sec        { fonttype:col_sec !important;} /*secondary color on background*/
/*.color_inv        { fonttype:col_inv !important;} /*inverse/complementary of main color on background*/


.color_btn_inv    { fonttype:btn_inv !important;} /*inverse/complementary of main color on the buttons*/
.color_btn_ad      { fonttype:btn_ad !important;} /*ad colors on buttons*/


.color_map_main  { fonttype:map_main !important;} /*main color on map*/
.color_map_sec    { fonttype:map_sec !important;} /*secondary color on map*/
.color_map_inv    { fonttype:map_inv !important;} /*inverse/complementary of main color on map*/
.color_map_ad      { fonttype:map_ad !important;} /*ad colors on map*/

.color_speedlimit	{ fonttype:speedlimit !important;} /*speedlimit text */
.color_speedcam		{ fonttype:speedcam   !important;}  /*speedcam text */



.color_calc			{ fonttype:calc !important;}
.color_calc_func	{ fonttype:calc_func !important;}

.color_error    { fonttype:error_red !important;}

.xhtml           { fonttype:xhtml_ft !important;}

.avtype			{ fonttype:avoidtypes !important; }

/*----input button from templates --------------- */

.button_input{
    left:0; right:10%; top:0; h:25%;
	resize_bmp:1;
    bmp:"keyboard_inputfield.bmp";
} 

BUTTON > .button_input{
	left:0; right:0; top:0; h:100%;
	resize_bmp:1;
    bmp:"keyboard_inputfield.bmp";
}

BUTTON > .single_hinted_result{
	left:80%; right:0; top:0; h:100%;
	align: "RIGHT"; valign: "CENTER";
    bmp: "ico_done_sml.bmp#3";
}

.input_text{
	left:text_padding; right:20%; top:0; h:25%; 
	align:"LEFT"; valign:"CENTER"; 
	font: "defaultbd"; fonttype: e_input; fontsize: fontsize_inputfield; valuefontsize: fontsize_inputfieldvalue;
	maxlength:20; nospace:1; dontshowfocus:1; CAPITALIZE:1;
	cursorsprite:"textcursor.spr";
	highlighted_height: highlight_inputfield;
}

.input_text.hinted{
	right:(%address.search.name_filter || %address.search.multiple_hinted_results ? 21% : 11%)
}

.input_text.long
{
	maxlength:30
}

.input_text.localsearch{
	left:text_padding; right:20%; top:0; h:100%; 
}

TEXT.input_text_fake{
	left:0; right:0; top:0; h:100%; 
	align:"LEFT"; valign:"CENTER"; 
	font: "default"; fonttype: fake_input; fontsize: fontsize_inputfield; UPPER:1;
}

SPRITE.input_text_fake{
	r2l_invert:1;
	left:text_padding; top:20%;
	w: (txt_SugCityInState.textW); h:63%;
	bmp:"spr_input_bg.bmp"; resize_bmp:1;
}

.input_text.unit{
     left:5%; right:38%; top:0; h:100%; z:60;
     align:"RIGHT";
     fonttype:e_input_unit;
}
.input_calc{ color: #696969; align:"RIGHT"; valign:"CENTER"; L2R:1;}

.input_text.gcoor{
	right: 5%;
	onchange: sc_inp_GeoCoord_Update_Keys;
	enable: (%regional.keyboard.input == SELF)
}

/*----fonttypes------------ ez mindenképpen a legutolsó legyen------ */

.font_double{
	font:"default";
	fonttype:btn_main;
	fontsize:fontsize_double !important;
	align:"CENTER";
	valign:"CENTER";
}

.font_title{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_title !important;
	align:"CENTER";
	valign:"CENTER";
}

.font_main_large{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main_large !important;
	align:"CENTER";
	valign:"CENTER";
}

.font_main{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_main !important;
	align:"CENTER";
	valign:"CENTER";
}

.font_main.twoline, .font_sec.twoline{
	wordwrap:2;
	leading:_0.80;
    twolinesmall:3;
    twolinesize:fontsize_sec !important;
    align:"CENTER";
	valign:"CENTER";
}

.font_sec{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_sec !important;
	align:"CENTER";
	valign:"CENTER";
}

.font_xhtml{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_sec;
	content_top:xhtml_content_top;
}

.font_info{
    font:"default";
	fonttype:btn_main;
	fontsize:fontsize_info !important;
	align:"CENTER";
	valign:"CENTER";
}

.bd{
    font:"defaultbd" !important;
}

/*.bw_wb { fonttype:bw_wb; }
.wb_bw { fonttype:wb_bw; }
.ww_ww { fonttype:ww_ww; }
.bb_bb { fonttype:bb_bb; }
.bb_ww { fonttype:bb_ww; }
.ww_bb { fonttype:ww_bb; }
.bw_bw { fonttype:bw_bw; }
.wb_wb { fonttype:wb_wb; }
.bb_wb { fonttype:bb_wb; }
.wg_wg { fonttype:wg_wg; }
.gr_gr { fonttype:gr_gr; }*/

.noitems {
	left: panel_margin; top: panel_margin; right: listcontrol_right; bottom: panel_margin; z:100;
	font:"default"; fonttype:map_inf_noitems; fontsize:fontsize_sec; align:"CENTER";	
}


.r2l {r2l_invert:1;} 

/*GPS StatusScreen*/
SPRITE.GPSStatus_panel{
	bmp:"panel.bmp";
	left:3%; top:10%; right:35%; bottom:5%;
	align:"CENTER"; valign:"CENTER"; resize_bmp:1;
}

SPRITE.GPSStatus_bg{
	bmp:"gpsstatusbg_spr_skincol.bmp";
	left:(int(PARENT.W * 77%) - gpsstatus_radius);
	w:const(2 * gpsstatus_radius);
	top:(int(PARENT.H * 50%) - gpsstatus_radius);
	h:const(2 * gpsstatus_radius);
	align:"CENTER"; valign:"CENTER"; resize_bmp:0;
}

SPRITE.GPSStatus_bg.effect{
	bmp:"gpsstatusbg_eff_spr_skincol.bmp";
}

DIV.GPSStatus_satellites{
	left:gpsstatus_margin;
	right:gpsstatus_margin;
	top:gpsstatus_margin;
	bottom:gpsstatus_margin;
}

DIV.GPSStatus_cardinal{
	left:gpsstatus_text_margin;
	right:gpsstatus_text_margin;
	top:gpsstatus_text_margin;
	bottom:gpsstatus_text_margin;
}

SPRITE.GPSStatus_sats{
	left:(((div_GPSStatus_sats.W - (2 * gpsstatus_margin)) * satposition_x / 100) + gpsstatus_margin );
	top: (((div_GPSStatus_sats.H - (2 * gpsstatus_margin)) * satposition_y / 100) + gpsstatus_margin - index );
	bmpalign:"CENTER";
	bmpvalign:"CENTER";
	z:30;
	bmp:"sat.spr";
	phase:(sc_SetGPS_Phase(%*.valid, %*.used, %*.egnos, %*.waas));
}

LIST2.GPSStatus_bars, TABLE.GPSStatus_bars{
	left:gpsstatusbar_margin_left; top:25%; right:(gpsstatusbar_margin_right - default_wcorrection/2); h:50%; col:12; row:1;
}

SPRITE.GPSStatus_bar{
	left:0; h:(%*.snr/50.0); right:0; bottom:gpsstatusbar_margin_bottom; z:25;
	bmp:(sc_SetGPSSignal_Bmp(%*.valid, %*.used, %*.egnos, %*.waas)); resize_bmp:1;
}

SPRITE.GPSStatus_bar.background{
	h:(100%);
	bmp:("gpsstatusbg_progress_bg_spr.bmp");
	z:20;
}

TEXT.GPSStatus_bar{
	left:0; top:0; w:100%; h:100%;
	align:"CENTER"; valign:"BOTTOM";
	padding:0; z:30; 
}

TEXT.GPSStatus_satnum{
	left:3%; top:0; w:50%; h:25%;
}

DIV.GPSStatus_information{
	left:3%; top:75%; right:37%; bottom:0;
}

/* ----------end---------- */

/* SPEEDCAM-SPEEDLIMIT *//*
#ui_SpeedCamWarningLayer SPEEDTEXT, #ui_SpeedCamWarningLayer DISTTEXT{
	bottom: speedcamlimit_text_bottom !important;
}

#ui_SpeedCamWarningLayer TEXT{
	left: (%lua.speedlimit_USACAN ? 10% : speedcamlimit_text_left) !important;
}
*/
/* Orientation Dependent Rules */
.col2col{
	col:1;
}

.row2row{
	row:1;
}

.col2row{
	col:1;
}

.row2col{
	row:1;
}

#tab_FindPlaces{
	row:1;
	cellw:(33%,)
}

#tab_MyRouteMenu_header{
	row:1;
	bottom:67%;
	cellw:(74%,);
}

#txt_MyRouteMenu_header{
	left:0;
	top:0;
	right:30%;
	bottom:50%;
	wordwrap:2;
}

#tab_MyRouteMenu_vehicle{
	col:1;
	cellh:(50%,25%,);
	visible:(%route.vehicle_type == 5 || %route.vehicle_type == 6  ? 0 : 1 );
}

#div_MyRouteMenu_List{
	left:0;
	top:52%;
	w:51%;
	h:50%;
}

#tab_MyRouteMenu{
	top:33%;
	col:2;
}

#tab_AvoidancesMenu{
	col:2;
}

#div_VehicleProfileSettingsList_button_freight{
	left:40%;
	top:0;
	right:5%;
	bottom:0;
}

/*.listitem>SPRITE.icon_center,
.btn_main>SPRITE.icon_center,
.mapheader>SPRITE.icon_center
{
	left:8%;
}*/

SPRITE.icon_center.mapheader_icon{
	left:7%;
}

SPRITE.icon_center.mapheader_diricon{
	left:6%;
}

SPRITE.icon_center.mapheader_POI{
	left:6%;
}

SPRITE.icon_center.poi_provider_overlay, SPRITE.icon_list.poi_provider_overlay{
	left:8%;
	top:25%;
}

TEXT.mapheader, ROADSHIELDEDTEXT.mapheader{
	left:11%;
	top:0;
	bottom:5%;
	right:0;
	align:"LEFT";
	wordwrap:2;
	fontsize: fontsize_main;
}

ROADSHIELDEDTEXT.mapheader.with_valuetext{
	right:20%;
}

TEXT.mapheader.with_info{
	right:12%;
}

DISTTEXT.mapheader{
	right:3%;
	top:0; 
	w:20%;
	h:60%;
	align:"RIGHT";
}

DIV.mapheader BUTTON.info_button{
	left:88%;
	top:10%;
	w:11%;
	h:85%
}

SLIDER.listitem.rotate,
SLIDER.btn_main.rotate{
	paddingleft:50%;
	align:"RIGHT";
}

SLIDER.listitem.rotate TEXT,
SLIDER.btn_main.rotate TEXT{
	right:50%;
	align:"LEFT";
	wordwrap:2;
	r2l_invert:1;
}

/* Quick menu */
.maplocalmenu.mute{
	left:4%;
	bottom:3%;
	w:14%;
	h:16%;
}

.maplocalmenu.volume{
	left:18%;
	bottom:3%;
	w:78%;
	h:16%;
}

/* EasyRouteMenu */
#spr_RouteOverview_Green {
	left:(int(PARENT.W * 85%) - cockpit_wcorrection);
	right:cockpit_wcorrection;
	top:0;
	h:100%;
}

/*Edit Route */

#lstIP_MyRouteEditRoute>#waypoint{
	cellh:(29%);
}

#lstIP_MyRouteEditRoute>#waypoint_dummy{
	cellh:(12%);
}

BUTTON.btn_main.reorder.up{
	left:0; 
	bottom:50%; 
	h:30%;
	w:10%;
	bmp:"mapbutton_l_l.bmp#3";
	z:1;
}

BUTTON.btn_main.reorder.down{
	left:0; 
	top:50%; 
	h:30%;
	w:10%;
	bmp:"mapbutton_l_l.bmp#3";
	z:1;
}

SPRITE.icon_list.reorder{
	left:18%;
}

TEXT.listitem.reorder{
	left:21%;
	wordwrap:2;
}

/* POI Custom search*/

#ui_FindOtherPOI > .main_ext > TABLE{
	row:2; col:2;
}

/* POI list */
SPRITE.poi_dir{
	left:93%;
	right:1%;
	top:1%;
	bottom:40%;
	r2l_invert:1;
	z:50;
	align:"CENTER"; 
	valign:"CENTER";
}

DISTTEXT.poi_dist{
	right:2%;
	w:97%;
	bottom:17%; 
	align:"RIGHT";
}

SPRITE.poi_detour{
	left:90%;
	top:25%;
}

/*Local search*/

.panel_ext.keyboard > .poweredbygoogle {
	left:1%;
	right:11%;
	top:0%;
	h:25%;
	bmp:"poweredbygoogle.bmp";
	align:(%regional.current_language.is_r2l ? "LEFT" : "RIGHT")
	valign:"CENTER";
	r2l_invert:0;
}

.footer > .poweredbygoogle {
	left:0%;
	right:1%;
	top:0;
	h:(100%);
	valign:"CENTER";
	align:"RIGHT";
	bmp:"poweredbygoogle_white.bmp";
}

/*Rich POI details*/

#lstRPTabs{
	left:0;
	right:0;
	top:0;
	bottom:80%;
}

#lstRPTabs>BUTTON{
	top:0%;
	w:25%;
	h:100%;
}

#lstRPTabs>BUTTON.btn_layer_scrolldown{
	left:0;
}

#lstRPTabs>BUTTON.btn_layer_scrollup{
	x:undef;
	right:0;
}

/* TMC summary */

#ui_Traffic_Summary #spr_tmcSummary{
	bmp:"button_warning.bmp#3";
	resize_bmp:1;
}

#ui_Traffic_Summary #txt_TrafficSummaryNextEvent{
	wordwrap:2;
}

#ui_Traffic_Summary  TABLE.traffic_significant_events {
	row:2; col:1;
	left:50%; top: 24%; right:0; bottom: undef; h: 30%; cellh:(40%,);
}

/*Traffic detour Preview*/

#tab_TrafficDetourPreviewHeader{
	cellw:(66%,);
}

#tab_TrafficDetourPreviewHeader SPRITE.icon_center{
	left:20%;
}

/* Country info */

TABLE.countryinfo_speedlimits {
	row:1; col:4;
}

#ls_CountryInfo #Header{
	cellh=(50%,);
}

#et_TrafficLaw > TEXT{
	left: 15%;
	wordwrap:2;
}

#ui_HelpNearby_Easy TABLE{
	row:2; col:2;
}

/* Voice List */

#et_VoiceList #tab_name{
	left:12%;
	right:33%;
	cellh:(45%,55%);
	vspacing:15%;
}

#et_VoiceList #tab_type{
	left:66%;
	right:0;
	cellh:(45%,55%);
	vspacing:10%;
}

/* Speedcam info */

SPEEDTEXT.listitem.icon {
	r2l_invert:1;
	left:15%;
	align:"LEFT";
	paddingleft:text_padding;
	paddingright:button_padding;
}

/* Edit Speedcam */

#ui_EditSpeedcam BUTTON.topleft>SPRITE.icon_center{
	left:8.5%;
}

#ui_EditSpeedcam BUTTON.middle>SPRITE{
	left:0;
}

#ui_EditSpeedcam HSMARTSCROLL.scroll{
	left:40%;
	top:(int(PARENT.H * 50%) - int(hsmartscroll_h/2)) !important;
}

#tab_EditSpeedcam_speed{
	left:0;
	right:60%;
	top:15%;
	bottom:15%;
	col:1;
}

#tab_EditSpeedcam_speed TEXT.first{
	align:"LEFT";
	paddingleft:button_padding;
	paddingright:text_padding;
}

#tab_EditSpeedcam_speed TEXT.sec,
#tab_EditSpeedcam_speed SPEEDTEXT{
	left:button_padding;
	top:0;
	w:80%;
	h:70%;
	align:"LEFT";
	padding:0;
}

#ui_EditSpeedcam_Direction DIV.full>SPRITE:first-child{
	left:0;
	right:20%;
	top:20%;
	bottom:0;
}

 #ui_EditSpeedcam_Direction RADIO>SPRITE:first-child{
	left:7%;
	top:11%;
}

/* Routeparam Warning List */
#et_RouteParamWarningList_Route>CHECKBOX>TEXT{
	right:50%;
	leading:100%;
}

#et_RouteParamWarningList_Route>TABLE{
	left:50%;
	right:(int(PARENT.W * 14%) + chk_radio_text_padding_right);
	top:5%;
	bottom:5%;
	col:1;
	r2l_invert:1;
}

#et_RouteParamWarningList_Route>TABLE>TEXT{
	paddingleft:text_padding_small;
	paddingright:text_padding_small;
}

/* GPS info */

#ui_GPSStatus .text {
	left:0; top:0; right:50%; h:100%;
	align:"LEFT";
	valign:"CENTER";
}

#ui_GPSStatus .value {
	left:50%; top:0; right:0; h:100%;
	align:"RIGHT";
	valign:"CENTER";
}

/* Calculate Screen */

#spr_Calculate_progress{
	left:0;
	top:0;
	right:0;
	bottom:75%;
}

#spr_Calculate_Vehicle{
	left:5%;
	top:32%;
}

#txt_Calculate_Method_name{
	left:10%;
	top:26%;
	right:30%;
	bottom:60%;
	align:"LEFT";
}

#txt_Calculate_Method_value{
	left:70%;
	top:26%;
	right:5%;
	bottom:60%;
	align:"RIGHT";
}

#txt_CalcVehicles{
	left:0;
	top:43%;
	right:0;
	bottom:44%;
}

#lst_CalcVehicles{
	left:0;
	top:55%;
	right:0;
	bottom:0;
	col:2;
	row:4;
}

/*License List*/

#tab_License{
	cellw:(66%,33%);
}

#et_License TEXT.color_btn_main{
	fonttype:(%*.valid ? btn_main : error_red) !important;
}

#et_License TEXT.color_btn_sec{
	fonttype:(%*.valid ? btn_sec : error_red) !important;
}

#et_License TEXT.color_btn_sec.date{
	fonttype:(!%*.expired ? btn_sec : error_red) !important;
}

#et_License TEXT.type{
	align:"RIGHT";
}

/*About menu */ 

#tab_Demo_Start{
	left:16%;
	right:16%;
	top:16%;
	bottom:16%;
	col:1
}

#ui_Demo_Start SPRITE.icon_center{
	left:15%;
}

/*Tracklog*/

#et_Track SPRITE.icon_list{
	left:6%;
}

#tab_ListTrackName{
	left:11%;
	right:13%;
	top:0;
	bottom:0;
	cellw:(75%,25%);
}

#txt_ListTrackName{
	bottom:(index==%mydata.tracks.tracking_index ? 40% : 10%);
	wordwrap:2;
}

#div_ListTrackName{
	top:60%;
}

#div_ListTrackName>SPRITE.icon_center{
	left:10%;
}

#div_ListTrackName>TEXT{
	left:((%*.distance_total > 0) && (%gps.valid) ? 10% : 6%);
}

/*Trackinfo*/

TABLE.trackinfo {
	col:1;
	cellh: (25%, 75%);
}

TABLE.trackinfo_header {
	row:1; col:2;
	cellw:(75%, 25%);
}

TABLE.trackinfo_body {
	row:1; col:2;
	cellw: (25%, 75%);
}

SPRITE.trackinfo > TEXT {
	wordwrap:1;
}

SPRITE.trackinfo.green > TEXT {
	wordwrap:2;
}

/*Trackprofile*/

TABLE.trackprofile_header {
	left:13%;
	top:2%;
	right:13%;
	bottom:76%;
	cellw: (70%, 30%) ;
}

CHART.trackprofile_chart{
	left:13%;
	top:28%;
	w:74%;
	h:70%;
	z:16;
}

BUTTON.trackprofile_control{
	iconalign:"CENTER";
	iconvalign:"CENTER";
	REPEAT_DELAY:50;
	bmp:"button.bmp#3"; 
	resize_bmp:1;
}

BUTTON.trackprofile_control.chart_prev{
	left:1%; 
	bottom:50%;
	w:11%;
	h:48%;
	bmp:"button_topleft.bmp#3"; 
	iconspr:"ico_tracklog_prevpage.bmp#3";
	REPEAT_INTERVAL:100;
}

BUTTON.trackprofile_control.chart_next{
	left:88%;
	bottom:50%;
	w:11%;
	h:48%;
	iconspr:"ico_tracklog_nextpage.bmp#3";
	REPEAT_INTERVAL:100;
}

BUTTON.trackprofile_control.chart_zoomin{
	left:88%;
	bottom:2%;
	w:11%;
	h:48%;
	bmp:"button_bottomright.bmp#3"; 
	iconspr:"ico_browsemap_zoomin.bmp#3";
	REPEAT_INTERVAL:50;
}

BUTTON.trackprofile_control.chart_zoomout{
	left:1%;
	bottom:2%;
	w:11%;
	h:48%; 
	iconspr:"ico_browsemap_zoomout.bmp#3";
	REPEAT_INTERVAL:50;
}

/* Naviextras Activation */

#ui_Naviextras_Activation TEXT{
	bottom:29%;
	wordwrap:9;
	leading:90%;
}

#btn_Activate,
#btn_ActivateRetry,
#btn_ActivateRestart
{
	left:25%;
	right:25%;
	top:73%;
	bottom:2%;
}

/* Driving Times */

#txt_SetDrivingTimes_Title{
	bottom:80%;
}

#txt_SetDrivingTimes_Time{
	left:25%;
	top:33%;
	right:25%;
	bottom:0;
}

#tab_SetDrivingTimes{
	left:0;
	right:0;
	top:20%;
	bottom:0;
	col:2;
	cellh:(20%);
	hspacing:50%;
}

/* Route Method */

#ui_EasyRouteMethod_Find SPRITE.panel_map{
	left:60%;
	bottom:0;
}

#lst_rmethod{
	row:4;
}

/* Where Am I */

#tab_WhereAmI_Easy {
	left:2%;
	right:2%;
	top:0;
	bottom:75%;
	row:1;
	R2L:(%regional.current_language.is_r2l);
}

#ui_WhereAmI_Easy SPRITE.icon_center{
	left:15%;
}

#tab_WhereAmI_Easy TABLE{
	left:30%;
	col:1;
	r2l_invert:1;
}

#tab_WhereAmI_Easy TEXT{
	paddingleft:0;
	align:"LEFT";
}

DIV.whereami_overlay{
	left:0;
	top:25.4%;
	right:0;
	bottom:21.5%;
}

DIV.whereami_overlay > SPRITE{
	left:0;	top:0; right:0; bottom:0;
}

#div_WhereAmI_Overmap_message{
	left:10%;
	right:10%;
	top:30%;
	bottom:40%;
}

#tab_WhereAmI_Overmap_Housenum{
	left:3%;
	right:3%;
	top:65%;
	bottom:22%;
	cellw:(10%,40%,40%,10%);
}

#div_WhereAmI_Easy_location{
	left:0;
	right:0;
	top:78%;
	bottom:0;	
}

/* Data Fields */

#lst_TripInfo_selected{
	top:20%;
	left:0;
	right:const(panel_side_w + custominfoarrow_w * 2 / 3 - panel_margin);
	bottom:11%;
}

#lst_TripInfo_selected>LISTMODEL{
	cellh:29%;
}

#btn_TripInfoMode{
	left:0;
	top:0;
	w:40%;
	h:18%;
}

#spr_TripInfoArrow{
	left:23%;
	top:0;
	rotate:0;
	z:204;
}

#tab_TripInfoArrow{
	col:1;
	cellh:(((%lua.editSelectedTripInfo < 1 ? int(screen_h * 30%) : (%lua.editSelectedTripInfo < 2 ? int(screen_h * 50%) : int(screen_h * 70%))) - int(custominfoarrow_h/2)),custominfoarrow_h,);
	top:0;
	left:undef;
	right:const(panel_side_w - custominfoarrow_w/4);
	bottom:undef;
	w:custominfoarrow_w;
	h:100%;	
}

#spr_TripInfoArrow_topleft{
	bmp:"";
	resize_bmp:1;
}
#spr_TripInfoArrow_mid{
	bmp:"custominfoarrow_mid_m3_spr.bmp";
	resize_bmp:0;
}
#spr_TripInfoArrow_bottomright{
	bmp:"";
	resize_bmp:1;
}

/* Truck */

#ui_RestrictionList LIST2 SEPARATOR{
	cellh:(50%);
}

#txt_RestrictionList {
	wordwrap:2;
	twolinesmall:3;
	twolinesize:fontsize_info;
}

#tab_RestrictionIcons {
	cellw:(30%,);
}

#txt_RestrictionIcons {
	wordwrap:2;
}

/* Map messagebox - congestion */

#txt_MapSidePanel_Congestion_header{
	top:0;
	leading:95%;
}

#tab_congestion_msg {
	top:20%;
	bottom:20%;
	cellh:(33%,);
}

/* Itiner */

#et_itinermap_list_itiner > ROADSHIELDEDTEXT{
	left:11%;
	w:59%;
}

#tab_itiner_details{
	left:14%;
	right:0;
	R2L:(%regional.current_language.is_r2l);
}

#tab_itiner_details SPRITE{
	left:4%;
}

#tab_itiner_details TEXT{
	left:15%;
	w:85%;
}

#tab_itiner_details DISTTEXT,
#tab_itiner_details TEMPERATURETEXT{
	left:23%;
	w:70%;
	h:71%;
}

#tab_itiner_list_detailed{
	left:19%;
	right:1%;
	top:50%;
	bottom:10%;
	row:1;
	hspacing:1%;
	R2L:(%regional.current_language.is_r2l);
	r2l_invert:1;
}

/* Waiting Time */

#lstIP_MyRouteWaitingTime{
	row:3;
}

/* Smart History */

#et_FindHistory #txt_history{
	wordwrap:2;
	twolinesmall:1;
}

#et_FindHistory #txt_history_street1{
	bottom:40%;
}

#et_FindHistory #txt_history_street2{
	top:40%;
}

/* Visual Car model*/

.carmodel_name {
	top:9%; left:21%;
	w:38%; h:13%;
	z:40;
	align:"LEFT";
}

.carmodel_num {
	top:9%; left:59%;
	w:21%; h:13%;
	z:40;
	align:"RIGHT";
}

#spr_CarModelPreview{
	x:const(-default_wcorrection /2) ;
	y:const(-default_hcorrection /2) ;
	w:const(screen_w + default_wcorrection ) ;
	h:const(screen_h + default_hcorrection ) ;
}

#spr_SettingVisualCarModels_bg{
	bmp:"modelviewerbg_canvas_landscape.bmp";	
}
