[Summary view] [Print] [Text view]

   1  /* MyBB Admin CP
   2   *
   3   * Main CSS
   4   */
   5  
   6  body, td {
   7      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
   8      font-size: 12px;
   9      color: #333;
  10      margin: 0;
  11      margin-bottom: 20px;
  12  }
  13  
  14  body {
  15      overflow-y: scroll;
  16  }
  17  
  18  a {
  19      color: #0072BC;
  20      text-decoration: none;
  21  }
  22  
  23  a:hover {
  24      color: #0072BC;
  25      text-decoration: underline;
  26  }
  27  
  28  .invisible {
  29      display: none;
  30  }
  31  
  32  #container {
  33      background: #fff;
  34  }
  35  
  36  #logo {
  37      background: url(images/logo.png) 15px 15px no-repeat;
  38      border-bottom: 1px solid #263C30;
  39      height: 90px;
  40  }
  41  
  42  #logo h1 {
  43      display: none;
  44  }
  45  
  46  #welcome {
  47      position: absolute;
  48      right: 20px;
  49      top: 60px;
  50      color: #999;
  51      height: 20px;
  52      font-size: 90%;
  53  }
  54  
  55  #welcome a,
  56  #welcome a:link,
  57  #welcome a:visited
  58  {
  59      color: #666;
  60      min-height: 16px;
  61  }
  62  
  63  #welcome .logout {
  64      margin-left: 4px;
  65      padding: 0 18px 2px 0;
  66      background: url(images/icons/logout.png) no-repeat top right;
  67  }
  68  
  69  #welcome .forum {
  70      margin-left: 4px;
  71      padding: 1px 0 2px 20px;
  72      background: url(images/icons/world.png) no-repeat top left;
  73  }
  74  
  75  #welcome .username {
  76      margin-left: 4px;
  77      padding: 0 0 2px 18px;
  78      background: url(images/icons/user.png) no-repeat top left;
  79  }
  80  
  81  /* Menu */
  82  
  83  #menu ul {
  84      margin: 0;
  85      padding: 5px 5px 0;
  86      list-style: none;
  87      background: #0F0F0F url(images/tcat.png) repeat-x;
  88      border-top: 1px solid #444;
  89      border-bottom: 1px solid #000;
  90  }
  91  
  92  #menu li {
  93      font-size: 12px;
  94      display: inline-block;
  95      margin: 0 8px 0 8px;
  96      padding: 0;
  97      list-style: none;
  98  }
  99  
 100  #menu a {
 101      font-weight: bold;
 102      float: left;
 103      padding: 7px;
 104      text-decoration: none;
 105      color: #ddd;
 106  }
 107  
 108  #menu a:hover {
 109      color: #fff;
 110  }
 111  
 112  #menu li a.active {
 113      padding: 7px 11px 10px;
 114      margin-bottom: -5px;
 115      background: #fff;
 116      border-radius: 5px 5px 0 0;
 117      color: #222;
 118      font-size: 1.1em;
 119  }
 120  
 121  #page {
 122      clear: both;
 123      background: #fff;
 124  }
 125  
 126  /* Main Content */
 127  
 128  #content {
 129      padding: 10px 15px;
 130      margin: 0;
 131      margin-left: 200px;
 132  }
 133  
 134  #content p {
 135      line-height: 150%;
 136  }
 137  
 138  #content h2 {
 139      font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
 140      font-size: 170%;
 141      letter-spacing: -1px;
 142      font-weight: bold;
 143      color: #666;
 144      margin: 0 0 5px 0;
 145  }
 146  
 147  #content h3 {
 148      border-bottom: 1px solid #ccc;
 149      font-size: 16px;
 150      margin: 10px 0 7px 0;
 151  }
 152  
 153  #content h4 {
 154      font-size: 14px;
 155      margin: 10px 0 -10px 0;
 156  }
 157  
 158  /* Left Menu */
 159  
 160  #page {
 161      background: #fff;
 162  }
 163  
 164  #left_menu {
 165      width: 200px;
 166      color: #333;
 167      padding: 0;
 168      margin: 0;
 169      float: left;
 170      font-size: 11px;
 171  }
 172  
 173  #left_menu div.left_menu_box {
 174      background: #fff;
 175      list-style: none;
 176      margin: 10px 10px 30px 10px;
 177      padding: 0;
 178  }
 179  
 180  #left_menu div.left_menu_box div.title {
 181      font-weight: bold;
 182      border-bottom: 1px solid #ccc;
 183      padding-bottom: 5px;
 184      font-size: 1.1em;
 185  }
 186  
 187  #left_menu div.left_menu_box ul.menu {
 188      padding: 0;
 189      margin: 0;
 190      list-style: none;
 191  }
 192  
 193  #left_menu div.left_menu_box ul.menu li a {
 194      display: block;
 195      padding: 6px;
 196      border-bottom: 1px solid #ddd;
 197  }
 198  
 199  #left_menu div.left_menu_box ul.menu li a:hover {
 200      text-decoration: none;
 201      background-color: #f5f5f5;
 202  }
 203  
 204  #left_menu div.left_menu_box ul.menu li.active a {
 205      font-weight: bold;
 206      font-size: 120%;
 207      color: #000;
 208  }
 209  /* Fix IE. Hide from IE Mac \*/
 210  * html #left_menu li a, * html #left_menu li {
 211      height: 1%;
 212  }
 213  /* End */
 214  
 215  
 216  /* Tables */
 217  
 218  .border_wrapper {
 219      margin: 0;
 220      padding: 1px;
 221      margin-bottom: 14px;
 222      border: 1px solid #ccc;
 223      border-radius: 6px;
 224      -moz-border-radius: 6px;
 225      -webkit-border-radius: 6px;
 226  }
 227  
 228  * html .border_wrapper {
 229      height: 1px;
 230  }
 231  
 232  .border_wrapper div.title {
 233      background: #0066a2 url(images/thead.png) top left repeat-x;
 234      color: #ffffff;
 235      border-bottom: 1px solid #263c30;
 236      padding: 8px;
 237      font-weight: bold;
 238      text-align: left;
 239      font-size: 120%;
 240      border-radius: 5px 5px 0 0;
 241      -moz-border-radius: 5px 5px 0 0;
 242      -webkit-border-radius: 5px 5px 0 0;
 243  }
 244  
 245  .border_wrapper div.title a {
 246      color: #fff;
 247      text-decoration: none;
 248  }
 249  
 250  .border_wrapper div.title a:hover {
 251      text-decoration: underline;
 252  }
 253  
 254  table.general {
 255      width: 100%;
 256  }
 257  
 258  table.general td {
 259      border-top: 1px solid #fafafa;
 260      border-bottom: 1px solid #ccc;
 261      border-right: 1px solid #ccc;
 262      border-left: 1px solid #fafafa;
 263  }
 264  
 265  table.general tr td:last-child {
 266      border-right: 0;
 267  }
 268  
 269  table.general tr td:first-child {
 270      border-left: 0;
 271  }
 272  
 273  table.general tr:last-child td {
 274      border-bottom: 0;
 275  }
 276  
 277  table.bottom_cell_border td {
 278      border-right: 0;
 279      border-left: 0;
 280  }
 281  
 282  table.general td {
 283      background: #f5f5f5;
 284      padding: 6px;
 285  /*    vertical-align: top; */
 286  }
 287  
 288  table.general th {
 289      background: #0f0f0f url(images/tcat.png) repeat-x;
 290      color: #fff;
 291      border-top: 1px solid #444;
 292      border-bottom: 1px solid #000;
 293      padding: 8px;
 294      font-size: 96%;
 295      font-weight: bold;
 296      text-align: left;
 297  }
 298  
 299  table.general th a, table.general th {
 300      color: #fff;
 301      text-decoration: none;
 302  }
 303  
 304  table.general .alt_row td {
 305      background: #f1f1f1;
 306  }
 307  
 308  table.general tr:last-child td:first-child {
 309      border-bottom-left-radius: 5px;
 310      -moz-border-radius-bottomleft: 5px;
 311      -webkit-border-bottom-left-radius: 5px;
 312  }
 313  
 314  table.general tr:last-child td:last-child {
 315      border-bottom-right-radius: 5px;
 316      -moz-border-radius-bottomright: 5px;
 317      -webkit-border-bottom-right-radius: 5px;
 318  }
 319  
 320  .tfixed {
 321      table-layout: fixed;
 322      word-wrap: break-word;
 323      width: 100%;
 324  }
 325  
 326  /* Page Footer */
 327  #footer {
 328      clear: both;
 329      border-top: 1px solid #ccc;
 330      background: #eee;
 331      border-bottom: 1px solid #ccc;
 332  }
 333  
 334  #footer p {
 335      padding: 12px;
 336      color: #666;
 337      margin: 0;
 338      font-size: 11px;
 339  }
 340  
 341  #footer .generation {
 342      float: right;
 343  }
 344  
 345  #footer a:link, #footer a:visited {
 346      color: #666666;
 347      font-weight: bold;
 348  }
 349  #footer a:hover, #footer a:active {
 350      color: #444444;
 351      font-weight: bold;
 352      text-decoration: underline;
 353  }
 354  /* Popup Menus */
 355  
 356  .popup_button {
 357      color: #444;
 358      text-align: right;
 359      border: 1px solid #999;
 360      padding: 3px 6px;
 361      background: #e3e3e3 url(images/submit_bg.png) repeat-x top;
 362      font-weight: bold;
 363      margin-top: 3px;
 364      margin-bottom: 3px;
 365      margin-left: 3px;
 366      border-radius: 5px;
 367      -moz-border-radius: 5px;
 368      -webkit-border-radius: 5px;
 369  }
 370  
 371  a.popup_button:link,
 372  a.popup_button:visited,
 373  a.popup_button:active,
 374  a.popup_button:hover {
 375      text-decoration: none;
 376      color: #444;
 377  }
 378  
 379  a.popup_button:active,
 380  a.popup_button:hover {
 381      text-decoration: none;
 382      color: #444;
 383      border: 1px solid #666;
 384  }
 385  
 386  .popup_menu {
 387      margin: 1px 0 0 1px;
 388      background: #fff;
 389      border: 1px solid #ccc;
 390      border-radius: 5px;
 391      -moz-border-radius: 5px;
 392      -webkit-border-radius: 5px;
 393  }
 394  
 395  .popup_menu .popup_item_container {
 396      margin: 1px;
 397      text-align: left;
 398  }
 399  
 400  .popup_menu .popup_item {
 401      display: block;
 402      padding: 5px;
 403      text-decoration: none;
 404      white-space: nowrap;
 405      background: #efefef;
 406      color: #333;
 407  }
 408  
 409  .popup_menu .popup_item_container:first-child .popup_item {
 410      border-radius: 3px 3px 0 0;
 411      -moz-border-radius: 3px 3px 0 0;
 412      -webkit-border-radius: 3px 3px 0 0;
 413  }
 414  
 415  .popup_menu .popup_item_container:last-child .popup_item {
 416      border-radius: 0 0 3px 3px;
 417      -moz-border-radius: 0 0 3px 3px;
 418      -webkit-border-radius: 0 0 3px 3px;
 419  }
 420  
 421  .popup_menu a.popup_item:hover {
 422      text-decoration: none;
 423      background: #666;
 424      color: #fff;
 425  }
 426  
 427  .transparent, .transparent td {
 428      background: transparent;
 429  }
 430  
 431  .breadcrumb {
 432      margin-bottom: 10px;
 433      font-size: 96%;
 434      color: #aaa;
 435  }
 436  
 437  .breadcrumb a {
 438      color: #666;
 439  }
 440  
 441  .breadcrumb a:hover,
 442  .breadcrumb a:active {
 443      color: #444;
 444      text-decoration: none;
 445  }
 446  
 447  .breadcrumb .active {
 448      font-weight: bold;
 449      color: #222;
 450  }
 451  
 452  .inline_message {
 453      background: #FFF6BF;
 454      border-top: 2px solid #FFD324;
 455      border-bottom: 2px solid #FFD324;
 456      text-align: center;
 457      margin: 10px auto;
 458      padding: 5px 20px;
 459  }
 460  
 461  .notice {
 462      background: #EFEFEF;
 463      border-top: 2px solid #CCC;
 464      border-bottom: 2px solid #CCC;
 465      text-align: center;
 466      margin: 10px auto;
 467      padding: 5px 20px;
 468  }
 469  
 470  table.individual_cell_border {
 471      border-style: collapse;
 472  }
 473  
 474  table.cell_border_bottom td {
 475      border: 1px solid #CCC;
 476      border-style: collapse;
 477      border-spacing: 1px;
 478  }
 479  
 480  /* Forms */
 481  
 482  form {
 483      border: 0;
 484      margin: 0;
 485  }
 486  
 487  form div.form_container, fieldset {
 488      background: #efefef;
 489      border: 1px solid #ccc;
 490      padding: 2px 7px 5px;
 491      margin-bottom: 10px;
 492  }
 493  
 494  fieldset {
 495      border-radius: 5px;
 496      -moz-border-radius: 5px;
 497      -webkit-border-radius: 5px;
 498  }
 499  
 500  .form_row {
 501      margin: 5px 0;
 502  }
 503  
 504  legend {
 505      font-weight: bold;
 506  }
 507  
 508  .form_container label {
 509      font-weight: bold;
 510  }
 511  
 512  .form_container .description, small {
 513      font-size: 11px;
 514      color: #444;
 515  }
 516  
 517  input.text_input {
 518      border: 1px solid #aaa;
 519      width: 300px;
 520      padding: 4px;
 521      font-size: 13px;
 522      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 523      border-radius: 5px;
 524      -moz-border-radius: 5px;
 525      -webkit-border-radius: 5px;
 526      outline: 0;
 527  }
 528  
 529  textarea {
 530      border: 1px solid #aaa;
 531      padding: 4px;
 532      width: 400px;
 533      font-size: 12px;
 534      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 535      border-radius: 5px;
 536      -moz-border-radius: 5px;
 537      -webkit-border-radius: 5px;
 538      outline: 0;
 539  }
 540  
 541  textarea[disabled=disabled] {
 542      border: 1px solid #ccc;
 543      padding: 4px;
 544      color: #666;
 545      font-size: 12px;
 546      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 547      border-radius: 5px;
 548      -moz-border-radius: 5px;
 549      -webkit-border-radius: 5px;
 550  }
 551  
 552  select {
 553      border: 1px solid #aaa;
 554      padding: 4px;
 555      font-size: 12px;
 556      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 557      border-radius: 5px;
 558      -moz-border-radius: 5px;
 559      -webkit-border-radius: 5px;
 560      outline: 0;
 561  }
 562  
 563  textarea:focus, input.text_input:focus, select:focus {
 564      border-color: #777;
 565  }
 566  
 567  input.inline_submit {
 568      font-weight:  bold;
 569  }
 570  
 571  form p.legend {
 572      margin-bottom: 10px;
 573  }
 574  
 575  form p.legend em {
 576      color: #C00; font-style: normal;
 577  }
 578  
 579  .form_container label em, fieldset label em {
 580      font-style: normal;
 581      color: #C00;
 582  }
 583  
 584  input.submit_button {
 585      border: 1px solid #999;
 586      padding: 4px 7px;
 587      background: #e3e3e3 url(images/submit_bg.png) repeat-x top;
 588      color: #444;
 589      font-weight: bold;
 590      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 591      margin-right: 3px;
 592      font-size: 1.1em;
 593      border-radius: 5px;
 594      -moz-border-radius: 5px;
 595      -webkit-border-radius: 5px;
 596      outline: 0;
 597  }
 598  
 599  input.submit_button:hover {
 600      border: 1px solid #666;
 601      cursor: pointer;
 602  }
 603  
 604  .form_button_wrapper {
 605      margin-top: 5px;
 606      text-align: center;
 607      border: 1px solid #ccc;
 608      background: #efefef;
 609      padding: 3px;
 610      border-radius: 5px;
 611      -moz-border-radius: 5px;
 612      -webkit-border-radius: 5px;
 613  }
 614  
 615  .confirm_action {
 616      margin: 10px 0;
 617      padding: 10px;
 618      font-weight: bold;
 619        border: 1px solid #FC6;
 620      background: #FFC;
 621      color: #C00;
 622      border-radius: 5px;
 623      -moz-border-radius: 5px;
 624      -webkit-border-radius: 5px;
 625  }
 626  
 627  .confirm_action p {
 628        margin: 0;
 629  }
 630  
 631  input.button_yes,
 632  input.button_yes:hover {
 633      background: #D6ECA6;
 634      border: 1px solid #8DC93E;
 635      padding: 4px 6px;
 636      font-weight: bold;
 637      margin-right: 3px;
 638  }
 639  
 640  input.button_no,
 641  input.button_no:hover {
 642      background: #ECA6D6;
 643      border: 1px solid #C93E8D;
 644      padding: 4px 6px;
 645      font-weight: bold;
 646  }
 647  
 648  .label_radio_yes, .label_radio_on, .label_radio_no, .label_radio_off {
 649      padding: 4px 6px;
 650      margin-right: 5px;
 651      margin-top: 5px;
 652      display: block;
 653      width: 60px;
 654      float: left;
 655  }
 656  
 657  .label_radio_yes, .label_radio_on {
 658      background: #D6ECA6;
 659      border: 1px solid #8DC93E;
 660      border-radius: 5px;
 661      -moz-border-radius: 5px;
 662      -webkit-border-radius: 5px;
 663  }
 664  
 665  .label_radio_no, .label_radio_off {
 666      background: #ECA6D6;
 667      border: 1px solid #C93E8D;
 668      border-radius: 5px;
 669      -moz-border-radius: 5px;
 670      -webkit-border-radius: 5px;
 671  }
 672  
 673  input.radio_input {
 674      vertical-align: middle;
 675      margin: 0;
 676      margin-right: 9px;
 677  }
 678  
 679  #flash_message {
 680      margin: 10px 0;
 681      padding: 10px 10px 10px 32px;
 682      font-weight: bold;
 683      background: #efefef;
 684      border: 1px solid #ccc;
 685      border-radius: 5px;
 686      -moz-border-radius: 5px;
 687      -webkit-border-radius: 5px;
 688  }
 689  
 690  #flash_message.error {
 691      border: 1px solid #FC6;
 692      background: #FFC url('images/icons/error.png') no-repeat 10px 8px;
 693      color: #C00;
 694  }
 695  
 696  #flash_message.success {
 697      border: #080 1px solid;
 698      color: #080;
 699      background: #E8FCDC url('images/icons/success.png') no-repeat 10px 8px;
 700  }
 701  
 702  .alert {
 703      margin: 10px 0;
 704      padding: 10px 10px 10px 32px;
 705      border: #FC6 1px solid;
 706      border-radius: 5px;
 707      -moz-border-radius: 5px;
 708      -webkit-border-radius: 5px;
 709      background: #ffc url('images/icons/warning.png') no-repeat 10px 8px;
 710      color: #C00;
 711      font-style: normal;
 712      font-weight: bold;
 713      display: block;
 714  }
 715  
 716  div.error, div.success {
 717      margin: 10px 0;
 718      padding: 10px;
 719  }
 720  
 721  div.error {
 722      border: #FC6 1px solid;
 723      border-radius: 5px;
 724      -moz-border-radius: 5px;
 725      -webkit-border-radius: 5px;
 726      background: #ffc;
 727  }
 728  
 729  div.success {
 730      border: #080 1px solid;
 731      border-radius: 5px;
 732      -moz-border-radius: 5px;
 733      -webkit-border-radius: 5px;
 734      background: #E8FCDC;
 735  }
 736  
 737  div.error p, div.success p {
 738      margin: 0;
 739      color: #000;
 740      font-weight: normal;
 741  }
 742  
 743  div.error p em, div.success p em {
 744      font-style: normal;
 745      font-weight: bold;
 746      padding-left: 24px;
 747      display: block;
 748  }
 749  
 750  div.error p em {
 751      color: #C00;
 752      background: url('images/icons/error.png') no-repeat;
 753  }
 754  
 755  div.success p em {
 756      color: #080;
 757      background: url('images/icons/success.png') no-repeat;
 758  }
 759  
 760  div.success ul, div.error.ul {
 761      margin-left: 24px;
 762  }
 763  
 764  .nav_tabs {
 765      margin-bottom: 10px;
 766  }
 767  .nav_tabs ul {
 768      list-style: none;
 769      padding: 0;
 770      margin: 0 0 0 10px;
 771      height: 32px;
 772  }
 773  
 774  .nav_tabs li {
 775      float: left;
 776      padding-right: 5px;
 777  }
 778  
 779  .nav_tabs li.right {
 780      float: right;
 781      padding-left: 5px;
 782      padding-right: 0;
 783  }
 784  
 785  .nav_tabs li a {
 786      float: left;
 787      border-bottom: 0;
 788      display: block;
 789      font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
 790      font-size: 140%;
 791      letter-spacing: -1px;
 792      color: #888;
 793      padding: 5px 8px 3px;
 794      height: 24px;
 795  }
 796  
 797  .nav_tabs li a:hover {
 798      color: #666;
 799      text-decoration: none;
 800  }
 801  
 802  .nav_tabs li.active a {
 803      color: #555;
 804      font-size: 150%;
 805      font-weight: bold;
 806      padding-top: 5px;
 807      border-bottom: 3px solid #555;
 808  }
 809  
 810  .nav_tabs .tab_description {
 811      background: #f3f3f3;
 812      padding: 10px;
 813      border: 1px solid #ddd;
 814      border-top: 3px solid #bbb;
 815      color: #555;
 816      font-size: 95%;
 817      border-radius: 5px;
 818      -moz-border-radius: 5px;
 819      -webkit-border-radius: 5px;
 820  }
 821  
 822  * html .nav_tabs .tab_description {
 823      margin-left: 3px;
 824  }
 825  *.align_center, table.general th.align_center, input.align_center {
 826      text-align: center;
 827  }
 828  
 829  .float_right {
 830      float: right;
 831  }
 832  
 833  .float_left {
 834      float: left;
 835  }
 836  
 837  a img {
 838      border: 0;
 839  }
 840  
 841  option {
 842      padding-right: 10px;
 843  }
 844  
 845  ul.tabs {
 846      width: 100%;
 847      margin: 10px 0 0 10px;
 848      padding: 0;
 849      list-style: none;
 850      height: 27px;
 851  }
 852  
 853  ul.tabs li {
 854      float: left;
 855      margin: 0;
 856      padding: 0;
 857      list-style: none;
 858  }
 859  
 860  ul.tabs a {
 861      float: left;
 862      padding: 6px 10px;
 863      text-decoration: none;
 864      color: #888;
 865      border: 0;
 866      margin: 0 5px;
 867  }
 868  
 869  ul.tabs a:hover {
 870      color: #666;
 871  }
 872  
 873  ul.tabs li a.active {
 874      color: #fff;
 875      font-size: 100%;
 876      text-align: left;
 877      font-weight: bold;
 878      color: #333;
 879      border: 1px solid #ddd;
 880      border-bottom: 1px solid #ccc;
 881      margin-top: -1px;
 882      background: #f5f5f5;
 883      border-radius: 5px 5px 0 0;
 884      -moz-border-radius: 5px 5px 0 0;
 885      -webkit-border-radius: 5px 5px 0 0;
 886  }
 887  
 888  .editor {
 889      background: #f1f1f1;
 890      border: 1px solid #ccc;
 891  }
 892  
 893  .editor_control_bar {
 894      background: #fff;
 895      border: 1px solid #0f5c8e;
 896  }
 897  
 898  .toolbar_normal {
 899      background: #f0f0f0;
 900      border: 1px solid #f0f0f0;
 901  }
 902  
 903  .toolbar_hover {
 904      background: #c1d2ee;
 905      border: 1px solid #5296f7;
 906  }
 907  
 908  .toolbar_clicked {
 909      background: #e1F2fe;
 910      border: 1px solid #5296f7;
 911  }
 912  
 913  .user_avatar {
 914      height: 80px;
 915      width: 80px;
 916      background: #fff;
 917      border: 1px solid #ccc;
 918      float: left;
 919      clear: left;
 920      margin-right: 5px;
 921      text-align: center;
 922  }
 923  
 924  .user_avatar img {
 925      vertical-align: middle;
 926  }
 927  
 928  .user_details {
 929      float: left;
 930      margin-left: 5px;
 931      line-height: 1.7;
 932  }
 933  
 934  .pagination {
 935      font-size: 11px;
 936      margin-bottom: 10px;
 937      margin-top: 10px;
 938  }
 939  
 940  .pagination .pages {
 941      font-weight: bold;
 942  }
 943  
 944  .pagination .pagination_current, .pagination a {
 945      padding: 2px 6px;
 946      margin-bottom: 3px;
 947  }
 948  
 949  .pagination a {
 950      background: #f3f3f3;
 951      border: 1px solid #ddd;
 952      border-radius: 5px;
 953      -moz-border-radius: 5px;
 954      -webkit-border-radius: 5px;
 955  }
 956  
 957  .pagination .pagination_current {
 958      background: #fff;
 959      border: 1px solid #fff;
 960      font-weight: bold;
 961      font-size: 110%;
 962  }
 963  
 964  .pagination a:hover {
 965      background: #ddd;
 966      text-decoration: none;
 967      border: 1px solid #999;
 968  }
 969  
 970  .view_fields .enabled, .view_fields .disabled {
 971      width: 200px;
 972      float: left;
 973  }
 974  
 975  .view_fields .disabled {
 976      margin-left: 20px;
 977  }
 978  
 979  .view_fields .fields_title {
 980      font-weight: bold;
 981      font-size: 120%;
 982  }
 983  
 984  .view_fields ul, .view_fields li {
 985      list-style: none;
 986      padding: 0;
 987      margin: 0;
 988  }
 989  
 990  .view_fields ul {
 991      overflow: auto; /* Scroll fix for Opera */
 992      overflow-y: auto;
 993      overflow-x: hidden;
 994      margin-top: 4px;
 995  }
 996  
 997  .view_fields li {
 998      -moz-border-radius: 3px;
 999      padding: 4px;
1000      background: #666;
1001      color: #fff;
1002      font-size: 11px;
1003      margin-bottom: 2px;
1004      margin-right: 5px;
1005  }
1006  
1007  .quick_perm_fields .enabled, .quick_perm_fields .disabled {
1008      width: 49%;
1009      float: left;
1010  }
1011  
1012  .quick_perm_fields .enabled {
1013      border-right: 5px solid #666;
1014  }
1015  
1016  .quick_perm_fields .disabled {
1017      float: right;
1018      margin-left: 0px;
1019  }
1020  
1021  .quick_perm_fields .fields_title {
1022      font-weight: bold;
1023      font-size: 120%;
1024  }
1025  
1026  .quick_perm_fields ul, .quick_perm_fields li {
1027      list-style: none;
1028      padding: 3px;
1029      margin: 0;
1030  }
1031  
1032  .quick_perm_fields ul {
1033      overflow: auto; /* Scroll fix for Opera */
1034      overflow-y: auto;
1035      overflow-x: hidden;
1036      height: 120px;
1037      margin-top: 4px;
1038  }
1039  
1040  .quick_perm_fields li {
1041      border-radius: 3px;
1042      -moz-border-radius: 3px;
1043      -webkit-border-radius: 3px;
1044      padding: 4px;
1045      background: #666;
1046      color: #fff;
1047      font-size: 11px;
1048      margin-bottom: 2px;
1049      margin-right: 10px;
1050  }
1051  
1052  input.field50 {
1053      width: 50px;
1054  }
1055  input.field150 {
1056      width: 150px;
1057  }
1058  
1059  input.field_small {
1060      font-size: 13px;
1061      padding: 3px;
1062  }
1063  
1064  input.search_default {
1065      text-align: center;
1066      color: #aaa;
1067      padding: 3px;
1068  }
1069  
1070  input.image_button {
1071      margin-left: 5px;
1072      vertical-align: bottom;
1073  }
1074  
1075  input.search_button {
1076      background: #fff url(images/icons/search.png) no-repeat;
1077      background-position: 4px 7px;
1078      border: 0px;
1079      padding: 4px;
1080      padding-left: 23px;
1081      font-size: 14px;
1082      font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
1083      color: #6F6F6F;
1084      font-weight: bold;
1085      height: 30px;
1086  }
1087  
1088  .smalltext {
1089      font-size: 11px;
1090  }
1091  
1092  .inline_element {
1093      font-weight: normal !important;
1094  }
1095  
1096  .inline_selected {
1097      background-color: #FFFBD9;
1098  }
1099  
1100  /* Templates Differential page */
1101  .differential {
1102      background: #FFF;
1103      margin: 10px auto;
1104      padding: 10px;
1105      overflow: scroll;
1106      height: 400px;
1107      width: 980px;
1108      border: 1px solid #ccc;
1109  }
1110  
1111  /** jGrowl Start **/
1112  
1113  /** Special IE6 Style Positioning **/
1114  .ie6 {
1115      position:             absolute;
1116  }
1117  
1118  .ie6.top-right {
1119      right:                 auto;
1120      bottom:             auto;
1121      left:                 expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
1122      top:                 expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
1123  }
1124  
1125  .ie6.top-left {
1126      left:                 expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
1127      top:                 expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
1128  }
1129  
1130  .ie6.bottom-right {
1131      left:                 expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
1132      top:                 expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
1133  }
1134  
1135  .ie6.bottom-left {
1136      left:                 expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
1137      top:                 expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
1138  }
1139  
1140  .ie6.center {
1141      left:                 expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
1142      top:                 expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
1143      width:                 100%;
1144  }
1145  
1146  
1147  /** jGrowl Styling **/
1148  .jGrowl {
1149      z-index:             9999;
1150      color:                 #fff;
1151      font-size:             12px;
1152      position:            fixed;
1153  }
1154  
1155  .jGrowl.top-left {
1156      left:                 0px;
1157      top:                 0px;
1158  }
1159  
1160  .jGrowl.top-right {
1161      right:                 0px;
1162      top:                 0px;
1163  }
1164  
1165  .jGrowl.bottom-left {
1166      left:                 0px;
1167      bottom:                0px;
1168  }
1169  
1170  .jGrowl.bottom-right {
1171      right:                 0px;
1172      bottom:             0px;
1173  }
1174  
1175  .jGrowl.center {
1176      top:                 0px;
1177      width:                 50%;
1178      left:                 25%;
1179  }
1180  
1181  /** Cross Browser Styling **/
1182  .center .jGrowl-notification, .center .jGrowl-closer {
1183      margin-left:         auto;
1184      margin-right:         auto;
1185  }
1186  
1187  .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
1188      background-color:         transparent;
1189      opacity:                 .85;
1190      -ms-filter:             "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
1191      filter:                 progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
1192      transform:                 scale(1);
1193      width:                     235px;
1194      padding:                 10px;
1195      margin-top:             5px;
1196      margin-bottom:             5px;
1197      font-family:             Tahoma, Arial, Helvetica, sans-serif;
1198      font-size:                 1em;
1199      text-align:             left;
1200      display:                 none;
1201      -moz-border-radius:     5px;
1202      -webkit-border-radius:  5px;
1203      border-radius:          5px;
1204  }
1205  
1206  .jGrowl .jGrowl-notification {
1207      min-height:             40px;
1208  }
1209  
1210  .jGrowl .jGrowl-notification,
1211  .jGrowl .jGrowl-closer {
1212      margin:                 10px;
1213  }
1214  
1215  .jGrowl .jGrowl-notification .jGrowl-header {
1216      font-weight:             bold;
1217      font-size:                .85em;
1218  }
1219  
1220  .jGrowl .jGrowl-notification .jGrowl-close {
1221      z-index:                99;
1222      float:                     right;
1223      font-weight:             bold;
1224      font-size:                 1em;
1225      cursor:                    pointer;
1226  }
1227  
1228  .jGrowl .jGrowl-closer {
1229      padding-top:             4px;
1230      padding-bottom:         4px;
1231      cursor:                 pointer;
1232      font-size:                .9em;
1233      font-weight:             bold;
1234      text-align:             center;
1235  }
1236  
1237  .jGrowl .jGrowl-notification.jgrowl_success {
1238      background: lightgreen;
1239      border: 1px solid lightgreen;
1240      color: #333;
1241  }
1242  
1243  .jGrowl .jGrowl-notification.jgrowl_error {
1244      background: red;
1245      border: 1px solid red;
1246      color: #333;
1247  }
1248  
1249  .jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
1250      background: yellow;
1251      border: 1px solid yellow;
1252      color: #333;
1253  }
1254  
1255  /** Hide jGrowl when printing **/
1256  @media print {
1257      .jGrowl {
1258          display:             none;
1259      }
1260  }
1261  
1262  /** jGrowl End **/