css/settings.css

   1 /** Settings General*/
   2 #content {
   3         top: 59px;
   4         left: 5px;
   5 }
   6
   7 .inner-content {
   8         left: 100px;
   9         top: 60px;
  10 }
  11
  12 .inner-wrapper {
  13         left: 100px;
  14         top: 60px;
  15 }
  16
  17 .label-20 {
  18         font-size: 20px;
  19         line-height: 22px;
  20 }
  21
  22 .btn-28 {
  23         background: url(../images/settings/btn-28h.png) repeat-x;
  24         height: 28px;
  25         line-height: 29px;
  26 }
  27
  28 .btn-left-c {
  29         background: url(../images/settings/center-button.png) no-repeat -1px 0;
  30         -webkit-border-radius: 0;
  31         -moz-border-radius: 0;
  32         border-radius: 0;
  33         -webkit-border-top-left-radius: 3px;
  34         -webkit-border-bottom-left-radius: 3px;
  35         -moz-border-radius-topleft: 3px;
  36         -moz-border-radius-bottomleft: 3px;
  37         border-top-left-radius: 3px;
  38         border-bottom-left-radius: 3px;
  39 }
  40
  41 .btn {
  42         font-size: 20px;
  43         line-height: 28px;
  44         cursor: pointer;
  45         border: 1px solid #393939;
  46         -webkit-border-radius: 3px;
  47         -moz-border-radius: 3px;
  48         border-radius: 3px;
  49 }
  50
  51 .disabled {
  52         cursor: default !important;
  53 }
  54
  55 #settings_view .disabled .right-icon{
  56         opacity: 0.3;
  57 }
  58
  59 .btn-28.active {
  60         background: url(../images/settings/btn-48h-active.png) repeat-x !important;
  61         cursor: default;
  62 }
  63
  64 .btn-48 {
  65         background: url(../images/settings/btn-48h.png) repeat-x;
  66         height: 48px;
  67         line-height: 49px;
  68 }
  69
  70 .btn.disabled {
  71         color: #6E6E6E;
  72 f
  73 }
  74
  75 .btn-98 {
  76         background: url(../images/settings/btn-98h.png) repeat-x;
  77         height: 98px;
  78 }
  79
  80 .scroll {
  81         position: relative;
  82         border: 1px solid #393939;
  83         height: 300px;
  84         width: 48px;
  85         left: 580px;
  86 }
  87
  88 .scroll_up {
  89         width: 50px;
  90         height: 51px;
  91         background: url("../images/settings/scroll_up.png") no-repeat;
  92         top: -1px;
  93         left: -1px;
  94         cursor: pointer;
  95 }
  96
  97 .scroll_up_inactive {
  98         background: url("../images/settings/scroll_up_inactive.png") no-repeat !important;
  99 }
 100
 101 .scroll_down_inactive {
 102         background: url("../images/settings/scroll_down_inactive.png") no-repeat !important;
 103 }
 104
 105 .scroll_down {
 106         width: 50px;
 107         height: 51px;
 108         background: url("../images/settings/scroll_down.png") no-repeat;
 109         bottom: -1px;
 110         left: -1px;
 111         cursor: pointer;
 112 }
 113
 114 .scroll_body {
 115         width: 46px;
 116         height: 200px;
 117         background: #262626;
 118         top: 50px;
 119         left: 1px;
 120 }
 121
 122 .scroll_knob {
 123         width: 46px;
 124         top: 50px;
 125         left: 1px;
 126         background: #464646;
 127 }
 128
 129 .text-block {
 130         border: 1px solid #393939;
 131         font-size: 20px;
 132         -webkit-border-radius: 3px;
 133         -moz-border-radius: 3px;
 134         border-radius: 3px;
 135 }
 136
 137 .text-block-500 {
 138         width: 476px;
 139         padding: 13px 11px;
 140 }
 141
 142 .backButton {
 143         width: 48px;
 144         height: 48px;
 145         border: 1px solid #333;
 146         border-radius: 2px;
 147         float: left;
 148         margin-left: 5px;
 149         z-index: 1;
 150 }
 151
 152 .backButton .ico {
 153         margin-top: 13px;
 154         margin-left: 8px;
 155         cursor: pointer;
 156 }
 157
 158 .voiceButton {
 159         top: 59px;
 160         right: 5px;
 161         width: 48px;
 162         height: 48px;
 163         border: 1px solid #333;
 164         border-radius: 2px;
 165 }
 166
 167 .block-header-title {
 168         font-size: 26px;
 169         width: 550px;
 170         top: 10px;
 171         left: 75px;
 172 }
 173
 174 /******************* ToggleLabelButton********************/
 175
 176 .toogleButtonContainer {
 177         position: relative;
 178         width: 198px;
 179         height: 28px;
 180         border: 1px solid #393939;
 181         border-radius: 2px;
 182         float: right;
 183         margin-top: 10px;
 184         margin-right: 10px;
 185 }
 186
 187 .toogleButtonContainer .toggles{
 188         position: relative;
 189         float: left;
 190         width: 98px;
 191         height: 28px;
 192 }
 193
 194 .toogleButtonContainer span{
 195         position: relative;
 196         float: left;
 197         width: 100%;
 198         margin-top: 1px;
 199         text-align: center;
 200         line-height: 28px;
 201 }
 202
 203 .toogleButtonContainer .delim{
 204         position: relative;
 205         float: left;
 206         border: #393939 1px solid;
 207         height: 26px;
 208         width: 0px;
 209 }
 210
 211 .lableToggleButton.wideDoubleToggle .toogleButtonContainer,
 212 .lableToggleButton.tripleToggle  .toogleButtonContainer{
 213         width: 298px;
 214 }
 215
 216 .lableToggleButton.wideDoubleToggle .delim{
 217         position: relative;
 218         float: left;
 219         background-color: #393939;
 220         height: 26px;
 221         width: 0px;
 222 }
 223
 224 .lableToggleButton.wideDoubleToggle .toggles{
 225         width: 148px;
 226 }
 227
 228 #settings_view .toogleButtonContainer .active {
 229         background: url(../images/settings/btn-28h-gray-active.png) repeat-x !important;
 230 }
 231
 232 #settings_view.help-mode .toogleButtonContainer .active {
 233         background: none !important;
 234 }
 235
 236 #settings_view.help-mode .toogleButtonContainer {
 237         border: none !important;
 238 }
 239
 240 /******************* For Help Mode *******************/
 241 .help-mode .btn-28,
 242 .help-mode .button span,
 243 .help-mode .label-20,
 244 .btn .help-mode,
 245 .help-mode .title,
 246 .help-mode .text,
 247 .help-mode .text-block-500,
 248 .help-mode .list-item span,
 249 .help-mode .lableToggleButton .lableToggle,
 250 .help-mode .block-header-title,
 251 .help-mode .label {
 252         color: transparent !important;
 253         text-shadow: 0 0 3px #FFF; !important;
 254
 255 }
 256
 257 .help-mode .btn-28,
 258 .help-mode .button span,
 259 .help-mode .text-block-500,
 260 .help-mode .btn-98,
 261 .help-mode .btn-48,
 262 .help-mode .toggles,y
 263 .help-mode .toogleButtonContainer,
 264 .help-mode .toogleButtonContainer .delim,
 265 .help-mode .lablePlusButton .button {
 266         border: none !important;
 267         background: none !important;
 268 }
 269
 270 .help-mode .list-item,
 271 .help-mode .list,
 272 .help-mode .list-content{
 273         background: none !important;
 274         float: left;
 275         border: none !important;
 276         color: transparent !important;
 277         text-shadow: 0 0 3px #FFF !important;
 278 }
 279
 280 .help-mode .list-item .ico{
 281         border: 1px solid #000;
 282 }
 283
 284 .help-mode .list-item {
 285         height: 50px !important;
 286 }
 287
 288
 289 _list .list-item,
 290 .helpmode #settings_settings_mediaPlayer .list-item,
 291 .helpmode #settings_help_systemInformation_list .list-item {
 292         left: 1px !important;
 293         top: 1px !important;
 294 }
 295
 296 .helpmode #settings_vehicle_list .list-item,
 297 .helpmode #settings_settings_list .list-item,
 298 .helpmode #settings_help_list_left .list-item,
 299 .helpmode #settings_help_list_right .list-item {
 300         top: 1px !important;
 301         left: -1px !important;
 302 }
 303
 304 .help-mode .lableToggle{
 305         margin-top: 1px !important;
 306         margin-left: 1px !important;
 307 }
 308
 309 .help-mode .toogleButtonContainer span{
 310         margin-top: 3px !important;
 311         margin-left: 1px !important;
 312 }
 313
 314 .help-mode .button1 span{
 315         margin-left: 2px !important;
 316 }
 317
 318 .help-mode .button2 span{
 319         margin-left: 3px !important;
 320 }
 321
 322 .help-mode .lablePlusButton{
 323         left: 1px !important;
 324         top: 1px !important;
 325 }
 326
 327 .help-mode .list-item img {
 328         opacity: 0 !important;
 329 }
 330
 331 #settings_view.help-mode .sb-content {
 332         opacity: 0;
 333 }
 334
 335 /******************* For Settings Menu *******************/
 336 #ctrl_settings_menu {
 337         z-index: 1000;
 338         position: absolute;
 339         top: 90px;
 340         left: 0px;
 341         width: 150px;
 342         height: 300px;
 343 }
 344
 345 #ctrl_settings_menu .ls_border {
 346         z-index: 201;
 347         position: absolute;
 348         top: -3px;
 349         left: 0px;
 350         width: 153px;
 351         height: 306px;
 352 }
 353
 354 #ctrl_settings_menu .ls-items {
 355         position: relative;
 356         width: 150px;
 357         height: 300px;
 358 }
 359
 360 #ctrl_settings_menu .ls-item {
 361         z-index: 201;
 362         position: relative;
 363         width: 150px;
 364         height: 50px;
 365         cursor: pointer;
 366 }
 367
 368 #ctrl_settings_menu .ls-item > .bg {
 369         z-index: 201;
 370         position: absolute;
 371         top: 0px;
 372         left: 0px;
 373         width: 150px;
 374         height: 50px;
 375 }
 376
 377 #ctrl_settings_menu .ls-item > .ico {
 378         z-index: 299;
 379         position: absolute;
 380         width: 50px;
 381         height: 50px;
 382         left: 0px;
 383         top: 0px;
 384 }
 385
 386 #ctrl_settings_menu .lsp1_p {
 387         background: url("../images/settings/ls-item_bg.png") repeat-x;
 388 }
 389
 390 #ctrl_settings_menu .settings_active {
 391         background: url("../images/settings/menu_active.png") repeat-x;
 392 }
 393
 394 #ctrl_settings_menu .ls-item > .ico.more {
 395         left: 50px;
 396 }
 397
 398 #ctrl_settings_menu .ls-item p {
 399         z-index: 298;
 400         position: absolute;
 401         left: 50px;
 402         width: 100px;
 403         height: 50px;
 404         font-size: 20px;
 405         line-height: 50px;
 406         white-space: nowrap;
 407         overflow: hidden;
 408 }
 409
 410 #ctrl_settings_menu .ls-item > .led {
 411         z-index: 299;
 412         position: absolute;
 413         top: 0px;
 414         right: 8px;
 415         width: 24px;
 416         height: 50px;
 417 }
 418
 419 #ctrl_settings_menu .ls-item.empty {
 420         background: #333333;
 421 }
 422
 423 #ctrl_settings_menu .firts_item {
 424         -webkit-border-top-right-radius: 3px;
 425         border-top-right-radius: 3px;
 426 }
 427
 428 #ctrl_settings_menu .last_item {
 429         -webkit-border-bottom-right-radius: 3px;
 430         border-bottom-right-radius: 3px;
 431 }
 432
 433 #ctrl_settings_menu .phone_active {
 434         background: url("../images/phone/menu_active.png") repeat-x !important;
 435 }
 436
 437 #ctrl_settings_menu .navigation {
 438         width: 26px;
 439         height: 25px;
 440         background: url("../images/phone/ico_navigation.png") no-repeat;
 441         left: 60px;
 442         top: 10px;
 443 }
 444
 445 /******************* For Settings.Clock *******************/
 446 #settings_clock {
 447         position: absolute;
 448         top: 90px;
 449         left: 160px;
 450         height: 305px;
 451         width: 640px;
 452         float: left;
 453 }
 454
 455 #settings_clock .clockPanel {
 456         position: relative;
 457         margin-left: 5px;
 458         top: 5px;
 459         float: left;
 460         width: 570px;
 461 }
 462
 463 #settings_clock .leftPlusButton {
 464         position: relative;
 465         width: 98px;
 466         height: 43px;
 467         float: left;
 468         border: 1px solid #393939;
 469         border-top-left-radius: 3px;
 470 }
 471
 472 #settings_clock .leftPlusButton .ico, #settings_clock .rightPlusButton .ico {
 473         position: relative;
 474         margin-left: 37px;
 475         margin-top: 10px;
 476         float: left;
 477 }
 478
 479 #settings_clock .leftMinusButton {
 480         position: relative;
 481         margin-top: 45px;
 482         margin-left: -100px;
 483         width: 98px;
 484         height: 44px;
 485         border: 1px solid #393939;
 486         border-top: none;
 487         border-bottom-left-radius: 3px;
 488         float: left;
 489 }
 490
 491 #settings_clock .leftMinusButton .ico, #settings_clock .rightMinusButton .ico {
 492         position: relative;
 493         margin-left: 37px;
 494         margin-top: 20px;
 495         float: left;
 496 }
 497
 498 #settings_clock .timeNum {
 499         position: relative;
 500         margin-left: 0px;
 501         margin-top: 0px;
 502         width: 265px;
 503         height: 88px;
 504         border-top: 1px solid #393939;
 505         border-bottom: 1px solid #393939;
 506         float: left;
 507         color: #999;
 508 }
 509
 510 #settings_clock .timeNum .time {
 511         position: relative;
 512         margin-left: 78px;
 513         margin-top: 0px;
 514         width: 112px;
 515         height: 44px;
 516         font-size: 59px;
 517         float: left;
 518 }
 519
 520 #settings_clock .timeNum .timeZone {
 521         position: relative;
 522         margin-left: 78px;
 523         margin-top: 13px;
 524         width: 180px;
 525         height: 46px;
 526         font-size: 18px;
 527         font-weight: bold;
 528         float: left;
 529 }
 530
 531 #settings_clock .rightPlusButton {
 532         position: relative;
 533         width: 98px;
 534         height: 43px;
 535         float: left;
 536         border: 1px solid #393939;
 537         border-top-right-radius: 3px;
 538 }
 539
 540 #settings_clock .rightMinusButton {
 541         position: relative;
 542         margin-top: 45px;
 543         margin-left: -100px;
 544         width: 98px;
 545         height: 44px;
 546         border: 1px solid #393939;
 547         border-bottom-right-radius: 3px;
 548         border-top: none;
 549         float: left;
 550 }
 551
 552 #settings_clock .am {
 553         position: relative;
 554         margin-left: 5px;
 555         float: left;
 556         width: 98px;
 557         height: 43px;
 558         border: 1px solid #333;
 559         border-top-left-radius: 3px;
 560         border-top-right-radius: 3px;
 561         font-size: 20px;
 562         font-weight: bold;
 563 }
 564
 565 #settings_clock .pm {
 566         position: relative;
 567         margin-left: 5px;
 568         float: left;
 569         width: 98px;
 570         height: 44px;
 571         border: 1px solid #333;
 572         border-top: none;
 573         border-bottom-left-radius: 3px;
 574         border-bottom-right-radius: 3px;
 575         font-size: 20px;
 576         font-weight: bold;
 577 }
 578
 579 #settings_clock .am span {
 580         position: relative;
 581         top: 10px;
 582         margin-left: 33px;
 583 }
 584
 585 #settings_clock .pm span {
 586         position: relative;
 587         top: 10px;
 588         margin-left: 33px;
 589 }
 590
 591 #settings_clock .am.pressed, #settings_clock .pm.pressed {
 592         background: url(../images/settings/menu_active.png);
 593 }
 594
 595 #settings_clock_list {
 596         margin-top: 100px;
 597         margin-left: 5px
 598 }
 599
 600 /* Settings.clock lisr wraper */
 601 #settings_clock .list {
 602         position: absolute;
 603         width: 629px;
 604         height: 201px;
 605         border-radius: 2px;
 606 }
 607
 608 /* Settings.clock list item */
 609 #settings_clock .list-item {
 610         position: relative;
 611         width: 568px;
 612         float: left;
 613         background: #000;
 614         height: 49px;
 615         border-bottom: 1px solid #393939;
 616 }
 617
 618 /* Settings.clock list */
 619 #settings_clock .list-content {
 620         width: 568px;
 621 }
 622
 623 /* Settings.clock list label */
 624 #settings_clock .list-item > span,
 625 #settings_clock .lableToggle {
 626         margin-left: 15px;
 627         width: 300px;
 628         float: left;
 629 }
 630
 631 #settings_clock .list-item .ico {
 632         float: right;
 633         border: 1px solid #393939;
 634         border-radius: 2px;
 635         margin-top: 9px;
 636         margin-right: 9px;
 637         opacity: 0.3;
 638 }
 639
 640 #settings_view .toogleButtonContainer.doubletoggle{
 641         width: 198px;
 642 }
 643
 644 .helpmode #settings_clock {
 645         background-image: url(../images/settings/settings_clock_bg_help.png)!important;
 646         background-repeat: no-repeat;
 647         background-position: 0px 0px;
 648
 649 }
 650
 651 .helpmode #settings_clock .list-item {
 652         height: 50px !important;
 653 }
 654
 655 .helpmode #settings_clock .lableToggle {
 656         margin-left: 15px !important;
 657         margin-top: 0px !important;
 658 }
 659
 660 .helpmode #settings_clock .toogleButtonContainer span {
 661         margin-top: 1px !important;
 662         margin-left: 0px !important;
 663 }
 664
 665 .helpmode #settings_clock .toogleButtonContainer {
 666         border: none !important;
 667         padding: 1px;
 668 }
 669
 670 .helpmode #settings_clock .toogleButtonContainer .delim {
 671         width:2px;
 672 }
 673 .helpmode #settings_clock .list {
 674         margin-top: 101px;
 675         margin-left: 6px;
 676 }
 677
 678 .helpmode #settings_clock .ico {
 679         opacity: 0;
 680 }
 681
 682 .helpmode #settings_clock .time,
 683 .helpmode #settings_clock .timeZone,
 684 .helpmode #settings_clock .timeNum,
 685 .helpmode #settings_clock .am span,
 686 .helpmode #settings_clock .pm span{
 687         color: transparent !important;
 688         text-shadow: 0 0 3px #999 !important;
 689         background-image: none !important;
 690         border: none !important;
 691 }
 692
 693 .helpmode #settings_clock .button, .helpmode #settings_clock .button {
 694         background: none !important;
 695         border: none !important;
 696 }
 697
 698 #settings_clock.help-mode .leftPlusButton{
 699         top: 1px !important;
 700         left: 2px !important;
 701 }
 702
 703 .helpmode #settings_clock .timeNum {
 704         top: 1px !important;
 705         left: 2px !important;
 706 }
 707
 708 .helpmode #settings_clock .am {
 709         top: 1px !important;
 710         left: 5px !important;
 711 }
 712
 713 .helpmode #settings_clock .pm {
 714         top: 2px !important;
 715         left: 7px !important;
 716 }
 717
 718
 719
 720 /******************* For Settings.Display Menu *******************/
 721 #settings_display {
 722         background: url(../images/settings/view_settings_display_bg.png) no-repeat;
 723         height: 260px;
 724         width: 640px;
 725         left: 160px;
 726         top: 81px;
 727 }
 728
 729 #settings_display .inner-wrapper {
 730         top: 65px;
 731         left: 100px;
 732 }
 733
 734 #options_left_menu {
 735         left: -46px;
 736         top: -30px;
 737 }
 738
 739 .settings_font {
 740         font-size: 20px;
 741 }
 742
 743 #gang_buttons div, #end p, .rs-item > p, .br-list-item > p, .br-list-item > p.numbers, .bcs-item > span, .bc-item2 > span, #home_usb .usb_time, #keypad .words, .channel, .equalizer.subsubtitle, .intive_btn, .info-text {
 744         color: #999;
 745 }
 746
 747 #options_left_clock {
 748         top: 16px;
 749 }
 750
 751 #options_left_display {
 752         top: 66px;
 753 }
 754
 755 #options_left_sound {
 756         top: 116px;
 757 }
 758
 759 #options_left_vehicle {
 760         top: 166px;
 761 }
 762
 763 #options_left_settings {
 764         top: 216px;
 765 }
 766
 767 #options_left_help {
 768         top: 265px;
 769 }
 770
 771 #settings_display .brightness {
 772         left: -80px;
 773         top: -45px;
 774 }
 775
 776 #settings_display .auto-dim {
 777         left: -80px;
 778         top: 5px;
 779         width: 300px;
 780 }
 781
 782 #settings_display .mode {
 783         left: -80px;
 784         top: 55px;
 785 }
 786
 787 #settings_display .edit-wallpaper {
 788         left: -80px;
 789         top: 105px;
 790         width: 580px;
 791 }
 792
 793 #settings_display .auto-dim-manual-offset {
 794         left: -80px;
 795         top: 156px;
 796         width: 240px;
 797 }
 798
 799 #settings_display .auto-dim-on {
 800         width: 99px;
 801         text-align: center;
 802         left: 404px;
 803         top: -3px;
 804 }
 805
 806 #settings_display .auto-dim-off {
 807         width: 99px;
 808         text-align: center;
 809         left: 504px;
 810         top: -3px;
 811 }
 812
 813 #settings_display .auto {
 814         width: 99px;
 815         text-align: center;
 816         left: 304px;
 817         top: -3px;
 818 }
 819
 820 #settings_display .day {
 821         width: 99px;
 822         text-align: center;
 823         left: 404px;
 824         top: -3px;
 825 }
 826
 827 #settings_display .night {
 828         width: 99px;
 829         text-align: center;
 830         left: 504px;
 831         top: -3px;
 832 }
 833
 834 #settings_display .active {
 835         background: url(../images/settings/btn-28h-gray-active.png) repeat-x !important;
 836 }
 837
 838 .help-mode .auto-dim-on,
 839 .help-mode .auto-dim-off,
 840 .help-mode #settings_display .auto,
 841 .help-mode #settings_display .day,
 842 .help-mode #settings_display .night{
 843         line-height: 30px;
 844 }
 845
 846 .help-mode #settings_display {
 847         background: url(../images/settings/view_settings_display_bg_help.png) no-repeat !important;
 848 }
 849
 850 .help-mode #settings_display .label-20,
 851 .help-mode #settings_display .btn-28{
 852         color: transparent !important;
 853         text-shadow: 0 0 3px #999; !important;
 854 }
 855
 856 /******************* For Settings.Sound Menu *******************/
 857 #settings_sound_view {
 858         height: 384px;
 859         width: 647px;
 860         left: 153px;
 861         top: 48px;
 862         z-index: 1001;
 863 }
 864
 865 #settings_sound_list{
 866         top: 42px;
 867         left: 12px;
 868         height: 251px;
 869         width: 630px;
 870 }
 871
 872 #settings_sound_list .list-content{
 873         height: 391px;
 874         width: 570px;
 875 }
 876
 877 #settings_sound_list .list-item > span,
 878 #settings_sound_list .lableToggle  > span
 879 {
 880         margin-left: 13px;
 881 }
 882
 883 #settings_sound_list_item5 .toogleButtonContainer{
 884         width: 242px;
 885 }
 886
 887 #settings_sound_list_item5 .toggles,
 888 #settings_sound_list_item5 .toggles span{
 889         width: 120px;
 890 }
 891
 892 #settings_sound_list_item6 {
 893         height: 90px;
 894 }
 895
 896 #settings_sound_list_item6 .toogleButtonContainer{
 897         width: 334px;
 898         height: 100px;
 899         border: none;
 900 }
 901
 902 #settings_sound_list_item6 .lableToggle{
 903         margin-top: 10px;
 904         margin-left: 10px;
 905         width: 199px;
 906         height: 100px;
 907         line-height: 20px;
 908 }
 909
 910 #settings_sound_list_item6 span{
 911         margin-left: 0px !important;
 912 }
 913
 914 #settings_sound_list_item6 .toggles span{
 915         width: 80px;
 916 }
 917
 918 #settings_sound_list_item6 .toggles{
 919         border-top: 1px solid #393939;
 920         border-bottom: 1px solid #393939;
 921         margin-bottom: 10px;
 922         width: 80px;
 923 }
 924
 925 #settings_sound_list_item6  .toogleButtonContainer .delim{
 926         height: 28px;
 927 }
 928
 929 #settings_sound_list_item6 .delim-3{
 930         display: none;
 931 }
 932
 933 #settings_sound_list_item6 .button3,
 934 #settings_sound_list_item6 .button7{
 935         border-right: 1px solid #393939;
 936 }
 937
 938 #settings_sound_list_item6 .button0,
 939 #settings_sound_list_item6 .button4{
 940         border-left: 1px solid #393939;
 941 }
 942
 943 #settings_sound_list .list-item .ico {
 944         margin-right: 1px;
 945         float: right;
 946 }
 947
 948 #settings_sound_list .scrollbar .disabled .ico{
 949         opacity: 0.3;
 950 }
 951
 952 #settings_sound_list .disabled .ico{
 953         opacity: 1;
 954 }
 955
 956 .helpmode #settings_sound_view .list-content{
 957         padding: 1px 0 0 1px;
 958 }
 959
 960 .helpmode #settings_sound_view {
 961         background: url(../images/settings/settings_sound_bg_help.png) no-repeat;
 962 }
 963
 964 /******************* For Settings.Sound.SetBalanceAndFadeView *******************/
 965 #settings_sound_soundBalanceFade {
 966         top: 0px;
 967         left: -153px;
 968         background-image: url(../images/settings/view_settings_Sound_BalanceFader.png);
 969         background-repeat: no-repeat;
 970         background-position: 158px -10px;
 971         background-color: #000;
 972         width: 800px;
 973         height: 384px;
 974         z-index: 1011;
 975 }
 976
 977 #settings_sound_soundBalanceFade .backButton {
 978         top: 11px;
 979 }
 980
 981 #settings_sound_soundBalanceFade .block-header-title {
 982         top: 21px;
 983 }
 984
 985 #settings_sound_soundBalanceFade .inner-wrapper {
 986         left: 100px;
 987         top: 71px;
 988 }
 989
 990 #settings_sound_soundBalanceFade .fade {
 991         top: -2px;
 992         left: 82px;
 993 }
 994
 995 #settings_sound_soundBalanceFade.fr .fade {
 996         top: -4px;
 997         left: 77px;
 998         font-size: 16px;
 999         width: 89px;
1000         line-height: 13px;
1001 }
1002
1003 #settings_sound_soundBalanceFade .balance {
1004         top: 261px;
1005         left: 82px;
1006 }
1007
1008 #settings_sound_soundBalanceFade.fr .balance {
1009         top: 259px;
1010         left: 77px;
1011         font-size: 16px;
1012         width: 96px;
1013         line-height: 13px;
1014 }
1015
1016 #settings_sound_soundBalanceFade .f {
1017         top: -2px;
1018         left: 190px;
1019 }
1020
1021 #settings_sound_soundBalanceFade .z1 {
1022         top: 100px;
1023         left: 190px;
1024 }
1025
1026 #settings_sound_soundBalanceFade .b {
1027         top: 202px;
1028         left: 190px;
1029 }
1030
1031 #settings_sound_soundBalanceFade .l {
1032         top: 259px;
1033         left: 235px;
1034 }
1035
1036 #settings_sound_soundBalanceFade .z2 {
1037         top: 260px;
1038         left: 336px;
1039 }
1040
1041 #settings_sound_soundBalanceFade .r {
1042         top: 260px;
1043         left: 434px;
1044 }
1045
1046 .help-mode #settings_sound_soundBalanceFade {
1047         background-image: url(../images/settings/view_settings_Sound_BalanceFader-help.png);
1048 }
1049
1050 /******************* For Settings.Vehicle Menu*******************/
1051 #settings_vehicle {
1052         width: 640px;
1053         height: 480px;
1054         left: 160px;
1055         z-index: 1001;
1056 }
1057
1058 .help-mode #settings_vehicle {
1059         background-image: url(../images/settings/settings_vehicle_help.png);
1060         background-repeat: no-repeat;
1061         background-position-y: 85px;
1062 }
1063
1064 #settings_vehicle_list{
1065         top: 90px;
1066         left: 5px;
1067 }
1068
1069 #settings_vehiclet {
1070         height: 250px;
1071         position: relative;
1072         float: left;
1073         margin-top: 5px;
1074         width: 554px;
1075 }
1076
1077
1078 #settings_vehicle .list {
1079         width: 630px;
1080         height: 301px;
1081 }
1082
1083 #settings_vehicle_list .list-item .ico{
1084         width: 50px;
1085         height: 50px;
1086 }
1087
1088 #settings_vehicle_list .list-content {
1089         width: 630px;
1090         border-left: none;
1091         border-right: none;
1092 }
1093
1094 #settings_vehicle .list-item {
1095         position: relative;
1096         width: 628px;
1097         height: 49px;
1098         font-size: 20px;
1099         line-height: 50px;
1100         border-bottom: 1px solid #393939;
1101         border-left: 1px solid #393939;
1102         border-right: 1px solid #393939;
1103 }
1104
1105 #settings_vehicle .list-item .arrow-ico {
1106         right: 8px;
1107 }
1108
1109 #settings_vehicle .list-item .ico {
1110         float: left;
1111 }
1112
1113 #settings_vehicle .list-item span {
1114         height: 23px;
1115 }
1116
1117 #settings_vehicle .backButton {
1118         margin-top: 11px;
1119 }
1120
1121 #settings_vehicle_HealthReport .backButton {
1122         margin-top: 11px;
1123 }
1124
1125 #settings_vehicle_HealthReport .block-header-title {
1126         margin-top: 11px;
1127 }
1128
1129 #settings_vehicle .block-header-title {
1130         margin-top: 11px;
1131 }
1132
1133 #settings_vehicle_HealthReport .inner-wrapper {
1134         left: 100px;
1135         top: 71px;
1136 }
1137
1138 #settings_vehicle .inner-wrapper {
1139         left: 100px;
1140         top: 71px;
1141 }
1142
1143 /******************* For Settings.Vehicle.AmbientLighting Menu*******************/
1144
1145 #settings_vehicle_ambientLighting {
1146         top: 48px;
1147         left: -160px;
1148         /*top: 48px;*/
1149         width: 800px;
1150         height: 384px;
1151         background-image: url(../images/settings/settings_vehicle_amberLight_bg.png);
1152         background-color: #000;
1153         z-index: 1001;
1154 }
1155
1156 #settings_vehicle_ambientLighting.help-mode {
1157         background-image: url(../images/settings/settings_vehicle_amberLight_bg-help.png) !important;
1158 }
1159
1160 /******************* For Settings.Vehicle.HealthReport Menu*******************/
1161
1162 #settings_vehicle_HealthReport {
1163         top: 48px;
1164         left: -160px;
1165         width: 800px;
1166         height: 384px;
1167         background-image: url(../images/settings/view_settings_vehicle_VehicleHealthReport.png);
1168         background-repeat: no-repeat;
1169         background-position: 55px 82px;
1170         background-color: #000;
1171         z-index: 1001;
1172 }
1173
1174 #settings_vehicle_HealthReport .ar {
1175         white-space: nowrap;
1176         top: 35px;
1177         left: -20px;
1178 }
1179
1180 #settings_vehicle_HealthReport .mi {
1181         white-space: nowrap;
1182         left: -20px;
1183         top: 84px;
1184 }
1185
1186 #settings_vehicle_HealthReport .ar_on {
1187         top: 36px;
1188         left: 401px;
1189         width: 99px;
1190         text-align: center;
1191         white-space: nowrap;
1192 }
1193
1194 #settings_vehicle_HealthReport .ar_off {
1195         top: 36px;
1196         left: 501px;
1197         width: 98px;
1198         text-align: center;
1199         white-space: nowrap;
1200 }
1201
1202 #settings_vehicle_HealthReport .ar_q {
1203         white-space: nowrap;
1204         left: 635px;
1205         top: 36px;
1206 }
1207
1208 #settings_vehicle_HealthReport .mi_5000 {
1209         white-space: nowrap;
1210         left: 329px;
1211         top: 85px;
1212 }
1213
1214 #settings_vehicle_HealthReport .mi_7500 {
1215         white-space: nowrap;
1216         left: 428px;
1217         top: 85px;
1218 }
1219
1220 #settings_vehicle_HealthReport .mi_10000 {
1221         white-space: nowrap;
1222         left: 523px;
1223         top: 85px;
1224 }
1225
1226 #settings_vehicle_HealthReport .mi_q {
1227         white-space: nowrap;
1228         left: 634px;
1229         top: 85px;
1230 }
1231
1232 #settings_vehicle_HealthReport .mi_rv {
1233         left: 146px;
1234         top: 139px;
1235         width: 308px;
1236         white-space: nowrap;
1237         text-align: center;
1238 }
1239
1240 #settings_vehicle_HealthReport .mi_tc {
1241         white-space: nowrap;
1242         left: 119px;
1243         top: 185px;
1244         font-size: 18px;
1245 }
1246
1247 .help-mode #settings_vehicle_HealthReport {
1248         background-image: url(../images/settings/view_settings_vehicle_VehicleHealthReport-help.png);
1249 }
1250
1251 .help-mode #settings_vehicle_HealthReport .inner-wrapper div {
1252         text-shadow: 0 0 3px #999;
1253 }
1254
1255 /******************* For Settings.Vehicle.Door Keypad Code Menu*******************/
1256 #settings_vehicle_DoorKeypadCode {
1257         top: 48px;
1258         left: -160px;
1259         width: 800px;
1260         height: 384px;
1261         background-image: url(../images/settings/view_settings_vehicle_DoorKeypadCode.png);
1262         background-repeat: no-repeat;
1263         background-position: 110px 181px;
1264         background-color: #000;
1265         z-index: 1001;
1266 }
1267
1268 .help-mode #settings_vehicle_DoorKeypadCode {
1269         background-image: url(../images/settings/view_settings_vehicle_DoorKeypadCode-help.png);
1270 }
1271
1272 #settings_vehicle_DoorKeypadCode .factory {
1273         left: -27px;
1274         top: 28px;
1275         font-size: 26px;
1276         width: 635px;
1277         line-height: 32px;
1278 }
1279
1280 #settings_vehicle_DoorKeypadCode .digit {
1281         right: -289px;
1282         top: 136px;
1283         white-space: nowrap;
1284 }
1285
1286 #settings_vehicle_DoorKeypadCode .b1 {
1287         left: 62px;
1288         top: 199px;
1289         white-space: nowrap;
1290 }
1291
1292 #settings_vehicle_DoorKeypadCode .b2 {
1293         left: 162px;
1294         top: 199px;
1295         white-space: nowrap;
1296 }
1297
1298 #settings_vehicle_DoorKeypadCode .b3 {
1299         left: 262px;
1300         top: 199px;
1301         white-space: nowrap;
1302 }
1303
1304 #settings_vehicle_DoorKeypadCode .b4 {
1305         left: 362px;
1306         top: 199px;
1307         white-space: nowrap;
1308 }
1309
1310 #settings_vehicle_DoorKeypadCode .b5 {
1311         left: 462px;
1312         top: 199px;
1313         white-space: nowrap;
1314 }
1315
1316 #settings_vehicle_DoorKeypadCode .enter {
1317         left: 592px;
1318         top: 199px;
1319         white-space: nowrap;
1320 }
1321
1322 .help-mode #settings_vehicle_DoorKeypadCode .inner-wrapper div {
1323         text-shadow: 0 0 3px #999;
1324 }
1325
1326 /******************* For Settings.Vehicle.Rear View Camera*******************/
1327 #settings_vehicle_RearCamera {
1328         top: 48px;
1329         left: -160px;
1330         width: 800px;
1331         height: 384px;
1332         background-image: url(../images/settings/view_settings_vehicle_RearViewCamera.png);
1333         background-repeat: no-repeat;
1334         background-position: 66px 61px;
1335         background-color: #000;
1336         z-index: 1001;
1337 }
1338
1339 #view_settings_vehicle_RearViewCamera .preview {
1340         top: 147px;
1341         left: 90px;
1342 }
1343
1344 #settings_vehicle_RearCamera .rcd {
1345         top: 12px;
1346         left: -10px;
1347         white-space: nowrap;
1348 }
1349
1350 #settings_vehicle_RearCamera .visualPark {
1351         top: 60px;
1352         left: -10px;
1353         white-space: nowrap;
1354 }
1355
1356 #settings_vehicle_RearCamera .guidelines {
1357         top: 108px;
1358         left: -10px;
1359         white-space: nowrap;
1360 }
1361
1362 #settings_vehicle_RearCamera .on1 {
1363         top: 11px;
1364         left: 292px;
1365         width: 148px;
1366         text-align: center;
1367         white-space: nowrap;
1368 }
1369
1370 #settings_vehicle_RearCamera .off1 {
1371         top: 11px;
1372         left: 441px;
1373         width: 149px;
1374         text-align: center;
1375         white-space: nowrap;
1376 }
1377
1378 #settings_vehicle_RearCamera .on2 {
1379         top: 61px;
1380         left: 292px;
1381         width: 148px;
1382         text-align: center;
1383         white-space: nowrap;
1384 }
1385
1386 #settings_vehicle_RearCamera .off2 {
1387         top: 61px;
1388         left: 441px;
1389         width: 149px;
1390         text-align: center;
1391         white-space: nowrap;
1392 }
1393
1394
1395 #settings_vehicle_RearCamera .on3 {
1396         top: 109px;
1397         left: 292px;
1398         width: 148px;
1399         text-align: center;
1400         white-space: nowrap;
1401 }
1402
1403 #settings_vehicle_RearCamera .off3 {
1404         top: 109px;
1405         left: 441px;
1406         width: 149px;
1407         text-align: center;
1408         white-space: nowrap;
1409 }
1410 #settings_vehicle_RearCamera .preview {
1411         top: 167px;
1412         right: -166px;
1413 }
1414
1415 .help-mode #settings_vehicle_RearCamera {
1416         background-image: url(../images/settings/view_settings_vehicle_RearViewCamera-help.png);
1417 }
1418
1419 .help-mode #settings_vehicle_RearCamera .inner-wrapper div {
1420         text-shadow: 0 0 3px #999;
1421 }
1422
1423 /******************* For Settings.Vehicle. Enable Valet Mode*******************/
1424 #settings_vehicle_enableValetMode_popUp {
1425         width: 800px;
1426         height: 480px;
1427         z-index: 100000;
1428 }
1429
1430 #settings_vehicle_enableValetMode_popUp .blackFilter{
1431         left: -160px;
1432         width: 800px;
1433         height: 480px;
1434         background-color: #000;
1435         opacity: 0.5;
1436 }
1437
1438 #settings_vehicle_enableValetMode_popUp .wrapper{
1439         top: 79px;
1440         left: 80px;
1441         height: 320px;
1442         width: 330px;
1443         background-color: #000;
1444         z-index: 10001;
1445         border: #a6a6a6 solid 2px;
1446         border-radius: 6px;
1447 }
1448
1449 #settings_vehicle_enableValetMode_popUp .wrapper .yesButton,
1450 #settings_vehicle_enableValetMode_popUp .wrapper .noButton {
1451         bottom: 9px;
1452         left: 10px;
1453         width: 155px;
1454         height: 48px;
1455         border: 1px solid #393939;
1456         font-size: 21px;
1457         font-family: Arial;
1458 }
1459
1460
1461 #settings_vehicle_enableValetMode_textEnabling,
1462 #settings_vehicle_enableValetMode_textSamePIN,
1463 #settings_vehicle_enableValetMode_textContinue{
1464         text-align: center;
1465         font-size: 20px;
1466         float: left;
1467 }
1468
1469 #settings_vehicle_enableValetMode_textEnabling{
1470         top: 11px;
1471         left: 34px;
1472         width: 261px;
1473         line-height: 22px;
1474 }
1475
1476 #settings_vehicle_enableValetMode_textSamePIN{
1477         top: 99px;
1478         left: 35px;
1479         width: 261px;
1480         line-height: 22px;
1481 }
1482
1483 #settings_vehicle_enableValetMode_textContinue{
1484         top: 208px;
1485         left: 33px;
1486         width: 267px;
1487         line-height: 22px;
1488 }
1489
1490 #settings_vehicle_enableValetMode_popUp .wrapper .yesButton{
1491         border-top-left-radius: 2px;
1492         border-bottom-left-radius: 2px;
1493 }
1494
1495 #settings_vehicle_enableValetMode_popUp .wrapper .noButton {
1496         left: 163px;
1497         border-top-right-radius: 2px;
1498         border-bottom-right-radius: 2px;
1499 }
1500
1501 #settings_vehicle_enableValetMode_popUp .yesButton span,
1502 #settings_vehicle_enableValetMode_popUp .noButton span {
1503         position: absolute;
1504         top: 13px;
1505         width: 155px;
1506         text-align: center;
1507 }
1508
1509 .helpmode #settings_vehicle_enableValetMode_popUp .wrapper {
1510         background-image: url(../images/settings/settings_vehicle_enableValetMode_popUp_bg_help.png);
1511 }
1512
1513 .helpmode #settings_vehicle_enableValetMode_popUp .wrapper .yesButton,
1514 .helpmode #settings_vehicle_enableValetMode_popUp .wrapper .noButton {
1515         border: none !important;
1516         margin: 0 0 1px 1px;
1517         background: none;
1518 }
1519
1520 /******* For Settings.Vehicle.EnableValetMode.EnterPin*******/
1521 #settings_vehicle_enableValetMode_enteringPin {
1522         top: 53px;
1523         left: -160px;
1524         width: 800px;
1525         height: 384px;
1526         background-color: black;
1527         z-index: 1001;
1528         font-size: 26px;
1529 }
1530
1531 #settings_vehicle_enableValetMode_enteringPin .backButton,
1532 #settings_vehicle_enableValetMode_enteringPin .block-header-title {
1533         margin-top: 11px;
1534 }
1535
1536 #settings_vehicle_enableValetMode_enteringPin_enterPadLabel{
1537         position: absolute;
1538         top: 83px;
1539         right: 525px;
1540 }
1541
1542 #settings_vehicle_enableValetMode_enteringPin.fr #settings_vehicle_enableValetMode_enteringPin_enterPadLabel{
1543         width: 200px;
1544 }
1545
1546 #settings_vehicle_enableValetMode_enteringPin_enterPad {
1547         position: absolute;
1548         top: 74px;
1549         left: 285px;
1550         width: 240px;
1551         height: 289px;
1552 }
1553
1554 #settings_vehicle_enableValetMode_enteringPin_PIN{
1555         position: relative;
1556         float: left;
1557         width: 228px;
1558         height: 48px;
1559         border: 1px solid #393939;
1560         border-radius: 2px;
1561         text-align: center;
1562 }
1563
1564 #settings_vehicle_enableValetMode_enteringPin_enterPad .digitButton{
1565 position: relative;
1566         float: left;
1567         height: 48px;
1568         width: 68px;
1569         border: 1px solid #393939;
1570         border-radius: 4px;
1571         text-align: center;
1572         line-height: 50px;
1573         margin-right: 10px;
1574         margin-top: 10px;
1575 }
1576
1577 #settings_vehicle_enableValetMode_enteringPin_digit0 {
1578         margin-left: 80px;
1579 }
1580
1581 #settings_vehicle_enableValetMode_enteringPin_backspaceButton{
1582         top: 74px;
1583         right: 14px;
1584         width: 63px;
1585         height: 48px;
1586         border: 1px solid #393939;
1587         border-radius: 2px;
1588 }
1589
1590 #settings_vehicle_enableValetMode_enteringPin_backspaceButton .ico {
1591         margin-top: 15px;
1592         margin-left: 19px;
1593 }
1594
1595 #settings_vehicle_enableValetMode_enteringPin_enterButton {
1596         bottom: 21px;
1597         right: 14px;
1598         height: 48px;
1599         width: 138px;
1600         border: 1px solid #393939;
1601         border-radius: 2px;
1602         text-align: center;
1603         line-height: 50px;
1604         font-size: 24px;
1605 }
1606
1607 .help-mode #settings_vehicle_enableValetMode_enteringPin_PIN,
1608 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterPad .digitButton,
1609 .help-mode #settings_vehicle_enableValetMode_enteringPin_backspaceButton,
1610 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterButton{
1611         border: none !important;
1612         background: none !important;
1613 }
1614
1615 .help-mode #settings_vehicle_enableValetMode_enteringPin_backspaceButton .ico {
1616         opacity: 0;
1617 }
1618
1619 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterButton {
1620         right: 15px;
1621         bottom: 22px;
1622 }
1623
1624 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterPad {
1625         top: 74px;
1626         left: 285px;
1627 }
1628
1629 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterPad {
1630         top: 75px;
1631         left: 286px;
1632 }
1633
1634 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterPad .digitButton {
1635         margin-right: 12px;
1636         margin-top: 12px;
1637 }
1638
1639 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterPadLabel,
1640 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterPad .digitButton span,
1641 .help-mode #settings_vehicle_enableValetMode_enteringPin_enterButton span{
1642         text-shadow: 0 0 3px #999 !important;
1643 }
1644
1645 .help-mode #settings_vehicle_enableValetMode_enteringPin{
1646         background-image: url(../images/settings/settings_vehicle_enableValetMode_enterPIN_bg_help.png)
1647 }
1648
1649 /******************* For Settings.Settings*******************/
1650
1651 #settings_settings {
1652         position: relative;
1653         left: 160px;
1654         top: 86px;
1655         width: 642px;
1656         height: 310px;
1657         float: left;
1658         z-index: 1001;
1659 }
1660
1661 #settings_settings_list{
1662         width: 630px;
1663         height: 301px;
1664         top: 5px;
1665         left: 5px;
1666 }
1667
1668 #settings_settings_list .list-item > .ico{
1669         height: 50px;
1670         width: 50px;
1671 }
1672
1673 #settings_settings_list .list-content {
1674         width: 628px;
1675 }
1676
1677 #settings_settings .list-item {
1678         position: relative;
1679         width: 100%;
1680         height: 49px;
1681         font-size: 20px;
1682         line-height: 50px;
1683         border-bottom: 1px solid #393939;
1684 }
1685
1686 #settings_settings .list-item .ico {
1687         float: left;
1688         opacity: 1;
1689 }
1690
1691
1692
1693 #settings_settings .backButton {
1694         margin-top: 11px;
1695 }
1696
1697 #settings_settings .block-header-title {
1698         top: 22px;
1699         left: 76px;
1700 }
1701
1702 .help-mode #settings_settings {
1703         background-image: url(../images/settings/settings_settings_bg_help.png)!important;
1704         border: none;
1705 }
1706
1707 /******************* For Settings.Settings.System Menu*******************/
1708 #settings_settings_system {
1709         top: -38px;
1710         left: -160px;
1711         /*      top: 48px;*/
1712         width: 800px;
1713         height: 384px;
1714         background-color: black;
1715         font-size: 20px;
1716         z-index: 1001
1717 }
1718
1719 #settings_settings_system_list {
1720         position: relative;
1721         margin-top: 84px;
1722         margin-left: 65px;
1723         width: 730px;
1724         height: 251px;
1725 }
1726
1727 #settings_settings_system_list .list {
1728         position: relative;
1729         width: 670px;
1730         height: 251px;
1731         border: 1px solid #393939;
1732         border-radius: 2px;
1733 }
1734
1735 #settings_settings_system_list .list-item {
1736         position: relative;
1737         width: 670px;
1738         float: left;
1739         height: 49px;
1740         border-bottom: 1px solid #393939;
1741         line-height: 50px;
1742 }
1743
1744 #settings_settings_system_list .list-item > span,
1745 #settings_settings_system_list .lableToggle  > span{
1746         margin-left: 13px;
1747 }
1748
1749
1750 #settings_settings_system_list .list-content {
1751         width: 670px;
1752 }
1753
1754 #settings_settings_system_list .list-item .ico {
1755         float: right;
1756         border: 1px solid #393939;
1757         border-radius: 2px;
1758         margin-top: 9px;
1759         margin-right: 9px;/*    opacity: 0.3;*/
1760 }
1761
1762 #settings_settings_system_list .list-item.big-ico img {
1763         float: right;
1764         border: none;
1765         margin-top: 4px;
1766         margin-right: 9px;/*    opacity: 0.3;*/
1767 }
1768
1769 .help-mode #settings_settings_system {
1770         background-image: url(../images/settings/settings_settings_system_bg_help.png);
1771         background-repeat: no-repeat;
1772         background-position: 51px 70px;
1773 }
1774
1775 .help-mode #settings_settings_system .list-item span{
1776         text-shadow: 0 0 3px #999;
1777 }
1778
1779 /******************* For Settings.Settings.System.Keyboard Layout Menu*******************/
1780 #settings_settings_system_keyboardLayout {
1781         top: 0px;
1782         left: 0px;
1783         width: 800px;
1784         height: 384px;
1785         background-color: black;
1786         font-size: 20px;
1787         z-index: 1101
1788 }
1789
1790 #settings_settings_system_keyboardLayout .backButton {
1791         margin-top: 11px;
1792 }
1793
1794 #settings_settings_system_keyboardLayout .block-header-title {
1795         top: 22px;
1796         left: 76px;
1797 }
1798
1799 #settings_settings_system_keyboardLayout_list {
1800         margin-top: 84px;
1801         margin-left: 65px;
1802         width: 731px;
1803         height: 251px;
1804 }
1805
1806 #settings_settings_system_keyboardLayout_list .list-item {
1807         position: relative;
1808         width: 657px;
1809         float: left;
1810         height: 49px;
1811         border-bottom: 1px solid #393939;
1812         padding-left: 13px;
1813         line-height: 50px;
1814 }
1815
1816 #settings_settings_system_keyboardLayout_list .list-content {
1817         width: 670px;
1818 }
1819
1820 #settings_settings_system_keyboardLayout_list .list-item .ico {
1821         float: right;
1822         border: 1px solid #393939;
1823         border-radius: 2px;
1824         margin-top: 9px;
1825         margin-right: 9px;
1826 }
1827
1828 #settings_settings_system_keyboardLayout_list .list-item.pressed {
1829         background: url(../images/settings/menu_active.png)
1830 }
1831
1832 .help-mode #settings_settings_system_keyboardLayout{
1833         background-image: url(../images/settings/settings_settings_system_keyboardLayout_bg_help.png) !important;
1834         background-repeat: no-repeat;
1835         background-position: 60px 79px;
1836 }
1837
1838 .help-mode #settings_settings_system_keyboardLayout_list {
1839         display: none;
1840 }
1841
1842 .help-mode #settings_settings_system_keyboardLayout .list-item span{
1843         text-shadow: 0 0 3px #999;
1844 }
1845
1846 /******************* For Settings.Settings.System.Iinstall Applications Menu*******************/
1847 #settings_settings_system_installApplications {
1848         left: 0px;
1849         top: 0px;
1850         width: 800px;
1851         height: 384px;
1852         background-color: black;
1853         font-size: 20px;
1854         z-index: 1301
1855 }
1856
1857 #settings_settings_system_installApplications .backButton {
1858         margin-top: 11px;
1859 }
1860
1861 #settings_settings_system_installApplications .block-header-title {
1862         top: 22px;
1863         left: 76px;
1864 }
1865
1866 #settings_settings_system_installApplications_list {
1867         position: relative;
1868         margin-top: 84px;
1869         margin-left: 65px;
1870         width: 730px !important;
1871         height: 200px;
1872 }
1873 #settings_settings_system_installApplications_list .list-content {
1874         width: 728px;
1875 }
1876
1877 #settings_settings_system_installApplications_list .list-item span {
1878         padding-left: 10px;
1879 }
1880
1881 #settings_settings_system_installApplications_list .list-item .ico {
1882         float: right;
1883         border: 1px solid #393939;
1884         border-radius: 2px;
1885         margin-top: 9px;
1886         margin-right: 9px;
1887 }
1888
1889 .help-mode #settings_settings_system_installApplications{
1890         background-image: url(../images/settings/settings_settings_system_settings_settings_system_installApplications_bg_help.png) !important;
1891         background-repeat: no-repeat;
1892         background-position: 60px 78px;
1893 }
1894
1895 .help-mode #settings_settings_system_installApplications .list-item span{
1896         text-shadow: 0 0 3px #999;
1897 }
1898
1899 /******************* For Settings.VoiceControl *******************/
1900
1901 #settings_settings_VoiceControl {
1902         top: -38px;
1903         left: -160px;
1904         background-image: url(../images/settings/view_settings_settings_VoiceControl.png);
1905         background-position: 55px 78px;
1906         background-repeat: no-repeat;
1907         background-color: #000;
1908         width: 800px;
1909         height: 384px;
1910         z-index: 1001;
1911 }
1912
1913 #settings_settings_VoiceControl .inner-content {
1914         top: 71px;
1915 }
1916
1917 #settings_settings_VoiceControl .on1 {
1918         top: 82px;
1919 }
1920
1921 #settings_settings_VoiceControl .on2 {
1922         top: 132px;
1923 }
1924
1925 #settings_settings_VoiceControl .on3 {
1926         top: 182px;
1927 }
1928
1929 #settings_settings_VoiceControl .off1 {
1930         top: 82px;
1931 }
1932
1933 #settings_settings_VoiceControl .off2 {
1934         top: 132px;
1935 }
1936
1937 #settings_settings_VoiceControl .off3 {
1938         top: 182px;
1939 }
1940
1941 #settings_settings_VoiceControl .vcv {
1942         left: -23px;
1943         top: 233px;
1944         white-space: nowrap;
1945 }
1946
1947 #settings_settings_VoiceControl .pcl {
1948         left: -23px;
1949         top: 183px;
1950         white-space: nowrap;
1951 }
1952
1953 #settings_settings_VoiceControl .mcl {
1954         left: -23px;
1955         top: 133px;
1956         white-space: nowrap;
1957 }
1958
1959 #settings_settings_VoiceControl .cp {
1960         left: -23px;
1961         top: 83px;
1962         white-space: nowrap;
1963 }
1964
1965 #settings_settings_VoiceControl .im {
1966         left: -23px;
1967         top: 33px;
1968         white-space: nowrap;
1969 }
1970
1971 #settings_settings_VoiceControl .novice {
1972         top: 32px;
1973         white-space: nowrap;
1974 }
1975
1976 #settings_settings_VoiceControl .advance {
1977         top: 32px;
1978         white-space: nowrap;
1979 }
1980
1981 #settings_settings_VoiceControl .toggle0{
1982         left: 330px;
1983         width: 148px;
1984         text-align: center;
1985 }
1986
1987 #settings_settings_VoiceControl .toggle1{
1988         left:  480px;
1989         width: 148px;
1990         text-align: center;
1991 }
1992
1993 .helpmode #settings_settings_VoiceControl {
1994         background-image: url(../images/settings/view_settings_settings_VoiceControl-help.png);
1995 }
1996
1997 .helpmode #settings_settings_VoiceControl .inner-content div{
1998         text-shadow: 0 0 3px #999;
1999 }
2000
2001 /******************* For Settings.Settings.Media Player Menu*******************/
2002 #settings_settings_mediaPlayer {
2003         top: -38px;
2004         left: -160px;
2005         width: 800px;
2006         height: 384px;
2007         background-color: black;
2008         font-size: 20px;
2009         z-index: 1001
2010 }
2011
2012 #settings_settings_mediaPlayer .backButton {
2013         margin-top: 11px;
2014 }
2015
2016 #settings_settings_mediaPlayer .block-header-title {
2017         top: 22px;
2018         left: 76px;
2019 }
2020
2021 #settings_settings_mediaPlayer_list {
2022         margin-top: 84px;
2023         margin-left: 65px;
2024         width: 730px;
2025         height: 251px;
2026 }
2027
2028 #settings_settings_mediaPlayer_list .list-content {
2029         width: 670px;
2030 }
2031
2032 #settings_settings_mediaPlayer_list .list-item {
2033         position: relative;
2034         width: 670px;
2035         float: left;
2036         height: 49px;
2037         line-height: 50px;
2038 }
2039
2040 #settings_settings_mediaPlayer_list .list-item span{
2041         margin-left: 13px;
2042 }
2043
2044 #settings_settings_mediaPlayer_list .list-item .ico {
2045         float: right;
2046         border: 1px solid #393939;
2047         border-radius: 2px;
2048         margin-top: 9px;
2049         margin-right: 9px;
2050 }
2051
2052 #settings_settings_mediaPlayer_list .list-item.big-ico img {
2053         float: right;
2054         border: none;
2055         margin-top: 4px;
2056         margin-right: 9px;
2057 }
2058
2059 #settings_settings_mediaPlayer_list_item5 .toogleButtonContainer {
2060         width: 300px;
2061         text-align: center;
2062 }
2063
2064 #settings_settings_mediaPlayer_list .list-item .toogleButtonContainer span{
2065         margin-left: 0px;
2066         width: 149px;
2067 }
2068
2069 #settings_settings_mediaPlayer_list_item5 .toogleButtonContainer .toggles {
2070         width: 149px;
2071 }
2072
2073 .help-mode #settings_settings_mediaPlayer {
2074         background-image: url(../images/settings/settings_settings_media_bg_help.png)!important;
2075         background-position: 60px 78px;
2076         background-repeat: no-repeat;
2077         border: none;
2078 }
2079
2080 .help-mode #settings_settings_mediaPlayer .list-item {
2081         color: transparent !important;
2082         text-shadow: 0 0 3px white !important;
2083 }
2084
2085 .help-mode #settings_settings_mediaPlayer .list-item .ico {
2086         margin-right: 8px!important;
2087 }
2088
2089 .help-mode #settings_settings_mediaPlayer_list_item0 span,
2090 .help-mode #settings_settings_mediaPlayer_list_item2 span,
2091 .help-mode #settings_settings_mediaPlayer_list_item3 span,
2092 .help-mode #settings_settings_mediaPlayer_list_item4 span{
2093         text-shadow: 0 0 3px #999;
2094 }
2095
2096 /******************* For Settings.Settings.Media Player Bluetooth Devices Menu*******************/
2097 #settings_settings_mediaPlayer_bluetoothDevices {
2098         left: 0px;
2099         top: 0px;
2100         width: 800px;
2101         height: 384px;
2102         background-color: black;
2103         font-size: 20px;
2104         z-index: 1001
2105 }
2106
2107 #settings_settings_mediaPlayer_bluetoothDevices .backButton {
2108         margin-top: 11px;
2109 }
2110
2111 #settings_settings_mediaPlayer_bluetoothDevices .block-header-title {
2112         top: 22px;
2113         left: 76px;
2114 }
2115
2116 #settings_settings_mediaPlayer_bluetoothDevices_list {
2117         position: relative;
2118         margin-top: 84px;
2119         margin-left: 65px;
2120         width: 670px;
2121 }
2122
2123 #settings_settings_mediaPlayer_bluetoothDevices_list {
2124         width: 730px;
2125         height: 251px;
2126 }
2127
2128 #settings_settings_mediaPlayer_bluetoothDevices_list .list-content {
2129         width: 670px;
2130         height: 150px;
2131 }
2132
2133 #settings_settings_mediaPlayer_bluetoothDevices_list .list-item {
2134         position: relative;
2135         width: 670px;
2136         float: left;
2137         height: 49px;
2138         border-bottom: 1px solid #393939;
2139     line-height: 50px;
2140 }
2141
2142 #settings_settings_mediaPlayer_bluetoothDevices_list .list-item > span,
2143 #settings_settings_mediaPlayer_bluetoothDevices_list .lableToggle > span{
2144         margin-left: 13px;
2145 }
2146
2147 #settings_settings_mediaPlayer_bluetoothDevices_list .list-item .ico {
2148         float: right;
2149         border: 1px solid #393939;
2150         border-radius: 2px;
2151         margin-top: 9px;
2152         margin-right: 9px;
2153 }
2154
2155 #settings_settings_mediaPlayer_bluetoothDevices_list .list-item.big-ico img {
2156         float: right;
2157         border: none;
2158         margin-top: 4px;
2159         margin-right: 9px;
2160 }
2161
2162 #settings_settings_mediaPlayer_bluetoothDevices_list .toogleButtonContainer {
2163         width: 300px;
2164 }
2165
2166 #settings_settings_mediaPlayer_bluetoothDevices_list .toggles,
2167 #settings_settings_mediaPlayer_bluetoothDevices_list .toggles span {
2168         width: 149px;
2169 }
2170
2171 #settings_settings_mediaPlayer_bluetoothDevices_list .toogleButtonContainer .delim {
2172         border: none;
2173         background: #393939;
2174         width: 2px;
2175 }
2176
2177 .help-mode #settings_settings_mediaPlayer_bluetoothDevices_list .toogleButtonContainer span{
2178          margin-top: 2px !important;
2179         margin-left: -1px !important;
2180 }
2181
2182 .help-mode #settings_settings_mediaPlayer_bluetoothDevices_list .lableToggle {
2183         margin-top: 0px !important;
2184         margin-left: 0px !important;
2185 }
2186
2187 .helpmode #settings_settings_mediaPlayer_bluetoothDevices{
2188         background-image: url(../images/settings/settings_settings_media_bluetoothDevices_bg_help.png) !important;
2189         background-repeat: no-repeat;
2190 }
2191
2192 .helpmode #settings_settings_mediaPlayer_bluetoothDevices .list-item .ico{
2193         border: 1px solid #000;
2194 }
2195
2196 .helpmode #settings_settings_mediaPlayer_bluetoothDevices_list .list-item span{
2197         text-shadow: 0 0 3px #999;
2198 }
2199
2200 /******************* For Settings.Settings. Navigation*******************/
2201
2202 #settings_settings_navigation {
2203         top: -38px;
2204         left: -160px;
2205         width: 800px;
2206         height: 384px;
2207         background-color: black;
2208         font-size: 20px;
2209         z-index: 1001
2210 }
2211
2212 #settings_settings_navigation .backButton {
2213         margin-top: 11px;
2214 }
2215
2216 #settings_settings_navigation .block-header-title {
2217         top: 22px;
2218         left: 76px;
2219 }
2220
2221 #settings_settings_navigation_list {
2222         margin-top: 84px;
2223         margin-left: 65px;
2224         width: 733px;
2225         height: 251px;
2226 }
2227
2228 #settings_settings_navigation_list .list-content {
2229         width: 728px;
2230         height: 250px;
2231 }
2232
2233 #settings_settings_navigation_list .list-item {
2234         position: relative;
2235         width: 728px;
2236         float: left;
2237         height: 49px;
2238         border-bottom: 1px solid #393939;
2239         line-height: 50px;
2240 }
2241
2242 #settings_settings_navigation_list .list-item span{
2243         margin-left: 13px;
2244 }
2245
2246 #settings_settings_navigation_list .list-item.big-ico img {
2247         float: right;
2248         border: none;
2249         margin-top: 4px;
2250         margin-right: 9px;
2251 }
2252
2253
2254 .helpmode #settings_settings_navigation {
2255         background-image: url(../images/settings/settings_settings_navigation_bg_help.png) !important;
2256         background-position: 60px 79px;
2257         background-repeat: no-repeat;
2258         border: none;
2259 }
2260
2261 .helpmode #settings_settings_navigation_list{
2262         margin-top: 85px;
2263         margin-left: 64px;
2264 }
2265
2266 /******************* For Settings.Settings.Navigation.MapPreferences *******************/
2267 #settings_settings_navigation_mapPreferences {
2268         top: 0px;
2269         left: 0px;
2270         /*      top: 48px;*/
2271         width: 800px;
2272         height: 384px;
2273         background-color: black;
2274         font-size: 20px;
2275         z-index: 1001
2276 }
2277
2278 #settings_settings_navigation_mapPreferences_list {
2279         margin-top: 84px;
2280         margin-left: 65px;
2281         width: 672px;
2282         height: 151px;;
2283 }
2284
2285 #settings_settings_navigation_mapPreferences_list .list-content {
2286         width: 670px;
2287         height: 200px;
2288 }
2289
2290 #settings_settings_navigation_mapPreferences_list .list-item {
2291         position: relative;
2292         width: 670px;
2293         float: left;
2294         height: 49px;
2295         border-bottom: 1px solid #393939;
2296         line-height: 50px;
2297 }
2298
2299 #settings_settings_navigation_mapPreferences_list .list-item .lableToggle span {
2300         margin-left: 13px;
2301 }
2302
2303 #settings_settings_navigation_mapPreferences_list .list-item .ico {
2304         float: right;
2305         border: 1px solid #393939;
2306         border-radius: 2px;
2307         margin-top: 9px;
2308         margin-right: 9px;/*    opacity: 0.3;*/
2309 }
2310
2311 #settings_settings_navigation_mapPreferences_list .list-item.big-ico img {
2312         float: right;
2313         border: none;
2314         margin-top: 4px;
2315         margin-right: 9px;/*    opacity: 0.3;*/
2316 }
2317
2318 #settings_settings_navigation_mapPreferences_list .lableToggleButton.wideDoubleToggle .delim {
2319         border: none;
2320         background: #393939;
2321         width: 2px;
2322 }
2323
2324 .helpmode #settings_settings_navigation_mapPreferences {
2325         background-image: url(../images/settings/settings_settings_navigation_mapPreferences_bg_help.png);
2326         background-repeat: no-repeat;
2327         text-shadow: 0 0 3px #999;
2328 }
2329
2330 .helpmode  #settings_settings_navigation_mapPreferences .toogleButtonContainer{
2331         border: none;
2332 }
2333
2334 .helpmode  #settings_settings_navigation_mapPreferences .toogleButtonContainer .ffw-button{
2335         background: none !important;
2336 }
2337
2338 .helpmode #settings_settings_navigation_mapPreferences .toogleButtonContainer span {
2339         margin-left: 0px !important;
2340 }
2341
2342 /******************* For Settings.Settings.Navigation.RoutePreferences *******************/
2343 #settings_settings_navigation_routePreferences {
2344         top: 0px;
2345         left: 0px;
2346         width: 800px;
2347         height: 384px;
2348         background-color: black;
2349         font-size: 20px;
2350         z-index: 1001
2351 }
2352
2353 #settings_settings_navigation_routePreferences_list {
2354         margin-top: 84px;
2355         margin-left: 65px;
2356         width: 672px;
2357         height: 251px
2358 }
2359
2360 #settings_settings_navigation_routePreferences_list .list-item {
2361         position: relative;
2362         width: 670px;
2363         float: left;
2364         height: 49px;
2365         border-bottom: 1px solid #393939;
2366         line-height: 50px;
2367 }
2368
2369 #settings_settings_navigation_routePreferences_list .list-item .lableToggle{
2370         margin-left: 13px;
2371 }
2372
2373 #settings_settings_navigation_routePreferences_list .list-item .lableToggle{
2374         margin-left: 13px;
2375 }
2376
2377 #settings_settings_navigation_routePreferences_list .list-content {
2378         width: 670px;
2379         height: 250px;
2380 }
2381
2382 #settings_settings_navigation_routePreferences_list .list-item .ico {
2383         float: left;
2384         padding-right: 10px;
2385 }
2386
2387 #settings_settings_navigation_routePreferences_list .list-item.big-ico img {
2388         float: right;
2389         border: none;
2390         margin-top: 4px;
2391         margin-right: 9px;
2392 }
2393
2394 #settings_settings_navigation_routePreferences_list.help_mode .list-content .list-item .toogleButtonContainer{
2395         border: none !important;
2396 }
2397
2398 #settings_settings_navigation_routePreferences_list_item0 .toogleButtonContainer{
2399         width: 448px;
2400 }
2401
2402 .helpmode #settings_settings_navigation_routePreferences {
2403         background-image: url(../images/settings/settings_settings_navigation_routePreferences_bg_help.png);
2404         background-repeat: no-repeat;
2405         background-position: 59px 79px;
2406 }
2407
2408 .helpmode #settings_settings_navigation_routePreferences .lableToggle{
2409         left: 11px;
2410 }
2411
2412 .helpmode #settings_settings_navigation_routePreferences_list_item0 .lableToggle{
2413         left: 13px;
2414 }
2415
2416 .helpmode #settings_settings_navigation_routePreferences .list-item span{
2417         text-shadow: 0 0 3px #999;
2418 }
2419
2420 .helpmode #settings_settings_navigation_routePreferences .toogleButtonContainer span{
2421         margin-left: 0px !important;
2422 }
2423
2424 .helpmode #settings_settings_navigation_routePreferences .lableToggleButton .delim{
2425         width: 2px;
2426 }
2427
2428 /******************* For Settings.Settings.Navigation.NavigationPreferences *******************/
2429 #settings_settings_navigation_navigationPreferences {
2430         top: 0px;
2431         left: 0px;
2432         width: 800px;
2433         height: 384px;
2434         background-color: black;
2435         font-size: 20px;
2436         z-index: 1001
2437 }
2438
2439 #settings_settings_navigation_navigationPreferences_list {
2440         position: relative;
2441         margin-top: 161px;
2442         margin-left: 77px;
2443         width: 672px;
2444         height: 101px;
2445 }
2446
2447 #settings_settings_navigation_navigationPreferences_list .list {
2448         position: relative;
2449         width: 668px;
2450         height: 98px;
2451         border: 1px solid #393939;
2452         border-radius: 2px;
2453 }
2454
2455 #settings_settings_navigation_navigationPreferences_list .list-content {
2456         width: 670px;
2457         height: 100px;
2458 }
2459
2460 #settings_settings_navigation_navigationPreferences_list .list-item {
2461         position: relative;
2462         width: 670px;
2463         float: left;
2464         height: 49px;
2465         border-bottom: 1px solid #393939;
2466         line-height: 50px;
2467 }
2468
2469 #settings_settings_navigation_navigationPreferences_list .list-item .lableToggle span {
2470         margin-left: 13px;
2471 }
2472
2473 #settings_settings_navigation_navigationPreferences_list .list-item .ico {
2474         float: right;
2475         border: 1px solid #393939;
2476         border-radius: 2px;
2477         margin-top: 9px;
2478         margin-right: 9px;
2479 }
2480
2481 #settings_settings_navigation_navigationPreferences_list .list-item.big-ico img {
2482         float: right;
2483         border: none;
2484         margin-top: 4px;
2485         margin-right: 9px;
2486 }
2487
2488 .helpmode #settings_settings_navigation_navigationPreferences .toogleButtonContainer span{
2489         margin-left: 0px !important;
2490 }
2491
2492 .helpmode #settings_settings_navigation_navigationPreferences .toogleButtonContainer .delim {
2493         width: 2px
2494 }
2495
2496 .helpmode #settings_settings_navigation_navigationPreferences {
2497         background-image: url(../images/settings/settings_settings_navigation_navigationPreferences_bg_help.png);
2498         background-repeat: no-repeat;
2499         background-position: 72px 156px;
2500 }
2501
2502 .helpmode #settings_settings_navigation_navigationPreferences .list-item span{
2503         text-shadow: 0 0 3px #999;
2504 }
2505
2506 /******************* For Settings.Settings.Navigation.TrafficPreferences *******************/
2507 #settings_settings_navigation_trafficPreferences {
2508         top: 0px;
2509         left: 0px;
2510         width: 800px;
2511         height: 384px;
2512         background-color: black;
2513         font-size: 20px;
2514         z-index: 1001
2515 }
2516
2517 #settings_settings_navigation_trafficPreferences_list {
2518         position: relative;
2519         margin-top: 84px;
2520         margin-left: 65px;
2521         width: 730px;
2522         height: 251px;
2523 }
2524
2525 #settings_settings_navigation_trafficPreferences_list .list-content {
2526         width: 670px;
2527         height: 650px;
2528 }
2529
2530 #settings_settings_navigation_trafficPreferences_list .list-item{
2531         position: relative;
2532         width: 670px;
2533         float: left;
2534         height: 49px;
2535         border-bottom: 1px solid #393939;
2536         line-height: 50px;
2537 }
2538
2539 #settings_settings_navigation_trafficPreferences_list .list-item .lableToggle {
2540         margin-left: 13px;
2541 }
2542
2543 #settings_settings_navigation_trafficPreferences_list .list-item .lableToggle span {
2544         margin-left: 13px;
2545 }
2546
2547 #settings_settings_navigation_trafficPreferences_list .list-item .ico {
2548         float: left;
2549         padding-right: 10px;
2550         margin-top: 9px;
2551 }
2552
2553 #settings_settings_navigation_trafficPreferences_list .list-item.big-ico img {
2554         float: right;
2555         border: none;
2556         margin-top: 4px;
2557         margin-right: 9px;
2558 }
2559
2560 .help-mode #settings_settings_navigation_trafficPreferences {
2561         background-image: url(../images/settings/settings_settings_navigation_trafficPreferences_bg_help.png);
2562         background-repeat: no-repeat;
2563 }
2564
2565 .help-mode #settings_settings_navigation_trafficPreferences .lableToggle{
2566         left: 11px;
2567 }
2568
2569 .help-mode #settings_settings_navigation_trafficPreferences_list_item0 .lableToggle,
2570 .help-mode #settings_settings_navigation_trafficPreferences_list_item1 .lableToggle {
2571         margin-left: 1px;
2572 }
2573
2574 .help-mode #settings_settings_navigation_trafficPreferences_list_item0 .lableToggle,
2575 .help-mode #settings_settings_navigation_trafficPreferences_list_item1 .lableToggle{
2576         left: 13px;
2577 }
2578
2579 .help-mode #settings_settings_navigation_trafficPreferences #settings_settings_navigation_trafficPreferences_list{
2580         display: none;
2581 }
2582
2583 .help-mode #settings_settings_navigation_trafficPreferences .list-item span{
2584         text-shadow: 0 0 3px #999;
2585 }
2586
2587 /******************* For Settings.Settings.Navigation.AvoidAreas*******************/
2588
2589 #settings_settings_navigation_avoidAreas_view{
2590         height: 48px;
2591         width: 148px;
2592         top: 0px;
2593         left: 0px;
2594         width: 800px;
2595         height: 384px;
2596         background-color: black;
2597         font-size: 20px;
2598         z-index: 1001
2599 }
2600
2601 #settings_settings_navigation_avoidAreas_backButton_addButton{
2602         top: 112px;
2603         left: 5px;
2604         width: 148px;
2605         height: 48px;
2606         border: 1px solid #333;
2607         border-radius: 2px;
2608         cursor: pointer;
2609         z-index: 1;
2610         line-height: 50px;
2611 }
2612
2613 #settings_settings_navigation_avoidAreas_backButton_addButton span{
2614         margin-left: 13px;
2615 }
2616
2617 .help-mode #settings_settings_navigation_avoidAreas_view{
2618         background-image: url(../images/settings/settings_settings_navigation_avoidAreas_bg_help.png);
2619         background-repeat: no-repeat;
2620         background-position: 0px 107px;
2621 }
2622
2623 .help-mode #settings_settings_navigation_avoidAreas_backButton_addButton{
2624         background: none;
2625         border: #000;
2626 }
2627
2628 .help-mode #settings_settings_navigation_avoidAreas_backButton_addButton .arrow-ico{
2629         opacity:  0;
2630 }
2631
2632 .help-mode #settings_settings_navigation_avoidAreas_backButton_addButton span{
2633         text-shadow: 0 0 3px #999;
2634 }
2635
2636 /******************* For Settings.Wireless Internet *******************/
2637 #settings_settings_wirelessInternet {
2638         top: -38px;
2639         left: -160px;
2640         width: 800px;
2641         height: 384px;
2642         z-index: 1001;
2643         background-color: #000;
2644         background-image: url(../images/settings/view_settings_settings_WirelessInternet.png);
2645         background-repeat: no-repeat;
2646         background-position: 0px 48px;
2647 }
2648
2649 .help-mode #settings_settings_wirelessInternet {
2650         background-image: url(../images/settings/view_settings_settings_WirelessInternet-help.png);
2651 }
2652
2653 #settings_settings_wirelessInternet .backButton {
2654         margin-top: 11px;
2655 }
2656
2657 #settings_settings_wirelessInternet .block-header-title {
2658         top: 21px;
2659 }
2660
2661 #settings_settings_wirelessInternet .inner-content {
2662         top: 71px;
2663 }
2664
2665 #settings_settings_wirelessInternet .wifi-network {
2666         white-space: nowrap;
2667         top: 7px;
2668         left: 349px;
2669 }
2670
2671 #settings_settings_wirelessInternet .usbmb {
2672         white-space: nowrap;
2673         top: 86px;
2674         left: 349px;
2675 }
2676
2677 #settings_settings_wirelessInternet .bluetooth_settings {
2678         white-space: nowrap;
2679         top: 168px;
2680         left: 349px;
2681 }
2682
2683 #settings_settings_wirelessInternet .bluetooth_pcm {
2684         white-space: nowrap;
2685         top: 250px;
2686         left: 316px;
2687 }
2688
2689 #settings_settings_wirelessInternet .i {
2690         white-space: nowrap;
2691         top: 172px;
2692         left: -32px;
2693         font-size: 12px;
2694 }
2695
2696 #settings_settings_wirelessInternet .wifi {
2697         white-space: nowrap;
2698         top: 41px;
2699         left: 118px;
2700         font-size: 12px;
2701 }
2702
2703 #settings_settings_wirelessInternet .wdp {
2704         white-space: nowrap;
2705         top: 127px;
2706         left: 68px;
2707         font-size: 12px;
2708 }
2709
2710 #settings_settings_wirelessInternet .cn {
2711         white-space: nowrap;
2712         top: 212px;
2713         left: 84px;
2714         font-size: 12px;
2715 }
2716
2717 .help-mode #settings_settings_wirelessInternet .inner-content div{
2718         text-shadow: 0 0 3px #999;
2719 }
2720
2721 /******************* For Settings.Help *******************/
2722 #settings_help {
2723         position: absolute;
2724         top: 86px;
2725         left: 160px;
2726         width: 640px;
2727         height: 305px;
2728         float: left;
2729         z-index:1001
2730 }
2731
2732 #settings_help .backButton {
2733         margin-top: 11px;
2734 }
2735
2736 #settings_help .inner-content{
2737         top: 71px;
2738 }
2739
2740 #settings_help .block-header-title {
2741         top: 21px;
2742         left: 75px;
2743 }
2744
2745 #settings_help_911Assist .backButton{
2746         margin-top: 11px;
2747 }
2748
2749 #settings_help_911Assist .a911r .btn-28{
2750         border-radius: 0px;
2751 }
2752
2753 #viewSettingsDisplay_assist-a911r .inner-content{
2754         top: 71px;
2755 }
2756
2757 #settings_help_911Assist .block-header-title {
2758         top: 21px;
2759         left: 75px;
2760 }
2761
2762
2763 #settings_help_list_left, #settings_help_list_right {
2764         width: 310px;
2765         height: 251px;
2766 }
2767
2768 #settings_help_list_right .list-item {
2769         cursor: pointer;
2770 }
2771
2772 #settings_help .list-content {
2773         position: relative;
2774         float: left;
2775         width: 308px
2776 }
2777
2778 #settings_help .list-item .ico {
2779         height: 50px;
2780         width: 50px;
2781 }
2782
2783 #settings_help .list-item .ico {
2784         float: left;
2785 }
2786
2787 #settings_help_list_left{
2788         float: left;
2789         left: 5px;
2790         top: 5px;
2791 }
2792
2793 #settings_help_list_right {
2794         position: relative;
2795         float: left;
2796         margin-top: 5px;
2797         margin-left: 15px;
2798         width: 310px;
2799 }
2800
2801 #settings_help #settings_help_list_right .list {
2802         max-height: 48px;
2803 }
2804
2805 #settings_help_bottom_label {
2806         font-size: 20px;
2807         line-height: 50px;
2808         color: #6E6E6E;
2809         float: left;
2810         width: 100%;
2811         text-align: center;
2812         bottom: 0px;
2813 }
2814
2815 .helpmode #settings_help {
2816         background-image: url(../images/settings/settings_help_help.png);
2817         background-repeat: no-repeat;
2818         border: none !important;
2819 }
2820
2821 .helpmode #settings_help_bottom_label {
2822         text-shadow: 0 0 3px #999 !important;
2823 }
2824
2825 .helpmode #settings_help .lat{
2826         text-shadow: 0 0 3px lime !important;
2827 }
2828
2829 /******************* For Settings.Help.Where Am I Report Menu*******************/
2830 #settings_help_whereAmI {
2831         position: absolute;
2832         top: -38px;
2833         left: -160px;
2834         width: 800px;
2835         height: 384px;
2836         background-image: url(../images/settings/settings_help_WhereAmI_bg.png);
2837         background-repeat: no-repeat;
2838         background-position: 14px 96px;
2839         background-color: black;
2840         z-index: 1001;
2841 }
2842
2843 #settings_help_whereAmI .next_street {
2844         white-space: nowrap;
2845         left: -68px;
2846         top: 17px;
2847 }
2848
2849 #settings_help_whereAmI .villagerd {
2850         white-space: nowrap;
2851         left: -53px;
2852         top: 50px;
2853 }
2854
2855 #settings_help_whereAmI .current_street {
2856         white-space: nowrap;
2857         left: -68px;
2858         top: 97px;
2859 }
2860
2861 #settings_help_whereAmI .mi {
2862         white-space: nowrap;
2863         right: -669px;
2864         top: 50px;
2865 }
2866
2867 #settings_help_whereAmI .military_st {
2868         white-space: nowrap;
2869         left: -45px;
2870         top: 124px;
2871 }
2872
2873 #settings_help_whereAmI .dmi {
2874         white-space: nowrap;
2875         left: -45px;
2876         top: 147px;
2877 }
2878
2879 #settings_help_whereAmI .lat {
2880         white-space: nowrap;
2881         left: -45px;
2882         top: 190px;
2883         color: #00ff00;
2884 }
2885
2886 #settings_help_whereAmI .previous_street {
2887         white-space: nowrap;
2888         left: -68px;
2889         top: 229px;
2890 }
2891
2892 #settings_help_whereAmI .rd {
2893         white-space: nowrap;
2894         left: -45px;
2895         top: 262px;
2896 }
2897
2898 #settings_help_whereAmI .ft {
2899         white-space: nowrap;
2900         right: -668px;
2901         top: 262px;
2902 }
2903
2904 .help-mode #settings_help_whereAmI {
2905         position: absolute;
2906         width: 800px;
2907         height: 384px;
2908         background-image: url(../images/settings/settings_help_WhereAmI_bg_help.png);
2909 }
2910
2911 .help-mode #settings_help_whereAmI .inner-content div{
2912         text-shadow: 0 0 3px #999;
2913 }
2914
2915 /******************* For Settings.Help.SystemInformation Menu*******************/
2916 #settings_help_systemInformation {
2917         top: -38px;
2918         left: -160px;
2919         width: 800px;
2920         height: 384px;
2921         background-color: black;
2922         z-index: 1001;
2923         font-size: 20px;
2924 }
2925
2926 #settings_help_systemInformation .backButton {
2927         margin-top: 11px;
2928 }
2929
2930 #settings_help_systemInformation .block-header-title {
2931         top: 22px;
2932         left: 76px;
2933 }
2934
2935 #settings_help_systemInformation_list {
2936         position: relative;
2937         margin-top: 91px;
2938         margin-left: 65px;
2939         width: 730px;
2940         height: 251px;
2941 }
2942
2943 #settings_help_systemInformation_list .list-content {
2944         width: 670px;
2945 }
2946
2947
2948 #settings_help_systemInformation_list .list-item span {
2949         padding-left: 13px;
2950 }
2951
2952 .help-mode #settings_help_systemInformation {
2953         background-image: url(../images/settings/settings_help_systemInformation_bg_help.png);
2954         background-repeat: no-repeat;
2955         background-position: 60px 86px;
2956 }
2957
2958 .help-mode #settings_help_systemInformation .list-item span{
2959         text-shadow: 0 0 3px #999;
2960 }
2961
2962 /******************* For Settings.Help.SoftwareLicenses Menu*******************/
2963 #settings_help_softwareLicenses {
2964         top: -38px;
2965         left: -160px;
2966         width: 800px;
2967         height: 384px;
2968         background-color: black;
2969         z-index: 1001;
2970         font-size: 20px;
2971 }
2972
2973 #settings_help_softwareLicenses .backButton {
2974         margin-top: 11px;
2975 }
2976
2977 #settings_help_softwareLicenses .block-header-title {
2978         top: 22px;
2979         left: 76px;
2980 }
2981
2982 #settings_help_softwareLicenses .list-titles {
2983         position: relative;
2984         margin-top: 57px;
2985         margin-left: 274px;
2986         float: left;
2987         font-size: 18px;
2988 }
2989
2990 #settings_help_softwareLicenses #title-name {
2991         position: relative;
2992         width: 152px;
2993         float: left;
2994 }
2995
2996 #settings_help_softwareLicenses.fr #title-name {
2997         left: -15px;
2998         width: 162px;
2999 }
3000
3001 #settings_help_softwareLicenses #title-data {
3002         position: relative;
3003         width: 100px;
3004         margin-left: 53px;
3005         float: left;
3006         text-align: center;
3007 }
3008
3009 #settings_help_softwareLicenses.fr #title-data {
3010         margin-left: 43px;
3011 }
3012
3013 #settings_help_softwareLicenses #title-users {
3014         position: relative;
3015         width: 100px;
3016         margin-left: 44px;
3017         float: left;
3018         text-align: center;
3019 }
3020
3021 #settings_help_softwareLicenses.fr #title-users{
3022         width: 89px;
3023 }
3024
3025 #settings_help_softwareLicenses_list .list-item .ico{
3026         width: 12px;
3027         height: 50px;
3028 }
3029
3030 #settings_help_softwareLicenses_list_item0 .right-icon{
3031         position: absolute;
3032         top: 0px;
3033         left: 299px;
3034         width: 10px;
3035         height: 50px;
3036 }
3037
3038 #settings_help_softwareLicenses_list {
3039         position: absolute;
3040         margin-top: 101px;
3041         margin-left: 135px;
3042         width: 655px;
3043         height: 251px;
3044 }
3045
3046 #settings_help_softwareLicenses_list .list {
3047         position: relative;
3048         width: 595px;
3049         height: 48px;
3050         border: 1px solid #393939;
3051         border-radius: 2px;
3052 }
3053
3054 #settings_help_softwareLicenses_list .list-item {
3055         position: relative;
3056         width: 595px;
3057         float: left;
3058         background: black;
3059         height: 49px;
3060         border-bottom: 1px solid #393939;
3061         line-height: 50px;
3062         cursor: default;
3063 }
3064
3065 #settings_help_softwareLicenses_list .list-item span {
3066         position: absolute;
3067         top: 0px;
3068         left: 29px;
3069 }
3070
3071 #settings_help_softwareLicenses_list .list-item span.content {
3072         font-size: 23px;
3073 }
3074
3075 #settings_help_softwareLicenses_list .list-content {
3076         width: 595px;
3077 }
3078
3079 #settings_help_softwareLicenses_list .list-item .ico {
3080         margin-left: 12px;
3081         margin-right: 5px;
3082 }
3083
3084 #settings_help_softwareLicenses_list .list-item .content-second {
3085         position: absolute;
3086         top: 0px;
3087         left: 370px;
3088 }
3089
3090 #settings_help_softwareLicenses.fr .list-item .content-second {
3091         left: 367px;
3092 }
3093
3094 #settings_help_softwareLicenses.fr .list-item .content-third {
3095         left: 503px;
3096 }
3097
3098 #settings_help_softwareLicenses_list .list-item .content-third {
3099         position: absolute;
3100         top: 0px;
3101         left: 499px
3102 }
3103 #installUpdatesButton {
3104         position: relative;
3105         margin-left: 5px;
3106         width: 118px;
3107         height: 58px;
3108         border: 1px solid #393939;
3109         border-radius: 2px;
3110         float: left;
3111         background: url(../images/settings/btn-68h.png);
3112         text-align: center;
3113         padding-top: 10px;
3114 }
3115
3116 #installUpdatesButton.pressed {
3117         background: url(../images/settings/btn-68h-pressed.png);
3118 }
3119
3120 .help-mode #settings_help_softwareLicenses .list-titles{
3121         color: transparent !important;
3122         text-shadow: 0 0 3px #FFF !important;
3123 }
3124
3125 .help-mode #settings_help_softwareLicenses{
3126         background-image: url(../images/settings/seetings_help_softwareLicenses_bg_help.png);
3127         background-repeat: no-repeat;
3128         background-position: 130px 96px;
3129 }
3130
3131 .help-mode #installUpdatesButton{
3132         border: none;
3133         background: none;
3134         padding-top: 11px;
3135         margin-left: 6px;
3136 }
3137
3138 .help-mode #settings_help_systemInformation .list-titles span{
3139         text-shadow: 0 0 3px #999;
3140 }
3141
3142 /******************* For Settings.Help. Driver Restrictions Menu*******************/
3143 #settings_help_driver_restrictions {
3144         top: -38px;
3145         left: -160px;
3146         width: 800px;
3147         height: 384px;
3148         background-color: black;
3149         z-index: 1001;
3150 }
3151
3152 #settings_help_driver_restrictions .text {
3153         position: relative;
3154         top: 90px;
3155         width: 497px;
3156         margin: 0 auto;
3157         text-align: center;
3158         line-height: 42px;
3159         font-size: 32px;
3160
3161 }
3162
3163 .fr #settings_help_driver_restrictions .text{
3164         width: 649px;
3165 }
3166
3167 /******************* For Settings.Help.911Assist Menu*******************/
3168 #settings_help_911Assist {
3169         top: -39px;
3170         left: -160px;
3171         width: 800px;
3172         height: 385px;
3173         background-color: black;
3174         z-index: 1001;
3175 }
3176
3177 #settings_help_911Assist .active {
3178         background: url(../images/settings/btn-28h-gray-active.png) repeat-x !important;
3179 }
3180
3181 #settings_help_911Assist .ico-911 {
3182         width: 104px;
3183         height: 100px;
3184         background: url(../images/settings/911-ico.png) no-repeat;
3185         top: 45px;
3186         left: -12px;
3187 }
3188
3189 #settings_help_911Assist .assist-911 {
3190         width: 425px;
3191         left: 134px;
3192         top: 17px;
3193 }
3194
3195 #settings_help_911Assist.fr .assist-911 {
3196         width: 500px;
3197 }
3198
3199 #settings_help_911Assist .a911 {
3200         left: 135px;
3201         top: 70px;
3202         -webkit-border-radius: 0;
3203         -moz-border-radius: 0;
3204         border-radius: 0;
3205         -webkit-border-top-left-radius: 3px;
3206         -webkit-border-top-right-radius: 3px;
3207         -moz-border-radius-topleft: 3px;
3208         -moz-border-radius-topright: 3px;
3209         border-top-left-radius: 3px;
3210         border-top-right-radius: 3px;
3211 }
3212
3213 #settings_help_911Assist .a911-on {
3214         width: 99px;
3215         text-align: center;
3216         right: 109px;
3217         top: 10px;
3218 }
3219
3220 #settings_help_911Assist .a911-off {
3221         width: 99px;
3222         text-align: center;
3223         right: 9px;
3224         top: 10px;
3225 }
3226
3227 #settings_help_911Assist .vri {
3228         line-height: 24px;
3229         width: 148px;
3230         top: 170px;
3231         left: -35px;
3232         height: 98px;
3233 }
3234
3235 #settings_help_911Assist .vri span{
3236         position: absolute;
3237         margin: 26px 0 0 0;
3238         text-align: center;
3239 }
3240
3241 #settings_help_911Assist.fr .vri span{
3242         position: absolute;
3243         margin: 14px 0 0 15px;
3244         width: 117px;
3245         text-align: center;
3246 }
3247
3248 #settings_help_911Assist .a911r {
3249         left: 135px;
3250         top: 120px;
3251         -webkit-border-radius: 0;
3252         -moz-border-radius: 0;
3253         border-radius: 0;
3254         -webkit-border-bottom-left-radius: 3px;
3255         -webkit-border-bottom-right-radius: 3px;
3256         -moz-border-radius-bottomleft: 3px;
3257         -moz-border-radius-bottomright: 3px;
3258         border-bottom-left-radius: 3px;
3259         border-bottom-right-radius: 3px;
3260 }
3261
3262 #settings_help_911Assist .icofesd {
3263         width: 400px;
3264         top: 185px;
3265         left: 135px;
3266 }
3267
3268 #settings_help_911Assist .sarah {
3269         top: 220px;
3270         left: 135px;
3271         line-height: 47px;
3272         width: 158px;
3273         text-indent: 12px;
3274 }
3275
3276 #settings_help_911Assist .sarah > .ico, #settings_help_911Assist .john > .ico {
3277         top: 11px;
3278         right: 13px;
3279         width: 19px;
3280         height: 26px;
3281         background: url(../images/settings/ico_phone_off.png) no-repeat;
3282 }
3283
3284 #settings_help_911Assist .john {
3285         top: 220px;
3286         left: 305px;
3287         line-height: 47px;
3288         width: 158px;
3289         text-indent: 12px;
3290 }
3291
3292 #settings_help_911Assist .edit {
3293         top: 220px;
3294         left: 475px;
3295         line-height: 47px;
3296         width: 158px;
3297         text-indent: 12px;
3298 }
3299
3300 #settings_help_911Assist .edit > .ico {
3301         top: 14px;
3302         right: 13px;
3303         width: 14px;
3304         height: 26px;
3305         background: url(../images/settings/arr-r-disable.png) no-repeat;
3306 }
3307
3308 #settings_help_911Assist .disabled .ico {
3309         opacity: 1
3310 }
3311
3312 .helpmode #settings_help_911Assist {
3313         background: url(../images/settings/view_settings_help_911Assist_bg_help.png) no-repeat!important;
3314 }
3315
3316 .helpmode #settings_help_911Assist .disabled .ico {
3317         opacity: 0;
3318 }
3319
3320 .helpmode .ico-911 {
3321         display: none !important;
3322 }
3323
3324 .helpmode #settings_help_911Assist .btn{
3325         padding: 1px;
3326 }
3327
3328 .helpmode #settings_help_911Assist .inner-content div{
3329         text-shadow: 0 0 3px #999;
3330 }
3331
3332 .helpmode #viewSettingsDisplay_vri{
3333         left: -36px;
3334 }
3335
3336 .helpmode #viewSettingsDisplay_assist-a911{
3337         left: 136px;
3338         top: 71px;
3339 }
3340
3341 .helpmode #viewSettingsDisplay_assist-a911r{
3342         left: 136px;
3343         top: 121px;
3344 }
3345
3346 /******************* For Settings.Help.VoiceCommandList Menu*******************/
3347 #settings_help_voiceCommandList {
3348         top: -38px;
3349         left: -160px;
3350         width: 800px;
3351         height: 384px;
3352         background-color: black;
3353         font-size: 20px;
3354         z-index: 1001
3355 }
3356
3357 #settings_help_voiceCommandList .backButton {
3358         margin-top: 11px;
3359 }
3360
3361 #settings_help_voiceCommandList .block-header-title {
3362         top: 22px;
3363         left: 76px;
3364 }
3365
3366 #settings_help_voiceCommandList_list {
3367         position: relative;
3368         margin-top: 85px;
3369         margin-left: 65px;
3370         width: 730px;
3371         height: 251px;
3372 }
3373
3374 #settings_help_voiceCommandList_list .list-content {
3375         width: 670px;
3376 }
3377
3378 #settings_help_voiceCommandList_list .list-item span {
3379         padding-left: 13px;
3380 }
3381
3382 #settings_help_voiceCommandList_list .list-item .ico {
3383         float: right;
3384         border: 1px solid #393939;
3385         border-radius: 2px;
3386         margin-top: 9px;
3387         margin-right: 9px;
3388         opacity: 0.3;
3389 }
3390
3391 .help-mode #settings_help_voiceCommandList {
3392         background-image: url(../images/settings/settings_help_VoiceCommandList_bg_help.png);
3393         background-repeat: no-repeat;
3394         background-position: 60px 80px;
3395 }
3396
3397 .help-mode #settings_help_voiceCommandList .list-item span{
3398         text-shadow: 0 0 3px #999;
3399 }
3400
3401 #settings_settings_system_list .button-group {
3402         right: 10px;
3403         top: 10px;
3404         border: 1px solid #393939;
3405         border-radius: 2px;
3406 }
3407
3408 #settings_settings_system_list .button-group .button {
3409         width: 148px;
3410         position: relative;
3411         float: left;
3412         text-align: center;
3413         border: none;
3414         border-radius: 0px;
3415 }
3416
3417 #settings_settings_system_list .button-group span {
3418         margin-left: 0px;
3419 }
3420
3421 #settings_settings_system_list .button-group .button.active {
3422         background: url(../images/settings/btn-28h-gray-active.png) repeat-x !important;
3423 }