diff options
Diffstat (limited to 'SDL_Core/src/components/HMI/css/navigation.css')
-rwxr-xr-x | SDL_Core/src/components/HMI/css/navigation.css | 2185 |
1 files changed, 2185 insertions, 0 deletions
diff --git a/SDL_Core/src/components/HMI/css/navigation.css b/SDL_Core/src/components/HMI/css/navigation.css new file mode 100755 index 000000000..3fc274c9d --- /dev/null +++ b/SDL_Core/src/components/HMI/css/navigation.css @@ -0,0 +1,2185 @@ +#navigation{width:800px; height:480px; background:url(../images/nav/bg.png) no-repeat;} + +#nav_bg.view2{background:url(../images/nav/green_bg.png) repeat-x;} +#nav_bg.view3{background:url(../images/nav/green_bg.png) repeat-x;} +#nav_map_img{width:800px;height:422px;background:url(../images/nav/map2d_north_zoom_0.png) no-repeat;top:10px;z-index:-2;} +#nav_bg.view2 #street, #nav_bg.view3 #street{display: none;} + +#nav_map_img_help{width:800px;height:480px;/*background:rgba(0,0,0,0.8);*/ background:url(../images/nav/black_filter.png) no-repeat;z-index:10;display: none;} + +#nav_blur_controls {width: 800px;height: 433px; background: url(../images/nav/blur_nav_controls.png) no-repeat;top:0;z-index:-1;display: none;} +.no-bg{background: none !important;} + +#home_presset_titanium{background: url(../images/home/home_presset_titanium.png) no-repeat;width: 185px; height: 56px; top: 201px; +left: 120px; display: none;} +#home_presset_hd {background: url(../images/home/home_presset_hd.png) no-repeat;width: 28px; height: 28px; top: 221px; +left: 113px; display: none;} + +.blur_controls2 {background: url(../images/nav/blur_nav_controls2.png) no-repeat !important;} +.blur_controls3 {background: url(../images/nav/blur_nav_controls3.png) no-repeat !important;} + +.zoom_45, .zoom_72 {background: url(../images/nav/map2d_north_zoom_1.png) no-repeat !important;} +.zoom_35, .zoom_56 {background: url(../images/nav/map2d_north_zoom_2.png) no-repeat !important;} +.zoom_25, .zoom_40 {background: url(../images/nav/map2d_north_zoom_3.png) no-repeat !important;} + +.type2 {background-image: url(../images/nav/map3d_zoom_0.png) !important; background-repeat: no-repeat !important;} +.type2.zoom_45, .type2.zoom_72 {background-image: url(../images/nav/map3d_zoom_1.png) !important; background-repeat: no-repeat !important;} +.type2.zoom_35, .type2.zoom_56 {background-image: url(../images/nav/map3d_zoom_2.png) !important; background-repeat: no-repeat !important;} +.type2.zoom_25, .type2.zoom_40 {background-image: url(../images/nav/map3d_zoom_3.png) !important; background-repeat: no-repeat !important;} + +.type1 {background-image: url(../images/nav/map2d_heading_up_zoom_0.png) !important; background-repeat: no-repeat !important;} +.type1.zoom_45, .type1.zoom_72 {background-image: url(../images/nav/map2d_heading_up_zoom_1.png) !important; background-repeat: no-repeat !important;} +.type1.zoom_35, .type1.zoom_56 {background-image: url(../images/nav/map2d_heading_up_zoom_2.png) !important; background-repeat: no-repeat !important;} +.type1.zoom_25, .type1.zoom_40 {background-image: url(../images/nav/map2d_heading_up_zoom_3.png) !important; background-repeat: no-repeat !important;} + +.street_blur {background: url(../images/nav/street_blur.png) !important; width: 490px !important; height: 70px !important; left: 154px !important; top: 359px !important; line-height: 72px !important;} + +#nav.view3 .navbar {display:block !important;} + +#mi{font-size: 26px;z-index:5;font-weight: bold;left: 110px;top: 65px;} + +#mi.help_blur{ + border: none !important; + background: none !important; + color: transparent !important; + text-shadow: 0 0 3px rgba(256, 256, 256, 0.7); + top:62px !important; +} + + +#nav_location{font-size: 26px;z-index: 5;font-weight: bold;left: 315px;top: 65px;} + +#nav_location.help_blur{ + border: none !important; + background: none !important; + color: transparent !important; + text-shadow: 0 0 3px rgba(256, 256, 256, 0.7); + top:62px !important; +} + + +#nav_dest{background: url(../images/nav/dest_bg.png) no-repeat;width: 730px;height: 310px;left: 65px;top: 105px;} + +#nav_dest ul.r-block { list-style:none; position:relative; float:left; width:310px; height:250px; top:60px; margin-left:20px} +#nav_dest ul.l-block { list-style:none; position:relative; float:left; width:320px; height:250px; top:60px; margin-left:50px} +#nav_dest ul li { line-height:50px; font-size:20px;} + + + +#navigation_destination_back_button{left:9px;top:65px;cursor:pointer;z-index:5;width:50px;height:50px;background: url(../images/nav/back_btn.png) no-repeat;} +#navigation_destination_back_button .ico{left: 9px;top: 14px;position: absolute;} +#navigation_destination_back_button.pressed{background: url(../images/nav/back_btn_pressed.png) no-repeat !important;} + +/************ Destination ************/ +.keyboard .q { + left: -67px; + top: 109px; + white-space: nowrap; +} + +.keyboard .w { + left: 4px; + top: 109px; + white-space: nowrap; +} + +.keyboard .e { + left: 79px; + top: 109px; + white-space: nowrap; +} + +.keyboard .r { + left: 150px; + top: 109px; + white-space: nowrap; +} + +.keyboard .t { + left: 222px; + top: 109px; + white-space: nowrap; +} + +.keyboard .y { + left: 295px; + top: 109px; + white-space: nowrap; + } + +.keyboard .u { + left: 367px; + top: 109px; + white-space: nowrap; +} + +.keyboard .i { + left: 445px; + top: 109px; + white-space: nowrap; +} + +.keyboard .o { + left: 511px; + top: 109px; + white-space: nowrap; +} + +.keyboard .p { + left: 584px; + top: 109px; + white-space: nowrap; +} + +.keyboard .a { + left: -29px; + top: 155px; + white-space: nowrap; +} + +.keyboard .s { + left: 44px; + top: 155px; + white-space: nowrap; +} + +.keyboard .d { + left: 114px; + top: 155px; + white-space: nowrap; +} + +.keyboard .f { + left: 188px; + top: 155px; + white-space: nowrap; +} + +.keyboard .g { + left: 258px; + top: 155px; + white-space: nowrap; +} + +.keyboard .h { + left: 332px; + top: 155px; + white-space: nowrap; +} + +.keyboard .j { + left: 405px; + top: 155px; + white-space: nowrap; +} + +.keyboard .k { + left: 478px; + top: 155px; + white-space: nowrap; +} + +.keyboard .l { + left: 550px; + top: 155px; + white-space: nowrap; +} + +.keyboard .z { + left: 7px; + top: 204px; + white-space: nowrap; +} + +.keyboard .x { + left: 79px; + top: 204px; + white-space: nowrap; +} + +.keyboard .c { + left: 149px; + top: 204px; + white-space: nowrap; +} + +.keyboard .v { + left: 223px; + top: 204px; + white-space: nowrap; +} + +.keyboard .b { + left: 293px; + top: 204px; + white-space: nowrap; +} + +.keyboard .n { + left: 366px; + top: 204px; + white-space: nowrap; +} + +.keyboard .m { + left: 439px; + top: 204px; + white-space: nowrap; +} + +.keyboard .and { + left: 656px; + top: 204px; + white-space: nowrap; +} + +.keyboard .dash { + left: 581px; + top: 203px; + white-space: nowrap; +} + +.keyboard .space { + left: 220px; + top: 249px; + white-space: nowrap; +} + +.keyboard .ch { + left: 499px; + top: 244px; + white-space: nowrap; +} + +.keyboard .abc { + left: 357px; + top: 244px; + white-space: nowrap; +} + +.keyboard .n123 { + left: 429px; + top: 250px; + white-space: nowrap; +} + +#navigation .sortby { + white-space: nowrap; + left: 276px; + top: 9px; + width: 150px; + text-align: right; +} + +/************ Destination My Home ************/ +#navigation_destination_myHome_view { + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_MyHome_bg.png) no-repeat; + top: 0px; + z-index: 1001; +} + +#navigation_destination_myHome_view .content{ + width: 800px; +} + +#navigation_destination_myHome_view .view { + top: 180px; + left: 72px; + text-align: center; + width: 63px; +} + +#navigation_destination_myHome_view .set_a_dest { + top: 385px; + left: 17px; +} +#navigation_destination_myHome_view .dest { + left: 603px; + top: 19px; +} +#navigation_destination_myHome_view .set_as_way { + top: 374px; + left: 134px; + width: 130px; + text-align: center; +} +#navigation_destination_myHome_view .my_home { + left: 490px; + top: 151px; +} +#navigation_destination_myHome_view .rd { + left: 490px; + top: 201px; +} +#navigation_destination_myHome_view .menu { + left: 712px; + top: 19px; +} +#navigation_destination_myHome_view .dial { + left: 680px; + top: 249px; +} +#navigation_destination_myHome_view .edit { + left: 601px; + top: 354px; + width: 138px; + text-align: center; +} +#navigation_destination_myHome_view .delete { + left: 461px; + top: 354px; + width: 138px; + text-align: center; +} + +.help-mode #navigation_destination_myHome_view .label-20, { + text-shadow: 0 0 3px #999; +} + +.help-mode #navigation_destination_myHome_view { + background: url(../images/nav/dest/navi_destination_MyHome_bg_help.png) no-repeat; +} + +.help-mode #navigation_destination_myHome_view .label-20{ + text-shadow: 0 0 3px #999; +} + +/********************** Favorites ***********************/ +#view_navi_destination_favorites { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_Favorites_bg.png) no-repeat; + z-index:1001; +} + +#view_navi_destination_favorites .content { + top: 119px; + left: 100px; +} + +#view_navi_destination_favorites .i1{ + top: 57px; + left: -9px; +} + +#view_navi_destination_favorites .i2{ + top: 117px; + left: -9px; +} + +#view_navi_destination_favorites .az{ + top: 12px; + left: 472px; + white-space: nowrap; +} + +#view_navi_destination_favorites .date{ + top: 12px; + left: 566px; + white-space: nowrap; +} + +#view_navi_destination_favorites .edit{ + top: 56px; + left: 437px; + width: 98px; + white-space: nowrap; + text-align: center; +} + +#view_navi_destination_favorites .delete1{ + top: 57px; + left: 538px; + width: 96px; + white-space: nowrap; + text-align: center; +} + +#view_navi_destination_favorites .delete2{ + top: 115px; + left: 538px; + width: 96px; + white-space: nowrap; + text-align: center; +} + +#view_navi_destination_favorites .add{ + top: 116px; + left: 437px; + width: 98px; + white-space: nowrap; + text-align: center; +} + +#view_navi_destination_favorites .myhome{ + white-space: nowrap; + left: 80px; + top: 57px; +} + +.help-mode #view_navi_destination_favorites { + background: url(../images/nav/dest/navi_destination_Favorites_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_favorites .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** Previous ***/ +#view_navi_destination_previous { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_Previous_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_previous .content { + top: 119px; + left: 100px; +} + +#view_navi_destination_previous .i1 { + top: 57px; + left: -9px; +} +#view_navi_destination_previous .i2 { + top: 117px; + left: -9px; +} + +#view_navi_destination_previous .date { + top: 12px; + left: 464px; + white-space: nowrap; +} + +#view_navi_destination_previous .city { + top: 12px; + left: 566px; + white-space: nowrap; +} + +#view_navi_destination_previous .delete1 { + top: 57px; + left: 538px; + width: 96px; + white-space: nowrap; + text-align: center; +} + +#view_navi_destination_previous .delete2 { + top: 115px; + left: 538px; + width: 96px; + white-space: nowrap; + text-align: center; +} + +#view_navi_destination_previous .add { + left: 470px; + top: 116px; + white-space: nowrap; +} +#view_navi_destination_previous .milerd { + white-space: nowrap; + left: 31px; + top: 58px; +} +#view_navi_destination_previous .southfield { + white-space: nowrap; + left: 34px; + top: 116px; +} + +.help-mode #view_navi_destination_previous { + background: url(../images/nav/dest/navi_destination_Previous_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_previous .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** POI ***/ +#view_navi_destination_poi { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_POI_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_poi .content { + top: 118px; + left: 99px; +} + +#view_navi_destination_poi .sa{ + left: -93px; + top: 58px; + width: 146px; + text-align: center; +} + +#view_navi_destination_poi.fr .sa{ + left: -72px; + top: 47px; + width: 100px; + text-align: center; + line-height: 20px; +} + +#view_navi_destination_poi .sbn{ + width: 145px; + left: -92px; + top: 104px; + text-align: center; +} + +#view_navi_destination_poi.fr .sbn { + left: -67px; + width: 94px; +} + +#view_navi_destination_poi .sbp { + width: 148px; + left: -92px; + top: 161px; + text-align: center; +} + +#view_navi_destination_poi.fr .sbp { + line-height: 19px; + top: 155px; +} + +#view_navi_destination_poi .recent { + left: 554px; + top: 12px; +} + +#view_navi_destination_poi .all { + left: 437px; + top: 12px; + width: 99px; + text-align: center; +} + +#view_navi_destination_poi .fav { + left: 337px; + top: 12px; + text-align: center; + width: 97px; +} + +#view_navi_destination_poi .cat { + left: 220px; + top: 14px; +} + +#view_navi_destination_poi .fs { + left: 116px; + top: 58px; + white-space: nowrap; +} + +#view_navi_destination_poi .fin { + left: 116px; + top: 108px; + white-space: nowrap; +} +#view_navi_destination_poi .ar { + left: 116px; + top: 158px; + white-space: nowrap; +} + +#view_navi_destination_poi .acc { + left: 116px; + top: 208px; + white-space: nowrap; +} +#view_navi_destination_poi .p { + left: 116px; + top: 258px; + white-space: nowrap; +} +#view_navi_destination_poi .edit1 { + left: 535px; + top: 55px; + white-space: nowrap; + width: 100px; + text-align: center; +} +#view_navi_destination_poi .edit2 { + left: 535px; + top: 105px; + white-space: nowrap; + width: 100px; + text-align: center; +} +#view_navi_destination_poi .edit3 { + left: 535px; + top: 155px; + white-space: nowrap; + width: 100px; + text-align: center; +} +#view_navi_destination_poi .edit4 { + left: 535px; + top: 205px; + white-space: nowrap; + width: 100px; + text-align: center; +} +#view_navi_destination_poi .edit5 { + left: 535px; + top: 255px; + white-space: nowrap; + width: 100px; + text-align: center; +} + +.help-mode #view_navi_destination_poi { + background: url(../images/nav/dest/navi_destination_POI_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_poi .label-20 { + text-shadow: 0 0 3px #999; +} + +/************** Street Address ***************/ +#view_navi_destination_streetAddress { + top: 0px; + width: 800px; + height: 480px; + background-image: url(../images/nav/dest/navi_destination_StreetAddress_bg.png); + background-repeat: no-repeat; + z-index: 1001; +} + +#view_navi_destination_streetAddress .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_streetAddress .backButton{ + top: 11px; +} + +#view_navi_destination_streetAddress .voiceButton{ + top: 80px; +} + +#view_navi_destination_streetAddress .number { + left: -14px; + top: -24px; + white-space: nowrap; +} + +#view_navi_destination_streetAddress .city { + left: 3px; + top: 21px; + white-space: nowrap; +} + +#view_navi_destination_streetAddress .street { + left: 217px; + top: -24px; + white-space: nowrap; +} + +#view_navi_destination_streetAddress .de { + left: 88px; + top: 30px; + white-space: nowrap; +} + +#view_navi_destination_streetAddress .l26 { + left: 350px; + top: 30px; + white-space: nowrap; +} + +#view_navi_destination_streetAddress .sp { + left: 416px; + top: 29px; + width: 108px; + text-align: center; + white-space: nowrap; +} + +#view_navi_destination_streetAddress .mi { + left: 540px; + top: 30px; + white-space: nowrap; +} + +.help-mode #view_navi_destination_streetAddress { + background-image: url(../images/nav/dest/navi_destination_StreetAddress_bg_help.png); +} + +.help-mode #view_navi_destination_streetAddress .label-20{ + text-shadow: 0 0 3px #999; +} + +/*** Intersection ***/ +#view_navi_destination_intersection { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_Intersection_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_intersection .voiceButton{ + top: 80px; +} + +#view_navi_destination_intersection .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_intersection .street1{ + left: -14px; + top: -24px; + white-space: nowrap; +} + +#view_navi_destination_intersection .city{ + top: 21px; + left: 3px; +} + +#view_navi_destination_intersection .street2{ + left: 326px; + top: -24px; + white-space: nowrap; +} + +#view_navi_destination_intersection .de { + left: 88px; + top: -24px; + white-space: nowrap; +} + +#view_navi_destination_intersection .l26 { + left: 238px; + top: -25px; + white-space: nowrap; + font-size: 19px; +} + +#view_navi_destination_intersection .sp { + left: 416px; + top: 29px; + width: 108px; + text-align: center; + white-space: nowrap; +} + +#view_navi_destination_intersection .mi { + left: 540px; + top: 30px; + white-space: nowrap; +} + +#view_navi_destination_intersection .q { + left: -67px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .w { + left: 4px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .e { + left: 79px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .r { + left: 150px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .t { + left: 222px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .y { + left: 295px; + top: 109px; + white-space: nowrap; + } + +#view_navi_destination_intersection .u { + left: 367px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .i { + left: 445px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .o { + left: 511px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .p { + left: 584px; + top: 109px; + white-space: nowrap; +} + +#view_navi_destination_intersection .a { + left: -29px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .s { + left: 44px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .d { + left: 114px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .f { + left: 188px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .g { + left: 258px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .h { + left: 332px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .j { + left: 405px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .k { + left: 478px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .l { + left: 550px; + top: 155px; + white-space: nowrap; +} + +#view_navi_destination_intersection .z { + left: 7px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .x { + left: 79px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .c { + left: 149px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .v { + left: 223px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .b { + left: 293px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .n { + left: 366px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .m { + left: 439px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .and { + left: 656px; + top: 204px; + white-space: nowrap; +} + +#view_navi_destination_intersection .dash { + left: 581px; + top: 203px; + white-space: nowrap; +} + +#view_navi_destination_intersection .space { + left: 220px; + top: 249px; + white-space: nowrap; +} + +#view_navi_destination_intersection .ch { + left: 499px; + top: 244px; + white-space: nowrap; +} + +#view_navi_destination_intersection .abc { + left: 357px; + top: 244px; + white-space: nowrap; +} + +#view_navi_destination_intersection .n123 { + left: 429px; + top: 250px; + white-space: nowrap; +} + +.help-mode #view_navi_destination_intersection { + background: url(../images/nav/dest/navi_destination_Intersection_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_intersection .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** CityCenter ***/ +#view_navi_destination_cityCenter { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_CityCenter_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_cityCenter .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_cityCenter .state { + left: 416px; + top: 29px; + width: 108px; + text-align: center; + white-space: nowrap; +} + +#view_navi_destination_cityCenter .n26{ + left: 350px; + top: 30px; +} + +#view_navi_destination_cityCenter .city { + left: 2px; + top: 25px; +} +#view_navi_destination_cityCenter .pointer{ + left: 90px; + top: 29px; +} + +#view_navi_destination_cityCenter .mi { + left: 540px; + top: 30px; + white-space: nowrap; +} + +.help-mode #view_navi_destination_cityCenter { + background: url(../images/nav/dest/navi_destination_CityCenter_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_cityCenter .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** Map ***/ +#view_navi_destination_map { + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_Map_bg.png) no-repeat; + top: 0px; + z-index: 1001; +} + +#view_navi_destination_map_destination_button{ + left: 565px; + top: 5px; + height: 23px; + white-space: nowrap; + width: 113px; + text-align: center; + padding: 14px 0 12px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: 1px solid #393939; + border-right: none; +} + +#view_navi_destination_map .content{ + left: 95px; + top: 60px; +} + +#view_navi_destination_map .view { + left: -14px; + top: 120px; +} +#view_navi_destination_map .set_as_dest { + top: 325px; + left: -90px; + width: 127px; + text-align: center; +} + +#view_navi_destination_map .saw { + top: 314px; + left: 41px; + width: 127px; + text-align: center; +} +#view_navi_destination_map .saf { + top: 314px; + left: 171px; + width: 127px; + text-align: center; +} + +#view_navi_destination_map .poi { + top: 315px; + left: 306px; + width: 120px; + text-align: center; +} + +#view_navi_destination_map .tf { + left: 445px; + top: 318px; + width: 99px; + text-align: center; +} + +#view_navi_destination_map.fr .tf { + top: 314px; +} + +#view_navi_destination_map .menu { + left: 615px; + top: -41px; + white-space: nowrap; +} +#view_navi_destination_map .chestnut { + left: 251px; + top: 12px; + white-space: nowrap; +} + +.help-mode #view_navi_destination_map { + background: url(../images/nav/dest/navi_destination_Map_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_map .label-20{ + text-shadow: 0 0 3px #999; +} + +.help-mode #view_navi_destination_map_destination_button { + border: none; + background: none; +} + +/*** Previous Starting Points ***/ +#view_navi_destination_previousStartingsPoint { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_PreviousStartPoint_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_previousStartingsPoint .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_previousStartingsPoint .i1{ + top: 57px; + left: -9px; +} +#view_navi_destination_previousStartingsPoint .i2{ + top: 117px; + left: -9px; +} +#view_navi_destination_previousStartingsPoint .date{ + top: 12px; + left: 465px; + white-space: nowrap; +} + +#view_navi_destination_previousStartingsPoint .city{ + top: 12px; + left: 566px; + white-space: nowrap; +} + +#view_navi_destination_previousStartingsPoint .delete1{ + top: 57px; + left: 557px; + white-space: nowrap; +} +#view_navi_destination_previousStartingsPoint .delete2{ + top: 115px; + left: 557px; + white-space: nowrap; +} +#view_navi_destination_previousStartingsPoint .add{ + left: 470px; + top: 116px; + white-space: nowrap; +} +#view_navi_destination_previousStartingsPoint .milerd{ + white-space: nowrap; + left: 31px; + top: 58px; +} +#view_navi_destination_previousStartingsPoint .southfield{ + white-space: nowrap; + left: 34px; + top: 116px; +} + +.help-mode #view_navi_destination_previousStartingsPoint { + background: url(../images/nav/dest/navi_destination_PreviousStartPoint_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_previousStartingsPoint .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** Freeway ***/ +#view_navi_destination_freeWay { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_Freeway_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_freeWay .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_freeWay .state { + left: 416px; + top: 29px; + width: 108px; + text-align: center; + white-space: nowrap; +} + +#view_navi_destination_freeWay .n26{ + left: 350px; + top: 29px; +} + +#view_navi_destination_freeWay .freeway { + left: -16px; + top: 28px; +} + +#view_navi_destination_freeWay .pointer{ + left: 90px; + top: 29px; +} + +#view_navi_destination_freeWay .mi { + left: 540px; + top: 30px; + white-space: nowrap; +} + +.help-mode #view_navi_destination_freeWay { + background: url(../images/nav/dest/navi_destination_Freeway_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_freeWay .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** Latitude ***/ + +#view_navi_destination_latitudeLongitude { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_LatitudeLongitude_bg.png) no-repeat; + z-index: 1001; +} + +#view_navi_destination_latitudeLongitude .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_latitudeLongitude .w{ + left: 526px; + top: 149px; +} +#view_navi_destination_latitudeLongitude .n{ + left: 454px; + top: 95px; +} +#view_navi_destination_latitudeLongitude .s{ + left: 455px; + top: 203px; +} +#view_navi_destination_latitudeLongitude .e{ + left: 383px; + top: 149px; +} +#view_navi_destination_latitudeLongitude .go{ + left: 610px; + top: 247px; +} +#view_navi_destination_latitudeLongitude .longitude{ + left: 156px; + top: 37px; +} +#view_navi_destination_latitudeLongitude .latitude{ + left: 156px; + top: -20px; +} +#view_navi_destination_latitudeLongitude .dd{ + left: 45px; + top: 10px; +} + +#view_navi_destination_latitudeLongitude .n1{ + left: 94px; + top: 203px; +} + +#view_navi_destination_latitudeLongitude .n2{ + left: 165px; + top: 203px; +} + +#view_navi_destination_latitudeLongitude .n3{ + left: 237px; + top: 203px; +} + +#view_navi_destination_latitudeLongitude .n4{ + left: 94px; + top: 148px; +} + +#view_navi_destination_latitudeLongitude .n5{ + left: 165px; + top: 148px; +} + +#view_navi_destination_latitudeLongitude .n6{ + left: 237px; + top: 148px; +} + +#view_navi_destination_latitudeLongitude .n7{ + left: 94px; + top: 98px; +} + +#view_navi_destination_latitudeLongitude .n8{ + left: 165px; + top: 98px; +} + +#view_navi_destination_latitudeLongitude .n9{ + left: 237px; + top: 98px; +} + +#view_navi_destination_latitudeLongitude .n0{ + top: 257px; + left: 166px; +} + +#view_navi_destination_latitudeLongitude .z1{ + left: 374px; + top: -21px; +} +#view_navi_destination_latitudeLongitude .z2{ + left: 444px; + top: -21px; +} +#view_navi_destination_latitudeLongitude .z3{ + left: 374px; + top: 38px; +} +#view_navi_destination_latitudeLongitude .z4{ + left: 444px; + top: 38px; +} + +#view_navi_destination_latitudeLongitude .wn1{ + left: 512px; + top: -21px; +} +#view_navi_destination_latitudeLongitude .wn2{ + left: 510px; + top: 38px; +} + +#view_navi_destination_latitudeLongitude .d1{ + left: 414px; + top: -32px; + font-size: 48px; +} +#view_navi_destination_latitudeLongitude .d2{ + left: 414px; + top: 28px; + font-size: 48px; +} + +#view_navi_destination_latitudeLongitude .mn1{ + left: 485px; + top: -36px; + font-size: 22px; +} +#view_navi_destination_latitudeLongitude .mn2{ + left: 485px; + top: 25px; + font-size: 22px; +} + +.help-mode #view_navi_destination_latitudeLongitude { + background: url(../images/nav/dest/navi_destination_LatitudeLongitude_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_latitudeLongitude .label-20 { + text-shadow: 0 0 3px #999; +} + +/*** Emergency ***/ +#view_navi_destination_emergency { + top: 0px; + width: 800px; + height: 432px; + background: url(../images/nav/dest/navi_destination_Emergency_bg.png) no-repeat; + z-index: 10001; +} + +#view_navi_destination_emergency .content{ + top: 119px; + left: 100px; +} + +#view_navi_destination_emergency .sa { + white-space: nowrap; + top: 28px; + left: -74px; +} + +#view_navi_destination_emergency.fr .sa { + white-space: pre-wrap; + position: relative; + line-height: 19px; + width: 148px; + top: 19px; + left: -95px; + text-align: center; +} + +#view_navi_destination_emergency .nearby { + white-space: nowrap; + top: 28px; + left: 65px; +} +#view_navi_destination_emergency .hospital { + white-space: nowrap; + top: 138px; + left: 170px; +} +#view_navi_destination_emergency .police { + white-space: nowrap; + top: 189px; + left: 170px; +} +#view_navi_destination_emergency .emerg { + white-space: nowrap; + top: 89px; + left: 170px; +} + +.help-mode #view_navi_destination_emergency { + background: url(../images/nav/dest/navi_destination_Emergency_bg_help.png) no-repeat; +} + +.help-mode #view_navi_destination_emergency .label-20{ + text-shadow: 0 0 3px #999; +} + +#nav_arrow {background: url(../images/nav/nav_arrow.png) no-repeat;width: 70px;height: 56px;z-index: 5;left: 21px;top: 73px;} + +#nav_arrow.help_blur{ background:url(../images/nav/help/direction_arrow_blur.png) no-repeat !important; width:80px !important; height:66px !important; left:16px !important; top:65px !important;} + +#nav_compass{width:50px;height:50px;background: url(../images/nav/compas.png) no-repeat;right:208px; z-index:1;} + +#nav_compass.help_blur{ background:url(../images/nav/help/compas_blur.png) no-repeat !important; width:60px !important; height:60px !important; top:-5px; left:-66px;} + + +#navigation_topmenu{right:6px;top:5px;width:197px;height:48px;-webkit-border-radius:3px;border-radius:3px; z-index:6;} + +#top_menu_blur_1{ background:url(../images/nav/top_menu_blur_1.png) no-repeat; width:267px; height:58px; display:none; right:1px; z-index:1;} + + +#nav_top_menu_arrow, #help_nav_top_menu_repeat_button{cursor: pointer;background: url(../images/nav/top_menu_bg.png) repeat-x;z-index: 6;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;width:48px;height:48px;right:0px;} + +/* Top menu Menu button*/ +#navigation_topmenu_menu_button{ + cursor:pointer; + z-index: 5; + background: url(../images/nav/top_menu_bg.png) repeat-x; + width:71px; + height:48px; + left: 75px; + font-size:18px; + text-align:center; + line-height:48px; +} +#navigation_topmenu_menu_button.pressed{ + background: url(../images/nav/nav_bg_pressed.png) repeat-x !important; +} + +#navigation_topmenu_menu_button_help{ + background:url(../images/nav/help/menu_btn_help.png) no-repeat; + width:74px; + height:55px; + left:74px; + bottom:-4px; +} + + +#navigation_topmenu .delim{background: url(../images/nav/top_menu_delim.png) no-repeat;height:48px;width:4px; z-index:5;} +#navigation_topmenu .delim2 { left: 71px; } +#navigation_topmenu .delim3 { left: 146px; } + +/* Destination button*/ +#navigation_topmenu_destination_button{ + cursor:pointer; + z-index:6; + background: url("../images/nav/top_menu_bg.png") repeat-x; + font-size:18px; + width:71px; + height:48px; + text-align:center; + line-height:48px; + -webkit-border-top-left-radius:2px; + -webkit-border-bottom-left-radius:2px; + border-top-left-radius:2px; + border-bottom-left-radius:2px; +} + + + + +#navigation_topmenu_destination_button.pressed{background: url("../images/nav/nav_bg_pressed.png") repeat-x !important;} + +#nav_top_menu_mute ,#help_nav_top_menu_repeat_button img {position:absolute;top:10px;left:10px;} + +#nav_top_menu_arrow img {position:absolute;top:10px;left:10px;} + +#nav_zoom_in_dis {background: url("../images/nav/zoom_in_dis.png") no-repeat; width: 25px; height: 25px; left: 19px; top: 259px; display: none; z-index: 1000;} + +#nav_zoom_out_dis {background: url("../images/nav/zoom_out_dis.png") no-repeat; width: 25px; height: 25px; left: 19px; top: 309px; z-index: 1000;} + +.time-dest{ background:url(../images/nav/dest-time.png) no-repeat; width:130px; height:50px; top:349px; left:5px; z-index:1000} + +.time-dest .distance{ + font-size: 20px; + left: 50px; + top: 3px; + position: absolute; +} +.time-dest .distance_label{ + position: absolute; + left: 25px; + font-size: 16px; + top: 4px; +} + +.distance_time{ + font-size: 20px; + left: -24px; + top: 16px; + position: absolute; +} + +.distance_time_label{ + position: absolute; + left: 40px; + font-size: 12px; + top: 7px; +} + + + +.time-dest.help_blur{ + background:url(../images/nav/help/miles_button_blur.png) no-repeat !important; + width:140px !important; + height:60px !important; + left:0px !important; + top:344px !important; +} + +.time-dest.help_blur span{ + border: none !important; + background: none !important; + color: transparent !important; + text-shadow: 0 0 3px rgba(256, 256, 256, 0.7); +} + +.time-dest.help_blur .time-dest-cont{ + top:5px; + left:5px; +} + + +#navigation_zoomin_button{border:1px solid #393939;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;z-index:5;width:50px;height:50px;top:245px;left:5px;cursor:pointer;z-index:1000;background: url("../images/nav/zoom_bg.png") repeat-x;} +#navigation_zoomout_button{border:1px solid #393939;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;z-index:5;width:50px;height:49px;top:294px;left:5px;cursor:pointer;z-index:1000;background: url("../images/nav/zoom_bg.png") repeat-x;} +#navigation_zoomin_button .ico{position:absolute;left:13px;top:13px;} +#navigation_zoomout_button .ico{position:absolute;left:13px;top:13px;} + +#navigation_zoomin_button.pressed{background: url("../images/nav/zoom_bg_active.png") repeat-x !important;} +#navigation_zoomout_button.pressed{background:url("../images/nav/zoom_bg_active.png") repeat-x !important;} + +#nav_top_menu_mute_help {display: none; width: 32px; height: 19px; background: url("../images/nav/nav_help_led.png") no-repeat; left: 705px; top: 34px; z-index: 100;} +#no_freeway {z-index:100; text-align: center; width: 202px;font-size: 21px; bottom: 2px; right: 70px;} +.nav_type_ico {position:absolute;left:2px;top:-1px;} +.type_h{position:absolute;left:5px;top:-5px;} + + + +#navigation_mapsettings{ + top:175px; + left:5px; + border:1px solid #333; + -webkit-border-radius:3px; + z-index:6; +} + +#navigation_mapsettings.noboreder{ + border:none !important; +} + +/* Type View Change Button*/ + +#navigation_typeview_button { + position:relative; + float:left; + background: url(../images/nav/type_view_btn_bg.png) no-repeat; + cursor:pointer; + font-size:18px; + width:60px; + height:57px; + text-align:center; + line-height:40px; + border-left:1px solid #333; + z-index:5; +} + +.helpmode #navigation_typeview_button { + top:1px; + left:1px; +} + +#navigation_typeview_button p { + margin-top:6px; +} +#navigation_typeview_button div{ + width:22px; + height:17px; + left:13px; + bottom:8px; + position:relative; + float:left; + margin-left:-9px; +} +#navigation_typeview_button div.small_ind_def{ + background:url(../images/nav/small_ind_def.png) no-repeat; +} +#navigation_typeview_button div.small_ind_active{ + background:url(../images/nav/small_ind_yell.png) no-repeat; +} +#navigation_typeview_button.pressed{ + background: url(../images/nav/type_view_btn_bg_pressed.png) no-repeat !important; +} + +#helptypeviewchange{ + background:url(../images/nav/help/type_view_button_help.png) no-repeat; + width:85px; + height:80px; + left:50px; + top:-10px; +} + + +/* Map View Change Button*/ + +#navigation_mapview_button{ + cursor:pointer; + width:60px; + height:57px; + background:url(../images/nav/map_view_btn_bg.png) no-repeat; + z-index:1000; + position:relative; + float:left; +} +#navigation_mapview_button .ico { + margin-left: 5px; +} +#navigation_mapview_button div{ + width:22px; + height:17px; + left:13px; + bottom:12px; + position:relative; + float:left; + margin-left:-9px; +} +#navigation_mapview_button div.small_ind_def{ + background:url(../images/nav/small_ind_def.png) no-repeat; +} +#navigation_mapview_button div.small_ind_active{ + background:url(../images/nav/small_ind_yell.png) no-repeat; +} +#navigation_mapview_button.pressed{ + background:url(../images/nav/map_view_btn_bg_pressed.png) no-repeat !important; +} +/* END Map View Change Button*/ + + + +#help_navigation_mapview_button{ + width:60px; + height:70px; + z-index:1001; + top:170px; +} + +#help_navigation_mapview_button.button_type1{ + background:url(../images/nav/help/view_type1_button_blur.png) no-repeat !important; + z-index:1; + width:65px; +} +#help_navigation_mapview_button.button_type2{ + background:url(../images/nav/help/view_type2_button_blur.png) no-repeat !important; + z-index:1; + width:65px; +} +#help_navigation_mapview_button.button_type3{ + background:url(../images/nav/help/view_type3_button_blur.png) no-repeat !important; + z-index:1; + width:65px; +} + +/* Nav Menu*/ + +#nav_menu_view { + width: 496px; + height: 216px; + background: black; + z-index: 1000; + top: 125px; + left:155px; + border: 2px solid #167B3B; +} + +#nav_menu_lable{ + font-size: 24px; + position: relative; + width: 400px; + margin: 0 auto; + margin-top: 10px; + text-align: center; +} + +#nav_menu_buttons{ + border: 1px solid #393939; + width: 461px; + height: 152px; + position: relative; + margin: 0 auto; + -webkit-border-radius:4px; + margin-top:10px; +} + +#nav_menu_buttons .button{ + background:url(../images/list/list_item_bg.png) repeat-x; + width: 230px; + height: 50px; + border-bottom: 1px solid #393939; + position:relative; + float:left; +} + +#nav_menu_buttons .button.right_border{ + border-right: 1px solid #393939; +} + +#nav_menu_buttons .button span{ + font-size: 18px; + line-height: 48px; + padding-left: 20px; +} +#nav_menu_buttons .button.pressed{ + background: url(../images/list/list_item_pressed.png) repeat-x !important; +} + +#guadian_mute .ind_act{ + position: absolute; + right:14px; + top:9px; + background:url(../images/climate/ind_vert_active.png) no-repeat; + width:19px; + height:32px; +} + +#guadian_mute .ind_inact{ + position: absolute; + background:url(../images/climate/ind_vert_def.png) no-repeat; + width:6px; + height:21px; + right:20px; + top:14px; +} + + + +#distance{background: url("../images/nav/distance.png") no-repeat bottom left;width: 133px;height: 14px;font-size: 20px;text-shadow: 0px 0px 3px #fff;color: black;top: 397px;padding: 0 0 11px 10px;z-index: 5;left: 6px;} + +#distance.help_blur{ background:url(../images/nav/help/distance_linedecor_blur.png) no-repeat !important; width:143px !important; height:24px !important; top:402px !important; left:1px !important;} +#distance.help_blur span{ position:absolute; bottom:16px; left:15px;} + + +.typeview2{left: 0;background-position: -140px 0 !important; width: 395px !important;} +.typeview3{left: 0;background-position: -140px 0 !important; width: 395px !important;} + +#navigation_view1{background: url("../images/nav/nav_bg.png") no-repeat; width:800px; height:480px; display:none;} + +#navigation_view1.help_blur{ background:url(../images/nav/help/nav_bg_blur.png) no-repeat !important; top:3px;} + +#navigation_view1.typeview1{display:block; background-position:0 0 !important;} + +#navigation_view2 {display: none;background: url("../images/nav/map_view2_with_icons.png") 0px -30px no-repeat;width:343px;height:233px;left: 395px;top: 56px;z-index: 5;} + +#navigation_view2.help_blur{ background:url(../images/nav/help/map_view2_blur.png) no-repeat !important; height:434px !important; } + +#navigation_view2.help_blur .nav2_ctrls2, +#navigation_view2.help_blur .nav2_ctrls, +#navigation_view2.help_blur .turn-list { + border: none !important; + background: none !important; + color: transparent !important; + text-shadow: 0 0 3px rgba(256, 256, 256, 0.7); +} + + +#navigation_view2.typeview2{display:block; background-position:0 -30px !important;} + + +#navigation_view3 {display: none;background: url("../images/nav/map_view3.png") 0px -70px no-repeat;width: 343px;height: 335px;left: 395px;top: 70px;z-index: 5;} + +#navigation_view3.help_blur{ background:url(../images/nav/help/type_3_content_blur.png) no-repeat !important; width:415px !important; height:443px !important; top:65px !important; left:390px !important; } + + + +#navigation_view3.typeview3{display:block; background-position:0 -70px !important;} + +#navigation_view3.forhelp {z-index: 200; background: none !important;} + +#street {line-height: 56px;text-align:center;font-size:20px;text-shadow:1px 1px 1px #000;z-index: 5;top: 369px;left: 164px;background:url("../images/nav/street.png") no-repeat;width:470px;height:50px;} + + +#street.help_blur{ background:url(../images/nav/help/street_bar_blur.png) no-repeat !important; width:480px !important; height:60px !important; left:159px !important; top:361px !important; line-height: 63px !important;} + + +.phone_help_view2 {display: block; z-index: 10 !important;/* left: -405px !important;*/} +#help_view_2 {width: 400px; height: 480px; background: url("../images/nav/blur_nav_controls_view2.png") no-repeat; z-index: 100; left: 400px; display: none;} +#help_view_3 {width: 400px; height: 480px; background: url("../images/nav/blur_nav_controls_view3.png") no-repeat; z-index: 100; left: 395px; display: none;} +#blur_zoom {width: 132px; height: 227px; background: url("../images/nav/phone_blur_zoom.png") no-repeat; top: 173px;z-index: 1999;left:4px; display: none;} + +.blur_zoom2 {background: url("../images/nav/phone_blur_zoom2.png") no-repeat !important; top: 174px !important;} +.blur_zoom3 {background: url("../images/nav/phone_blur_zoom3.png") no-repeat !important; top: 174px !important; left:5px !important;} + +#help_nav_di_blur {z-index: 100; width: 143px; height: 25px; background: url("../images/nav/di_blur.png") no-repeat; bottom: 58px;left: 6px; display: none;} + +#help_nav_arrow_wrap {display:none; right: 0;z-index: 1002;top: 0;width: 71px; height: 67px; background: url("../images/bg/nav_btn_bg.png") no-repeat;} +#help_nav_arrow {top: 6px;right: 7px;cursor: pointer;background: url("../images/nav/top_menu_bg.png") repeat-x;z-index: 5;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;width:48px;height:48px;} +#help_nav_arrow img {position:absolute;top:10px;left:11px;} + + +#help_nav_view {background: url("../images/nav/help_nav_wrap.png") no-repeat; width: 124px; height: 67px; right: 92px; z-index: 1003; top: 0;display: none;} + +#dest_nav_blur{width:800px;height:480px;z-index: 100;display: none;background: url(../images/nav/destination_blur.png) no-repeat;} + + +#help_nav_top_menu_view {top: 6px;z-index:5;cursor:pointer;left:63px;font-size:18px;width:48px;height:48px;text-align:center;line-height:40px;} +#help_nav_top_menu_view .ico1{position:absolute;left:6px;top:35px;} +#help_nav_top_menu_view .ico2{position:absolute;left:18px;top:35px;} +#help_nav_top_menu_view .ico3{position:absolute;left:30px;top:35px;} + +#help_nav_top_menu_dest{cursor: pointer;z-index: 5;background: url("../images/nav/top_menu_bg.png") repeat-x;left: 13px;font-size: 18px;top: 6px;width: 48px;height: 48px;text-align: center;line-height: 48px;-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;} + +#help_nav_top_menu_view .active{left:-1px;top:28px;} +#help_nav_top_menu_view .ico2.active{left: 11px;} +#help_nav_top_menu_view .ico3.active{left: 23px;} + +.nav2_ctrls {font-size: 20px; font-weight: bold; left: 131px;} +.nav2_ctrls2 {font-size: 20px; font-weight: normal; left: 60px;} + +#nav_mich_mi {top: 40px;} +#nav_outer_mi {top: 90px;} +#nav_main_street_mi {top: 140px;} +#nav_wyoming_street_mi {top: 190px;} + +#nav_wyoming_street {top: 190px;} +#nav_main_street {top: 141px;} +#nav_outer {top: 93px;} +#nav_mich {top: 40px;} + + +#navigation_view2 .turn-list { top:306px; left:9px; width:325px; height:50px; font-size: 20px; line-height: 50px; border: 1px solid #393939; } +#navigation_view2 .turn-list span{ margin-left: 13px; } + +#navigation_view2.help_blur .turn-list { top:307px; left:10px; width:325px; height:50px; font-size: 20px; line-height: 50px; border: none; } +#navigation_view2.help_blur .turn-list .arrow-ico { opacity: 0 !important; } + +#nav_red_arrow {width: 38px; height: 36px; background: url(../images/nav/red_arrow.png) no-repeat; left: 16px; top: 35px;} +#nav_left_arrow {width: 38px; height: 36px; background: url(../images/nav/left_arrow.png) no-repeat; left: 16px; top: 85px;} +#nav_right_arrow {width: 38px; height: 36px; background: url(../images/nav/right_arrow.png) no-repeat; left: 16px; top: 135px;} +#nav_flag_arrow {width: 38px; height: 36px; background: url(../images/nav/flag.png) no-repeat; left: 16px; top: 185px;} +#nav_red_arrow.blur{background: url(../images/nav/red_arrow_blur.png) no-repeat;} +#nav_left_arrow.blur{background: url(../images/nav/left_arrow_blur.png) no-repeat;} +#nav_right_arrow.blur{background: url(../images/nav/right_arrow_blur.png) no-repeat;} +#nav_flag_arrow.blur{background: url(../images/nav/flag_blur.png) no-repeat;} + + +#view-blur{background:url(../images/nav/view2-1-blur.png) no-repeat; width:800px; height:480px; z-index:1001; display:none;} +#view-blur-2{background:url(../images/nav/view2-2-blur.png) no-repeat; width:800px; height:480px; z-index:1001; display:none;} +#view-blur-3{background:url(../images/nav/view2-3-blur.png) no-repeat; width:800px; height:480px; z-index:1001; display:none;} + +.dest-logo{font-size: 30px; top: -30px; left: 5px;} +.speak-ico{background:url(../images/nav/dest-speak-ico.png) no-repeat; width:50px; height:50px; left:679px; top:-40px;} + +#navigation_destination{width:800px; height:480px; background:url(../images/nav/bg.png) no-repeat; z-index:1001;} +#widget_navigation{position:absolute;width: 400px;height: 183px; left:400px;} +#home_main_mi {font-size: 21px; left: 159px; top: 102px;} +#home_main_st {font-size: 27px; left: 140px; top: 126px;} +#home_screen_arrow {background: url(../images/nav/arrow_home.png) no-repeat; width: 91px; height: 74px; right: 153px; top: 18px;} +#home_screen_arrow.help {background: url(../images/nav/arrow_home_blur.png) no-repeat !important;} + +#home_non_nav { + background: url(../images/home/home_nav_off.jpg) no-repeat; + width: 140px; + height: 140px; + left: 125px; + top: 20px; +} + +#home_non_nav.help { + background: url(../images/home/home_nav_off_blur.jpg) no-repeat; +} + +#status_nav{top:0px;right:0px;text-align:right;font-size:21px; width:324px; height:48px; cursor:pointer; background:url(../images/common/nav-status-bg.png) no-repeat; z-index:1;} + +#navigation_status_label { + width: 100%; + display: block; + visibility: hidden; +} + +#navigation_status_label span { + padding-right: 11px; +} +#navigation_status_on{height:48px; width:310px; position:relative; float:right;} +#navigation_status_on .nav_distance{position: relative; right: 11px;} +#navigation_status_on .ico{width: 26px;left: 60px;top: 10px; position:absolute;} + +#help_navigation_zoom_button{width: 62px; height:110px; top:240px; z-index:1001;} +#help_navigation_zoom_button.button_type1{ background:url(../images/nav/help/zoom_buttons_plus_disabled.png) no-repeat;} +#help_navigation_zoom_button.button_type2{ background:url(../images/nav/help/zoom_buttons_minus_disabled.png) no-repeat;} +#help_navigation_zoom_button.button_type3{ background:url(../images/nav/help/zoom_buttons_all_active.png) no-repeat;} + +.dark_map{opacity:0.5 !important;} + +#help_yellow_border{ background:url(../images/nav/help/top_menu_yellow_border.png) no-repeat; width:124px; height:67px; top: -6px; +left: -13px; z-index:5;} + +#help_yellow_border_repeat_button{ background:url(../images/nav/help/repeate_btn_yellow_border.png) no-repeat; width:71px; height:67px; z-index:5;left: 133px; +top: -5px;} + +#navigation_topmenu_help_mute_button{ + background:url(../images/nav/help/mute_button_blur.png) no-repeat; + width:64px; + height:58px; + left: 91px; + z-index: 5; + top: -5px; +} + +#navigation_topmenu_help_mute_button.active_led{ background:url(../images/nav/help/mute_button_active_blur.png) no-repeat !important;} + +#view2_list_container{width: 343px;} + +#destination_view_blur{ background:url(../images/nav/help/destination_view_blur.png) no-repeat; width:800px; height:480px;} + + +/******************* For Navigation.Destination menu*******************/ +#navigation_destination { + width: 800px; + height: 480px; +} + +#navigation_destination .backButton{ + top: 59px; +} + +#navigation_destination .block-header-title{ + top: 67px; + left: 73px; +} + +#navigation_destination_pushToTalk_buttton{ + top: 80px; + right: 5px; + height: 48px; + width: 48px; + border: 1px solid #4bffff; + border-radius: 2px; +} + +#navigation_destination_list { + top: 139px; + left: 64px; + width: 734px; + height: 250px; +} + +#navigation_destination_list .list-content { + border: none !important; +} +#navigation_destination_list .scrollbar { + height: 248px !important; +} + +#navigation_destination_list .sb-bottom { + height: 47px; +} + +#navigation_destinationt { + height: 250px; + position: relative; + float: left; + margin-top: 5px; + width: 554px; +} + +#navigation_destination_list .list-item .ico{ + width: 50px; + height: 50px; +} + +#navigation_destination_list .list-content { + width: 684px; +} + +#navigation_destination .list-item { + position: relative; + width: 330px; + float: left; + margin-right: 10px; + height: 49px; + font-size: 20px; + line-height: 50px; + border: 1px solid #393939; + border-bottom: none; + cursor: pointer; +} + +#navigation_destination .list-item .ico { + float: left; +} + +#navigation_destination .list-item span { + height: 23px; +} + +#navigation_destination .inner-wrapper { + left: 100px; + top: 71px; +} + +#navigation_destination .group_button_wraper{ + width: 330px; + position: absolute; + height: 49px; + top: 339px; + left: 406px; + border: 1px solid #333; + text-align: center; +} + +.helpmode #navigation_destination .group_button_wraper span{ + text-shadow: 0 0 3px #999; +} + +.helpmode #navigation_destination .group_button_wraper { + margin: 1px 1px; +} + +#navigation_destination .delim { + left:161px; + width: 4px; + height: 48px; + background: url(../images/common/delim.png) no-repeat; + z-index: 100; +} + +#navigation_destination .group_button_wraper .button{ + position: relative; + float: left; + width: 165px; + height: 48px; + cursor: pointer; + line-height: 50px; +} + +#navigation_destination .group_button_wraper span{ + font-size: 20px; + line-height: 25px; + text-align: center; +} + +#navigation_destination.fr #navigation_destination_editRoute_Button span { + position: absolute; + width: 79px; + left: 41px; + top: 5px; + line-height: 19px; +} + +#navigation_destination.fr #navigation_destination_cancelRoute_Button span { + position: absolute; + width: 98px; + left: 33px; + top: 5px; + line-height: 19px; +} + +#navigation_destination.help-mode { + background-image: url(../images/settings/navigation_destination_help.png); + background-repeat: no-repeat; +} + +#navigation_destination.help-mode .group_button_wraper .button, #navigation_destination.help-mode .group_button_wraper{ + border: none !important; + background: none !important; +} + +#navigation_destination.help-mode .delim{ + opacity: 0; +} + +/*#navigation_destination_list .list-item.voice-over{ + border: 1px solid #4BFFFF; + border-bottom: none; +}*/ + +#navigation_destination_list_item0, #navigation_destination_list_item1{ + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#navigation_destination_list_item8, +#navigation_destination_list_item3{ + height: 48px !important; + border-bottom: 1px solid #393939 !important; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#navigation_destination_list_item12, +#navigation_destination_list_item11{ + height: 48px !important; + border-bottom: 1px solid #393939 !important; +} + +#navigation_destination.help-mode{ + background-image: url(../images/nav/help/navigation_destnation_bg_help.png) !important; + background-repeat: no-repeat; +} + +.helpmode #navigation_destination_list_item8, +.helpmode #navigation_destination_list_item3 +{ + height: 50px !important; + border-bottom: none !important; +} + +.helpmode #navigation_destination_list span{ + margin-top: 1px; + line-height: 51px; +} + +.helpmode #navigation_destination .list-item{ + margin-right: 11px; + margin-left: -1px; + width: 332px; +} + |