css/media.css

   1 /*MEDIA*/
   2
   3 /* Backgrpund for active toogleButton*/
   4 #media .toogleButtonContainer .active {
   5         background: url(../images/media/bcs-item_bg_act.png);
   6 }
   7 /*LEFT MENU*/
   8
   9
  10 #media_leftmenu {
  11         z-index: 301;
  12         position: absolute;
  13         top: 90px;
  14         left: 0px;
  15         width: 150px;
  16         height: 300px;
  17         background: #333;
  18     display:none;
  19 }
  20
  21 #media_directTune{
  22         z-index: 503;
  23         position: absolute;
  24         top: 290px;
  25         left: 165px;
  26         width: 468px;
  27         height: 100px;
  28         border: 1px solid #393939;
  29         -webkit-border-radius: 3px;
  30         visibility: hidden;
  31 }
  32
  33 /* Direct Tune */
  34 #media_directTune_tuneButtons , #media_directTune_sirius_tuneButtons {
  35         width: 390px;
  36         height: 99px;
  37
  38 }
  39
  40 #media_directTune_keyBack {
  41         position: absolute !important;
  42         right: 0px;
  43         top:0px;
  44 }
  45
  46 #media_directTune_keyEnter {
  47         position: absolute !important;
  48         right: 0px;
  49         bottom: 0px;
  50 }
  51
  52 #media_directTune .key {
  53         position: relative;
  54         float: left;
  55         width: 77px;
  56         height: 50px;
  57         line-height: 50px;
  58         text-align: center;
  59         font-size: 20px;
  60         border-right: 1px solid #393939;
  61         cursor: pointer;
  62         background: url("../images/media/direct_tune_bg_s.png") repeat;
  63 }
  64
  65 #media_directTune .key.pressed {
  66         background: url("../images/media/direct_tune_bg_s_pressed.png") repeat !important;
  67 }
  68
  69 /*AM*/
  70
  71
  72 .info_wrapper, .hdInfo{
  73         position:relative;
  74 }
  75 #media_amButton {
  76         top: 10px;
  77         display: none;
  78 }
  79
  80 #media_amButton div {
  81         width: 22px;
  82         height: 18px;
  83         left: 120px;
  84         bottom: -12px;
  85         position: relative;
  86         margin-top: -10px;
  87 }
  88
  89 #media_amButton div.small_ind_def {
  90         background: url(../images/media/passive_led.png) no-repeat;
  91 }
  92
  93 #media_amButton div.small_ind_active {
  94         background: url(../images/media/active_led.png) no-repeat;
  95 }
  96
  97 /*FM*/
  98
  99 #media_fmButton {
 100         top: 20px;
 101         display: none;
 102 }
 103
 104 #media_fmButton div {
 105         width: 22px;
 106         height: 18px;
 107         left: 120px;
 108         bottom: -9px;
 109         position: relative;
 110         margin-top: -10px;
 111 }
 112
 113 #media_fmButton div.small_ind_def {
 114         background: url(../images/media/passive_led.png) no-repeat;
 115 }
 116
 117 #media_fmButton div.small_ind_active {
 118         background: url(../images/media/active_led.png) no-repeat;
 119 }
 120
 121 /*SIRIUS*/
 122
 123 #media_sirius{
 124         z-index:502;
 125 }
 126
 127 #media_siriusButton {
 128         top: 30px;
 129         display: none;
 130 }
 131
 132 #media_siriusButton div {
 133         width: 22px;
 134         height: 18px;
 135         left: 120px;
 136         bottom: -9px;
 137         position: relative;
 138         margin-top: -10px;
 139 }
 140
 141 #media_siriusButton div.small_ind_def {
 142         background: url(../images/media/passive_led.png) no-repeat;
 143 }
 144
 145 #media_siriusButton div.small_ind_active {
 146         background: url(../images/media/active_led.png) no-repeat;
 147 }
 148
 149 /*CD,USB*/
 150
 151 #media_cdButton, #media_usbButton {
 152         font-size: 18px;
 153         padding-left: 48px;
 154         line-height: 48px;
 155 }
 156
 157 #media_options_view.help-mode .toogleButtonContainer{
 158         border:none !important;
 159 }
 160
 161 #media_options_back_btn{
 162         top:11px;
 163 }
 164
 165 #media_option_title_header{
 166         top:19px;
 167 }
 168
 169 #media_options_view.usb .lablePlusButton .button {
 170         width: 148px;
 171         text-align: center;
 172 }
 173
 174 #media_options_view.usb .lablePlusButton .button span {
 175         margin-left: 0px;
 176 }
 177
 178 #media_options_view.fr.am #media_options_list_item1 .label,
 179 #media_options_view.fr.fm #media_options_list_item1 .label,
 180 #media_options_view.fr.sirius #media_options_list_item1 .label {
 181         line-height: 20px;
 182         width: 346px;
 183         margin: 3px 0 0 13px;
 184 }
 185
 186 #media_options_view.fr.am #media_options_list_item1 .label span,
 187 #media_options_view.fr.fm #media_options_list_item1 .label span,
 188 #media_options_view.fr.sirius #media_options_list_item1 .label span {
 189         margin: 0 0 0 0;
 190 }
 191
 192 /*SD*/
 193
 194 #media_sdButton {
 195         font-size: 18px;
 196         padding-left: 48px;
 197         line-height: 48px;
 198         display: block;
 199 }
 200
 201 #media_sdButton.displayed {
 202         display: none !important;
 203 }
 204
 205
 206 #media_options_view.sd .lablePlusButton .button {
 207         width: 148px;
 208         text-align: center;
 209 }
 210
 211 #media_options_view.sd .lablePlusButton .button span {
 212         margin-left: 0px;
 213 }
 214
 215
 216 /*Bluetooth*/
 217
 218 #media_btButton {
 219         font-size: 18px;
 220         padding-left: 48px;
 221         line-height: 48px;
 222         display: block;
 223 }
 224
 225 #media_btButton.displayed {
 226         display: none !important;
 227 }
 228
 229 /*AVIN*/
 230
 231 #media_avinButton {
 232         font-size: 18px;
 233         padding-left: 48px;
 234         line-height: 48px;
 235         display: block;
 236 }
 237
 238 #media_avinButton.displayed {
 239         display: none !important;
 240 }
 241 /**SDL*/
 242
 243 #media_sdlButton {
 244         font-size: 18px;
 245         line-height: 48px;
 246         display: block;
 247         overflow: hidden;
 248         text-overflow: ellipsis;
 249 }
 250
 251 #media_sdlButton.displayed {
 252         display: none !important;
 253 }
 254
 255 #media_sdlButton span {
 256         margin-left: 50px;
 257 }
 258
 259 /*SCROLL DOWN*/
 260
 261 #media_scrolldownButton {
 262         top: 30px;
 263         display: none;
 264 }
 265
 266 #media_scrolldownButton img {
 267         left: 50px;
 268 }
 269
 270 /*SCROLL UP*/
 271
 272 #media_scrollupButton {
 273         display: block;
 274 }
 275
 276 #media_scrollupButton.displayed {
 277         display: none !important;
 278 }
 279
 280 #media_scrollupButton img {
 281         left: 50px;
 282 }
 283
 284 .displayed {
 285         display: block !important;
 286 }
 287
 288 #media_status {
 289         bottom: 0px;
 290         left: 0px;
 291         font-size: 21px;
 292         width: 324px;
 293         height: 48px;
 294         cursor: pointer;
 295         background: url(../images/common/media-status-bg.png) no-repeat;
 296         z-index: 1;
 297     display:none;
 298 }
 299
 300 #media_status_homestatus {
 301         position: absolute;
 302         visibility: hidden;
 303         width: 100%;
 304         line-height: 50px;
 305 }
 306 #media_status_homestatus span {
 307         padding-left: 11px;
 308 }
 309
 310 .ls_border {
 311         z-index: 201;
 312         position: absolute;
 313         top: -3px;
 314         left: 0px;
 315         width: 153px;
 316         height: 306px;
 317         background:url(../images/common/ls_border.png) no-repeat;
 318 }
 319
 320 .media-ls-items {
 321         position: relative;
 322         width: 150px;
 323         height: 300px;
 324 }
 325
 326 .media-ls-item {
 327         z-index: 201;
 328         position: relative;
 329         height: 50px;
 330         cursor: pointer;
 331         background: url(../images/media/ls-item_bg.png) no-repeat;
 332 }
 333
 334 .media-ls-item.active_state {
 335         background: url(../images/media/ls-item_bg_act.png) no-repeat !important;
 336 }
 337
 338 .media-ls-item > .bg {
 339         z-index: 201;
 340         position: absolute;
 341         top: 0px;
 342         left: 0px;
 343         width: 150px;
 344         height: 50px;
 345 }
 346
 347 .media-ls-item > .ico {
 348         z-index: 299;
 349         position: absolute;
 350         left: 0px;
 351         width: 50px;
 352         height: 50px;
 353 }
 354
 355 .media-ls-item > .ico.more {
 356         left: 50px;
 357 }
 358
 359 .media-ls-item > p {
 360         z-index: 298;
 361         position: absolute;
 362         left: 48px;
 363         width: 86px;
 364         height: 50px;
 365         font-size: 18px;
 366         line-height: 50px;
 367         white-space: nowrap;
 368         overflow: hidden;
 369 }
 370
 371 .media-ls-item > .led {
 372         z-index: 299;
 373         position: absolute;
 374         top: 0px;
 375         right: 8px;
 376         width: 24px;
 377         height: 50px;
 378 }
 379
 380 .media-ls-item.empty {
 381         background: #333333;
 382 }
 383
 384 .right-stock {
 385         z-index: 200;
 386         position: relative;
 387         margin-top: 90px;
 388         margin-right: 4px;
 389         float: right;
 390         width: 150px;
 391         border: 1px solid #393939;
 392         border-bottom: none;
 393         -webkit-border-radius: 3px;
 394 }
 395
 396
 397 .right-stock-bt {
 398         z-index: 200;
 399         position: absolute;
 400         top: 35px;
 401         right: -151px;
 402         width: 150px;
 403         border: 1px solid #393939;
 404         border-bottom: none;
 405         -webkit-border-radius: 3px;
 406 }
 407
 408 .right-menu-fm {
 409         z-index: 200;
 410         position: relative;
 411         margin-top: -154px;
 412         margin-right: -162px;
 413         float: right;
 414         width: 150px;
 415         border: 1px solid #393939;
 416         border-bottom: none;
 417         -webkit-border-radius: 3px;
 418 }
 419
 420 .right-stock .ico, .right-menu-fm .ico {
 421         opacity: 1 !important;
 422 }
 423
 424 .rs-item {
 425         position: relative;
 426         width: 135px;
 427         height: 49px;
 428         cursor: pointer;
 429         border-bottom: 1px solid #333;
 430         font-size: 18px;
 431         line-height: 46px;
 432         padding-left: 15px;
 433 }
 434
 435 .rs-item.notpressed {
 436         background: url(../images/list/list_item_bg.png) repeat-x;
 437 }
 438
 439 .rs-item.pressed {
 440         background: url(../images/list/list_item_pressed.png) repeat-x !important;
 441 }
 442
 443 .led-hd {
 444         height: 32px !important;
 445         width: 19px !important;
 446         top: 8px !important;
 447         left: 116px;
 448 }
 449
 450 .rs-item > .ico {
 451         z-index: 202;
 452         position: absolute;
 453         top: 0px;
 454         right: 10px;
 455         width: 24px;
 456         height: 50px;
 457 }
 458
 459 #media_rightmenu_optionButton.disabled img {
 460         opacity: 0.3 !important;
 461 }
 462
 463 .bcs_border {
 464         z-index: 299;
 465         position: absolute;
 466         top: 0px;
 467         left: 0px;
 468         width: 466px;
 469         height: 98px;
 470         border: 1px solid #393939;
 471         -webkit-border-radius: 3px;
 472 }
 473
 474 .bcs_divider1 {
 475         z-index: 298;
 476         position: absolute;
 477         top: 0px;
 478         left: 154px;
 479 }
 480
 481 .bcs_divider2 {
 482         z-index: 298;
 483         position: absolute;
 484         top: 0px;
 485         left: 310px;
 486 }
 487
 488 .main-preset-buttons-wraper {
 489         position: relative;
 490         width: 468px;
 491         height: 100px;
 492         float: left;
 493         left: 165px;
 494         top: 290px;
 495         z-index: 503;
 496 }
 497
 498 .main-preset-buttons-wraper .preset-items {
 499         position: relative;
 500         width: 467px;
 501         height: 99px;
 502         border: 1px solid #393939;
 503         -moz-border-radius: 2px;
 504         -webkit-border-radius: 2px;
 505         z-index:1;
 506 }
 507
 508 .main-preset-buttons-wraper .preset-item {
 509         position: relative;
 510         float: left;
 511         width: 155px;
 512         height: 49px;
 513         cursor: pointer;
 514 }
 515
 516 .main-preset-buttons-wraper .preset-item.a0 {
 517         background: url(../images/media/bcs-item_bgL.png) no-repeat;
 518         border-right: 1px solid #393939;
 519         border-bottom: 1px solid #393939;
 520 }
 521
 522 .main-preset-buttons-wraper .preset-item.a0.pressed {
 523         background: url(../images/media/bcs-item_bgL_pressed.png) no-repeat;
 524 }
 525
 526 .main-preset-buttons-wraper .preset-item.a0.active {
 527         background: url(../images/media/bcs-item_bg_act.png) no-repeat;
 528 }
 529
 530 .main-preset-buttons-wraper .preset-item.a1 {
 531         background: url(../images/media/bcs-item_bgS.png) no-repeat;
 532         border-right: 1px solid #393939;
 533         border-bottom: 1px solid #393939;
 534         width: 157px;
 535 }
 536
 537 .main-preset-buttons-wraper .preset-item.a1.pressed {
 538         background: url(../images/media/bcs-item_bgS_pressed.png) no-repeat;
 539         width: 157px;
 540 }
 541
 542 .main-preset-buttons-wraper .preset-item.a1.active {
 543         background: url(../images/media/bcs-item_bg_act.png) repeat;
 544 }
 545
 546 .main-preset-buttons-wraper .preset-item.a2 {
 547         background: url(../images/media/bcs-item_bgR.png) no-repeat;
 548         border-bottom: 1px solid #393939;
 549         width: 153px;
 550 }
 551
 552 .main-preset-buttons-wraper .preset-item.a2.pressed {
 553         background: url(../images/media/bcs-item_bgR_pressed.png) no-repeat;
 554 }
 555
 556 .main-preset-buttons-wraper .preset-item.a2.active {
 557         background: url(../images/media/bcs-item_bg_act.png) no-repeat;
 558 }
 559
 560 .main-preset-buttons-wraper .preset-item.a3 {
 561         background: url(../images/media/bcs-item_bgL.png) no-repeat;
 562         border-right: 1px solid #393939;
 563 }
 564
 565 .main-preset-buttons-wraper .preset-item.a3.pressed {
 566         background: url(../images/media/bcs-item_bgL_pressed.png) no-repeat;
 567 }
 568
 569 .main-preset-buttons-wraper .preset-item.a3.active {
 570         background: url(../images/media/bcs-item_bg_act.png) no-repeat;
 571 }
 572
 573 .main-preset-buttons-wraper .preset-item.a4 {
 574         background: url(../images/media/bcs-item_bgS.png) no-repeat;
 575         border-right: 1px solid #393939;
 576         width: 157px;
 577 }
 578
 579 .main-preset-buttons-wraper .preset-item.a4.pressed {
 580         background: url(../images/media/bcs-item_bgS_pressed.png) no-repeat;
 581         width: 157px;
 582 }
 583
 584 .main-preset-buttons-wraper .preset-item.a4.active {
 585         background: url(../images/media/bcs-item_bg_act.png) repeat;
 586 }
 587
 588 .main-preset-buttons-wraper .preset-item.a5 {
 589         background: url(../images/media/bcs-item_bgR.png) no-repeat;
 590         width: 153px;
 591 }
 592
 593 .main-preset-buttons-wraper .preset-item.a5.pressed {
 594         background: url(../images/media/bcs-item_bgR_pressed.png) no-repeat;
 595 }
 596
 597 .main-preset-buttons-wraper .preset-item.a5.active {
 598         background: url(../images/media/bcs-item_bg_act.png) no-repeat;
 599 }
 600
 601 .main-preset-buttons-wraper .preset-item > .bg {
 602         z-index: 201;
 603         position: absolute;
 604         top: 0px;
 605         left: 0px;
 606         width: 155px;
 607         height: 49px;
 608 }
 609
 610 .main-preset-buttons-wraper .preset-item > span {
 611         z-index: 202;
 612         display: block;
 613         position: absolute;
 614         left: 10px;
 615         width: 30px;
 616         height: 50px;
 617         font-size: 32px;
 618         line-height: 50px;
 619         white-space: nowrap;
 620         overflow: hidden;
 621         color: #999;
 622 }
 623
 624 .main-preset-buttons-wraper .preset-item > p {
 625         z-index: 202;
 626         position: absolute;
 627         left: 40px;
 628         width: 100px;
 629         height: 50px;
 630         font-size: 18px;
 631         line-height: 50px;
 632         white-space: nowrap;
 633         overflow: hidden;
 634 }
 635
 636 .home-preset-buttons-wraper {
 637         top: 82px;
 638         left: 34px;
 639         z-index: 50;
 640 }
 641
 642 .home-preset-buttons-wraper .preset-items {
 643         -webkit-border-radius: 3px;
 644         -moz-border-radius: 3px;
 645         border-radius: 3px;
 646         border: 1px solid #393939;
 647         width: 328px;
 648         height: 79px;
 649 }
 650
 651 #home_presets_yellow_box {
 652         -webkit-border-radius: 3px;
 653         -moz-border-radius: 3px;
 654         border-radius: 3px;
 655         border: 1px solid #393939;
 656         width: 328px;
 657         height: 79px;
 658         cursor:pointer;
 659         background: none;
 660 }
 661 #home_presets_yellow_box .home-help-preset-buttons-wraper {
 662         top: 82px;
 663         left: 34px;
 664         z-index: 50;
 665 }
 666 .home-preset-buttons-wraper .preset-item {
 667         position: relative;
 668         float: left;
 669         width: 109px;
 670         height: 39px;
 671         cursor: pointer;
 672         text-align: center;
 673         line-height: 39px;
 674 }
 675
 676 .home-preset-buttons-wraper .preset-item.a0 {
 677         background: url(../images/media/h-media-l-bg.png) no-repeat;
 678         border-right: 1px solid #393939;
 679         border-bottom: 1px solid #393939;
 680 }
 681
 682 .home-preset-buttons-wraper .preset-item.a0.pressed {
 683         background: url(../images/media/h-media-l-bg-pressed.png) no-repeat;
 684 }
 685
 686 .home-preset-buttons-wraper .preset-item.a0.active {
 687         background: url(../images/media/h-media-actbg.png) repeat;
 688 }
 689
 690 .home-preset-buttons-wraper .preset-item.a1 {
 691         background: url(../images/media/h-media-sbg.png) no-repeat;
 692         border-right: 1px solid #393939;
 693         border-bottom: 1px solid #393939;
 694 }
 695
 696 .home-preset-buttons-wraper .preset-item.a1.pressed {
 697         background: url(../images/media/h-media-sbg-pressed.png) no-repeat;
 698 }
 699
 700 .home-preset-buttons-wraper .preset-item.a1.active {
 701         background: url(../images/media/h-media-actbg.png) repeat;
 702 }
 703
 704 .home-preset-buttons-wraper .preset-item.a2 {
 705         background: url(../images/media/h-media-rbg.png) no-repeat;
 706         border-bottom: 1px solid #393939;
 707         width: 108px;
 708 }
 709
 710 .home-preset-buttons-wraper .preset-item.a2.pressed {
 711         background: url(../images/media/h-media-rbg-pressed.png) no-repeat;
 712 }
 713
 714 .home-preset-buttons-wraper .preset-item.a2.active {
 715         background: url(../images/media/h-media-actbg.png) no-repeat;
 716 }
 717
 718 .home-preset-buttons-wraper .preset-item.a3 {
 719         background: url(../images/media/h-media-l-bg.png) no-repeat;
 720         border-right: 1px solid #393939;
 721 }
 722
 723 .home-preset-buttons-wraper .preset-item.a3.pressed {
 724         background: url(../images/media/h-media-l-bg-pressed.png) no-repeat;
 725 }
 726
 727 .home-preset-buttons-wraper .preset-item.a3.active {
 728         background: url(../images/media/h-media-actbg.png) repeat;
 729 }
 730
 731 .home-preset-buttons-wraper .preset-item.a4 {
 732         background: url(../images/media/h-media-sbg.png) no-repeat;
 733         border-right: 1px solid #393939;
 734 }
 735
 736 .home-preset-buttons-wraper .preset-item.a4.pressed {
 737         background: url(../images/media/h-media-sbg-pressed.png) no-repeat;
 738 }
 739
 740 .home-preset-buttons-wraper .preset-item.a4.active {
 741         background: url(../images/media/h-media-actbg.png) repeat;
 742 }
 743
 744 .home-preset-buttons-wraper .preset-item.a5 {
 745         background: url(../images/media/h-media-rbg.png) no-repeat;
 746         width: 108px;
 747 }
 748
 749 .home-preset-buttons-wraper .preset-item.a5.pressed {
 750         background: url(../images/media/h-media-rbg-pressed.png) no-repeat;
 751 }
 752
 753 .home-preset-buttons-wraper .preset-item.a5.active {
 754         background: url(../images/media/h-media-actbg.png) repeat;
 755 }
 756
 757 .bc-stock-numpad {
 758         z-index: 200;
 759         position: absolute;
 760         top: 290px;
 761         left: 165px;
 762         width: 467px;
 763         height: 99px;/*background:url("../images/media/btn_bg.png") repeat;*/
 764         border-top: 1px solid #393939;
 765         border-bottom: 1px solid #393939;
 766         border-left: 1px solid #393939;
 767         -webkit-border-radius: 3px;
 768         background: #000;
 769 }
 770
 771 .media-antenna {
 772         width: 50px;
 773         height: 50px;
 774         background: url(../images/media/ico_antenna.png) no-repeat;
 775         right: 50px;
 776         top: 0px;
 777 }
 778
 779 .media-hdico {
 780         background: url(../images/home/hd-radio-ico.png) no-repeat;
 781         width: 28px;
 782         height: 28px;
 783         right: 55px;
 784         top: 10px;
 785 }
 786
 787 .hd-holder {
 788         font-size: 24px;
 789 }
 790
 791 .sir-ico {
 792         background: url(../images/media/ico_dog.png) no-repeat;
 793         width: 50px;
 794         height: 50px;
 795         top: 0px;
 796         right: 50px;
 797 }
 798
 799 .bc_divider {
 800         z-index: 202;
 801         position: absolute;
 802         top: 0px;
 803         width: 4px;
 804         height: 100px;
 805         background: url("../images/media/bcs-divider.png") no-repeat;
 806 }
 807
 808 .bc_divider.pos1 {
 809         left: 76px;
 810 }
 811
 812 .bc_divider.pos2 {
 813         left: 154px;
 814 }
 815
 816 .bc_divider.pos3 {
 817         left: 232px;
 818 }
 819
 820 .bc_divider.pos4 {
 821         left: 310px;
 822 }
 823
 824 .bc_divider.pos5 {
 825         left: 388px;
 826 }
 827
 828 .bc_divider_big {
 829         z-index: 202;
 830         position: absolute;
 831         top: 0px;
 832         width: 4px;
 833         height: 100px;
 834         background: url("../images/media/divider_big.png") no-repeat;
 835 }
 836
 837 .bc_divider_big.pos1 {
 838         left: 154px;
 839 }
 840
 841 .bc_divider_big.pos2 {
 842         left: 310px;
 843 }
 844
 845 .bc-item {
 846         position: relative;
 847         float: left;
 848         width: 77px;
 849         height: 50px;
 850         line-height: 50px;
 851         text-align: center;
 852         font-size: 20px;
 853         background: url(../images/media/direct_tune_bg_s.png) no-repeat;
 854         border-right: 1px solid #393939;
 855         cursor: pointer;
 856 }
 857
 858 .bc-item.pressed {
 859         background: url(../images/media/direct_tune_bg_s_pressed.png) no-repeat;
 860 }
 861
 862 .bc-item.upline {
 863         border-bottom: 1px solid #393939;
 864         height: 49px
 865 }
 866
 867 .bc-item.l {
 868         background: url(../images/media/direct_tune_bg_l.png) no-repeat;
 869 }
 870
 871 .bc-item.l.pressed {
 872         background: url(../images/media/direct_tune_bg_l_pressed.png) no-repeat;
 873 }
 874
 875 .bc-item.r {
 876         background: url(../images/media/direct_tune_r_bg.png) no-repeat;
 877         width: 78px;
 878         border-right: none;
 879 }
 880
 881 .bc-item.r.pressed {
 882         background: url(../images/media/direct_tune_r_bg_pressed.png) no-repeat;
 883 }
 884
 885 .bc-item2 {
 886         position: relative;
 887         float: left;
 888         width: 156px;
 889         height: 50px;
 890         line-height: 50px;
 891         font-size: 20px;
 892 }
 893
 894 .bc-item2.active {
 895         background: url("../images/media/bcs-item_bg_act.png") no-repeat;
 896 }
 897
 898 .bc-item2 > span {
 899         z-index: 202;
 900         display: block;
 901         position: absolute;
 902         left: 10px;
 903         width: 30px;
 904         height: 50px;
 905         font-size: 32px;
 906         line-height: 50px;
 907         white-space: nowrap;
 908         overflow: hidden;
 909 }
 910
 911 .bc-item2 > p {
 912         z-index: 202;
 913         position: absolute;
 914         left: 40px;
 915         width: 100px;
 916         height: 50px;
 917         font-size: 18px;
 918         line-height: 50px;
 919         white-space: nowrap;
 920         overflow: hidden;
 921 }
 922
 923 .bc-item-big {
 924         position: relative;
 925         float: left;
 926         width: 156px;
 927         height: 100px;
 928         line-height: 100px;
 929         text-align: center;
 930         font-size: 20px;
 931 }
 932
 933 .bc-item-big.prevcd, .bc-item-big.prevusb, .bc-item-big.prevsd, .bc-item-big.prevblue {
 934         width: 155px;
 935         height: 98px;
 936         border-right: 1px solid #393939;
 937         cursor: pointer;
 938         background: url(../images/media/cd-prev-btn.png) no-repeat;
 939 }
 940
 941 .bc-item-big.prevcd.pressed, .bc-item-big.prevusb.pressed, .bc-item-big.prevsd.pressed, .bc-item-big.prevblue.pressed {
 942         background: url(../images/media/cd-prev-btn_pressed.png) no-repeat;
 943 }
 944
 945 .bc-item-big.playcd {
 946         width: 157px;
 947         height: 98px;
 948         border-right: 1px solid #393939;
 949         cursor: pointer;
 950         background: url(../images/media/cd_play_btn.png) no-repeat;
 951 }
 952
 953 .playIcon {
 954         position: absolute;
 955         left: 66px;
 956 }
 957
 958 .playIcon.hideicon {
 959         visibility: hidden;
 960 }
 961
 962 .playIcon.showicon {
 963         visibility: visible;
 964 }
 965
 966 .bc-item-big.playcd.pressed, .bc-item-big.playusb.pressed, .bc-item-big.playsd.pressed, .bc-item-big.playblue.pressed {
 967         background: url(../images/media/cd_play_btn_pressed.png) no-repeat;
 968 }
 969
 970 .bc-item-big.nextcd, .bc-item-big.nextusb, .bc-item-big.nextsd, .bc-item-big.nextblue {
 971         width: 154px;
 972         height: 98px;
 973         cursor: pointer;
 974         background: url(../images/media/cd-next-btn.png) no-repeat;
 975 }
 976
 977 .bc-item-big.nextcd.pressed, .bc-item-big.nextusb.pressed, .bc-item-big.nextsd.pressed, .bc-item-big.nextblue.pressed {
 978         background: url(../images/media/cd-next-btn_pressed.png) no-repeat;
 979 }
 980
 981 #bt-bg {
 982         position: relative;
 983         float: left;
 984         margin-left: 10px;
 985         margin-top: -8px;
 986 }
 987
 988 #bt-dis-controls {
 989         background: url(../images/media/disabled_player_controls.png) no-repeat;
 990         width: 470px;
 991         height: 100px;
 992         position: relative;
 993         bottom: 17px;
 994         float: left;
 995         margin-left: 13px;
 996 }
 997
 998 #avin-line{
 999         z-index: 200;
1000         position: relative;
1001         width: 151px;
1002         height: 297px;
1003         margin-top: 100px;
1004         margin-left: 171px;
1005 }
1006
1007 .player_controlls {
1008         z-index: 199;
1009         position: absolute;
1010         top: 237px;
1011         left: 13px;
1012         width: 468px;
1013         height: 99px;
1014         background: url("../images/media/btn_bg.png") repeat;
1015         border: 1px solid #393939;
1016         -webkit-border-radius: 3px;
1017 }
1018
1019 #sdl_view_container .track-info{
1020         left: 150px;
1021         top: -600px;
1022 }
1023
1024 #sdl_view_container .list-content{
1025         border: none;
1026 }
1027
1028 #sdl_view_container .list-item {
1029         position: relative;
1030         width: 100%;
1031         height: 48px;
1032         font-size: 20px;
1033         line-height: 50px;
1034         border: 1px solid #393939;
1035 }
1036
1037 .track-info {
1038         z-index: 199;
1039         position: absolute;
1040         left: 13px;
1041         width: 470px;
1042         height: 190px;
1043 }
1044
1045 .track-info > .total {
1046         position: absolute;
1047         top: 30px;
1048         left: 10px;
1049         width: 300px;
1050         text-align: left;
1051         font-size: 20px;
1052         color: #999999;
1053 }
1054
1055 .track-info > .title {
1056         top: 110px;
1057         font-size: 38px;
1058         left: 7px;
1059 }
1060
1061 .track-info > .track-number {
1062         top: 153px;
1063         font-size: 26px;
1064         left: 10px;
1065 }
1066
1067 .track-info > .time {
1068         top: 190px;
1069         font-size: 26px;
1070         left: 10px;
1071 }
1072
1073 .track-info > .divider_o {
1074         top: 65px;
1075 }
1076
1077 .track-info > .device {
1078         position: absolute;
1079         top: 30px;
1080         left: 10px;
1081         width: 300px;
1082         text-align: left;
1083         font-size: 20px;
1084         color: #999999;
1085 }
1086
1087
1088
1089 #cd_logo{
1090         position: absolute;
1091         top: 90px;
1092         right: 10px;
1093         border: 1px solid #393939;
1094         -webkit-border-radius: 2px;
1095         -moz-border-radius: 2px;
1096         width: 109px;
1097         height: 109px;
1098         background: url(../images/media/small-lazerhorse-image.png) no-repeat;
1099         display:none;
1100 }
1101
1102 #cd_logo.helpmode{
1103         top:86px;
1104         right:5px;
1105         width:120px;
1106         height: 120px;
1107         background:url(../images/media/help/lazerhorse_poster_blur.png) no-repeat !important;
1108         border:none;
1109 }
1110
1111 #usb_logo{
1112         position: absolute;
1113         top: 90px;
1114         right: 10px;
1115         border: 1px solid #393939;
1116         -webkit-border-radius: 2px;
1117         -moz-border-radius: 2px;
1118         width: 109px;
1119         height: 109px;
1120         background: url(../images/media/small-fall-image.png) no-repeat;
1121         display:none;
1122 }
1123
1124 #usb_logo.helpmode{
1125         top:86px;
1126         right:5px;
1127         width:120px;
1128         height: 120px;
1129         background: url(../images/media/help/small-fall-image_blur.png) no-repeat !important;
1130         border:none;
1131 }
1132
1133 .dash {
1134         position: relative;
1135         bottom: 3px;
1136         float: left;
1137         margin-left: 7px;
1138         margin-right: 7px;
1139         font-size: 25px;
1140 }
1141
1142 .more_info {
1143         z-index: 250;
1144         pozition: absolute;
1145         top: 80px;
1146         left: 5px;
1147         bottom: 90px;
1148         right: 5px;
1149 }
1150
1151 .mi-back {
1152         position: absolute;
1153         top: 0px;
1154         left: 0px;
1155         width: 50px;
1156         height: 50px;
1157         cursor: pointer;
1158         background: url("../images/media/btn_back.png") no-repeat;
1159 }
1160
1161 .mi-wp {
1162         position: absolute;
1163         top: 0px;
1164         right: 60px;
1165         width: 137px;
1166         height: 50px;
1167         background: url("../images/media/btn_whats-playing.png") no-repeat;
1168 }
1169
1170 .mi-title {
1171         position: absolute;
1172         top: 0px;
1173         left: 70px;
1174         width: 400px;
1175         height: 50px;
1176         line-height: 50px;
1177         font-size: 26px;
1178 }
1179
1180 .mi-image {
1181         position: absolute;
1182         top: 60px;
1183         left: 0px;
1184         width: 250px;
1185         height: 250px;
1186 }
1187
1188 .mi-info {
1189         position: absolute;
1190         top: 60px;
1191         left: 260px;
1192         width: 468px;
1193         height: 250px;
1194         background: #000;
1195         border: 1px solid #393939;
1196         -webkit-border-radius: 3px;
1197 }
1198
1199 .mi-info_item {
1200         position: relative;
1201         hieght: 48px;
1202         border-top: 1px solid #020202;
1203         border-bottom: 1px solid #383838;
1204 }
1205
1206 .mi-info_item.last {
1207         height: 49px !important;
1208         border-bottom: none !important;
1209 }
1210
1211 .mi-info_item > p {
1212         position: absolute;
1213         top: 0px;
1214         left: 70px;
1215         width: 400px;
1216         height: 50px;
1217         line-height: 50px;
1218         font-size: 20px;
1219 }
1220
1221 .mi-scroll {
1222         position: absolute;
1223         top: 60px;
1224         right: 0px;
1225         width: 50px;
1226         height: 250px;
1227         background: url("../images/media/scroll_bg.png") no-repeat;
1228 }
1229
1230 .mi-scroll > .up {
1231         position: absolute;
1232         top: 0px;
1233         left: 0px;
1234         width: 50px;
1235         height: 50px;
1236         background: url("../images/media/scroll_up.png") no-repeat;
1237         cursor: pointer;
1238 }
1239
1240 .mi-scroll > .down {
1241         position: absolute;
1242         bottom: 0px;
1243         left: 0px;
1244         width: 50px;
1245         height: 50px;
1246         background: url("../images/media/scroll_down.png") no-repeat;
1247         cursor: pointer;
1248 }
1249
1250 .mi-scroll > .scroll_area {
1251         position: absolute;
1252         top: 51px;
1253         left: 2px;
1254         bottom: 51px;
1255         right: 2px;
1256         background: #262626;
1257 }
1258
1259 .mi-scroll > .scroll_area > .current {
1260         position: absolute;
1261         top: 0px;
1262         left: 0px;
1263         width: 46px;
1264         height: 80px;
1265         background: #464646;
1266         border-bottom: 1px solid #000;
1267 }
1268
1269 .browse {
1270         z-index: 250;
1271         position: absolute;
1272         top: 80px;
1273         left: 5px;
1274         bottom: 90px;
1275         right: 5px;
1276 }
1277
1278 .br-back {
1279         position: absolute;
1280         top: 0px;
1281         left: 0px;
1282         width: 50px;
1283         height: 50px;
1284         cursor: pointer;
1285         background: url("../images/media/btn_back.png") no-repeat;
1286 }
1287
1288 .br-title {
1289         position: absolute;
1290         top: 0px;
1291         left: 70px;
1292         width: 400px;
1293         height: 50px;
1294         line-height: 50px;
1295         font-size: 26px;
1296 }
1297
1298 .br-all {
1299         position: absolute;
1300         top: 110px;
1301         left: 0px;
1302         width: 150px;
1303         height: 98px;
1304         cursor: pointer;
1305         background: url("../images/media/btn_browse-all-sources.png") no-repeat;
1306         font-size: 20px;
1307         line-height: 25px;
1308         padding-left: 17px;
1309         padding-top: 22px;
1310 }
1311
1312 .br-list {
1313         position: absolute;
1314         top: 60px;
1315         left: 160px;
1316         width: 568px;
1317         height: 250px;
1318         background: url("../images/media/list_bg.png") repeat;
1319         border: 1px solid #393939;
1320         -webkit-border-radius: 3px;
1321 }
1322
1323 .br-list-item {
1324         position: relative;
1325         height: 50px;
1326 }
1327
1328 .br-list-item > p {
1329         position: absolute;
1330         top: 0px;
1331         left: 50px;
1332         width: 450px;
1333         height: 50px;
1334         line-height: 50px;
1335         font-size: 20px;
1336 }
1337
1338 .br-list-item > p.numbers {
1339         top: 0px;
1340         left: 500px;
1341         width: 50px;
1342         font-size: 18px;
1343         text-align: right;
1344         font-style: italic;
1345 }
1346
1347 .br-scroll {
1348         position: absolute;
1349         top: 60px;
1350         right: 0px;
1351         width: 50px;
1352         height: 250px;
1353         background: url("../images/media/scroll_bg.png") no-repeat;
1354 }
1355
1356 .br-scroll > .up {
1357         position: absolute;
1358         top: 0px;
1359         left: 0px;
1360         width: 50px;
1361         height: 50px;
1362         background: url("../images/media/scroll_up.png") no-repeat;
1363         cursor: pointer;
1364 }
1365
1366 .br-scroll > .down {
1367         position: absolute;
1368         bottom: 0px;
1369         left: 0px;
1370         width: 50px;
1371         height: 50px;
1372         background: url("../images/media/scroll_down.png") no-repeat;
1373         cursor: pointer;
1374 }
1375
1376 .br-scroll > .scroll_area {
1377         position: absolute;
1378         top: 51px;
1379         left: 2px;
1380         bottom: 51px;
1381         right: 2px;
1382         background: #262626;
1383 }
1384
1385 .br-scroll > .scroll_area > .current {
1386         position: absolute;
1387         top: 0px;
1388         left: 0px;
1389         width: 46px;
1390         height: 80px;
1391         background: #464646;
1392         border-bottom: 1px solid #000;
1393 }
1394
1395 .all-sources {
1396         z-index: 250;
1397         pozition: absolute;
1398         top: 80px;
1399         left: 5px;
1400         bottom: 90px;
1401         right: 5px;
1402 }
1403
1404 .as-back {
1405         position: absolute;
1406         top: 0px;
1407         left: 0px;
1408         width: 50px;
1409         height: 50px;
1410         cursor: pointer;
1411         background: url("../images/media/btn_back.png") no-repeat;
1412 }
1413
1414 .as-title {
1415         position: absolute;
1416         top: 0px;
1417         left: 70px;
1418         width: 400px;
1419         height: 50px;
1420         line-height: 50px;
1421         font-size: 26px;
1422 }
1423
1424 .as-list {
1425         position: absolute;
1426         top: 60px;
1427         left: 60px;
1428         width: 328px;
1429         height: 200px;
1430         border: 1px solid #393939;
1431         -webkit-border-radius: 3px;
1432 }
1433
1434 .as-list.right {
1435         left: 400px;
1436 }
1437
1438 .as-list-item {
1439         position: relative;
1440         height: 49px;
1441         background: url(../images/media/allist-bg.png) no-repeat;
1442         border-bottom: 1px solid #393939;
1443         cursor: pointer;
1444 }
1445
1446 .as-list-item.pressed {
1447         background: url(../images/media/allist-bg_pressed.png) no-repeat !important;
1448 }
1449
1450 .as-list-item > p {
1451         position: absolute;
1452         top: 0px;
1453         left: 50px;
1454         width: 250px;
1455         height: 50px;
1456         line-height: 50px;
1457         font-size: 20px;
1458 }
1459
1460 .as-scroll {
1461         position: absolute;
1462         top: 60px;
1463         right: 0px;
1464         width: 50px;
1465         height: 250px;
1466         background: url("../images/media/scroll_bg.png") no-repeat;
1467 }
1468
1469 .as-scroll > .up {
1470         position: absolute;
1471         top: 0px;
1472         left: 0px;
1473         width: 50px;
1474         height: 50px;
1475         background: url("../images/media/scroll_up.png") no-repeat;
1476         cursor: pointer;
1477 }
1478
1479 .as-scroll > .down {
1480         position: absolute;
1481         bottom: 0px;
1482         left: 0px;
1483         width: 50px;
1484         height: 50px;
1485         background: url("../images/media/scroll_down.png") no-repeat;
1486         cursor: pointer;
1487 }
1488
1489 .as-scroll > .scroll_area {
1490         position: absolute;
1491         top: 51px;
1492         left: 2px;
1493         bottom: 51px;
1494         right: 2px;
1495         background: #262626;
1496 }
1497
1498 .as-scroll > .scroll_area > .current {
1499         position: absolute;
1500         top: 0px;
1501         left: 0px;
1502         width: 46px;
1503         height: 80px;
1504         background: #464646;
1505         border-bottom: 1px solid #000;
1506 }
1507
1508 .act_ar_ba {
1509         position: absolute;
1510         left: 300px;
1511 }
1512
1513 /* helpers */
1514 /*.gray{color:#4F4F4F !important;}
1515 .active-button{color:#FFF !important;cursor:pointer;}*/
1516 /*MEDIA HELP MODE*/
1517
1518
1519 .blur-text {
1520         color: transparent !important;
1521         text-shadow: 0 0 3px #fff !important;
1522 }
1523
1524 #help_media_block {
1525         width: 800px;
1526         height: 480px;
1527 }
1528
1529 #preset_bg {
1530         background: url(../images/media/help_mode/direct_yg_bg.png) no-repeat;
1531         width: 496px;
1532         height: 123px;
1533         left: 152px;
1534         top: 279px;
1535         z-index: 1;
1536 }
1537
1538 #disableAM-direct, #disableAM-preset, #disableFM-direct, #disableFM-preset {
1539         width: 496px;
1540         height: 123px;
1541         left: 152px;
1542         top: 279px;
1543         z-index: 300;
1544         cursor: pointer;
1545 }
1546
1547 #tag_help {
1548         background: url(../images/media/help_mode/tag_help_bg.png) no-repeat;
1549         width: 97px;
1550         height: 57px;
1551         top: 212px;
1552         left: 536px;
1553         z-index: 300;
1554         cursor: pointer;
1555 }
1556
1557 #alert_help {
1558         background: url(../images/media/help_mode/tag_alert_bg.png) no-repeat;
1559         width: 97px;
1560         height: 57px;
1561         top: 212px;
1562         left: 536px;
1563         z-index: 300;
1564         cursor: pointer;
1565 }
1566
1567 #scan_help {
1568         background: url(../images/media/help_mode/right_but_glow.png) no-repeat;
1569         width: 166px;
1570         height: 73px;
1571         z-index: 300;
1572         top: 129px;
1573         left: 633px;
1574         cursor: pointer;
1575 }
1576
1577 #scan_help_sir {
1578         background: url(../images/media/help_mode/bottom_glow.png) no-repeat;
1579         width: 166px;
1580         height: 69px;
1581         z-index: 300;
1582         top: 141px;
1583         left: 633px;
1584         cursor: pointer;
1585 }
1586
1587 #scan_help.cd-help {
1588         background: url(../images/media/help_mode/bottom_1_glow.png) no-repeat;
1589         width: 166px;
1590         height: 51px;
1591         z-index: 300;
1592         top: 192px;
1593         left: 633px;
1594         cursor: pointer;
1595 }
1596
1597 #more_info_help {
1598         background: url(../images/media/help_mode/bottom_glow_minus.png) no-repeat;
1599         width: 166px;
1600         height: 69px;
1601         z-index: 300;
1602         top: 243px;
1603         left: 633px;
1604         cursor: pointer;
1605 }
1606
1607 #direct_help {
1608         background: url(../images/media/help_mode/right_but_glow.png) no-repeat;
1609         width: 166px;
1610         height: 73px;
1611         z-index: 300;
1612         top: 231px;
1613         left: 633px;
1614         cursor: pointer;
1615 }
1616
1617 #sirius_browse {
1618         background: url(../images/media/help_mode/bottom_glow.png) no-repeat !important;
1619         height: 69px !important;
1620         width: 166px;
1621         z-index: 300;
1622         top: 292px !important;
1623         left: 633px;
1624         cursor: pointer;
1625 }
1626
1627 #sirius_browse.cd-browse {
1628         background: url(../images/media/help_mode/right_but_glow.png) no-repeat !important;
1629         ;
1630         width: 166px;
1631         height: 73px;
1632         top: 330px !important;
1633         ;
1634         left: 633px;
1635         cursor: pointer;
1636         z-index: 300;
1637 }
1638
1639 #shuffle_help {
1640         background: url(../images/media/help_mode/top_glow.png) no-repeat;
1641         height: 69px;
1642         width: 166px;
1643         z-index: 300;
1644         top: 130px;
1645         left: 633px;
1646         cursor: pointer;
1647 }
1648
1649 .sirius_direct {
1650         background: url(../images/media/help_mode/top_glow.png) no-repeat !important;
1651         height: 69px;
1652         width: 166px;
1653         z-index: 300;
1654         top: 231px;
1655         left: 633px;
1656         cursor: pointer;
1657 }
1658
1659 #hd_bg {
1660         background: url(../images/media/hd-blur.png) no-repeat;
1661         width: 156px;
1662         height: 54px;
1663         z-index: 299;
1664         top: 88px;
1665         left: 641px;
1666         cursor: pointer;
1667 }
1668
1669 #hd_bg_fm {
1670         background: url(../images/media/hd-blur-fm.png) no-repeat;
1671         width: 156px;
1672         height: 54px;
1673         z-index: 299;
1674         top: 88px;
1675         left: 641px;
1676         cursor: pointer;
1677 }
1678
1679 #replay_bg {
1680         background: url(../images/media/help_mode/top_glow.png) no-repeat;
1681         width: 166px;
1682         height: 62px;
1683         z-index: 300;
1684         top: 79px;
1685         left: 633px;
1686         cursor: pointer;
1687 }
1688
1689 #option_blur {
1690         background: url(../images/media/help_mode/option-blur.png) no-repeat;
1691         width: 162px;
1692         height: 51px;
1693         z-index: 290;
1694         top: 191px;
1695         left: 638px;
1696 }
1697
1698 #option_blur.cd-option {
1699         top: 291px;
1700 }
1701
1702 #controls_blur {
1703         background: url(../images/media/help_mode/controls-blur.png) no-repeat;
1704         width: 479px;
1705         height: 106px;
1706         top: 289px;
1707         left: 160px;
1708         z-index: 290;
1709 }
1710
1711 #repeat_blur {
1712         background: url(../images/media/help_mode/repeat-blur.png) no-repeat;
1713         width: 160px;
1714         height: 53px;
1715         left: 639px;
1716         top: 89px;
1717         z-index: 290;
1718 }
1719
1720 #usb-glow {
1721         background: url(../images/media/help_mode/left_glow.png) no-repeat;
1722         width: 160px;
1723         height: 71px;
1724         z-index: 302;
1725         cursor: pointer;
1726         left: 0px;
1727         top: 281px;
1728 }
1729
1730 #bluetooth-glow {
1731         background: url(../images/media/help_mode/left_glow.png) no-repeat;
1732         width: 160px;
1733         height: 71px;
1734         z-index: 302;
1735         cursor: pointer;
1736         left: 0px;
1737         top: 180px;
1738 }
1739
1740 #bt_blur {
1741         background: url(../images/media/help_mode/blt_s_blur.png) no-repeat;
1742         width: 642px;
1743         height: 348px;
1744         z-index: 300;
1745         left: 158px;
1746         top: 57px;
1747 }
1748
1749 #bt_l_blur {
1750         background: url(../images/media/help_mode/bt-r-blur.png) no-repeat;
1751         width: 159px;
1752         height: 114px;
1753         z-index: 300;
1754         left: 640px;
1755         top: 86px;
1756 }
1757
1758 #avin_blur {
1759         background: url(../images/media/help_mode/av_in_blur.png) no-repeat;
1760         width: 158px;
1761         height: 272px;
1762         z-index: 300;
1763         left: 321px;
1764         top: 161px;
1765 }
1766
1767 #linein_blur {
1768         background: url(../images/media/help_mode/linein_blur.png) no-repeat;
1769         width: 46px;
1770         height: 291px;
1771         z-index: 300;
1772         left: 376px;
1773         top: 135px;
1774 }
1775
1776 #blur-image {
1777         width: 120px;
1778         height: 119px;
1779         top: 61px;
1780         right: 5px
1781 }
1782
1783 #usb-image {
1784         width: 120px;
1785         height: 119px;
1786         top: 61px;
1787         right: 5px;
1788 }
1789
1790 #cd-image {
1791         width: 120px;
1792         height: 119px;
1793         top: 61px;
1794         right: 5px;
1795 }
1796
1797 .preset-stored {
1798         background: #000000;
1799         border: 1px solid #a03333;
1800         -moz-border-radius: 3px;
1801         -webkit-border-radius: 3px;
1802         font-size: 23px;
1803         font-weight: bold;
1804         height: 75px;
1805         left: 271px;
1806         line-height: 68px;
1807         text-align: center;
1808         top: 170px;
1809         width: 250px;
1810         z-index: 1001;
1811         display: none;
1812 }
1813
1814 #media_popup.fr .preset-stored {
1815         position: relative;
1816         width: 350px;
1817         margin: auto auto;
1818 }
1819
1820 #home_widgetMedia_presetPopup.fr .preset-stored {
1821         position: relative;
1822         width: 350px;
1823         margin: auto auto;
1824 }
1825
1826 #video-error {
1827         background: #000000;
1828         border: 1px solid #a03333;
1829         -moz-border-radius: 3px;
1830         -webkit-border-radius: 3px;
1831         font-size: 23px;
1832         font-weight: bold;
1833         left: 400px;
1834         text-align: center;
1835         top: 170px;
1836         ;
1837         z-index: 12100;
1838         position: absolute;
1839         padding: 10px;
1840 }
1841
1842 .fm-info-holder {
1843         top: 138px;
1844         width: 380px;
1845         height: 63px;
1846 }/* CSS Document */
1847
1848 #media_cd, #usbView, #media_sd , #siriusView{
1849         z-index: 500;
1850 }
1851
1852 /******************** FOR MoreInfo View********************************/
1853
1854 .moreInfo_view {
1855         position: absolute;
1856         width: 800px;
1857         height: 480px;
1858         z-index: 501;
1859         background-image: url(../images/media/bg.png);
1860 }
1861
1862 .moreInfo_backButton .ico {
1863         position: absolute;
1864         margin-top: 13px;
1865         margin-left: 8px;
1866 }
1867
1868 .moreInfo_backButton {
1869         width: 48px;
1870         height: 48px;
1871         float: left;
1872         position: relative;
1873         margin-top: 88px;
1874         margin-left: 5px;
1875         border: 1px solid #333;
1876         border-radius: 2px;
1877         cursor: pointer;
1878         z-index: 1001;
1879 }
1880
1881 .moreInfo_title {
1882         position: relative;
1883         margin-left: 20px;
1884         margin-top: 88px;
1885         width: 400px;
1886         height: 50px;
1887         line-height: 50px;
1888         font-size: 26px;
1889         float: left;
1890 }
1891
1892 #cd_poster{
1893         background:url(../images/media/big-lazerhorse-image.png) no-repeat;
1894         width:250px;
1895         height:250px;
1896         display:none;
1897 }
1898
1899 #cd_poster.helpmode{
1900         background:url(../images/media/help/big_help_lazerhorse_poster_blur.png) no-repeat !important;
1901         width:260px;
1902         height:260px;
1903         top:-5px;
1904         left:-5px;
1905 }
1906
1907 #usb_poster{
1908         background:url(../images/media/big-fall-image.png) no-repeat;
1909         width:250px;
1910         height:250px;
1911         display:none;
1912 }
1913
1914 #usb_poster.helpmode{
1915         background: url(../images/media/help/big-fall-image_blur.png) no-repeat !important;
1916         width:260px;
1917         height:260px;
1918         top:-5px;
1919         left:-5px;
1920 }
1921
1922 .moreInfo_image {
1923         position: relative;
1924         margin-top: 148px;
1925         margin-left: 5px;
1926         width: 250px;
1927         height: 250px;
1928         float: left;
1929 }
1930 .cd-more-info {
1931         margin-top: 148px;
1932         margin-left: 265px;
1933         width: 530px;
1934         height: 251px;
1935         -webkit-border-radius: 3px;
1936 }
1937
1938 .cd-more-info .list-content {
1939         width: 468px;
1940         background:#000;
1941 }
1942
1943
1944 .cd-more-info .list-item span {
1945         font-size: 20px;
1946         position: absolute;
1947         top: 13px;
1948         left: 70px;
1949         line-height: 25px;
1950         z-index:2;
1951 }
1952
1953 .cd-more-info .list-item img {
1954         margin-top: 1px;
1955 }
1956
1957
1958 .moreInfo_whatIsPlayingButton {
1959         position: relative;
1960         float: right;
1961         margin-right: 65px;
1962         margin-top: 88px;
1963         width: 135px;
1964         height: 48px;
1965         border-radius: 2px;
1966         border: 1px solid #393939;
1967 }
1968
1969 .moreInfo_whatIsPlayingButton .ico{
1970         padding: 12px 11px 11px 13px;
1971         position: relative;
1972         float: left;
1973 }
1974
1975 .moreInfo_whatIsPlayingButton span{
1976         position: relative;
1977         width: 55px;
1978         padding: 6px 0 0 5px;
1979         float: left;
1980 }
1981
1982 .fr .moreInfo_whatIsPlayingButton{
1983         white-space: nowrap;
1984 }
1985
1986 .fr .moreInfo_whatIsPlayingButton span{
1987         padding: 14px 0 0 5px;
1988 }
1989
1990 .helpmode .moreInfo_whatIsPlayingButton{
1991         margin-right: 60px;
1992         margin-top: 83px;
1993         padding: 6px;
1994         border: none;
1995         background: url(../images/media/help/ico_whatIsPlaying_blur.png) no-repeat;
1996 }
1997
1998 .helpmode .moreInfo_whatIsPlayingButton .ico{
1999         opacity: 0;
2000 }
2001
2002 #media_moreinfo_list_blur{
2003         background: url(../images/media/help/moreinfo_list_blur.png) no-repeat;
2004         width:542px;
2005         height:269px;
2006         left:258px;
2007         top:139px;
2008
2009 }
2010
2011 /*#media .backButton, #media .block-header-title{
2012         margin-top: 11px;
2013 }*/
2014
2015 /* Media options */
2016 #media_options_view {
2017         top: 48px;
2018         width: 800px;
2019         height: 432px;
2020         background-color: black;
2021         font-size: 20px;
2022         z-index: 1001;
2023 }
2024
2025 #media_options_list {
2026         margin-top: 91px;
2027         margin-left: 65px;
2028         width: 672px;
2029         height: 251px;;
2030 }
2031
2032 #media_options_list .arrow-ico{
2033         z-index:0;
2034 }
2035
2036 #media_options_list .list-content {
2037         width: 670px;
2038 }
2039
2040 #media_options_list .list-item {
2041         position: relative;
2042         width: 670px;
2043         float: left;
2044         height: 49px;
2045         border-bottom: 1px solid #393939;
2046         line-height: 50px;
2047 }
2048
2049 #media_options_list span{
2050         margin-left: 13px;
2051         z-index:1;
2052         position:relative;
2053 }
2054
2055
2056
2057 #media_options_list .list-item .ico {
2058         float: right;
2059         border: 1px solid #393939;
2060         border-radius: 2px;
2061         margin-top: 9px;
2062         margin-right: 9px;
2063 }
2064
2065 #media_options_list .list-item.big-ico img {
2066         float: right;
2067         border: none;
2068         margin-top: 4px;
2069         margin-right: 9px;
2070 }
2071
2072 #media_options_list .toogleButtonContainer{
2073         width: 198px;
2074 }
2075
2076 #media_options_list .toggles, #media_options_list .toggles span{
2077         width: 98px;
2078 }
2079
2080 .help-mode #media_options_view .list-item span{
2081         text-shadow: 0 0 3px #999;
2082 }
2083
2084
2085 .help-mode #media_options_list .list-item span{
2086         text-shadow: 0 0 3px #999;
2087 }
2088
2089 .help-mode #media_options_list .toogleButtonContainer  {
2090         margin-right: 11px;
2091 }
2092
2093 /* Media Am,Fm options */
2094 .helpmode .am #media_options_view_blur  {
2095         background: url(../images/media/media_am_options_bg_help.png) no-repeat;
2096         top:86px;
2097         left:60px;
2098         width:682px;
2099         height:261px;
2100 }
2101
2102 .helpmode .fm #media_options_view_blur  {
2103         background: url(../images/media/media_fm_options_bg_help.png) no-repeat;
2104         top:86px;
2105         left:60px;
2106         width:682px;
2107         height:261px;
2108 }
2109
2110
2111 /* Media Sitius options */
2112 .helpmode .sirius #media_options_view_blur {
2113         background: url(../images/media/media_sirius_options_bg_help.png) no-repeat;
2114         top:86px;
2115         left:60px;
2116         width:682px;
2117         height:261px;
2118
2119 }
2120
2121 /* Media CD options */
2122 .helpmode .cd #media_options_view_blur {
2123         background: url(../images/media/media_cd_options_bg_help.png) no-repeat;
2124         top:86px;
2125         left:60px;
2126         width:682px;
2127         height:111px;
2128 }
2129
2130 /* Media USB options */
2131 .helpmode .usb #media_options_view_blur {
2132         background: url(../images/media/media_usb_options_bg_help.png) no-repeat;
2133         top:86px;
2134         left:60px;
2135         width:682px;
2136         height:211px;
2137 }
2138
2139 /* Media SD options */
2140 .helpmode .sd #media_options_view_blur {
2141         background: url(../images/media/media_usb_options_bg_help.png) no-repeat;
2142         top:86px;
2143         left:60px;
2144         width:682px;
2145         height:211px;
2146 }
2147
2148
2149
2150 /* Media Bluetooth options */
2151 .helpmode .bt  #media_options_view_blur {
2152         background: url(../images/media/media_bt_options_bg_help.png) no-repeat;
2153         width:682px;
2154         height:162px;
2155         top:86px;
2156         left:60px;
2157 }
2158
2159 /******************** FOR Browse View********************************/
2160 .browse_view  {
2161         width: 800px;
2162         height: 480px;
2163         z-index:503;
2164         background:url(../images/media/bg.png) no-repeat;
2165 }
2166
2167 .browse_view .backButton .ico {
2168         position: absolute;
2169         margin-top: 13px;
2170         margin-left: 8px;
2171 }
2172
2173 .browse_view .backButton {
2174         top: 80px;
2175         width: 48px;
2176         height: 48px;
2177         border: 1px solid #333;
2178         border-radius: 2px;
2179 }
2180
2181 .browse_view .title {
2182         top: 89px;
2183         left: 75px;
2184         font-size:26px;
2185 }
2186
2187 .browse_view .browesAllSources {
2188         width: 148px;
2189         height: 96px;
2190         top:190px;
2191         left:5px;
2192         border: 1px solid #333;
2193
2194 }
2195
2196 .browse_view .browesAllSources.notpressed {
2197         background: url(../images/media/browse_all_button.png) repeat-x;
2198 }
2199
2200 .browse_view .browesAllSources.pressed {
2201         background: url(../images/media/browse_all_button_pressed.png);
2202 }
2203
2204 .browse_view .browesAllSources span {
2205         width: 105px;
2206         position: absolute;
2207         top:21px;
2208         left:16px;
2209         font-size:20px;
2210         line-height: 25px;
2211         cursor:pointer;
2212
2213 }
2214
2215 .helpmode .browesAllSources{
2216         pointer-events: none;
2217         margin: 1px 1px;
2218 }
2219
2220 .helpmode .browesAllSources img {
2221         opacity: 0;
2222 }
2223
2224 .all_sources_span{
2225         top:46px !important;
2226 }
2227
2228 .browse_view .browesAllSources .arrow-ico {
2229         position: absolute;
2230         top:24px;
2231         right: 4px;
2232 }
2233
2234
2235 .guidelist{
2236         width: 630px;
2237         height:251px;
2238         top:140px;
2239         left:165px;
2240         -webkit-border-radius: 3px;
2241 }
2242
2243 .guidelist .list-content{
2244         width: 568px;
2245 }
2246
2247 .guidelist .list-item ico{
2248         float: left;
2249 }
2250
2251 .guidelist .list-item span{
2252         font-size: 20px;
2253         position: absolute;
2254         left:50px;
2255 }
2256
2257 .guidelist .list-item span.right_text{
2258         font-size: 18px;
2259         position: relative;
2260         left:-8px;
2261 }
2262
2263 .usbbrowselist{
2264         height:101px;
2265 }
2266
2267 .usbbrowselist .list-item span{
2268         left: 5px;
2269 }
2270
2271
2272 #media_browseall_heading_lable{
2273         z-index:1;
2274
2275 }
2276
2277 #media_browseAll_list .arrow-ico{
2278         z-index:0;
2279 }
2280
2281 #media_browseAll_list span{
2282         z-index:1;
2283 }
2284
2285 #media_browseAll_view{
2286         z-index:505;
2287 }
2288
2289 .helpmode #media_browseall_blur_bg{
2290         width:800px;
2291         height:480px;
2292         background:url(../images/media/help/broall_view_blur.jpg) no-repeat;
2293         top:0px;
2294 }
2295
2296 #media_usb_browse_list .list .list-content .list-item span{
2297         left:5px !important;
2298 }
2299
2300 .media_usb_browse_browseall_button{
2301         top: 325px !important;
2302 }
2303 .browseAlllist{
2304         width: 340px;
2305         height: 201px;
2306         top:140px;
2307         left:65px;
2308 }
2309
2310 .browseAlllist .list-content{
2311         width: 330px;
2312 }
2313
2314 .browseAlllist .list-content div{
2315         cursor:pointer;
2316 }
2317
2318
2319 .browseAlllist .list-item span{
2320         font-size: 20px;
2321         position: absolute;
2322 }
2323
2324
2325 #media_browse_view.sirhelpblur{
2326         background:url(../images/media/help/sir_bro_view_blur.png) no-repeat;
2327 }
2328
2329 #media_browse_view.cdhelpblur{
2330         background:url(../images/media/help/cd_bro_view_blur.png) no-repeat;
2331 }
2332
2333 #media_browse_view.usbhelpblur{
2334         background:url(../images/media/help/others_browse_blur.png) no-repeat;
2335         width:800px;
2336         height:480px;
2337 }
2338
2339 .am-info, .fm-info,.sirius-info ,.bt-info, .avin-info{
2340         top: 70px;
2341         left: 152px;
2342         width: 490px;
2343         height: 368px;
2344         z-index: 200;
2345 }
2346
2347 .bt-info{
2348         top: 55px !important;
2349 }
2350
2351 #mi-divider {
2352         position: absolute;
2353         top: 110px;
2354         left: 0px;
2355 }
2356
2357 #sirius-right {
2358         height: 250px;
2359 }
2360
2361
2362
2363 #btn_alert {
2364         position: absolute;
2365         top: 140px;
2366         right: 10px;
2367 }
2368
2369 #cd-right {
2370         height: 300px;
2371 }
2372
2373 #cd-info {
2374         z-index: 200;
2375         position: absolute;
2376         top: 80px;
2377         left: 165px;
2378         width: 470px;
2379         height: 190px;
2380 }
2381
2382 #usb-right {
2383         height: 300px;
2384 }
2385
2386 #sd-right {
2387         height: 300px;
2388 }
2389
2390 #sd-info {
2391         z-index: 200;
2392         position: absolute;
2393         top: 80px;
2394         left: 165px;
2395         width: 470px;
2396         height: 190px;
2397 }
2398
2399 .divider_o {
2400         position: absolute;
2401         top: 120px;
2402         left: 0px;
2403         width: 470px;
2404         height: 1px;
2405         background: url("../images/media/divider_o.png") no-repeat;
2406 }
2407
2408 .equalizer {
2409         position: absolute;
2410         top: 5px;
2411         right: 10px;
2412         width: 104px;
2413         text-align: right;
2414         font-size: 24px;
2415 }
2416
2417 .siriusband {
2418         position: absolute;
2419         top: 50px;
2420         left: 13px;
2421         font-size: 62px;
2422         width: 400px;
2423 }
2424
2425 .directune_band {
2426         position: absolute;
2427         top: 50px;
2428         left: 13px;
2429         font-size: 62px;
2430         width: 400px;
2431         display:none;
2432 }
2433
2434
2435 #band{
2436         position: absolute;
2437         top: 38px;
2438         left: 18px;
2439         font-size: 62px;
2440 }
2441
2442 #band_dir{
2443         position: absolute;
2444         top: 38px;
2445         left: 18px;
2446         font-size: 62px;
2447 }
2448
2449 .nonHDsonginfo {
2450         text-transform: uppercase;
2451         position: absolute;
2452         font-size: 20px;
2453         float: left;
2454         top: 148px;
2455         left: 15px;
2456 }
2457
2458 .fmInfoHdIco {
2459         position: absolute;
2460         right: 328px;
2461         top: 10px;
2462         background:url(../images/media/hd_ico.png) no-repeat;
2463         width:149px;
2464         height:30px;
2465 }
2466
2467 .fmInfoHdIco_helpmode{
2468         position: absolute;
2469         right: 323px;
2470         top: 5px;
2471         background:url(../images/media/help/fm_hd_info_ico_blur.png) no-repeat !important;
2472         width:159px;
2473         height:40px;
2474 }
2475 .channel {
2476         position: absolute;
2477         top: 15px;
2478         left: 23px;
2479         width: 300px;
2480         text-align: left;
2481         font-size: 20px;
2482         color: #999999;
2483 }
2484
2485 .STAName {
2486         font-size: 22px;
2487         top: 15px;
2488         left: 23px;
2489         position: absolute;
2490 }
2491
2492 .fmgenre {
2493         position: absolute;
2494         top: 15px;
2495         right: 16px;
2496         width: 200px;
2497         text-align: right;
2498         font-size: 24px;
2499 }
2500
2501 .siriusgenre {
2502         position: absolute;
2503         top: 15px;
2504         left: 273px;
2505         width: 200px;
2506         text-align: right;
2507         font-size: 24px;
2508 }
2509
2510 .titanium {
2511         top: 50px;
2512         position: absolute;
2513         left: 13px;
2514         display: none ;
2515         background: url(../images/media/sirius-logo.png) no-repeat;
2516         width:215px;
2517         height:87px;
2518 }
2519
2520 .titanium.logo_blur{
2521         background: url(../images/media/help/titanium_logo_blur.png) no-repeat !important;
2522 }
2523 .hdtitle {
2524         /*-webkit-transform: translateX(-1000px);*/
2525         position: absolute;
2526         top: 137px;
2527         left: 19px;
2528         font-size: 32px;
2529 }
2530
2531 .hdartist {
2532         /*-webkit-transform: translateX(-1000px);*/
2533         position: absolute;
2534         top: 175px;
2535         left: 20px;
2536         font-size: 20px;
2537 }
2538
2539 .btn_tag {
2540         position: absolute;
2541         top: 150px;
2542         right: 17px;
2543         background:url(../images/media/btn_tag.png) no-repeat;
2544         width:80px;
2545         height:40px;
2546 }
2547
2548 .btn_tag_help{
2549         position: absolute;
2550         top: 142px;
2551         right: 9px;
2552         cursor:pointer;
2553         background:url(../images/media/help/tag_help_bg.png) no-repeat;
2554         width:97px;
2555         height:57px;
2556 }
2557
2558 .btn_alert {
2559         position: absolute;
2560         top: 150px;
2561         left: 393px;
2562         z-index: 100;
2563         width: 78px;
2564         height: 38px;
2565         text-align: center;
2566         font-size: 19px;
2567         line-height: 39px;
2568         border: 1px solid #333;
2569         -webkit-border-radius: 2px;
2570 }
2571
2572 #media_sirius_alert_help_yellow_border{
2573         top: 142px;
2574         left: 384px;
2575         width: 100px;
2576         height: 54px;
2577         background: url(../images/media/help/tag_alert_bg.png) no-repeat;
2578 }
2579
2580 .btn_alert.disabled{
2581         color: #999 !important;
2582 }
2583
2584 .btn_alert.help{
2585         text-shadow: none !important;
2586         color: white;
2587 }
2588
2589 .siriustitle {
2590         position: absolute;
2591         top: 138px;
2592         left: 20px;
2593         font-size: 32px;
2594         width: 400px;
2595 }
2596
2597 .siriusartist {
2598         position: absolute;
2599         top: 175px;
2600         left: 23px;
2601         font-size: 20px;
2602         width: 400px;
2603 }
2604
2605 .hdButton .ico {
2606         background: url(../images/media/passiv_horiz_led.png) no-repeat;
2607         right: 8px;
2608 }
2609
2610 .hdButton.isHd .ico {
2611         background: url(../images/media/active_horiz_led.png) no-repeat !important;
2612 }
2613
2614 .stationInfo {
2615         width: 200px;
2616         height: 50px;
2617         left: 115px;
2618         top: 29px;
2619 }
2620
2621 .stationInfo .stationimg {
2622         background: url(../images/media/ant.png) no-repeat;
2623         width: 27px;
2624         height: 28px;
2625         top: 6px;
2626 }
2627 .stationInfo .stationimg_help {
2628         background: url(../images/media/help/ant_blur.png) no-repeat;
2629         width: 37px;
2630         height: 38px;
2631         top: 1px;
2632         left: -5px;
2633 }
2634
2635 .stationInfo .station {
2636         font-size: 36px;
2637         left: 40px;
2638         position: absolute;
2639         width: 243px;
2640 }
2641
2642 .homehdicon {
2643         background: url(../images/media/hd-radio-ico.png) no-repeat !important;
2644         width: 28px !important;
2645 }
2646
2647 .homehdicon_blur {
2648         background: url(../images/media/help/hd-radio-ico_blur.png) no-repeat !important;
2649         width: 38px !important;
2650 }
2651
2652 .stationInfo .siriusico {
2653         background: url(../images/media/hsir-ico.png) no-repeat;
2654         width: 26px;
2655         height: 28px;
2656         top: 6px;
2657 }
2658
2659 .stationInfo .siriusico_help {
2660         background: url(../images/media/help/hsir-ico_blur.png) no-repeat;
2661         width: 36px;
2662         height: 38px;
2663         top: 1px;
2664         left:-5px;
2665 }
2666
2667
2668 .stationInfo .logo {
2669         left: 40px;
2670         position: absolute;
2671         top: -22px;
2672 }
2673
2674 .statusInfo {
2675         width: 275px;
2676         height: 48px;
2677 }
2678
2679 .statusInfo .station {
2680         top: 12px;
2681         left: 11px;
2682         text-overflow: ellipsis;
2683         overflow: hidden;
2684         height: 21px;
2685         width: 220px;
2686 }
2687
2688 .statusInfo .station span{
2689         display: none;
2690 }
2691
2692 .statusInfo .icon {
2693         width: 50px;
2694         height: 50px;
2695         left: 224px;
2696 }
2697
2698 .statusInfo .antenaIco {
2699         background: url(../images/media/ico_antenna.png) no-repeat;
2700 }
2701
2702 .statusInfo .statushdicon {
2703         background: url(../images/media/hd-radio-ico.png) no-repeat !important;
2704         width: 28px !important;
2705         height: 28px !important;
2706         top: 10px;
2707         left: 241px !important;
2708 }
2709
2710 .info_holder{
2711         top: 42px;
2712 }
2713
2714 .siriusIco {
2715         background: url(../images/media/ico_sirius.png) no-repeat !important;
2716 }
2717
2718 .cdIco { background:url(../images/media/ico_cd.png) no-repeat !important}
2719 .usbIco { background:url(../images/media/ico_usb.png) no-repeat !important}
2720 .sdIco { background:url(../images/media/ico_sd.png) no-repeat !important}
2721 .btIco { background:url(../images/media/ico_bt.png) no-repeat !important}
2722 .avIco { background:url(../images/media/ico_li.png) no-repeat !important}
2723 .appIco { background:url(../images/info/info_leftMenu_apps_ico.png) no-repeat !important}
2724
2725 #media_player_view_container{
2726         background: url(../images/media/player_view.png) no-repeat;
2727         width: 635px;
2728         height: 323px;
2729         top: 70px;
2730         left: 161px;
2731         z-index:501;
2732 }
2733
2734 #home_widgetMedia_cd {width:399px; height:193px}
2735 #home_widgetMedia_cd .album_title  {width:400px; text-align:center; font-size:28px;}
2736 #home_widgetMedia_cd .song_title{width:400px; text-align:center; font-size:24px; top:33px;}
2737 #home_widgetMedia_cd .info{top: 55px; width:400px;}
2738 #home_widgetMedia_cd .ico_holder{width:400px; margin-top:-7px;}
2739 #home_widgetMedia_cd .ico {margin-left:45%;}
2740 #home_widgetMedia_cd .ico_blur {top:-5px; left:-5px; margin-left:45%; position:absolute;}
2741
2742
2743 #home_widgetMedia_bluetooth .title{width:400px; text-align:center; font-size:24px;}
2744 #home_widgetMedia_bluetooth .info{top: 55px; width:100%;}
2745 #home_widgetMedia_bluetooth .ico_holder{width:400px; top:-7px;}
2746 #home_widgetMedia_bluetooth .ico_blur {top:-5px; left:-5px; margin-left:48%; position:absolute; background:url(../images/media/help/bt-h-ico_blur.png) no-repeat !important; width:34px !important; height:40px !important;}
2747 #home_widgetMedia_bluetooth .bluetooth_ico {
2748         background: url(../images/media/bt-h-ico.png) no-repeat;
2749         width:24px;
2750         height:30px;
2751         margin-left:48%;
2752 }
2753
2754 #home_widgetMedia_avin .title{width:400px; text-align:center; font-size:24px;}
2755 #home_widgetMedia_avin .info{top: 55px; width:100%;}
2756 #home_widgetMedia_avin .ico_holder{width:400px; top:-7px;}
2757
2758
2759 #home_widgetMedia_avin .avin_ico{ background: url(../images/media/line-h-ico.png) no-repeat; width:14px; height:36px; margin-left:48%;}
2760 #home_widgetMedia_avin .ico_blur {top:-5px; left:-5px; margin-left:48%; position:absolute; background: url(../images/media/help/line-h-ico_blur.png) no-repeat!important; width:24px !important; height:46px !important;}
2761
2762
2763 /* HELP MODE*/
2764
2765 /* rigth menu*/
2766 #media_rightmenu.help_mode{ border:none; left:-5px;}
2767
2768 /* replay button*/
2769 .replay_button_help{border-bottom:none; left:4px; cursor:pointer; margin-top:1px; margin-bottom:1px; z-index:2;}
2770
2771 /* browse button*/
2772 .browse_button_help{border-bottom:none; left:4px; cursor:pointer;}
2773
2774 /*scan button*/
2775 .scan_button_help{ border-bottom:none; left:4px; cursor:pointer; z-index:2;}
2776 /*direct tune*/
2777 .direct_button_help {border-bottom:none; left:4px;cursor:pointer; margin-bottom:1px; z-index:2;}
2778
2779
2780 /*hd active button blur*/
2781 .helpmode .isHd.top_rightmenu_button_blur{  background:url(../images/media/help/top_rightmenu_button_blur_active.png) no-repeat !important;width:162px; height:49px; left:-2px; bottom: 5px; margin-bottom:2px; border-bottom: none;}
2782
2783
2784 /* repeat button / hd button*/
2785 .helpmode .top_rightmenu_button_blur{ background:url(../images/media/help/top_rightmenu_button_blur.png) no-repeat !important; width:162px; height:49px; left:-2px;bottom: 5px; margin-bottom:2px; border-bottom: none;}
2786
2787 .helpmode .top_rightmenu_button_blur span {
2788         position:relative;
2789         top:6px;
2790         left:6px;
2791 }
2792
2793 /* shuffle button*/
2794 .shuffleButton_help{border-bottom:none; left:4px; cursor:pointer; z-index:2; margin-bottom:1px;}
2795 /* more info button*/
2796 .moreinfoButton_help{border-bottom:none; left:4px; cursor:pointer; z-index:2; margin-top:1px;}
2797
2798 /*option button*/
2799 #media_rightmenu_optionButton.option_blur{ background:url(../images/media/help/option_btn_blur.png) no-repeat !important; width:162px !important; height:49px !important; left:-2px; border-bottom: none; margin-bottom:2px; bottom:4px;}
2800
2801
2802 /* Browse button*/
2803 #media_rightmenu_browseButton{ z-index:2;}
2804
2805 /* Bluetooth view*/
2806 #bluetooth_blur{ background:url(../images/media/help/bluetooth_content_blur.png) no-repeat; width:646px; height:373px; top:-29px; left:2px;}
2807
2808 /* Line In view*/
2809 #line_in_blur{ background:url(../images/media/help/av-in_details_blur.png) no-repeat; width:160px; height:278px; left:166px; top:95px; display:none;}
2810 /** yellow borders*/
2811 #amfmscan{ background:url(../images/media/help/right_menu_btn_yellow_border.png) no-repeat; width:166px; height:73px; top:-161px; right:-159px;}
2812 #amfmdirect{ background:url(../images/media/help/right_menu_btn_yellow_border.png) no-repeat; width:166px; height:73px; top:-61px; right:-159px;}
2813 #media_preset_help_yellow_border{ background:url(../images/media/help/preset_yellow_border.png) no-repeat; width:495px; height:123px; top:-11px; left:-14px; cursor:pointer; z-index:2;}
2814 #uplist_borders{ background:url(../images/media/help/right_menu_groupbtn_yellow_border.png) no-repeat; width:166px; height:125px; top: -261px;left: -7px;}
2815 #bottomlist_borders{ background:url(../images/media/help/right_menu_groupbtn_yellow_border.png) no-repeat; width:166px; height:125px; top: -111px;left: -7px;}
2816 #yellow_dividers { z-index:2;}
2817 .yellow_divider{ width:150px; height:3px; background:#FF0; left:4px;}
2818 .yellow_divider.top{top:-202px;}
2819 .yellow_divider.bottom{top:-49px;}
2820 .yellow_divider.cdtop{top:-202px;}
2821 .yellow_divider.cdbottom{top:-152px;}
2822 #triple_borders{ background:url(../images/media/help/right_menu_threebtngroup_yellow_border.png) no-repeat; width:166px; height:170px; top:-258px; left:-7px;}
2823 #single_border{ background:url(../images/media/help/right_menu_btn_yellow_border.png) no-repeat; width:166px; height:73px; top:-60px; left:-7px;}
2824 #media_helpmode_cd_controllsblur{ background:url(../images/media/help/player_controls_blur.png) no-repeat; width:480px; height:111px; top:231px; left:8px;}
2825
2826 #media_rightmenu_yellow_amfm_borders, #media_rightmenu_yellow_sir_borders, #media_rightmenu_yellow_cd_borders, #media_rightmenu_yellow_sir_dividers, #media_rightmenu_yellow_cd_dividers{
2827         position:relative;
2828         display:none;
2829 }
2830
2831
2832 /* cancel scrollbar animation */
2833 .cancelBarAnimation{-webkit-transition:none !important;}
2834
2835
2836 #media_sdl_soft_buttons_view.media_sdl_soft_buttons_view{
2837         position: absolute;
2838         width: 800px;
2839         height: 480px;
2840         z-index: 1;
2841         background-image: url(../images/media/bg.png);
2842 }
2843
2844 #sdl_view_container .ffw_list_menu {
2845         top: 90px;
2846         left: 650px;
2847         width: 140px;
2848     display:none;
2849 }
2850
2851 #media_rightmenu_topButton_sdlSoftButtons.media_rightmenu_topButton {
2852         right: 4px;
2853         top: 90px;
2854         width: 152px;
2855         z-index: 2;
2856         background-color: gray;
2857         height: 50px;
2858         border-top-left-radius: 5px;
2859         border-top-right-radius: 5px;
2860 }
2861
2862 #media_appScrollWrapper_sdlSoftButtons{
2863         overflow: hidden;
2864         position: absolute;
2865         right: 4px;
2866         top: 90px;
2867         margin: 0;
2868         z-index: 1;
2869         float: none;
2870         width: 150px;
2871         border: 1px solid #393939;
2872         -webkit-border-radius: 3px;
2873         height: 300px;
2874 }
2875
2876 #media_rightmenu_bottomButton_sdlSoftButtons.media_rightmenu_bottomButton {
2877         right: 4px;
2878         top: 342px;
2879         width: 152px;
2880         z-index: 2;
2881         background-color: gray;
2882         height: 50px;
2883         border-bottom-left-radius: 5px;
2884         border-bottom-right-radius: 5px;
2885 }
2886
2887 #sdl_view_container .buttonsWrapper{
2888         top: 135px;
2889         left: 100px;
2890         width: 600px;
2891         height: 260px;
2892         overflow: hidden;
2893 }
2894
2895 #sdl_view_container .scrollBar{
2896         position: relative;
2897         height: 260px;
2898         float: right;
2899 }
2900
2901 #sdl_view_container .scrollArrowUp {
2902         position: relative;
2903         height: 47px;
2904         width: 47px;
2905         border: #393939 1px solid;
2906         border-radius: 2px;
2907 }
2908
2909 #sdl_view_container .scroller{
2910         position: relative;
2911         height: 20px;
2912         background: #555;
2913         -webkit-transition: 0.4s;
2914 }
2915
2916 #sdl_view_container .scrollArrowDown {
2917         height: 47px;
2918         width: 47px;
2919         border: #393939 1px solid;
2920         border-radius: 2px;
2921         bottom: 0;
2922 }
2923
2924 #sdl_view_container .rs-item{
2925         width: 536px;
2926 }
2927
2928 #media_app_sub_menu_view.media_app_sub_menu_view {
2929         width: 800px;
2930         height: 480px;
2931         z-index: 1000;
2932         background: url(../images/media/bg.png) no-repeat;
2933 }
2934
2935 #media_app_sub_menu_view .optionsSubMenuLabel{
2936         top: 80px;
2937         left: 75px;
2938         width: 620px;
2939         height: 20px;
2940         background: #393939;
2941         padding: 15px;
2942 }
2943 /*
2944 #sdl_view_container .ffw-button span{
2945         padding-left: 20px;
2946 }*/