css/phone.css

   1 /**
   2  * Phone module CSS
   3  *
   4  * @category    Style Sheets
   5  * @filesource  css/phone.css
   6  * @version             2.0
   7  */
   8
   9 #phone {
  10         width: 800px;
  11         height: 480px;
  12         background: url(../images/phone/bg.png) no-repeat;
  13         background-position: top;
  14 }
  15
  16 .helpmode #phone {
  17         background-position: bottom;
  18 }
  19
  20 /* Backgrpund for active toogleButton*/
  21 #phone .toogleButtonContainer .active {
  22         background: url(../images/phone/bcs-item_bg_act.png);
  23 }
  24
  25 #phone .delim {
  26         position: relative;
  27         float: left;
  28         border: #393939 1px solid;
  29         height: 26px;
  30         width: 0px;
  31 }
  32
  33 /* LEFT MENU */
  34 #phone_menu{position:absolute;top:90px;left:0px;width:150px;height:300px;}
  35         .ls_border {z-index:201;position:absolute;top:-3px;left:0px;width:153px;height:306px;}
  36         .ls-items{position:relative;width:150px;height:300px;}
  37         .ls-item{
  38                 z-index:201;
  39                 position:relative;
  40                 width:150px;
  41         }
  42         .ls-item > .bg{z-index:201;position:absolute;top:0px;left:0px;width:150px;height:50px;}
  43         .ls-item > .ico{z-index:299;position:absolute;left:10px;width:30px;height:30px;top:10px;}
  44         .ls-item > .ico.more {left:50px;}
  45         .ls-item span {z-index:298;position:absolute;left:50px;width:100px;height:50px;font-size:18px;line-height:50px;white-space:nowrap;overflow:hidden;}
  46         .ls-item > .led{z-index:299;position:absolute;top:0px;right:8px;width:24px;height:50px;}
  47         .ls-item.empty{background:#333333;}
  48         .firts_item{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
  49         .last_item{-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
  50         .lsp1_p{background:url("../images/phone/menu_bg.png") repeat-x bottom;}
  51         .phone_active {
  52                 background:url("../images/phone/menu_active.png") repeat-x bottom !important;
  53                 border-top: 1px solid #3e3115;
  54                 border-bottom: 1px solid #4a3a17
  55         }
  56 #phone_menu .ls-item {
  57         height:48px;
  58                 border-bottom: 1px solid #656565;
  59                 border-top: 1px solid #393939;
  60 }
  61         .navigation {width:26px;height:25px;background:url("../images/phone/ico_navigation.png") no-repeat;left:60px;top:10px;}
  62
  63 #phone_menu.hide {
  64         left: -170px;
  65 }
  66
  67 #phone_menu_quickdialButton,
  68 #phone_menu_messagingButton,
  69 #phone_menu_settingsButton {
  70         z-index: 203;
  71 }
  72
  73 #phone .list-item.active {
  74         background: url(../images/phone/phone_button_bg_active.png) repeat-x;
  75 }
  76 /* PHONE STATUS BAR */
  77 #status_phone {
  78         top: 0px;
  79         left: 0px;
  80         font-size: 21px;
  81         cursor: pointer;
  82         width: 324px;
  83         height: 48px;
  84         background: url(../images/common/phone-statusbar-bg.png) no-repeat;
  85         z-index: 1;
  86     display:none;
  87 }
  88
  89 #status_phone_label {
  90         width: 100%;
  91         display: block;
  92         visibility: hidden;
  93 }
  94
  95 #status_phone_label span {
  96         padding-left: 11px;
  97 }
  98
  99 #status_phone_call {
 100         position: absolute;
 101         top: 0px;
 102         left: 11px;
 103 }
 104
 105 #status_phone_antena {
 106         background: url(../images/phone/phone_antena.png) no-repeat;
 107         width: 28px;
 108         height: 18px;
 109         top: 15px;
 110         left: 236px;
 111 }
 112
 113
 114 /* PHONE HOME WIDGET */
 115
 116 #home_widgetPhone_dndButton {
 117         -webkit-border-radius: 3px;
 118         -moz-border-radius: 3px;
 119         border-radius: 3px;
 120         border: 1px solid #393939;
 121         padding: 12px 53px 11px 14px;
 122         font-size: 21px;
 123         top: 104px;
 124         left: 96px;
 125 }
 126
 127 #home_widgetPhone_onCall {
 128         width: 100%;
 129 }
 130
 131 #home_widgetPhone_dndButton .ind_inact {
 132         position: absolute;
 133         right: 17px;
 134         top: 13px;
 135         width:6px;
 136         height:21px;
 137         background:url(../images/common/ind_vert_def.png) no-repeat;
 138 }
 139
 140 #home_widgetPhone_dndButton .ind_act {
 141         position: absolute;
 142         right: 11px;
 143         top: 8px;
 144         background:url(../images/common/ind_vert_active.png) no-repeat;
 145         width:19px;
 146         height:32px;
 147 }
 148
 149 #home_widgetPhone_endCallButton {
 150         -webkit-border-radius: 3px;
 151         -moz-border-radius: 3px;
 152         border-radius: 3px;
 153         border: 1px solid #393939;
 154         padding: 12px 77px 11px 14px;
 155         font-size: 21px;
 156         top: 104px;
 157         left: 96px;
 158         z-index: 0;
 159 }
 160
 161 #home_widgetPhone_endCallButton .ico {
 162         left: 60px;
 163         position: relative;
 164         top: 2px;
 165         float: right;
 166 }
 167
 168 #home_widgetPhone_icons {
 169         background: url(../images/home/home_phone.png) no-repeat;
 170         width: 137px;
 171         height: 35px;
 172         left: 132px;
 173         top: 18px;
 174 }
 175
 176 #home_widgetPhone_icons.help {
 177         background: url(../images/home/home_phone_blur.png) no-repeat !important;
 178 }
 179
 180 #home_widgetPhone_label {
 181         font-size: 27px;
 182         top: 60px;
 183         left: 52px;
 184         width: 300px;
 185         text-align: center;
 186 }
 187
 188 #home_widgetPhone_nameInfo {
 189         position: relative;
 190         left: 100px;
 191         top: 25px;
 192 }
 193
 194 #home_widgetPhone_nameInfo span {
 195         font-size: 24px;
 196         margin-left: 43px;
 197 }
 198
 199 #home_widgetPhone_callInfo {
 200         position: relative;
 201         left: 100px;
 202         top: 38px;
 203 }
 204
 205 #home_widgetPhone_callInfo span {
 206         font-size: 24px;
 207         margin-left: 20px;
 208 }
 209
 210 #home_widgetPhone_help {
 211         width: 194px;
 212         height: 155px;
 213         background: url(../images/home/home_phone_end_blur.png) no-repeat;
 214         position: absolute;
 215         top: 15px;
 216         left: 82px;
 217         z-index: 1;
 218         visibility: hidden;
 219 }
 220
 221 /* PHONE MODULE */
 222
 223 /* DIALPAD  */
 224
 225
 226 #phone_endCallMessage {
 227         background: black;
 228         border: 1px solid #A28542;
 229         -moz-border-radius: 3px;
 230         -webkit-border-radius: 3px;
 231         font-size: 23px;
 232         font-weight: bold;
 233         height: 75px;
 234         left: 271px;
 235         line-height: 68px;
 236         text-align: center;
 237         top: 170px;
 238         width: 250px;
 239         z-index: 1000;
 240         display: none;
 241 }
 242
 243 #phone_info {
 244         width: 248px;
 245         height: 27px;
 246         top: 15px;
 247         left: 15px;
 248         z-index: 10010;
 249 }
 250
 251 #phone_info_number {
 252         font-size: 15px;
 253 }
 254
 255 #phone_info_name {
 256         font-size: 20px;
 257         width: 132px;
 258 }
 259
 260 #phone_info_name p {
 261         margin-top: -3px;
 262 }
 263
 264 #phone_dialpad_number {
 265         width: 283px;
 266         height: 30px;
 267         position: absolute;
 268         left: 258px;
 269         top: 87px;
 270         text-align: center;
 271         font-size: 22px;
 272         padding: 10px 0 0 0;
 273         background: black;
 274         border: 1px solid #393939;
 275         border-radius: 3px;
 276 }
 277
 278 #phone_dialpad_keypad {
 279         width: 282px;
 280         height: 200px;
 281         position: absolute;
 282         left: 259px;
 283         top: 141px;
 284 }
 285
 286 #phone_dialpad_keypad div {
 287         font-size: 26px;
 288         text-align: center;
 289         line-height: 32px;
 290 }
 291
 292
 293 #phone_dialpad_keypad .words {
 294         font-size: 17px;
 295         margin: -11px 0 0 0;
 296         display: block;
 297         color: #999;
 298 }
 299
 300 #phone_dialpad_keypad .left {
 301         left: 0px;
 302         width: 93px;
 303         height: 49px;
 304         border-left: 1px solid #393939;
 305         border-right: 1px solid #000;
 306         border-top: 1px solid #393939;
 307 }
 308
 309 #phone_dialpad_keypad .center {
 310         left: 95px;
 311         width: 93px;
 312         height: 49px;
 313         border-top: 1px solid #393939;
 314         border-left: 1px solid #393939;
 315         border-right: 1px solid #000;
 316 }
 317
 318 #phone_dialpad_keypad .right {
 319         left: 190px;
 320         width: 93px;
 321         height: 49px;
 322         border-left: 1px solid #393939;
 323         border-right: 1px solid #393939;
 324         border-top: 1px solid #393939;
 325 }
 326
 327 #phone_dialpad_keypad_key4, #phone_dialpad_keypad_key5, #phone_dialpad_keypad_key6 {
 328         top:50px;
 329 }
 330
 331 #phone_dialpad_keypad_key7, #phone_dialpad_keypad_key8, #phone_dialpad_keypad_key9 {
 332         top:100px;
 333 }
 334
 335
 336 #phone_dialpad_keypad_key0, #phone_dialpad_keypad_keyDiez, #phone_dialpad_keypad_keyStar {
 337         top:150px;
 338         border-bottom: 1px solid #393939;
 339 }
 340
 341 #phone_dialpad_keypad_key1 {
 342         -webkit-border-top-left-radius: 3px;
 343         border-top-left-radius: 3px;
 344 }
 345
 346 #phone_dialpad_keypad_key3 {
 347         -webkit-border-top-right-radius: 3px;
 348         border-top-right-radius: 3px;
 349 }
 350
 351 #phone_dialpad_keypad_keyStar {
 352         -webkit-border-bottom-left-radius:3px;
 353         border-bottom-left-radius:3px;
 354 }
 355 #phone_dialpad_keypad_keyDiez {
 356         -webkit-border-bottom-right-radius:3px;
 357         border-bottom-right-radius:3px;
 358 }
 359
 360
 361 /* Dialpad controls */
 362
 363 #phone_dialpad_controls {
 364         width: 526px;
 365         height: 38px;
 366         border: 1px solid #393939;
 367         -webkit-border-radius: 3px;
 368         border-radius: 3px;
 369         top: 355px;
 370         left: 259px;
 371 }
 372
 373 #phone_dialpad_controls div {
 374         position: absolute;
 375         background-repeat: repeat-x;
 376         height: 38px;
 377         width: 130px;
 378         text-align: center;
 379         line-height: 38px;
 380         font-size: 20px;
 381 }
 382
 383 #phone_dialpad_controls_privacyButton {
 384         border-right: 1px solid  #000;
 385         z-index: 2001;
 386         cursor: pointer;
 387 }
 388
 389 #phone_dialpad_controls .ind_inact {
 390         position: absolute;
 391         right: 8px;
 392         top: 8px;
 393         width:6px;
 394         height:21px;
 395         background:url(../images/common/ind_vert_def.png) no-repeat;
 396 }
 397
 398 #phone_dialpad_controls .ind_act {
 399         position: absolute;
 400         right: 2px;
 401         top: 3px;
 402         background:url(../images/common/ind_vert_active.png) no-repeat;
 403         width:19px;
 404         height:32px;
 405 }
 406
 407
 408 #phone_dialpad_controls_holdButton {
 409         left: 131px;
 410         border-left: 1px solid  #393939;
 411         border-right: 1px solid  #000;
 412                 cursor: pointer;
 413 }
 414
 415 #phone_dialpad_controls_muteButton {
 416         left: 263px;
 417         border-left: 1px solid  #393939;
 418         border-right: 1px solid  #000;
 419                 cursor: pointer;
 420 }
 421
 422 #phone_dialpad_controls_joinButton {
 423         border-left: 1px solid  #393939;
 424         left: 395px;
 425         z-index: 2001;
 426         cursor: pointer;
 427 }
 428
 429 #phone_dialpad_deleteButton {
 430         opacity:0;
 431         cursor: pointer;
 432         width: 93px;
 433         height: 49px;
 434         -webkit-border-radius: 3px;
 435         border-radius: 3px;
 436         left: 554px;
 437         top: 291px;
 438         border: 1px solid #393939;
 439 }
 440
 441 #phone_dialpad_deleteButton .ico {
 442         position: absolute;
 443         left: 34px;
 444         top: 15px;
 445 }
 446
 447
 448 #phone_dialpad_dialButton {
 449         cursor: pointer;
 450         border: 1px solid #393939;
 451         left: 661px;
 452         top: 241px;
 453         width: 128px;
 454         height: 49px;
 455         -webkit-border-top-left-radius: 3px;
 456         border-top-left-radius: 3px;
 457         -webkit-border-top-right-radius: 3px;
 458         border-top-right-radius: 3px;
 459 }
 460
 461 #phone_dialpad_dialButton span {
 462         font-size: 18px;
 463         position: absolute;
 464         left: 14px;
 465         top: 14px;
 466 }
 467
 468 #phone_dialpad_dialButton .ico {
 469         position: absolute;
 470         right: 14px;
 471         top: 11px;
 472 }
 473
 474
 475 #phone_dialpad_endButton {
 476         cursor: pointer;
 477         border: 1px solid #393939;
 478         left: 661px;
 479         top: 291px;
 480         width: 128px;
 481         height: 49px;
 482         -webkit-border-bottom-left-radius: 3px;
 483         border-bottom-left-radius: 3px;
 484         -webkit-border-bottom-right-radius: 3px;
 485         border-bottom-right-radius: 3px;
 486 }
 487
 488 #phone_dialpad_endButton span {
 489         font-size: 18px;
 490         position: absolute;
 491         left: 14px;
 492         top: 14px;
 493 }
 494
 495 #phone_dialpad_endButton .ico {
 496         position: absolute;
 497         right: 9px;
 498         top: 16px;
 499 }
 500
 501 #phone_dialpad_contactImage {
 502         opacity: 0;
 503         width: 130px;
 504         height: 135px;
 505         background: url("../images/phone/dial_photo.png") repeat-x;
 506         left: 658px;
 507         top: 86px;
 508 }
 509
 510 /* QUICK DIAL */
 511
 512 #phone_quickdial_content {
 513         width: 630px;
 514         height: 250px;
 515         left: 166px;
 516         top: 98px;
 517         background: url(../images/phone/quick_dial_inact_bg.png) no-repeat;
 518 }
 519
 520 #phone_quickdial ul.l-block {
 521         list-style: none;
 522         position: relative;
 523         float: left;
 524         width: 320px;
 525         height: 250px;
 526 }
 527
 528 #phone_quickdial ul.r-block {
 529         list-style: none;
 530         position: relative;
 531         float: left;
 532         width: 310px;
 533         height: 250px;
 534 }
 535
 536 #phone_quickdial ul li {
 537         line-height: 50px;
 538         font-size: 20px;
 539 }
 540
 541 #phone_quickdial ul li span.number {
 542         position: relative;
 543         float: left;
 544         padding-left: 5px;
 545         padding-right: 15px;
 546         font-size: 29px;
 547         width: 22px;
 548 }
 549
 550 /* PHONEBOOK */
 551 #phone_phonebook_content {
 552         left: 166px;
 553         top: 98px;
 554         width: 633px;
 555         height: 295px;
 556 }
 557
 558 #phone_phonebook_filters {
 559         width: 470px;
 560         height: 40px;
 561         position: relative;
 562         margin-left: 100px;
 563         background: url(../images/phone/book-filter-bg.png) no-repeat;
 564 }
 565
 566 #phone_phonebook_filters ul {
 567         list-style: none;
 568 }
 569
 570 #phone_phonebook_filters li {
 571         float: left;
 572         width: 94px;
 573         text-align: center;
 574         line-height: 40px;
 575         font-size: 20px;
 576 }
 577
 578 #phone_phonebook_list {
 579         height: 251px;
 580         position: relative;
 581         float: left;
 582         margin-top: 5px;
 583         width: 630px;
 584 }
 585
 586 #phone_phonebook_list .list-content {
 587         width: 568px;
 588 }
 589
 590 #phone_phonebook .list-item span {
 591         padding-left: 10px;
 592 }
 593
 594 /* HISTORY */
 595
 596 #phone_history_content {
 597         left: 166px;
 598         top: 98px;
 599         width: 625px;
 600         height: 295px;
 601 }
 602
 603 #phone_history_filters {
 604         background: url(../images/phone/history-filter-bg.png) no-repeat;
 605         width: 470px;
 606         height: 40px;
 607         position: relative;
 608 }
 609
 610 #phone_history_filters ul {
 611         list-style: none;
 612 }
 613
 614 #phone_history_filters li {
 615         float: left;
 616         width: 117px;
 617         text-align: center;
 618         line-height: 40px;
 619         font-size: 20px;
 620 }
 621
 622 #phone_history_list {
 623         width: 470px;
 624         height: 251px;
 625         position: relative;
 626         top: 5px;
 627         float: left;
 628 }
 629
 630 #phone_history_list .list-content {
 631         width: 413px;
 632 }
 633
 634 #phone_history_list .list-item .ico {
 635         margin-top: 7px;
 636         margin-right: 5px;
 637         margin-left: 5px;
 638         float: left;
 639 }
 640
 641 #phone_history_list .list-item .right_text {
 642         margin-right: 6px;
 643 }
 644
 645 #phone_history_controls {
 646         width: 150px;
 647         height: 149px;
 648         left: 5px;
 649         top: 5px;
 650         position: relative;
 651         float: left;
 652         border: 1px solid #393939;
 653         border-radius:3px;
 654         -webkit-border-radius:3px;
 655         -moz-border-radius:3px;
 656 }
 657
 658 #phone_history_dial {
 659         position: relative;
 660         height: 50px;
 661         width: 150px;
 662         font-size: 20px;
 663         line-height: 43px;
 664 }
 665
 666 #phone_history_dial span {
 667         padding-left: 10px;
 668 }
 669
 670 #phone_history_dial .ico {
 671         float: right;
 672         margin: 10px;
 673 }
 674
 675 #phone_history_savedial {
 676         position: relative;
 677         height: 99px;
 678         width: 150px;
 679         font-size: 20px;
 680         line-height: 43px;
 681 }
 682
 683 #phone_history_savedial span {
 684         padding-left: 10px;
 685 }
 686
 687 /* MESSAGING */
 688
 689 #phone_messaging_content {
 690         left: 166px;
 691         top: 98px;
 692         width: 570px;
 693         height: 295px;
 694 }
 695
 696 #phone_messaging_send {
 697         background: url(../images/phone/btn_bg.png) repeat-x;
 698         width: 150px;
 699         height: 38px;
 700         position: relative;
 701         float: left;
 702         font-size: 20px;
 703         line-height: 40px;
 704         border: 1px solid #393939;
 705         border-radius:3px;
 706 }
 707
 708 #phone_messaging_send span {
 709         padding-left: 10px;
 710 }
 711
 712 #phone_messaging_send .arrow-ico {
 713         top: -5px;
 714 }
 715
 716 #phone_messaging_controls {
 717         background: url(../images/phone/msg-r-group-bg.png) no-repeat;
 718         width: 300px;
 719         height: 40px;
 720         position: relative;
 721         float: right;
 722 }
 723
 724 #phone_messaging_controls ul {
 725         list-style: none;
 726 }
 727
 728 #phone_messaging_controls ul li {
 729         float: left;
 730         width: 150px;
 731         text-align: center;
 732         line-height: 40px;
 733         font-size: 20px;
 734 }
 735
 736 #phone_messaging_list {
 737         width: 570px;
 738         height: 250px;
 739         position: relative;
 740         margin-top: 45px;
 741         background: url(../images/phone/msg-list-bg.png) no-repeat;
 742 }
 743
 744 #phone_messaging_list ul.list {
 745         float: left;
 746         list-style: none;
 747 }
 748
 749 #phone_messaging_list ul.del {
 750         float: right;
 751         list-style: none;
 752 }
 753
 754 #phone_messaging_list ul.list li {
 755         width: 320px;
 756         height: 50px;
 757         font-size: 20px;
 758         line-height: 50px;
 759         padding-left: 50px;
 760 }
 761
 762 #phone_messaging_list ul.del li {
 763         width: 100px;
 764         height: 50px;
 765         font-size: 20px;
 766         line-height: 50px;
 767         text-align: center;
 768 }
 769
 770 /* SETTINGS */
 771 #phone_settings {
 772         z-index: 10001;
 773 }
 774
 775 #phone_settings_content {
 776         width: 627px;
 777         height: 300px;
 778         left: 166px;
 779         top: 87px;
 780 }
 781
 782 #phone_settings_list {
 783         width: 630px;
 784         height: 301px;
 785         position: relative;
 786         top: 5px;
 787         float: left;
 788 }
 789
 790 #phone_settings_list .list-content {
 791         width: 570px;
 792 }
 793
 794 #phone_settings_list .list-item > span,
 795 #phone_settings_list .lableToggle span{
 796         padding-left: 7px;
 797 }
 798
 799 #phone_settings_list .list-item .ico {
 800         position: absolute;
 801         right: 10px;
 802         top: 8px;
 803         opacity: 1;
 804 }
 805
 806 #phone_settings_list .lableToggleButton{
 807         background-image: url(../images/list/list_item_bg.png);
 808 }
 809
 810 #phone_settings .toogleButtonContainer {
 811         position: relative;
 812         width: 198px;
 813         height: 28px;
 814         border: 1px solid #393939;
 815         border-radius: 2px;
 816         float: right;
 817         margin-top: 10px;
 818         margin-right: 10px;
 819 }
 820
 821 /* HELP MODE */
 822
 823 #phone .shifted {
 824         width: 650px;
 825         left: 150px;
 826 }
 827
 828 #phone .blured_background {
 829         visibility: hidden;
 830         width: 800px;
 831         height: 480px;
 832         z-index: 1001;
 833         position: absolute;
 834 }
 835
 836 #phone_dialpad_help {
 837         background: url(../images/phone/phone_help_dialpad.png) no-repeat;
 838 }
 839
 840 #phone_quickdial_help {
 841         background: url(../images/phone/phone_help_quickdial.png) no-repeat;
 842 }
 843
 844 #phone_phonebook_help {
 845         background: url(../images/phone/phone_help_phonebook.png) no-repeat;
 846 }
 847
 848 #phone_history_help {
 849         background: url(../images/phone/phone_help_history.png) no-repeat;
 850 }
 851
 852 #phone_messaging_help {
 853         background: url(../images/phone/phone_help_messaging.png) no-repeat;
 854 }
 855
 856 #phone_settings_help {
 857         background: url(../images/phone/phone_help_settings.png) no-repeat;
 858 }
 859
 860 #phone_menu_help {
 861         background: url("../images/phone/phone_help_menu.png") no-repeat;
 862         width: 165px;
 863         height: 315px;
 864         z-index: 202;
 865         pointer-events: none;
 866 }
 867
 868 #phone_help_divider {
 869         height: 3px;
 870         width: 150px;
 871         top: 249px;
 872         left: 0;
 873 }
 874
 875 #phone_settings_help_dndButton {
 876         font-size: 20px;
 877         line-height: 55px;
 878         height: 50px;
 879         width: 570px;
 880         top: 190px;
 881         left: 16px;
 882         z-index: 2001;
 883         cursor: pointer;
 884 }
 885
 886 #phone_settings_help_dndButton span {
 887         padding-left: 8px;
 888 }
 889
 890 #phone_settings_help_dndButton .ico {
 891         position: absolute;
 892         right: 9px;
 893         top: 13px;
 894         opacity: 1;
 895 }
 896
 897 /* Phone settings Bluetooth Devices */
 898 #phone_settings_BluetoothDevices_view {
 899         width: 800px;
 900         height: 480px;
 901         background-image: url(../images/phone/bg.png);
 902         font-size: 20px;
 903         z-index: 10001;
 904 }
 905
 906 #phone_settings_BluetoothDevices_view .backButton {
 907         margin-top: 59px;
 908 }
 909
 910 #phone_settings_BluetoothDevices_view .block-header-title {
 911         top: 69px;
 912 }
 913
 914 #phone_settings_BluetoothDevices_view .bluetoothLogo{
 915         background: url(../images/phone/ico_bluetoothConnect.png) no-repeat;
 916         top: 109px;
 917         left: 5px;
 918         height: 50px;
 919         width: 50px;
 920 }
 921
 922 #phone_settings_BluetoothDevices_list {
 923         margin-top: 109px;
 924         margin-left: 65px;
 925         width: 570px;
 926         height: 301px;;
 927 }
 928
 929
 930 #phone_settings_BluetoothDevices_list .list-content {
 931         border-right: none;
 932         border-top: none;
 933 }
 934
 935 #phone_settings_BluetoothDevices_list .list-item:first-child {
 936         border-top: 1px solid #393939;
 937         height: 48px;
 938 }
 939
 940 #phone_settings_BluetoothDevices_list .list-item {
 941         position: relative;
 942         width: 503px;
 943         float: left;
 944         height: 49px;
 945         border-bottom: 1px solid #393939;
 946         border-right: 1px solid #393939;
 947         line-height: 50px;
 948 }
 949
 950 #phone_settings_BluetoothDevices_list .list-item.pressed {
 951         background: url(../images/phone/phone_button_bg_active.png) repeat-x !important;
 952 }
 953
 954 #phone_settings_BluetoothDevices_list .list-item > span {
 955         position: absolute;
 956         left: 63px;
 957 }
 958
 959 #phone_settings_BluetoothDevices_list .list-item .ico {
 960         position: absolute;
 961         float: left;
 962         left: 9px;
 963 }
 964
 965 #phone_settings_BluetoothDevices_list .list-item .right_ico {
 966         float: right;
 967 }
 968
 969 #phone_settings_BluetoothDevices_list .list-item.big-ico img {
 970         float: right;
 971         border: none;
 972         margin-top: 4px;
 973         margin-right: 9px;
 974 }
 975
 976 #phone_settings_BluetoothDevices_view .right-menu{
 977         top: 109px;
 978         right: 3px;
 979         float: right;
 980         width: 150px;
 981         border: 1px solid #393939;
 982         border-bottom: none;
 983         -webkit-border-radius: 3px;
 984 }
 985
 986 #view_phone_phoneSettings_bluetoothDevices_rightmenu .menu-item{
 987         position: relative;
 988         width: 135px;
 989         height: 49px;
 990         cursor: pointer;
 991         border-bottom: 1px solid #333;
 992         font-size: 18px;
 993         line-height: 46px;
 994         padding-left: 15px;
 995 }
 996
 997 #phone_settings_BluetoothDevices_view.help-mode  {
 998         background-image: url(../images/phone/phone_settings_bluetoothDevices_bg_help.png);
 999         background-repeat: no-repeat;
1000 }
1001
1002 #phone_settings_BluetoothDevices_view.help-mode .menu-item,
1003 #phone_settings_BluetoothDevices_view.help-mode .right-menu {
1004         border: none;
1005         background: none;
1006 }
1007
1008 #phone_settings_BluetoothDevices_view.help-mode .menu-item{
1009         margin-top: 1px;
1010         right: 1px;
1011 }
1012
1013 #phone_settings_BluetoothDevices_view.help-mode .menu-item .arrow-ico,
1014 #phone_settings_BluetoothDevices_view.help-mode .bluetoothLogo{
1015         opacity: 0;
1016 }
1017
1018 .help-mode #phone_settings_BluetoothDevices_view .list-item span {
1019         text-shadow: 0 0 3px #999;
1020 }
1021
1022 .help-mode #phone_settings_BluetoothDevices_list .list-item span {
1023         text-shadow: 0 0 3px #999;
1024 }
1025
1026 /* Phone settings Phone Ringer */
1027 #phone_settings_phoneRinger_view {
1028         width: 800px;
1029         height: 480px;
1030         background-image: url(../images/phone/bg.png);
1031         font-size: 20px;
1032         z-index: 10001;
1033 }
1034
1035
1036 #phone_settings_phoneRinger_view .backButton {
1037         margin-top: 59px;
1038 }
1039
1040 #phone_settings_phoneRinger_view .block-header-title {
1041         top: 69px;
1042 }
1043
1044 #phone_settings_phoneRinger_list {
1045         margin-top: 139px;
1046         margin-left: 65px;
1047         width: 734px;
1048         height: 251px;;
1049 }
1050
1051 #phone_settings_phoneRinger_list .list-content {
1052         width: 674px;
1053         border-right: none;
1054         border-top: none;
1055 }
1056
1057 #phone_settings_phoneRinger_list .list-item:first-child,
1058 #phone_settings_phoneRinger_list .soundButton:first-child{
1059         border-top: 1px solid #393939;
1060         height: 48px;
1061 }
1062
1063 #phone_settings_phoneRinger_list .list-item {
1064         position: relative;
1065         width: 613px;
1066         float: left;
1067         height: 49px;
1068         border-bottom: 1px solid #393939;
1069         border-right: 1px solid #393939;
1070         line-height: 50px;
1071 }
1072
1073 #phone_settings_phoneRinger_list .list-item.soundButton {
1074         width: 48px;
1075         border-left: 1px solid #393939;
1076         margin-left: 10px;
1077 }
1078
1079 #phone_settings_phoneRinger_list .list-item.soundButton .ico {
1080         border: none;
1081         margin-top: 12px;
1082         margin-right: 11px;
1083 }
1084
1085 #phone_settings_phoneRinger_list .list-item.pressed {
1086         background: url(../images/phone/phone_button_bg_active.png) repeat-x !important;
1087 }
1088
1089 #phone_settings_phoneRinger_list .list-item > span {
1090         margin-left: 13px;
1091 }
1092
1093 #phone_settings_phoneRinger_list .list-item .ico {
1094         float: right;
1095         border: 1px solid #393939;
1096         border-radius: 2px;
1097         margin-top: 9px;
1098         margin-right: 9px;
1099 }
1100
1101 #phone_settings_phoneRinger_list .list-item.big-ico img {
1102         float: right;
1103         border: none;
1104         margin-top: 4px;
1105         margin-right: 9px;
1106 }
1107
1108 #phone_settings_phoneRinger_list .toggles, #phone_settings_phoneRinger_list .toggles span {
1109         width: 148px;
1110 }
1111
1112 #phone_settings_phoneRinger_view.help-mode  {
1113         background-image: url(../images/phone/phone_settings_phoneRinger_bg_help.png);
1114         background-repeat: no-repeat;
1115 }
1116
1117 .help-mode #phone_settings_phoneRinger_view .list-item span {
1118         text-shadow: 0 0 3px #999;
1119 }
1120
1121 .help-mode #phone_settings_phoneRinger_list .list-item span {
1122         text-shadow: 0 0 3px #999;
1123 }
1124
1125 /* Phone settings Text Message Notification */
1126 #phone_settings_textMessageNotification_view {
1127         width: 800px;
1128         height: 480px;
1129         background-image: url(../images/phone/bg.png);
1130         font-size: 20px;
1131         z-index: 10001;
1132 }
1133
1134
1135 #phone_settings_textMessageNotification_view .backButton {
1136         margin-top: 59px;
1137 }
1138
1139 #phone_settings_textMessageNotification_view .block-header-title {
1140         top: 69px;
1141 }
1142
1143 #phone_settings_textMessageNotification_list {
1144         margin-top: 139px;
1145         margin-left: 65px;
1146         width: 731px;
1147         height: 251px;
1148 }
1149
1150 #phone_settings_textMessageNotification_list .list-content {
1151         width: 674px;
1152         border-right: none;
1153         border-top: none;
1154 }
1155
1156 #phone_settings_textMessageNotification_list .list-item:first-child,
1157 #phone_settings_textMessageNotification_list .soundButton:first-child{
1158         border-top: 1px solid #393939;
1159         height: 48px;
1160 }
1161
1162 #phone_settings_textMessageNotification_list .list-item {
1163         position: relative;
1164         width: 613px;
1165         float: left;
1166         height: 49px;
1167         border-bottom: 1px solid #393939;
1168         border-right: 1px solid #393939;
1169         line-height: 50px;
1170 }
1171
1172 #phone_settings_textMessageNotification_list .list-item.soundButton {
1173         width: 48px;
1174         border-left: 1px solid #393939;
1175         margin-left: 10px;
1176 }
1177
1178 #phone_settings_textMessageNotification_list .list-item.soundButton .ico {
1179         border: none;
1180         margin-top: 12px;
1181         margin-right: 11px;
1182 }
1183
1184 #phone_settings_textMessageNotification_list .list-item.pressed {
1185         background: url(../images/phone/phone_button_bg_active.png) repeat-x !important;
1186 }
1187
1188 #phone_settings_textMessageNotification_list .list-item > span {
1189         margin-left: 13px;
1190 }
1191
1192 #phone_settings_textMessageNotification_list .list-item .ico {
1193         float: right;
1194         border: 1px solid #393939;
1195         border-radius: 2px;
1196         margin-top: 9px;
1197         margin-right: 9px;
1198 }
1199
1200 #phone_settings_textMessageNotification_list .list-item.big-ico img {
1201         float: right;
1202         border: none;
1203         margin-top: 4px;
1204         margin-right: 9px;
1205 }
1206
1207 #phone_settings_textMessageNotification_list .toggles, #phone_settings_textMessageNotification_list .toggles span {
1208         width: 148px;
1209 }
1210
1211 #phone_settings_textMessageNotification_view.help-mode  {
1212         background-image: url(../images/phone/phone_settings_textMessageNotification_bg_help.png);
1213         background-repeat: no-repeat;
1214 }
1215
1216 .help-mode #phone_settings_textMessageNotification_view .list-item span {
1217         text-shadow: 0 0 3px #999;
1218 }
1219
1220 .help-mode #phone_settings_textMessageNotification_list .list-item span {
1221         text-shadow: 0 0 3px #999;
1222 }
1223
1224 /* Phone settings Internet Data Connection */
1225 #phone_settings_internetDataConnection_view {
1226         width: 800px;
1227         height: 480px;
1228         background-image: url(../images/phone/bg.png);
1229         font-size: 20px;
1230         z-index: 10001;
1231 }
1232
1233
1234 #phone_settings_internetDataConnection_view.help-mode .toogleButtonContainer {
1235         border: none !important;
1236
1237 }
1238
1239 #phone_settings_internetDataConnection_view .backButton {
1240         margin-top: 59px;
1241 }
1242
1243 #phone_settings_internetDataConnection_view .block-header-title {
1244         top: 69px;
1245 }
1246
1247 #phone_settings_internetDataConnection_view .content {
1248         top: 119px;
1249         left: 100px;
1250         width: 650px;
1251         height: 300px;
1252 }
1253
1254 #phone_settings_phoneRinger_phone_label {
1255         position: relative;
1256         width: 300px;
1257         height: 29px;
1258         float: left;
1259         margin-left: 12px;
1260 }
1261
1262 #phone_settings_phoneRinger_phone_label .ico {
1263         margin-top: -12px;
1264         margin-left: -6px;
1265 }
1266
1267 #phone_settings_phoneRinger_phone_label span {
1268         position: absolute;
1269         margin-left: 13px;
1270         top: -3px;
1271 }
1272
1273 #phone_settings_internetDataConnection_view .lableToggleButton {
1274         position: relative;
1275         margin-top: 1px;
1276         width: 560px;
1277         height: 50px;
1278         line-height: 50px;
1279         float: left;
1280 }
1281
1282 #phone_settings_internetDataConnection_view .toogleButtonContainer {
1283         width: 298px;
1284         margin-left: 213px;
1285         margin-right: 9px;
1286         margin-top: 9px;
1287 }
1288
1289 #phone_settings_internetDataConnection_view .lableToggleButton .lableToggle > span {
1290         margin-left: 12px;
1291 }
1292
1293 #phone_settings_internetDataConnection_view .helpButton {
1294         position: relative;
1295         float: right;
1296         margin-top: 10px;
1297         height: 28px;
1298         width: 88px;
1299         border: 1px solid #333;
1300         border-radius: 2px;
1301 }
1302
1303 #phone_settings_internetDataConnection_view .helpButton .ico{
1304         margin-top: 4px;
1305         margin-left: 38px;
1306 }
1307
1308 #phone_settings_phoneRinger_DUNSettings_button {
1309         position: relative;
1310         float: left;
1311         width: 648px;
1312         height: 48px;
1313         line-height: 50px;
1314         border: 1px solid #333;
1315         border-radius: 2px;
1316 }
1317
1318 #phone_settings_phoneRinger_DUNSettings_button span {
1319         margin-left: 12px;
1320 }
1321
1322 #phone_settings_internetDataConnection_view .wraper {
1323         position: relative;
1324         float: left;
1325         top: -1px;
1326         border: 1px solid #333;
1327         border-radius: 2px;
1328         height: 109px;
1329         padding-left: 10px;
1330         padding-top: 9px;
1331         width: 638px;
1332 }
1333
1334 #phone_settings_phoneRinger_dataUsage_label {
1335         width: 613px;
1336 }
1337
1338 #phone_settings_phoneRinger_dataUsage_label span {
1339         line-height: 25px
1340 }
1341
1342 #phone_settings_internetDataConnection_view.fr #phone_settings_phoneRinger_dataUsage_label {
1343         line-height: 21px;
1344 }
1345
1346 #phone_settings_internetDataConnection_view.fr #phone_settings_phoneRinger_dataUsage_label span{
1347         line-height: 21px;
1348 }
1349
1350 #phone_settings_internetDataConnection_view.help-mode .content .ico,
1351 #phone_settings_internetDataConnection_view.help-mode .arrow-ico {
1352         opacity: 0;
1353 }
1354
1355 #phone_settings_internetDataConnection_view.help-mode .wraper {
1356         top: 0px;
1357         left: 1px;
1358         border: none;
1359 }
1360
1361 #phone_settings_internetDataConnection_view.help-mode .content .button {
1362         border: none;
1363         background: none;
1364 }
1365
1366 .help-mode #phone_settings_phoneRinger_DUNSettings_button {
1367         top: 1px;
1368 }
1369
1370 #phone_settings_internetDataConnection_view.help-mode {
1371         background: url(../images/phone/phone_settings_internetDataConnection_bg_help.png) no-repeat;
1372 }
1373
1374 #phone_settings_internetDataConnection_view.help-mode .lableToggleButton {
1375         top: -1px;
1376         left: -1px;
1377 }
1378
1379 #phone_settings_internetDataConnection_view.help-mode .lableToggleButton .button0 span {
1380         margin-left: 0px !important;
1381 }
1382
1383 #phone_settings_internetDataConnection_view.help-mode .lableToggleButton .button1 span {
1384         margin-left: 2px !important;
1385 }
1386
1387 #phone_settings_internetDataConnection_view.help-mode .lableToggleButton .button2 span {
1388         margin-left: 3px !important;
1389 }
1390
1391 .help-mode #phone_settings_phoneRinger_DUNSettings_button {
1392         margin-left: 1px;
1393 }
1394
1395 .help-mode #phone_settings_phoneRinger_OnConnect_Lable {
1396         margin-top: 3px;
1397 }
1398
1399 /* Phone settings phonebook */
1400 #phone_settings_phoneBook_view {
1401         width: 800px;
1402         height: 480px;
1403         background-image: url(../images/phone/bg.png);
1404         font-size: 20px;
1405         z-index: 10001;
1406 }
1407
1408 #phone_settings_phoneBook_view .backButton {
1409         margin-top: 59px;
1410 }
1411
1412 #phone_settings_phoneBook_view .block-header-title {
1413         top: 69px;
1414 }
1415
1416 #phone_settings_phoneBook_list {
1417         margin-top: 139px;
1418         margin-left: 65px;
1419         width: 731px;
1420         height: 251px;;
1421 }
1422
1423 #phone_settings_phoneBook_list .list-content {
1424         width: 670px;
1425 }
1426
1427 #phone_settings_phoneBook_list .list-item {
1428         position: relative;
1429         width: 670px;
1430         float: left;
1431         height: 49px;
1432         border-bottom: 1px solid #393939;
1433         line-height: 50px;
1434 }
1435
1436 #phone_settings_phoneBook_list .list-item > span {
1437         margin-left: 13px;
1438 }
1439
1440 #phone_settings_phoneBook_list .list-item .lableToggle span {
1441         margin-left: 13px;
1442 }
1443
1444 #phone_settings_phoneBook_list .list-item .ico {
1445         float: right;
1446         border: 1px solid #393939;
1447         border-radius: 2px;
1448         margin-top: 9px;
1449         margin-right: 9px;
1450 }
1451
1452 #phone_settings_phoneBook_list .list-item.big-ico img {
1453         float: right;
1454         border: none;
1455         margin-top: 4px;
1456         margin-right: 9px;
1457 }
1458
1459 #phone_settings_phoneBook_list .toogleButtonContainer {
1460         width: 298px;
1461 }
1462
1463 #phone_settings_phoneBook_view.help-mode .toogleButtonContainer {
1464         border: none !important;
1465 }
1466
1467 #phone_settings_phoneBook_view.fr #phone_settings_phoneBook_list_item0 .lableToggle {
1468         line-height: 19px;
1469         width: 360px;
1470         margin: 5px 0px 0px 13px;
1471 }
1472
1473 #phone_settings_phoneBook_view.fr #phone_settings_phoneBook_list_item0 .lableToggle span {
1474         margin-left: 0px;
1475 }
1476
1477 #phone_settings_phoneBook_view.help-mode {
1478         background-image: url(../images/phone/phone_settings_phoneBook_bg_help.png);
1479         background-repeat: no-repeat;
1480 }
1481
1482 phone_settings_phoneBook_view.help-mode #phone_settings_phoneBook_view .list-item span {
1483         text-shadow: 0 0 3px #999;
1484 }
1485
1486 phone_settings_phoneBook_view.help-mode #phone_settings_phoneBook_list .list-item span {
1487         text-shadow: 0 0 3px #999;
1488 }
1489
1490 phone_settings_phoneBook_view.help-mode #phone_settings_phoneBook_list .toogleButtonContainer  {
1491         margin-right: 11px;
1492 }
1493
1494 phone_settings_phoneBook_view.help-mode #phone_settings_phoneBook_list .lablePlusButton .button.single {
1495         right: 1px;
1496         top: 1px;
1497 }
1498 phone_settings_phoneBook_view.help-mode #phone_settings_phoneBook_list .button1 span {
1499         margin-left: 3px !important;
1500 }