samples/web/Sample/Tizen/Web App/Modello_SDL/project/css/navigation.css

   1 #navigation{width:800px;  height:480px; background:url(../images/nav/bg.png) no-repeat;}
   2
   3 #nav_bg.view2{background:url(../images/nav/green_bg.png) repeat-x;}
   4 #nav_bg.view3{background:url(../images/nav/green_bg.png) repeat-x;}
   5 #nav_map_img{width:800px;height:422px;background:url(../images/nav/map2d_north_zoom_0.png) no-repeat;top:10px;z-index:-2;}
   6 #nav_bg.view2 #street, #nav_bg.view3 #street{display: none;}
   7
   8 #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;}
   9
  10 #nav_blur_controls {width: 800px;height: 433px; background: url(../images/nav/blur_nav_controls.png) no-repeat;top:0;z-index:-1;display: none;}
  11 .no-bg{background: none !important;}
  12
  13 #home_presset_titanium{background: url(../images/home/home_presset_titanium.png) no-repeat;width: 185px; height: 56px; top: 201px;
  14 left: 120px; display: none;}
  15 #home_presset_hd {background: url(../images/home/home_presset_hd.png) no-repeat;width: 28px; height: 28px; top: 221px;
  16 left: 113px; display: none;}
  17
  18 .blur_controls2 {background: url(../images/nav/blur_nav_controls2.png) no-repeat !important;}
  19 .blur_controls3 {background: url(../images/nav/blur_nav_controls3.png) no-repeat !important;}
  20
  21 .zoom_45, .zoom_72 {background: url(../images/nav/map2d_north_zoom_1.png) no-repeat !important;}
  22 .zoom_35, .zoom_56 {background: url(../images/nav/map2d_north_zoom_2.png) no-repeat !important;}
  23 .zoom_25, .zoom_40 {background: url(../images/nav/map2d_north_zoom_3.png) no-repeat !important;}
  24
  25 .type2 {background-image: url(../images/nav/map3d_zoom_0.png) !important; background-repeat: no-repeat !important;}
  26 .type2.zoom_45, .type2.zoom_72 {background-image: url(../images/nav/map3d_zoom_1.png) !important; background-repeat: no-repeat !important;}
  27 .type2.zoom_35, .type2.zoom_56 {background-image: url(../images/nav/map3d_zoom_2.png) !important; background-repeat: no-repeat !important;}
  28 .type2.zoom_25, .type2.zoom_40 {background-image: url(../images/nav/map3d_zoom_3.png) !important; background-repeat: no-repeat !important;}
  29
  30 .type1 {background-image: url(../images/nav/map2d_heading_up_zoom_0.png) !important; background-repeat: no-repeat !important;}
  31 .type1.zoom_45, .type1.zoom_72 {background-image: url(../images/nav/map2d_heading_up_zoom_1.png) !important; background-repeat: no-repeat !important;}
  32 .type1.zoom_35, .type1.zoom_56 {background-image: url(../images/nav/map2d_heading_up_zoom_2.png) !important; background-repeat: no-repeat !important;}
  33 .type1.zoom_25, .type1.zoom_40 {background-image: url(../images/nav/map2d_heading_up_zoom_3.png) !important; background-repeat: no-repeat !important;}
  34
  35 .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;}
  36
  37 #nav.view3 .navbar {display:block !important;}
  38
  39 #mi{font-size: 26px;z-index:5;font-weight: bold;left: 110px;top: 65px;}
  40
  41 #mi.help_blur{
  42         border: none !important;
  43         background: none !important;
  44         color: transparent !important;
  45         text-shadow: 0 0 3px rgba(256, 256, 256, 0.7);
  46         top:62px !important;
  47 }
  48
  49
  50 #nav_location{font-size: 26px;z-index: 5;font-weight: bold;left: 315px;top: 65px;}
  51
  52 #nav_location.help_blur{
  53         border: none !important;
  54         background: none !important;
  55         color: transparent !important;
  56         text-shadow: 0 0 3px rgba(256, 256, 256, 0.7);
  57         top:62px !important;
  58 }
  59
  60
  61 #nav_dest{background: url(../images/nav/dest_bg.png) no-repeat;width: 730px;height: 310px;left: 65px;top: 105px;}
  62
  63 #nav_dest ul.r-block { list-style:none; position:relative; float:left; width:310px; height:250px; top:60px; margin-left:20px}
  64 #nav_dest ul.l-block { list-style:none; position:relative; float:left; width:320px; height:250px; top:60px; margin-left:50px}
  65 #nav_dest ul li { line-height:50px; font-size:20px;}
  66
  67
  68
  69 #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;}
  70 #navigation_destination_back_button .ico{left: 9px;top: 14px;position: absolute;}
  71 #navigation_destination_back_button.pressed{background: url(../images/nav/back_btn_pressed.png) no-repeat !important;}
  72
  73 /************ Destination ************/
  74 .keyboard .q {
  75         left: -67px;
  76         top: 109px;
  77         white-space: nowrap;
  78 }
  79
  80 .keyboard .w {
  81         left: 4px;
  82         top: 109px;
  83         white-space: nowrap;
  84 }
  85
  86 .keyboard .e {
  87         left: 79px;
  88         top: 109px;
  89         white-space: nowrap;
  90 }
  91
  92 .keyboard .r {
  93         left: 150px;
  94         top: 109px;
  95         white-space: nowrap;
  96 }
  97
  98 .keyboard .t {
  99         left: 222px;
 100         top: 109px;
 101         white-space: nowrap;
 102 }
 103
 104 .keyboard .y {
 105         left: 295px;
 106         top: 109px;
 107         white-space: nowrap;
 108  }
 109
 110 .keyboard .u {
 111         left: 367px;
 112         top: 109px;
 113         white-space: nowrap;
 114 }
 115
 116 .keyboard .i {
 117         left: 445px;
 118         top: 109px;
 119         white-space: nowrap;
 120 }
 121
 122 .keyboard .o {
 123         left: 511px;
 124         top: 109px;
 125         white-space: nowrap;
 126 }
 127
 128 .keyboard .p {
 129         left: 584px;
 130         top: 109px;
 131         white-space: nowrap;
 132 }
 133
 134 .keyboard .a {
 135         left: -29px;
 136         top: 155px;
 137         white-space: nowrap;
 138 }
 139
 140 .keyboard .s {
 141         left: 44px;
 142         top: 155px;
 143         white-space: nowrap;
 144 }
 145
 146 .keyboard .d {
 147         left: 114px;
 148         top: 155px;
 149         white-space: nowrap;
 150 }
 151
 152 .keyboard .f {
 153         left: 188px;
 154         top: 155px;
 155         white-space: nowrap;
 156 }
 157
 158 .keyboard .g {
 159         left: 258px;
 160         top: 155px;
 161         white-space: nowrap;
 162 }
 163
 164 .keyboard .h {
 165         left: 332px;
 166         top: 155px;
 167         white-space: nowrap;
 168 }
 169
 170 .keyboard .j {
 171         left: 405px;
 172         top: 155px;
 173         white-space: nowrap;
 174 }
 175
 176 .keyboard .k {
 177         left: 478px;
 178         top: 155px;
 179         white-space: nowrap;
 180 }
 181
 182 .keyboard .l {
 183          left: 550px;
 184          top: 155px;
 185          white-space: nowrap;
 186 }
 187
 188 .keyboard .z {
 189         left: 7px;
 190         top: 204px;
 191         white-space: nowrap;
 192 }
 193
 194 .keyboard .x {
 195         left: 79px;
 196         top: 204px;
 197         white-space: nowrap;
 198 }
 199
 200 .keyboard .c {
 201         left: 149px;
 202         top: 204px;
 203         white-space: nowrap;
 204 }
 205
 206 .keyboard .v {
 207         left: 223px;
 208         top: 204px;
 209         white-space: nowrap;
 210 }
 211
 212 .keyboard .b {
 213         left: 293px;
 214         top: 204px;
 215         white-space: nowrap;
 216 }
 217
 218 .keyboard .n {
 219         left: 366px;
 220         top: 204px;
 221         white-space: nowrap;
 222 }
 223
 224 .keyboard .m {
 225         left: 439px;
 226         top: 204px;
 227         white-space: nowrap;
 228 }
 229
 230 .keyboard .and {
 231         left: 656px;
 232         top: 204px;
 233         white-space: nowrap;
 234 }
 235
 236 .keyboard .dash {
 237         left: 581px;
 238         top: 203px;
 239         white-space: nowrap;
 240 }
 241
 242 .keyboard .space {
 243         left: 220px;
 244         top: 249px;
 245         white-space: nowrap;
 246 }
 247
 248 .keyboard .ch {
 249         left: 499px;
 250         top: 244px;
 251         white-space: nowrap;
 252 }
 253
 254 .keyboard .abc {
 255         left: 357px;
 256         top: 244px;
 257         white-space: nowrap;
 258 }
 259
 260 .keyboard .n123 {
 261         left: 429px;
 262         top: 250px;
 263         white-space: nowrap;
 264 }
 265
 266 #navigation .sortby {
 267         white-space: nowrap;
 268         left: 276px;
 269         top: 9px;
 270         width: 150px;
 271         text-align: right;
 272 }
 273
 274 /************ Destination My Home ************/
 275 #navigation_destination_myHome_view {
 276         width: 800px;
 277         height: 432px;
 278         background: url(../images/nav/dest/navi_destination_MyHome_bg.png) no-repeat;
 279         top: 0px;
 280         z-index: 1001;
 281 }
 282
 283 #navigation_destination_myHome_view .content{
 284         width: 800px;
 285 }
 286
 287 #navigation_destination_myHome_view .view {
 288         top: 180px;
 289         left: 72px;
 290         text-align: center;
 291         width: 63px;
 292 }
 293
 294 #navigation_destination_myHome_view .set_a_dest {
 295         top: 385px;
 296         left: 17px;
 297 }
 298 #navigation_destination_myHome_view .dest {
 299         left: 603px;
 300         top: 19px;
 301 }
 302 #navigation_destination_myHome_view .set_as_way {
 303         top: 374px;
 304         left: 134px;
 305         width: 130px;
 306         text-align: center;
 307 }
 308 #navigation_destination_myHome_view .my_home {
 309         left: 490px;
 310         top: 151px;
 311 }
 312 #navigation_destination_myHome_view .rd {
 313         left: 490px;
 314         top: 201px;
 315 }
 316 #navigation_destination_myHome_view .menu {
 317         left: 712px;
 318         top: 19px;
 319 }
 320 #navigation_destination_myHome_view .dial {
 321         left: 680px;
 322         top: 249px;
 323 }
 324 #navigation_destination_myHome_view .edit {
 325         left: 601px;
 326         top: 354px;
 327         width: 138px;
 328         text-align: center;
 329 }
 330 #navigation_destination_myHome_view .delete {
 331         left: 461px;
 332         top: 354px;
 333         width: 138px;
 334         text-align: center;
 335 }
 336
 337 .help-mode #navigation_destination_myHome_view .label-20, {
 338         text-shadow: 0 0 3px #999;
 339 }
 340
 341 .help-mode #navigation_destination_myHome_view {
 342         background: url(../images/nav/dest/navi_destination_MyHome_bg_help.png) no-repeat;
 343 }
 344
 345 .help-mode #navigation_destination_myHome_view .label-20{
 346         text-shadow: 0 0 3px #999;
 347 }
 348
 349 /********************** Favorites ***********************/
 350 #view_navi_destination_favorites {
 351         top: 0px;
 352         width: 800px;
 353         height: 432px;
 354         background: url(../images/nav/dest/navi_destination_Favorites_bg.png) no-repeat;
 355         z-index:1001;
 356 }
 357
 358 #view_navi_destination_favorites .content {
 359         top: 119px;
 360         left: 100px;
 361 }
 362
 363 #view_navi_destination_favorites .i1{
 364         top: 57px;
 365         left: -9px;
 366 }
 367
 368 #view_navi_destination_favorites .i2{
 369         top: 117px;
 370         left: -9px;
 371 }
 372
 373 #view_navi_destination_favorites .az{
 374         top: 12px;
 375         left: 472px;
 376         white-space: nowrap;
 377 }
 378
 379 #view_navi_destination_favorites .date{
 380         top: 12px;
 381         left: 566px;
 382         white-space: nowrap;
 383 }
 384
 385 #view_navi_destination_favorites .edit{
 386         top: 56px;
 387         left: 437px;
 388         width: 98px;
 389         white-space: nowrap;
 390         text-align: center;
 391 }
 392
 393 #view_navi_destination_favorites .delete1{
 394         top: 57px;
 395         left: 538px;
 396         width: 96px;
 397         white-space: nowrap;
 398         text-align: center;
 399 }
 400
 401 #view_navi_destination_favorites .delete2{
 402         top: 115px;
 403         left: 538px;
 404         width: 96px;
 405         white-space: nowrap;
 406         text-align: center;
 407 }
 408
 409 #view_navi_destination_favorites .add{
 410         top: 116px;
 411         left: 437px;
 412         width: 98px;
 413         white-space: nowrap;
 414         text-align: center;
 415 }
 416
 417 #view_navi_destination_favorites .myhome{
 418         white-space: nowrap;
 419         left: 80px;
 420         top: 57px;
 421 }
 422
 423 .help-mode #view_navi_destination_favorites {
 424         background: url(../images/nav/dest/navi_destination_Favorites_bg_help.png) no-repeat;
 425 }
 426
 427 .help-mode #view_navi_destination_favorites .label-20 {
 428         text-shadow: 0 0 3px #999;
 429 }
 430
 431 /*** Previous ***/
 432 #view_navi_destination_previous {
 433         top: 0px;
 434         width: 800px;
 435         height: 432px;
 436         background: url(../images/nav/dest/navi_destination_Previous_bg.png) no-repeat;
 437         z-index: 1001;
 438 }
 439
 440 #view_navi_destination_previous .content {
 441         top: 119px;
 442         left: 100px;
 443 }
 444
 445 #view_navi_destination_previous .i1 {
 446         top: 57px;
 447         left: -9px;
 448 }
 449 #view_navi_destination_previous .i2 {
 450         top: 117px;
 451         left: -9px;
 452 }
 453
 454 #view_navi_destination_previous .date {
 455         top: 12px;
 456         left: 464px;
 457         white-space: nowrap;
 458 }
 459
 460 #view_navi_destination_previous .city {
 461         top: 12px;
 462         left: 566px;
 463         white-space: nowrap;
 464 }
 465
 466 #view_navi_destination_previous .delete1 {
 467         top: 57px;
 468         left: 538px;
 469         width: 96px;
 470         white-space: nowrap;
 471         text-align: center;
 472 }
 473
 474 #view_navi_destination_previous .delete2 {
 475         top: 115px;
 476         left: 538px;
 477         width: 96px;
 478         white-space: nowrap;
 479         text-align: center;
 480 }
 481
 482 #view_navi_destination_previous .add {
 483         left: 470px;
 484         top: 116px;
 485         white-space: nowrap;
 486 }
 487 #view_navi_destination_previous .milerd {
 488         white-space: nowrap;
 489         left: 31px;
 490         top: 58px;
 491 }
 492 #view_navi_destination_previous .southfield {
 493         white-space: nowrap;
 494         left: 34px;
 495         top: 116px;
 496 }
 497
 498 .help-mode #view_navi_destination_previous {
 499         background: url(../images/nav/dest/navi_destination_Previous_bg_help.png) no-repeat;
 500 }
 501
 502 .help-mode #view_navi_destination_previous .label-20 {
 503         text-shadow: 0 0 3px #999;
 504 }
 505
 506 /*** POI ***/
 507 #view_navi_destination_poi {
 508         top: 0px;
 509         width: 800px;
 510         height: 432px;
 511         background: url(../images/nav/dest/navi_destination_POI_bg.png) no-repeat;
 512         z-index: 1001;
 513 }
 514
 515 #view_navi_destination_poi .content {
 516         top: 118px;
 517         left: 99px;
 518 }
 519
 520 #view_navi_destination_poi .sa{
 521         left: -93px;
 522         top: 58px;
 523         width: 146px;
 524         text-align: center;
 525 }
 526
 527 #view_navi_destination_poi.fr .sa{
 528         left: -72px;
 529         top: 47px;
 530         width: 100px;
 531         text-align: center;
 532         line-height: 20px;
 533 }
 534
 535 #view_navi_destination_poi .sbn{
 536         width: 145px;
 537         left: -92px;
 538         top: 104px;
 539         text-align: center;
 540 }
 541
 542 #view_navi_destination_poi.fr .sbn {
 543         left: -67px;
 544         width: 94px;
 545 }
 546
 547 #view_navi_destination_poi .sbp {
 548         width: 148px;
 549         left: -92px;
 550         top: 161px;
 551         text-align: center;
 552 }
 553
 554 #view_navi_destination_poi.fr .sbp {
 555         line-height: 19px;
 556         top: 155px;
 557 }
 558
 559 #view_navi_destination_poi .recent {
 560         left: 554px;
 561         top: 12px;
 562 }
 563
 564 #view_navi_destination_poi .all {
 565         left: 437px;
 566         top: 12px;
 567         width: 99px;
 568         text-align: center;
 569 }
 570
 571 #view_navi_destination_poi .fav {
 572         left: 337px;
 573         top: 12px;
 574         text-align: center;
 575         width: 97px;
 576 }
 577
 578 #view_navi_destination_poi .cat {
 579         left: 220px;
 580         top: 14px;
 581 }
 582
 583 #view_navi_destination_poi .fs {
 584         left: 116px;
 585         top: 58px;
 586         white-space: nowrap;
 587 }
 588
 589 #view_navi_destination_poi .fin {
 590         left: 116px;
 591         top: 108px;
 592         white-space: nowrap;
 593 }
 594 #view_navi_destination_poi .ar {
 595         left: 116px;
 596         top: 158px;
 597         white-space: nowrap;
 598 }
 599
 600 #view_navi_destination_poi .acc {
 601         left: 116px;
 602         top: 208px;
 603         white-space: nowrap;
 604 }
 605 #view_navi_destination_poi .p {
 606         left: 116px;
 607         top: 258px;
 608         white-space: nowrap;
 609 }
 610 #view_navi_destination_poi .edit1 {
 611         left: 535px;
 612         top: 55px;
 613         white-space: nowrap;
 614         width: 100px;
 615         text-align: center;
 616 }
 617 #view_navi_destination_poi .edit2 {
 618         left: 535px;
 619         top: 105px;
 620         white-space: nowrap;
 621         width: 100px;
 622         text-align: center;
 623 }
 624 #view_navi_destination_poi .edit3 {
 625         left: 535px;
 626         top: 155px;
 627         white-space: nowrap;
 628         width: 100px;
 629         text-align: center;
 630 }
 631 #view_navi_destination_poi .edit4 {
 632         left: 535px;
 633         top: 205px;
 634         white-space: nowrap;
 635         width: 100px;
 636         text-align: center;
 637 }
 638 #view_navi_destination_poi .edit5 {
 639         left: 535px;
 640         top: 255px;
 641         white-space: nowrap;
 642         width: 100px;
 643         text-align: center;
 644 }
 645
 646 .help-mode #view_navi_destination_poi {
 647         background: url(../images/nav/dest/navi_destination_POI_bg_help.png) no-repeat;
 648 }
 649
 650 .help-mode #view_navi_destination_poi .label-20 {
 651         text-shadow: 0 0 3px #999;
 652 }
 653
 654 /************** Street Address ***************/
 655 #view_navi_destination_streetAddress {
 656         top: 0px;
 657         width: 800px;
 658         height: 480px;
 659         background-image: url(../images/nav/dest/navi_destination_StreetAddress_bg.png);
 660         background-repeat: no-repeat;
 661         z-index: 1001;
 662 }
 663
 664 #view_navi_destination_streetAddress .content{
 665         top: 119px;
 666         left: 100px;
 667 }
 668
 669 #view_navi_destination_streetAddress .backButton{
 670         top: 11px;
 671 }
 672
 673 #view_navi_destination_streetAddress .voiceButton{
 674         top: 80px;
 675 }
 676
 677 #view_navi_destination_streetAddress .number {
 678         left: -14px;
 679         top: -24px;
 680         white-space: nowrap;
 681 }
 682
 683 #view_navi_destination_streetAddress .city {
 684         left: 3px;
 685         top: 21px;
 686         white-space: nowrap;
 687 }
 688
 689 #view_navi_destination_streetAddress .street {
 690         left: 217px;
 691         top: -24px;
 692         white-space: nowrap;
 693 }
 694
 695 #view_navi_destination_streetAddress .de {
 696         left: 88px;
 697         top: 30px;
 698         white-space: nowrap;
 699 }
 700
 701 #view_navi_destination_streetAddress .l26 {
 702         left: 350px;
 703         top: 30px;
 704         white-space: nowrap;
 705 }
 706
 707 #view_navi_destination_streetAddress .sp {
 708         left: 416px;
 709         top: 29px;
 710         width: 108px;
 711         text-align: center;
 712         white-space: nowrap;
 713 }
 714
 715 #view_navi_destination_streetAddress .mi {
 716         left: 540px;
 717         top: 30px;
 718         white-space: nowrap;
 719 }
 720
 721 .help-mode #view_navi_destination_streetAddress {
 722                 background-image: url(../images/nav/dest/navi_destination_StreetAddress_bg_help.png);
 723 }
 724
 725 .help-mode #view_navi_destination_streetAddress .label-20{
 726         text-shadow: 0 0 3px #999;
 727 }
 728
 729 /*** Intersection ***/
 730 #view_navi_destination_intersection {
 731         top: 0px;
 732         width: 800px;
 733         height: 432px;
 734         background: url(../images/nav/dest/navi_destination_Intersection_bg.png) no-repeat;
 735         z-index: 1001;
 736 }
 737
 738 #view_navi_destination_intersection .voiceButton{
 739         top: 80px;
 740 }
 741
 742 #view_navi_destination_intersection .content{
 743         top: 119px;
 744         left: 100px;
 745 }
 746
 747 #view_navi_destination_intersection .street1{
 748         left: -14px;
 749         top: -24px;
 750         white-space: nowrap;
 751 }
 752
 753 #view_navi_destination_intersection .city{
 754         top: 21px;
 755         left: 3px;
 756 }
 757
 758 #view_navi_destination_intersection .street2{
 759         left: 326px;
 760         top: -24px;
 761         white-space: nowrap;
 762 }
 763
 764 #view_navi_destination_intersection .de {
 765         left: 88px;
 766         top: -24px;
 767         white-space: nowrap;
 768 }
 769
 770 #view_navi_destination_intersection .l26 {
 771         left: 238px;
 772         top: -25px;
 773         white-space: nowrap;
 774         font-size: 19px;
 775 }
 776
 777 #view_navi_destination_intersection .sp {
 778         left: 416px;
 779         top: 29px;
 780         width: 108px;
 781         text-align: center;
 782         white-space: nowrap;
 783 }
 784
 785 #view_navi_destination_intersection .mi {
 786         left: 540px;
 787         top: 30px;
 788         white-space: nowrap;
 789 }
 790
 791 #view_navi_destination_intersection .q {
 792         left: -67px;
 793         top: 109px;
 794         white-space: nowrap;
 795 }
 796
 797 #view_navi_destination_intersection .w {
 798         left: 4px;
 799         top: 109px;
 800         white-space: nowrap;
 801 }
 802
 803 #view_navi_destination_intersection .e {
 804         left: 79px;
 805         top: 109px;
 806         white-space: nowrap;
 807 }
 808
 809 #view_navi_destination_intersection .r {
 810         left: 150px;
 811         top: 109px;
 812         white-space: nowrap;
 813 }
 814
 815 #view_navi_destination_intersection .t {
 816         left: 222px;
 817         top: 109px;
 818         white-space: nowrap;
 819 }
 820
 821 #view_navi_destination_intersection .y {
 822         left: 295px;
 823         top: 109px;
 824         white-space: nowrap;
 825  }
 826
 827 #view_navi_destination_intersection .u {
 828         left: 367px;
 829         top: 109px;
 830         white-space: nowrap;
 831 }
 832
 833 #view_navi_destination_intersection .i {
 834         left: 445px;
 835         top: 109px;
 836         white-space: nowrap;
 837 }
 838
 839 #view_navi_destination_intersection .o {
 840         left: 511px;
 841         top: 109px;
 842         white-space: nowrap;
 843 }
 844
 845 #view_navi_destination_intersection .p {
 846         left: 584px;
 847         top: 109px;
 848         white-space: nowrap;
 849 }
 850
 851 #view_navi_destination_intersection .a {
 852         left: -29px;
 853         top: 155px;
 854         white-space: nowrap;
 855 }
 856
 857 #view_navi_destination_intersection .s {
 858         left: 44px;
 859         top: 155px;
 860         white-space: nowrap;
 861 }
 862
 863 #view_navi_destination_intersection .d {
 864         left: 114px;
 865         top: 155px;
 866         white-space: nowrap;
 867 }
 868
 869 #view_navi_destination_intersection .f {
 870         left: 188px;
 871         top: 155px;
 872         white-space: nowrap;
 873 }
 874
 875 #view_navi_destination_intersection .g {
 876         left: 258px;
 877         top: 155px;
 878         white-space: nowrap;
 879 }
 880
 881 #view_navi_destination_intersection .h {
 882         left: 332px;
 883         top: 155px;
 884         white-space: nowrap;
 885 }
 886
 887 #view_navi_destination_intersection .j {
 888         left: 405px;
 889         top: 155px;
 890         white-space: nowrap;
 891 }
 892
 893 #view_navi_destination_intersection .k {
 894         left: 478px;
 895         top: 155px;
 896         white-space: nowrap;
 897 }
 898
 899 #view_navi_destination_intersection .l {
 900          left: 550px;
 901          top: 155px;
 902          white-space: nowrap;
 903 }
 904
 905 #view_navi_destination_intersection .z {
 906         left: 7px;
 907         top: 204px;
 908         white-space: nowrap;
 909 }
 910
 911 #view_navi_destination_intersection .x {
 912         left: 79px;
 913         top: 204px;
 914         white-space: nowrap;
 915 }
 916
 917 #view_navi_destination_intersection .c {
 918         left: 149px;
 919         top: 204px;
 920         white-space: nowrap;
 921 }
 922
 923 #view_navi_destination_intersection .v {
 924         left: 223px;
 925         top: 204px;
 926         white-space: nowrap;
 927 }
 928
 929 #view_navi_destination_intersection .b {
 930         left: 293px;
 931         top: 204px;
 932         white-space: nowrap;
 933 }
 934
 935 #view_navi_destination_intersection .n {
 936         left: 366px;
 937         top: 204px;
 938         white-space: nowrap;
 939 }
 940
 941 #view_navi_destination_intersection .m {
 942         left: 439px;
 943         top: 204px;
 944         white-space: nowrap;
 945 }
 946
 947 #view_navi_destination_intersection .and {
 948         left: 656px;
 949         top: 204px;
 950         white-space: nowrap;
 951 }
 952
 953 #view_navi_destination_intersection .dash {
 954         left: 581px;
 955         top: 203px;
 956         white-space: nowrap;
 957 }
 958
 959 #view_navi_destination_intersection .space {
 960         left: 220px;
 961         top: 249px;
 962         white-space: nowrap;
 963 }
 964
 965 #view_navi_destination_intersection .ch {
 966         left: 499px;
 967         top: 244px;
 968         white-space: nowrap;
 969 }
 970
 971 #view_navi_destination_intersection .abc {
 972         left: 357px;
 973         top: 244px;
 974         white-space: nowrap;
 975 }
 976
 977 #view_navi_destination_intersection .n123 {
 978         left: 429px;
 979         top: 250px;
 980         white-space: nowrap;
 981 }
 982
 983 .help-mode #view_navi_destination_intersection {
 984         background: url(../images/nav/dest/navi_destination_Intersection_bg_help.png) no-repeat;
 985 }
 986
 987 .help-mode #view_navi_destination_intersection .label-20 {
 988         text-shadow: 0 0 3px #999;
 989 }
 990
 991 /*** CityCenter ***/
 992 #view_navi_destination_cityCenter {
 993         top: 0px;
 994         width: 800px;
 995         height: 432px;
 996         background: url(../images/nav/dest/navi_destination_CityCenter_bg.png) no-repeat;
 997         z-index: 1001;
 998 }
 999
1000 #view_navi_destination_cityCenter .content{
1001         top: 119px;
1002         left: 100px;
1003 }
1004
1005 #view_navi_destination_cityCenter .state {
1006         left: 416px;
1007         top: 29px;
1008         width: 108px;
1009         text-align: center;
1010         white-space: nowrap;
1011 }
1012
1013 #view_navi_destination_cityCenter .n26{
1014         left: 350px;
1015         top: 30px;
1016 }
1017
1018 #view_navi_destination_cityCenter .city {
1019         left: 2px;
1020         top: 25px;
1021 }
1022 #view_navi_destination_cityCenter .pointer{
1023         left: 90px;
1024         top: 29px;
1025 }
1026
1027 #view_navi_destination_cityCenter .mi {
1028         left: 540px;
1029         top: 30px;
1030         white-space: nowrap;
1031 }
1032
1033 .help-mode #view_navi_destination_cityCenter {
1034         background: url(../images/nav/dest/navi_destination_CityCenter_bg_help.png) no-repeat;
1035 }
1036
1037 .help-mode #view_navi_destination_cityCenter .label-20 {
1038         text-shadow: 0 0 3px #999;
1039 }
1040
1041 /*** Map ***/
1042 #view_navi_destination_map {
1043         width: 800px;
1044         height: 432px;
1045         background: url(../images/nav/dest/navi_destination_Map_bg.png) no-repeat;
1046         top: 0px;
1047         z-index: 1001;
1048 }
1049
1050 #view_navi_destination_map_destination_button{
1051         left: 565px;
1052         top: 5px;
1053         height: 23px;
1054         white-space: nowrap;
1055         width: 113px;
1056         text-align: center;
1057         padding: 14px 0 12px;
1058         border-top-left-radius: 4px;
1059         border-bottom-left-radius: 4px;
1060         border-bottom: 1px solid #393939;
1061         border-right: none;
1062 }
1063
1064 #view_navi_destination_map .content{
1065         left: 95px;
1066         top: 60px;
1067 }
1068
1069 #view_navi_destination_map .view {
1070         left: -14px;
1071         top: 120px;
1072 }
1073 #view_navi_destination_map .set_as_dest {
1074         top: 325px;
1075         left: -90px;
1076         width: 127px;
1077         text-align: center;
1078 }
1079
1080 #view_navi_destination_map .saw {
1081         top: 314px;
1082         left: 41px;
1083         width: 127px;
1084         text-align: center;
1085 }
1086 #view_navi_destination_map .saf {
1087         top: 314px;
1088         left: 171px;
1089         width: 127px;
1090         text-align: center;
1091 }
1092
1093 #view_navi_destination_map .poi {
1094         top: 315px;
1095         left: 306px;
1096         width: 120px;
1097         text-align: center;
1098 }
1099
1100 #view_navi_destination_map .tf {
1101         left: 445px;
1102         top: 318px;
1103         width: 99px;
1104         text-align: center;
1105 }
1106
1107 #view_navi_destination_map.fr .tf {
1108         top: 314px;
1109 }
1110
1111 #view_navi_destination_map .menu {
1112         left: 615px;
1113         top: -41px;
1114         white-space: nowrap;
1115 }
1116 #view_navi_destination_map .chestnut {
1117         left: 251px;
1118         top: 12px;
1119         white-space: nowrap;
1120 }
1121
1122 .help-mode #view_navi_destination_map {
1123         background: url(../images/nav/dest/navi_destination_Map_bg_help.png) no-repeat;
1124 }
1125
1126 .help-mode #view_navi_destination_map .label-20{
1127         text-shadow: 0 0 3px #999;
1128 }
1129
1130 .help-mode #view_navi_destination_map_destination_button {
1131         border: none;
1132         background: none;
1133 }
1134
1135 /*** Previous Starting Points ***/
1136 #view_navi_destination_previousStartingsPoint {
1137         top: 0px;
1138         width: 800px;
1139         height: 432px;
1140         background: url(../images/nav/dest/navi_destination_PreviousStartPoint_bg.png) no-repeat;
1141         z-index: 1001;
1142 }
1143
1144 #view_navi_destination_previousStartingsPoint .content{
1145         top: 119px;
1146         left: 100px;
1147 }
1148
1149 #view_navi_destination_previousStartingsPoint .i1{
1150         top: 57px;
1151         left: -9px;
1152 }
1153 #view_navi_destination_previousStartingsPoint .i2{
1154         top: 117px;
1155         left: -9px;
1156 }
1157 #view_navi_destination_previousStartingsPoint .date{
1158         top: 12px;
1159         left: 465px;
1160         white-space: nowrap;
1161 }
1162
1163 #view_navi_destination_previousStartingsPoint .city{
1164         top: 12px;
1165         left: 566px;
1166         white-space: nowrap;
1167 }
1168
1169 #view_navi_destination_previousStartingsPoint .delete1{
1170         top: 57px;
1171         left: 557px;
1172         white-space: nowrap;
1173 }
1174 #view_navi_destination_previousStartingsPoint .delete2{
1175         top: 115px;
1176         left: 557px;
1177         white-space: nowrap;
1178 }
1179 #view_navi_destination_previousStartingsPoint .add{
1180         left: 470px;
1181         top: 116px;
1182         white-space: nowrap;
1183 }
1184 #view_navi_destination_previousStartingsPoint .milerd{
1185         white-space: nowrap;
1186         left: 31px;
1187         top: 58px;
1188 }
1189 #view_navi_destination_previousStartingsPoint .southfield{
1190         white-space: nowrap;
1191         left: 34px;
1192         top: 116px;
1193 }
1194
1195 .help-mode #view_navi_destination_previousStartingsPoint {
1196         background: url(../images/nav/dest/navi_destination_PreviousStartPoint_bg_help.png) no-repeat;
1197 }
1198
1199 .help-mode #view_navi_destination_previousStartingsPoint .label-20 {
1200         text-shadow: 0 0 3px #999;
1201 }
1202
1203 /*** Freeway ***/
1204 #view_navi_destination_freeWay {
1205         top: 0px;
1206         width: 800px;
1207         height: 432px;
1208         background: url(../images/nav/dest/navi_destination_Freeway_bg.png) no-repeat;
1209         z-index: 1001;
1210 }
1211
1212 #view_navi_destination_freeWay .content{
1213         top: 119px;
1214         left: 100px;
1215 }
1216
1217 #view_navi_destination_freeWay .state {
1218         left: 416px;
1219         top: 29px;
1220         width: 108px;
1221         text-align: center;
1222         white-space: nowrap;
1223 }
1224
1225 #view_navi_destination_freeWay .n26{
1226         left: 350px;
1227         top: 29px;
1228 }
1229
1230 #view_navi_destination_freeWay .freeway {
1231         left: -16px;
1232         top: 28px;
1233 }
1234
1235 #view_navi_destination_freeWay .pointer{
1236         left: 90px;
1237         top: 29px;
1238 }
1239
1240 #view_navi_destination_freeWay .mi {
1241         left: 540px;
1242         top: 30px;
1243         white-space: nowrap;
1244 }
1245
1246 .help-mode #view_navi_destination_freeWay {
1247         background: url(../images/nav/dest/navi_destination_Freeway_bg_help.png) no-repeat;
1248 }
1249
1250 .help-mode #view_navi_destination_freeWay .label-20 {
1251         text-shadow: 0 0 3px #999;
1252 }
1253
1254 /*** Latitude ***/
1255
1256 #view_navi_destination_latitudeLongitude {
1257         top: 0px;
1258         width: 800px;
1259         height: 432px;
1260         background: url(../images/nav/dest/navi_destination_LatitudeLongitude_bg.png) no-repeat;
1261         z-index: 1001;
1262 }
1263
1264 #view_navi_destination_latitudeLongitude .content{
1265         top: 119px;
1266         left: 100px;
1267 }
1268
1269 #view_navi_destination_latitudeLongitude .w{
1270         left: 526px;
1271         top: 149px;
1272 }
1273 #view_navi_destination_latitudeLongitude .n{
1274         left: 454px;
1275         top: 95px;
1276 }
1277 #view_navi_destination_latitudeLongitude .s{
1278         left: 455px;
1279         top: 203px;
1280 }
1281 #view_navi_destination_latitudeLongitude .e{
1282         left: 383px;
1283         top: 149px;
1284 }
1285 #view_navi_destination_latitudeLongitude .go{
1286         left: 610px;
1287         top: 247px;
1288 }
1289 #view_navi_destination_latitudeLongitude .longitude{
1290         left: 156px;
1291         top: 37px;
1292 }
1293 #view_navi_destination_latitudeLongitude .latitude{
1294         left: 156px;
1295         top: -20px;
1296 }
1297 #view_navi_destination_latitudeLongitude .dd{
1298         left: 45px;
1299         top: 10px;
1300 }
1301
1302 #view_navi_destination_latitudeLongitude .n1{
1303         left: 94px;
1304         top: 203px;
1305 }
1306
1307 #view_navi_destination_latitudeLongitude .n2{
1308         left: 165px;
1309         top: 203px;
1310 }
1311
1312 #view_navi_destination_latitudeLongitude .n3{
1313         left: 237px;
1314         top: 203px;
1315 }
1316
1317 #view_navi_destination_latitudeLongitude .n4{
1318         left: 94px;
1319         top: 148px;
1320 }
1321
1322 #view_navi_destination_latitudeLongitude .n5{
1323         left: 165px;
1324         top: 148px;
1325 }
1326
1327 #view_navi_destination_latitudeLongitude .n6{
1328         left: 237px;
1329         top: 148px;
1330 }
1331
1332 #view_navi_destination_latitudeLongitude .n7{
1333         left: 94px;
1334         top: 98px;
1335 }
1336
1337 #view_navi_destination_latitudeLongitude .n8{
1338         left: 165px;
1339         top: 98px;
1340 }
1341
1342 #view_navi_destination_latitudeLongitude .n9{
1343         left: 237px;
1344         top: 98px;
1345 }
1346
1347 #view_navi_destination_latitudeLongitude .n0{
1348         top: 257px;
1349         left: 166px;
1350 }
1351
1352 #view_navi_destination_latitudeLongitude .z1{
1353         left: 374px;
1354         top: -21px;
1355 }
1356 #view_navi_destination_latitudeLongitude .z2{
1357         left: 444px;
1358         top: -21px;
1359 }
1360 #view_navi_destination_latitudeLongitude .z3{
1361         left: 374px;
1362         top: 38px;
1363 }
1364 #view_navi_destination_latitudeLongitude .z4{
1365         left: 444px;
1366         top: 38px;
1367 }
1368
1369 #view_navi_destination_latitudeLongitude .wn1{
1370         left: 512px;
1371         top: -21px;
1372 }
1373 #view_navi_destination_latitudeLongitude .wn2{
1374         left: 510px;
1375         top: 38px;
1376 }
1377
1378 #view_navi_destination_latitudeLongitude .d1{
1379         left: 414px;
1380         top: -32px;
1381         font-size: 48px;
1382 }
1383 #view_navi_destination_latitudeLongitude .d2{
1384         left: 414px;
1385         top: 28px;
1386         font-size: 48px;
1387 }
1388
1389 #view_navi_destination_latitudeLongitude .mn1{
1390         left: 485px;
1391         top: -36px;
1392         font-size: 22px;
1393 }
1394 #view_navi_destination_latitudeLongitude .mn2{
1395         left: 485px;
1396         top: 25px;
1397         font-size: 22px;
1398 }
1399
1400 .help-mode #view_navi_destination_latitudeLongitude {
1401         background: url(../images/nav/dest/navi_destination_LatitudeLongitude_bg_help.png) no-repeat;
1402 }
1403
1404 .help-mode #view_navi_destination_latitudeLongitude .label-20 {
1405         text-shadow: 0 0 3px #999;
1406 }
1407
1408 /*** Emergency ***/
1409 #view_navi_destination_emergency {
1410         top: 0px;
1411         width: 800px;
1412         height: 432px;
1413         background: url(../images/nav/dest/navi_destination_Emergency_bg.png) no-repeat;
1414         z-index: 10001;
1415 }
1416
1417 #view_navi_destination_emergency .content{
1418         top: 119px;
1419         left: 100px;
1420 }
1421
1422 #view_navi_destination_emergency .sa {
1423         white-space: nowrap;
1424         top: 28px;
1425         left: -74px;
1426 }
1427
1428 #view_navi_destination_emergency.fr .sa {
1429         white-space: pre-wrap;
1430         position: relative;
1431         line-height: 19px;
1432         width: 148px;
1433         top: 19px;
1434         left: -95px;
1435         text-align: center;
1436 }
1437
1438 #view_navi_destination_emergency .nearby {
1439         white-space: nowrap;
1440         top: 28px;
1441         left: 65px;
1442 }
1443 #view_navi_destination_emergency .hospital {
1444         white-space: nowrap;
1445         top: 138px;
1446         left: 170px;
1447 }
1448 #view_navi_destination_emergency .police {
1449         white-space: nowrap;
1450         top: 189px;
1451         left: 170px;
1452 }
1453 #view_navi_destination_emergency .emerg {
1454         white-space: nowrap;
1455         top: 89px;
1456         left: 170px;
1457 }
1458
1459 .help-mode #view_navi_destination_emergency {
1460         background: url(../images/nav/dest/navi_destination_Emergency_bg_help.png) no-repeat;
1461 }
1462
1463 .help-mode #view_navi_destination_emergency .label-20{
1464         text-shadow: 0 0 3px #999;
1465 }
1466
1467 #nav_arrow {background: url(../images/nav/nav_arrow.png) no-repeat;width: 70px;height: 56px;z-index: 5;left: 21px;top: 73px;}
1468
1469 #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;}
1470
1471 #nav_compass{width:50px;height:50px;background: url(../images/nav/compas.png) no-repeat;right:208px; z-index:1;}
1472
1473 #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;}
1474
1475
1476 #navigation_topmenu{right:6px;top:5px;width:197px;height:48px;-webkit-border-radius:3px;border-radius:3px; z-index:6;}
1477
1478 #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;}
1479
1480
1481 #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;}
1482
1483 /* Top menu Menu button*/
1484 #navigation_topmenu_menu_button{
1485         cursor:pointer;
1486         z-index: 5;
1487         background: url(../images/nav/top_menu_bg.png) repeat-x;
1488         width:71px;
1489         height:48px;
1490         left: 75px;
1491         font-size:18px;
1492         text-align:center;
1493         line-height:48px;
1494 }
1495 #navigation_topmenu_menu_button.pressed{
1496         background: url(../images/nav/nav_bg_pressed.png) repeat-x !important;
1497 }
1498
1499 #navigation_topmenu_menu_button_help{
1500         background:url(../images/nav/help/menu_btn_help.png) no-repeat;
1501         width:74px;
1502         height:55px;
1503         left:74px;
1504         bottom:-4px;
1505 }
1506
1507
1508 #navigation_topmenu .delim{background: url(../images/nav/top_menu_delim.png) no-repeat;height:48px;width:4px; z-index:5;}
1509 #navigation_topmenu .delim2 { left: 71px; }
1510 #navigation_topmenu .delim3 { left: 146px; }
1511
1512 /* Destination button*/
1513 #navigation_topmenu_destination_button{
1514         cursor:pointer;
1515         z-index:6;
1516         background: url("../images/nav/top_menu_bg.png") repeat-x;
1517         font-size:18px;
1518         width:71px;
1519         height:48px;
1520         text-align:center;
1521         line-height:48px;
1522         -webkit-border-top-left-radius:2px;
1523         -webkit-border-bottom-left-radius:2px;
1524         border-top-left-radius:2px;
1525         border-bottom-left-radius:2px;
1526 }
1527
1528
1529
1530
1531 #navigation_topmenu_destination_button.pressed{background: url("../images/nav/nav_bg_pressed.png") repeat-x !important;}
1532
1533 #nav_top_menu_mute ,#help_nav_top_menu_repeat_button img {position:absolute;top:10px;left:10px;}
1534
1535 #nav_top_menu_arrow img {position:absolute;top:10px;left:10px;}
1536
1537 #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;}
1538
1539 #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;}
1540
1541 .time-dest{ background:url(../images/nav/dest-time.png) no-repeat; width:130px; height:50px; top:349px; left:5px; z-index:1000}
1542
1543 .time-dest .distance{
1544         font-size: 20px;
1545         left: 50px;
1546         top: 3px;
1547         position: absolute;
1548 }
1549 .time-dest .distance_label{
1550         position: absolute;
1551         left: 25px;
1552         font-size: 16px;
1553         top: 4px;
1554 }
1555
1556 .distance_time{
1557         font-size: 20px;
1558         left: -24px;
1559         top: 16px;
1560         position: absolute;
1561 }
1562
1563 .distance_time_label{
1564         position: absolute;
1565         left: 40px;
1566         font-size: 12px;
1567         top: 7px;
1568 }
1569
1570
1571
1572 .time-dest.help_blur{
1573         background:url(../images/nav/help/miles_button_blur.png) no-repeat !important;
1574         width:140px !important;
1575         height:60px !important;
1576         left:0px !important;
1577         top:344px !important;
1578 }
1579
1580 .time-dest.help_blur span{
1581         border: none !important;
1582         background: none !important;
1583         color: transparent !important;
1584         text-shadow: 0 0 3px rgba(256, 256, 256, 0.7);
1585 }
1586
1587 .time-dest.help_blur .time-dest-cont{
1588         top:5px;
1589         left:5px;
1590 }
1591
1592
1593 #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;}
1594 #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;}
1595 #navigation_zoomin_button .ico{position:absolute;left:13px;top:13px;}
1596 #navigation_zoomout_button .ico{position:absolute;left:13px;top:13px;}
1597
1598 #navigation_zoomin_button.pressed{background: url("../images/nav/zoom_bg_active.png") repeat-x !important;}
1599 #navigation_zoomout_button.pressed{background:url("../images/nav/zoom_bg_active.png") repeat-x !important;}
1600
1601 #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;}
1602 #no_freeway {z-index:100; text-align: center; width: 202px;font-size: 21px; bottom: 2px; right: 70px;}
1603 .nav_type_ico {position:absolute;left:2px;top:-1px;}
1604 .type_h{position:absolute;left:5px;top:-5px;}
1605
1606
1607
1608 #navigation_mapsettings{
1609         top:175px;
1610         left:5px;
1611         border:1px solid #333;
1612         -webkit-border-radius:3px;
1613         z-index:6;
1614 }
1615
1616 #navigation_mapsettings.noboreder{
1617         border:none !important;
1618 }
1619
1620 /* Type View Change Button*/
1621
1622 #navigation_typeview_button  {
1623         position:relative;
1624         float:left;
1625         background: url(../images/nav/type_view_btn_bg.png) no-repeat;
1626         cursor:pointer;
1627         font-size:18px;
1628         width:60px;
1629         height:57px;
1630         text-align:center;
1631         line-height:40px;
1632         border-left:1px solid #333;
1633         z-index:5;
1634 }
1635
1636 .helpmode #navigation_typeview_button {
1637         top:1px;
1638         left:1px;
1639 }
1640
1641 #navigation_typeview_button p {
1642         margin-top:6px;
1643 }
1644 #navigation_typeview_button div{
1645         width:22px;
1646         height:17px;
1647         left:13px;
1648         bottom:8px;
1649         position:relative;
1650         float:left;
1651         margin-left:-9px;
1652 }
1653 #navigation_typeview_button div.small_ind_def{
1654         background:url(../images/nav/small_ind_def.png) no-repeat;
1655 }
1656 #navigation_typeview_button div.small_ind_active{
1657         background:url(../images/nav/small_ind_yell.png) no-repeat;
1658 }
1659 #navigation_typeview_button.pressed{
1660         background: url(../images/nav/type_view_btn_bg_pressed.png) no-repeat !important;
1661 }
1662
1663 #helptypeviewchange{
1664         background:url(../images/nav/help/type_view_button_help.png) no-repeat;
1665         width:85px;
1666         height:80px;
1667         left:50px;
1668         top:-10px;
1669 }
1670
1671
1672 /* Map View Change Button*/
1673
1674 #navigation_mapview_button{
1675         cursor:pointer;
1676         width:60px;
1677         height:57px;
1678         background:url(../images/nav/map_view_btn_bg.png) no-repeat;
1679         z-index:1000;
1680         position:relative;
1681         float:left;
1682 }
1683 #navigation_mapview_button .ico {
1684         margin-left: 5px;
1685 }
1686 #navigation_mapview_button div{
1687         width:22px;
1688         height:17px;
1689         left:13px;
1690         bottom:12px;
1691         position:relative;
1692         float:left;
1693         margin-left:-9px;
1694 }
1695 #navigation_mapview_button div.small_ind_def{
1696         background:url(../images/nav/small_ind_def.png) no-repeat;
1697 }
1698 #navigation_mapview_button div.small_ind_active{
1699         background:url(../images/nav/small_ind_yell.png) no-repeat;
1700 }
1701 #navigation_mapview_button.pressed{
1702          background:url(../images/nav/map_view_btn_bg_pressed.png) no-repeat !important;
1703 }
1704 /* END Map View Change Button*/
1705
1706
1707
1708 #help_navigation_mapview_button{
1709                 width:60px;
1710                 height:70px;
1711                 z-index:1001;
1712                 top:170px;
1713 }
1714
1715 #help_navigation_mapview_button.button_type1{
1716                 background:url(../images/nav/help/view_type1_button_blur.png) no-repeat !important;
1717                 z-index:1;
1718                 width:65px;
1719 }
1720 #help_navigation_mapview_button.button_type2{
1721                 background:url(../images/nav/help/view_type2_button_blur.png) no-repeat !important;
1722                 z-index:1;
1723                 width:65px;
1724 }
1725 #help_navigation_mapview_button.button_type3{
1726                 background:url(../images/nav/help/view_type3_button_blur.png) no-repeat !important;
1727                 z-index:1;
1728                 width:65px;
1729 }
1730
1731 /* Nav Menu*/
1732
1733 #nav_menu_view {
1734         width: 496px;
1735         height: 216px;
1736         background: black;
1737         z-index: 1000;
1738         top: 125px;
1739         left:155px;
1740         border: 2px solid #167B3B;
1741 }
1742
1743 #nav_menu_lable{
1744         font-size: 24px;
1745         position: relative;
1746         width: 400px;
1747         margin: 0 auto;
1748         margin-top: 10px;
1749         text-align: center;
1750 }
1751
1752 #nav_menu_buttons{
1753         border: 1px solid #393939;
1754         width: 461px;
1755         height: 152px;
1756         position: relative;
1757         margin: 0 auto;
1758         -webkit-border-radius:4px;
1759         margin-top:10px;
1760 }
1761
1762 #nav_menu_buttons .button{
1763         background:url(../images/list/list_item_bg.png) repeat-x;
1764         width: 230px;
1765         height: 50px;
1766         border-bottom: 1px solid #393939;
1767         position:relative;
1768         float:left;
1769 }
1770
1771 #nav_menu_buttons .button.right_border{
1772         border-right: 1px solid #393939;
1773 }
1774
1775 #nav_menu_buttons .button span{
1776         font-size: 18px;
1777         line-height: 48px;
1778         padding-left: 20px;
1779 }
1780 #nav_menu_buttons .button.pressed{
1781         background: url(../images/list/list_item_pressed.png) repeat-x !important;
1782 }
1783
1784 #guadian_mute .ind_act{
1785         position: absolute;
1786         right:14px;
1787         top:9px;
1788         background:url(../images/climate/ind_vert_active.png) no-repeat;
1789         width:19px;
1790         height:32px;
1791 }
1792
1793 #guadian_mute .ind_inact{
1794         position: absolute;
1795         background:url(../images/climate/ind_vert_def.png) no-repeat;
1796         width:6px;
1797         height:21px;
1798         right:20px;
1799         top:14px;
1800 }
1801
1802
1803
1804 #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;}
1805
1806 #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;}
1807 #distance.help_blur span{ position:absolute; bottom:16px; left:15px;}
1808
1809
1810 .typeview2{left: 0;background-position: -140px 0 !important;  width: 395px !important;}
1811 .typeview3{left: 0;background-position: -140px 0 !important;  width: 395px !important;}
1812
1813 #navigation_view1{background: url("../images/nav/nav_bg.png") no-repeat; width:800px; height:480px; display:none;}
1814
1815 #navigation_view1.help_blur{ background:url(../images/nav/help/nav_bg_blur.png) no-repeat !important; top:3px;}
1816
1817 #navigation_view1.typeview1{display:block; background-position:0 0 !important;}
1818
1819 #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;}
1820
1821 #navigation_view2.help_blur{ background:url(../images/nav/help/map_view2_blur.png) no-repeat !important; height:434px !important; }
1822
1823 #navigation_view2.help_blur .nav2_ctrls2,
1824 #navigation_view2.help_blur .nav2_ctrls,
1825 #navigation_view2.help_blur .turn-list {
1826         border: none !important;
1827         background: none !important;
1828         color: transparent !important;
1829         text-shadow: 0 0 3px rgba(256, 256, 256, 0.7);
1830 }
1831
1832
1833 #navigation_view2.typeview2{display:block; background-position:0 -30px !important;}
1834
1835
1836 #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;}
1837
1838 #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; }
1839
1840
1841
1842 #navigation_view3.typeview3{display:block; background-position:0 -70px !important;}
1843
1844 #navigation_view3.forhelp {z-index: 200; background: none !important;}
1845
1846 #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;}
1847
1848
1849 #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;}
1850
1851
1852 .phone_help_view2 {display: block; z-index: 10 !important;/* left: -405px !important;*/}
1853 #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;}
1854 #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;}
1855 #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;}
1856
1857 .blur_zoom2 {background: url("../images/nav/phone_blur_zoom2.png") no-repeat !important; top: 174px !important;}
1858 .blur_zoom3 {background: url("../images/nav/phone_blur_zoom3.png") no-repeat !important; top: 174px !important; left:5px !important;}
1859
1860 #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;}
1861
1862 #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;}
1863 #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;}
1864 #help_nav_arrow img {position:absolute;top:10px;left:11px;}
1865
1866
1867 #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;}
1868
1869 #dest_nav_blur{width:800px;height:480px;z-index: 100;display: none;background: url(../images/nav/destination_blur.png) no-repeat;}
1870
1871
1872 #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;}
1873 #help_nav_top_menu_view .ico1{position:absolute;left:6px;top:35px;}
1874 #help_nav_top_menu_view .ico2{position:absolute;left:18px;top:35px;}
1875 #help_nav_top_menu_view .ico3{position:absolute;left:30px;top:35px;}
1876
1877 #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;}
1878
1879 #help_nav_top_menu_view .active{left:-1px;top:28px;}
1880 #help_nav_top_menu_view .ico2.active{left: 11px;}
1881 #help_nav_top_menu_view .ico3.active{left: 23px;}
1882
1883 .nav2_ctrls {font-size: 20px; font-weight: bold; left: 131px;}
1884 .nav2_ctrls2 {font-size: 20px; font-weight: normal; left: 60px;}
1885
1886 #nav_mich_mi {top: 40px;}
1887 #nav_outer_mi {top: 90px;}
1888 #nav_main_street_mi {top: 140px;}
1889 #nav_wyoming_street_mi {top: 190px;}
1890
1891 #nav_wyoming_street {top: 190px;}
1892 #nav_main_street {top: 141px;}
1893 #nav_outer {top: 93px;}
1894 #nav_mich {top: 40px;}
1895
1896
1897 #navigation_view2 .turn-list { top:306px; left:9px; width:325px; height:50px; font-size: 20px; line-height: 50px; border: 1px solid #393939; }
1898 #navigation_view2 .turn-list span{ margin-left: 13px; }
1899
1900 #navigation_view2.help_blur .turn-list { top:307px; left:10px; width:325px; height:50px; font-size: 20px; line-height: 50px; border: none; }
1901 #navigation_view2.help_blur .turn-list .arrow-ico { opacity: 0 !important; }
1902
1903 #nav_red_arrow {width: 38px; height: 36px; background: url(../images/nav/red_arrow.png) no-repeat; left: 16px; top: 35px;}
1904 #nav_left_arrow {width: 38px; height: 36px; background: url(../images/nav/left_arrow.png) no-repeat; left: 16px; top: 85px;}
1905 #nav_right_arrow {width: 38px; height: 36px; background: url(../images/nav/right_arrow.png) no-repeat; left: 16px; top: 135px;}
1906 #nav_flag_arrow {width: 38px; height: 36px; background: url(../images/nav/flag.png) no-repeat; left: 16px; top: 185px;}
1907 #nav_red_arrow.blur{background: url(../images/nav/red_arrow_blur.png) no-repeat;}
1908 #nav_left_arrow.blur{background: url(../images/nav/left_arrow_blur.png) no-repeat;}
1909 #nav_right_arrow.blur{background: url(../images/nav/right_arrow_blur.png) no-repeat;}
1910 #nav_flag_arrow.blur{background: url(../images/nav/flag_blur.png) no-repeat;}
1911
1912
1913 #view-blur{background:url(../images/nav/view2-1-blur.png) no-repeat; width:800px; height:480px; z-index:1001; display:none;}
1914 #view-blur-2{background:url(../images/nav/view2-2-blur.png) no-repeat; width:800px; height:480px; z-index:1001; display:none;}
1915 #view-blur-3{background:url(../images/nav/view2-3-blur.png) no-repeat; width:800px; height:480px; z-index:1001; display:none;}
1916
1917 .dest-logo{font-size: 30px; top: -30px; left: 5px;}
1918 .speak-ico{background:url(../images/nav/dest-speak-ico.png) no-repeat; width:50px; height:50px; left:679px; top:-40px;}
1919
1920 #navigation_destination{width:800px;  height:480px; background:url(../images/nav/bg.png) no-repeat; z-index:1001;}
1921 #widget_navigation{position:absolute;width: 400px;height: 183px; left:400px;}
1922 #home_main_mi {font-size: 21px;  left: 159px; top: 102px;}
1923 #home_main_st {font-size: 27px; left: 140px; top: 126px;}
1924 #home_screen_arrow {background: url(../images/nav/arrow_home.png) no-repeat; width: 91px; height: 74px; right: 153px; top: 18px;}
1925 #home_screen_arrow.help {background: url(../images/nav/arrow_home_blur.png) no-repeat !important;}
1926
1927 #home_non_nav {
1928         background: url(../images/home/home_nav_off.jpg) no-repeat;
1929         width: 140px;
1930         height: 140px;
1931         left: 125px;
1932         top: 20px;
1933 }
1934
1935 #home_non_nav.help {
1936         background: url(../images/home/home_nav_off_blur.jpg) no-repeat;
1937 }
1938
1939 #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;display:none;}
1940
1941 #navigation_status_label {
1942         width: 100%;
1943         display: block;
1944         visibility: hidden;
1945 }
1946
1947 #navigation_status_label span {
1948         padding-right: 11px;
1949 }
1950 #navigation_status_on{height:48px; width:310px; position:relative; float:right;}
1951 #navigation_status_on .nav_distance{position: relative; right: 11px;}
1952 #navigation_status_on .ico{width: 26px;left: 60px;top: 10px; position:absolute;}
1953
1954 #help_navigation_zoom_button{width: 62px; height:110px; top:240px; z-index:1001;}
1955 #help_navigation_zoom_button.button_type1{ background:url(../images/nav/help/zoom_buttons_plus_disabled.png) no-repeat;}
1956 #help_navigation_zoom_button.button_type2{ background:url(../images/nav/help/zoom_buttons_minus_disabled.png) no-repeat;}
1957 #help_navigation_zoom_button.button_type3{ background:url(../images/nav/help/zoom_buttons_all_active.png) no-repeat;}
1958
1959 .dark_map{opacity:0.5 !important;}
1960
1961 #help_yellow_border{ background:url(../images/nav/help/top_menu_yellow_border.png) no-repeat; width:124px; height:67px; top: -6px;
1962 left: -13px; z-index:5;}
1963
1964 #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;
1965 top: -5px;}
1966
1967 #navigation_topmenu_help_mute_button{
1968         background:url(../images/nav/help/mute_button_blur.png) no-repeat;
1969         width:64px;
1970         height:58px;
1971         left: 91px;
1972         z-index: 5;
1973         top: -5px;
1974 }
1975
1976 #navigation_topmenu_help_mute_button.active_led{ background:url(../images/nav/help/mute_button_active_blur.png) no-repeat !important;}
1977
1978 #view2_list_container{width: 343px;}
1979
1980 #destination_view_blur{ background:url(../images/nav/help/destination_view_blur.png) no-repeat; width:800px; height:480px;}
1981
1982
1983 /******************* For Navigation.Destination menu*******************/
1984 #navigation_destination {
1985         width: 800px;
1986         height: 480px;
1987 }
1988
1989 #navigation_destination .backButton{
1990         top: 59px;
1991 }
1992
1993 #navigation_destination .block-header-title{
1994         top: 67px;
1995         left: 73px;
1996 }
1997
1998 #navigation_destination_pushToTalk_buttton{
1999         top: 80px;
2000         right: 5px;
2001         height: 48px;
2002         width:  48px;
2003         border: 1px solid #4bffff;
2004         border-radius: 2px;
2005 }
2006
2007 #navigation_destination_list {
2008         top: 139px;
2009         left: 64px;
2010         width: 734px;
2011         height: 250px;
2012 }
2013
2014 #navigation_destination_list .list-content {
2015         border: none !important;
2016 }
2017 #navigation_destination_list .scrollbar {
2018         height: 248px !important;
2019 }
2020
2021 #navigation_destination_list .sb-bottom {
2022         height: 47px;
2023 }
2024
2025 #navigation_destinationt {
2026         height: 250px;
2027         position: relative;
2028         float: left;
2029         margin-top: 5px;
2030         width: 554px;
2031 }
2032
2033 #navigation_destination_list .list-item .ico{
2034         width: 50px;
2035         height: 50px;
2036 }
2037
2038 #navigation_destination_list .list-content {
2039         width: 684px;
2040 }
2041
2042 #navigation_destination .list-item {
2043         position: relative;
2044         width: 330px;
2045         float: left;
2046         margin-right: 10px;
2047         height: 49px;
2048         font-size: 20px;
2049         line-height: 50px;
2050         border: 1px solid #393939;
2051         border-bottom: none;
2052         cursor: pointer;
2053 }
2054
2055 #navigation_destination .list-item .ico {
2056         float: left;
2057 }
2058
2059 #navigation_destination .list-item span {
2060         height: 23px;
2061 }
2062
2063 #navigation_destination .inner-wrapper {
2064         left: 100px;
2065         top: 71px;
2066 }
2067
2068 #navigation_destination .group_button_wraper{
2069         width: 330px;
2070         position: absolute;
2071         height: 49px;
2072         top: 339px;
2073         left: 406px;
2074         border: 1px solid #333;
2075         text-align: center;
2076 }
2077
2078 .helpmode #navigation_destination .group_button_wraper span{
2079         text-shadow: 0 0 3px #999;
2080 }
2081
2082 .helpmode #navigation_destination .group_button_wraper {
2083         margin: 1px 1px;
2084 }
2085
2086 #navigation_destination .delim {
2087         left:161px;
2088         width: 4px;
2089         height: 48px;
2090         background: url(../images/common/delim.png) no-repeat;
2091         z-index: 100;
2092 }
2093
2094 #navigation_destination .group_button_wraper .button{
2095         position: relative;
2096         float: left;
2097         width: 165px;
2098         height: 48px;
2099         cursor: pointer;
2100         line-height: 50px;
2101 }
2102
2103 #navigation_destination .group_button_wraper span{
2104         font-size: 20px;
2105         line-height: 25px;
2106         text-align: center;
2107 }
2108
2109 #navigation_destination.fr #navigation_destination_editRoute_Button span {
2110         position: absolute;
2111         width: 79px;
2112         left: 41px;
2113         top: 5px;
2114         line-height: 19px;
2115 }
2116
2117 #navigation_destination.fr #navigation_destination_cancelRoute_Button span {
2118         position: absolute;
2119         width: 98px;
2120         left: 33px;
2121         top: 5px;
2122         line-height: 19px;
2123 }
2124
2125 #navigation_destination.help-mode {
2126         background-image: url(../images/settings/navigation_destination_help.png);
2127         background-repeat: no-repeat;
2128 }
2129
2130 #navigation_destination.help-mode .group_button_wraper .button, #navigation_destination.help-mode  .group_button_wraper{
2131         border: none !important;
2132         background: none !important;
2133 }
2134
2135 #navigation_destination.help-mode .delim{
2136         opacity: 0;
2137 }
2138
2139 /*#navigation_destination_list .list-item.voice-over{
2140         border: 1px solid #4BFFFF;
2141         border-bottom: none;
2142 }*/
2143
2144 #navigation_destination_list_item0, #navigation_destination_list_item1{
2145         border-top-left-radius: 2px;
2146         border-top-right-radius: 2px;
2147 }
2148
2149 #navigation_destination_list_item8,
2150 #navigation_destination_list_item3{
2151         height: 48px !important;
2152         border-bottom: 1px solid #393939 !important;
2153         border-bottom-left-radius: 2px;
2154         border-bottom-right-radius: 2px;
2155 }
2156
2157 #navigation_destination_list_item12,
2158 #navigation_destination_list_item11{
2159         height: 48px !important;
2160         border-bottom: 1px solid #393939 !important;
2161 }
2162
2163 #navigation_destination.help-mode{
2164         background-image: url(../images/nav/help/navigation_destnation_bg_help.png) !important;
2165         background-repeat: no-repeat;
2166 }
2167
2168 .helpmode #navigation_destination_list_item8,
2169 .helpmode #navigation_destination_list_item3
2170 {
2171         height: 50px !important;
2172         border-bottom: none !important;
2173 }
2174
2175 .helpmode #navigation_destination_list span{
2176         margin-top: 1px;
2177         line-height: 51px;
2178 }
2179
2180 .helpmode #navigation_destination .list-item{
2181         margin-right: 11px;
2182         margin-left: -1px;
2183         width: 332px;
2184 }
2185