[Summary view] [Print] [Text view]

   1  /* MyBB Admin CP
   2   *
   3   * Main CSS
   4   */
   5  
   6  body, td {
   7      font-family: Verdana, Arial, sans-serif;
   8      font-size: 12px;
   9      background: #fff;
  10      color: #000000;
  11      margin: 0;
  12  }
  13  
  14  a {
  15      color: #035488;
  16      text-decoration: none;
  17  }
  18  
  19  a:hover {
  20      color: #444;
  21      text-decoration: underline;
  22  }
  23  
  24  .invisible {
  25      display: none;
  26  }
  27  
  28  #container {
  29  }
  30  
  31  #logo h1 {
  32      background: #fff url(images/logo.gif) no-repeat top left;
  33      height: 82px;
  34      margin: 0 0 2px 0;
  35      border-bottom: 2px solid #ccc;
  36      padding: 3px;
  37  }
  38  
  39  #logo {
  40   background: #F0F0F0;
  41  }
  42  
  43  #welcome {
  44      position: absolute;
  45      right: 10px;
  46      top: 70px;
  47      color: #666;
  48      height: 20px;
  49      font-size: 96%;
  50  }
  51  
  52  #welcome .logout {
  53      margin-left: 4px;
  54      padding: 0 18px 2px 0;
  55      background: url(images/icons/logout.gif) no-repeat right;
  56  }
  57  
  58  #welcome .forum {
  59      margin-left: 4px;
  60      padding: 1px 0 2px 20px;
  61      background: url(images/icons/world.gif) no-repeat left;
  62  }
  63  
  64  #welcome .username {
  65      margin-left: 4px;
  66      padding: 0 0 2px 18px;
  67      background: url(images/icons/user.gif) no-repeat left;
  68  }
  69  
  70  /* Menu */
  71  
  72  #menu ul {
  73      width: 100%;
  74      margin: 0;
  75      padding: 0;
  76      list-style: none;
  77      border-bottom: 5px solid #016DB1;
  78      background: #727172;
  79  }
  80  
  81  html>body #menu ul {
  82      float: left;
  83  }
  84  
  85  #menu li {
  86      font-size: 11px;
  87      float: left;
  88      margin: 0;
  89      padding: 0 2px 0 0;
  90      list-style: none;
  91      background: url(images/menu_sep.gif) repeat-y top right;
  92  }
  93  
  94  #menu a {
  95      font-weight: bold;
  96      float: left;
  97      padding: 4px 15px 4px 15px;
  98      text-decoration: none;
  99      color: #fff;
 100  }
 101  
 102  #menu a:hover, #menu a.active {
 103      color: #fff;
 104      background: #016DB1 url(images/menu_active_bg.gif) repeat-x top left;
 105  }
 106  
 107  #menu a.active {
 108      background: #016DB1 url(images/menu_active_bg.gif) repeat-x top left;
 109  }
 110  
 111  /* Sub Menu */
 112  
 113  #submenu ul {
 114      float: left;
 115      width: 100%;
 116      margin: 0;
 117      padding: 5px 0 5px 0;
 118      list-style: none;
 119      border-bottom: 1px solid #000;
 120      background: #ABC9E5 url(images/submenu_bg.gif) repeat-x top left;
 121  }
 122  
 123  #submenu li {
 124      font-size: 11px;
 125      float: left;
 126      margin: 0;
 127      padding: 0 0px 0 0;
 128      list-style: none;
 129  }
 130  
 131  #submenu .sep {
 132          border-right: 1px solid #000;
 133  }
 134  
 135  #submenu a {
 136      float: left;
 137      padding: 0px 15px 0px 15px;
 138      text-decoration: none;
 139      color: #000;
 140  }
 141  
 142  #submenu a:hover {
 143      text-decoration: underline;
 144  }
 145  
 146  #submenu a.active {
 147      font-weight: bold;
 148  }
 149  
 150  #submenu a.active:hover {
 151      text-decoration: none;
 152  }
 153  
 154  #page {
 155      clear: both;
 156      background: #fff;
 157  }
 158  
 159  /* Main Content */
 160  
 161  #content {
 162      padding: 10px 15px;
 163      margin: 0;
 164      margin-left: 200px;
 165  }
 166  
 167  #content p {
 168      line-height: 150%;
 169  }
 170  
 171  #content h2 {
 172      font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
 173      font-size: 170%;
 174      letter-spacing: -1px;
 175      font-weight: bold;
 176      color: #666;
 177      margin: 0 0 5px 0;
 178  }
 179  
 180  #content h3 {
 181      border-bottom: 1px solid #ccc;
 182      font-size: 16px;
 183      margin: 10px 0 7px 0;
 184  }
 185  
 186  #content h4 {
 187      font-size: 14px;
 188      margin: 10px 0 -10px 0;
 189  }
 190  
 191  /* Left Menu */
 192  
 193  #page {
 194      background: url(images/sidebar_bg.gif) repeat-y left;
 195  }
 196  
 197  #left_menu {
 198      width: 200px;
 199      color: #000;
 200      padding: 0;
 201      margin: 0;
 202      float: left;
 203      font-size: 11px;
 204  }
 205  
 206  #left_menu div.left_menu_box {
 207      border: 1px solid #ccc;
 208      background: #fff;
 209      list-style: none;
 210      margin: 4px;
 211      padding: 5px;
 212  }
 213  
 214  #left_menu div.left_menu_box div.title {
 215      font-weight: bold;
 216      border-bottom: 1px solid #ccc;
 217      padding-bottom: 5px;
 218  }
 219  
 220  #left_menu div.left_menu_box ul.menu {
 221      padding: 0;
 222      margin: 0;
 223      list-style: none;
 224  }
 225  
 226  #left_menu div.left_menu_box ul.menu li a {
 227      display: block;
 228      padding: 6px 15px;
 229      border-bottom: 1px solid #ddd;
 230  }
 231  
 232  #left_menu div.left_menu_box ul.menu li.active a {
 233      font-weight: bold;
 234      color: #000;
 235  }
 236  
 237  #left_menu div.left_menu_box ul.menu li a:hover {
 238      background-color: #efefef;
 239      text-decoration: none;
 240  }
 241  /* Fix IE. Hide from IE Mac \*/
 242  * html #left_menu li a, * html #left_menu li { 
 243      height: 1%;
 244  }
 245  /* End */
 246  
 247  
 248  /* Tables */
 249  
 250  .border_wrapper {
 251      border: 1px solid #0F5C8E;
 252      margin: 0;
 253      padding: 0;
 254      margin-bottom: 14px;
 255  }
 256  
 257  * html .border_wrapper {
 258      height: 1px;    
 259  }
 260  
 261  .border_wrapper div.title {
 262      background: #016DB1 url(images/thead_bg.gif) repeat-x top left;
 263      color: #fff;
 264      padding: 6px 4px;
 265      font-size: 100%;
 266      text-align: left;
 267      font-weight: bold;
 268  }
 269  
 270  .border_wrapper div.title a {
 271      color: #fff;
 272      text-decoration: none;
 273  }
 274  
 275  table.general {
 276      background: #ccc;
 277      width: 100%;
 278  }
 279  
 280  table.general td {
 281      border-top: 1px solid #fafafa;
 282      border-bottom: 1px solid #ccc;
 283      border-right: 1px solid #ccc;
 284      border-left: 1px solid #fafafa;
 285  }
 286  
 287  table.bottom_cell_border td {
 288      border-right: 0;
 289      border-left: 0;
 290  }
 291  
 292  
 293  table.general td {
 294      background: #f5f5f5;
 295      padding: 6px;
 296  /*    vertical-align: top; */
 297  }
 298  
 299  table.general th {
 300      background: #ADCBE6;
 301      text-align: left;
 302      color: #000;
 303      padding: 5px;
 304      font-size: 96%;
 305      font-weight: bold;
 306      border-bottom: 1px solid #000;
 307      border-top: 1px solid #000;
 308  }
 309  
 310  table.general th a, table.general th {
 311      color: #000;
 312      text-decoration: none;
 313  }
 314  
 315  
 316  table.general .alt_row td {
 317      background: #f1f1f1;
 318  }
 319  /*
 320  table td.alt_col {
 321      background: #f1f1f1;
 322  }*/
 323  
 324  
 325  
 326  /* Page Footer */
 327  #footer {
 328      clear: both;
 329      border-top: 1px solid #ccc;
 330      background: #ddd;
 331  }
 332  
 333  #footer p {
 334      border-top: 1px solid #efefef;
 335      padding:5px;
 336      margin: 0;
 337      font-size: 11px;
 338  }
 339  
 340  #footer .generation {
 341      float: right;
 342  }
 343  /* Popup Menus */
 344  
 345  .popup_button {
 346      color: #000;
 347      text-align: right;
 348      background: #B3CEE8;
 349      border: 1px solid #000;
 350      font-weight: bold;
 351      padding: 3px;
 352      margin-top: 3px;
 353      margin-bottom: 3px;
 354      margin-left: 3px;
 355  }
 356  
 357  a.popup_button:link,
 358  a.popup_button:visited,
 359  a.popup_button:active,
 360  a.popup_button:hover {
 361      text-decoration: none;
 362      color: #000;
 363  }
 364  
 365  .popup_menu {
 366      background: #ccc;
 367      border: 1px solid #000;
 368  }
 369  
 370  .popup_menu .popup_item_container {
 371      margin: 1px;
 372      text-align: left;
 373  }
 374  
 375  .popup_menu .popup_item {
 376      display: block;
 377      padding: 3px;
 378      text-decoration: none;
 379      white-space: nowrap;
 380      background: #fff;
 381      color: #000;
 382  }
 383  
 384  .popup_menu a.popup_item:hover {
 385      text-decoration: none;
 386      background: #C7DBEE;
 387      color: #000;
 388  }
 389  
 390  .transparent, .transparent td {
 391      background: transparent;
 392  }
 393  
 394  .breadcrumb {
 395      margin-bottom: 10px;
 396      font-size: 96%;
 397  }
 398  .breadcrumb .active {
 399      display: block;
 400      background: url(images/nav_bit.gif) no-repeat top left;
 401      padding-left: 20px;
 402      font-weight: bold;
 403      font-size: 110%;
 404  }
 405  
 406  .inline_message {
 407      background: #FFF6BF;
 408      border-top: 2px solid #FFD324;
 409      border-bottom: 2px solid #FFD324;
 410      text-align: center;
 411      margin: 10px auto;
 412      padding: 5px 20px;
 413  }
 414  
 415  .notice {
 416      background: #EFEFEF;
 417      border-top: 2px solid #CCC;
 418      border-bottom: 2px solid #CCC;
 419      text-align: center;
 420      margin: 10px auto;
 421      padding: 5px 20px;
 422  }
 423  
 424  .templates_intro {
 425      background-image: url(images/templates.gif);
 426      background-repeat: no-repeat;
 427      padding-left: 40px;
 428  }
 429  
 430  .intro_description p {
 431      margin: 0;
 432  }
 433  
 434  table.individual_cell_border {
 435      border-collapse: collapse;
 436  }
 437  
 438  table.cell_border_bottom td {
 439      border: 1px solid #CCC;
 440      border-collapse: collapse;
 441      border-spacing: 1px;
 442  }
 443  
 444  /* Forms */
 445  
 446  form {
 447      border: 0;
 448      margin: 0;
 449  }
 450  
 451  form div.form_container, fieldset {
 452      background: #efefef;
 453      border: 1px solid #ccc;
 454      padding: 2px 7px 5px;
 455      margin-bottom: 10px;
 456  }
 457  
 458  .form_row {
 459      margin: 10px 30px;
 460  }
 461  legend {
 462      font-weight: bold;
 463  }
 464  
 465  .form_container label {
 466      font-weight: bold;
 467  }
 468  
 469  .form_container .description, small {
 470      font-size: 11px;
 471      color: #444;
 472  }
 473  
 474  input.text_input {
 475      border: 1px solid #0F5C8E;
 476      background: #fff;
 477      width: 300px;
 478      padding: 3px;
 479      font-size: 13px;
 480  }
 481  
 482  textarea {
 483      border: 1px solid #0F5C8E;
 484      background: #fff;
 485      padding: 4px;
 486      width: 400px;
 487      font-size: 12px;
 488      font-family: Verdana;
 489  }
 490  
 491  textarea[disabled=disabled] {
 492      border: 1px solid #ccc;
 493      background: #fff;
 494      padding: 4px;
 495      color: #666;
 496      font-size: 12px;
 497      font-family: Verdana;
 498  }
 499  
 500  
 501  select {
 502      border: 1px solid #0F5C8E;
 503      background: #fff;
 504      padding: 4px;
 505      font-size: 12px;
 506      font-family: Verdana;
 507  }
 508  
 509  textarea:focus, input.text_input:focus, select:focus {
 510      border: 1px solid #000;
 511  }
 512  
 513  
 514  input.inline_submit {
 515      font-weight:  bold;
 516  }
 517  
 518  form p.legend {
 519      margin-bottom: 10px;
 520  }
 521  
 522  form p.legend em { 
 523      color: #C00; font-style: normal;
 524  }
 525  
 526  .form_container label em, fieldset label em {
 527      font-style: normal;
 528      color: #C00;
 529  }
 530  
 531  input.submit_button {
 532      border: 3px double #0F5C8E;
 533      padding: 3px;
 534      background: #fff url(images/submit_bg.gif) repeat-x top;
 535      color: #0F5C8E;
 536      font-weight: bold;
 537      margin-right: 3px;
 538  }
 539  
 540  .form_button_wrapper {
 541      margin-top: 5px;
 542      text-align: center;
 543      border: 1px solid #ccc;
 544      background: #efefef;
 545      padding: 3px;
 546  }
 547  
 548  .confirm_action {
 549      margin: 10px 0;
 550      padding: 10px;
 551      font-weight: bold;
 552        border: 1px solid #FC6;
 553      background: #FFC;
 554      color: #C00;
 555  }
 556  
 557  .confirm_action p {
 558        margin: 0;
 559  }
 560  
 561  input.button_yes {
 562      background: #D6ECA6;
 563      border: 3px double #8DC93E;
 564      padding: 4px 6px;
 565      font-weight: bold;
 566      margin-right: 3px;
 567  }
 568  
 569  input.button_no {
 570      background: #ECA6D6;
 571      border: 3px double #C93E8D;
 572      padding: 4px 6px;
 573      font-weight: bold;
 574  }
 575  
 576  .label_radio_yes, .label_radio_on, .label_radio_no, .label_radio_off {
 577      padding: 4px 6px;
 578      margin-right: 5px;
 579      margin-top: 5px;
 580      display: block;
 581      width: 60px;
 582      float: left;
 583  }
 584  
 585  .label_radio_yes, .label_radio_on {
 586      background: #D6ECA6;
 587      border: 1px solid #8DC93E;
 588  }
 589  
 590  .label_radio_no, .label_radio_off {
 591      background: #ECA6D6;
 592      border: 1px solid #C93E8D;
 593  }
 594  
 595  input.radio_input {
 596      vertical-align: middle;
 597      margin: 0;
 598      margin-right: 9px;
 599  }
 600  
 601  #flash_message {
 602      margin: 10px 0;
 603      padding: 10px 0 10px 24px;
 604      font-weight: bold;
 605      background: #efefef;
 606      border: 1px solid #ccc;
 607  }
 608  
 609  #flash_message.error {
 610      border: 1px solid #FC6;
 611      background: #FFC url('images/icons/error.gif') no-repeat 4px 9px;
 612      color: #C00;
 613  }
 614  
 615  #flash_message.success {
 616      border: #080 1px solid;
 617      color: #080;
 618      background: #E8FCDC url('images/icons/success.gif') no-repeat 4px 9px;
 619  }
 620  
 621  .alert {
 622      margin: 10px 0;
 623      padding: 5px 10px;
 624      border: #FC6 1px solid;
 625      background: url('images/icons/warning.gif') no-repeat;
 626      background-color: #ffc;
 627      color: #C00; 
 628      font-style: normal;
 629      font-weight: bold;
 630      padding-left: 24px;
 631      display: block;
 632  }
 633  
 634  
 635  div.error, div.success {
 636      margin: 10px 0;
 637      padding: 5px 10px;
 638  }
 639  
 640  div.error {
 641      border: #FC6 1px solid;
 642      background: #ffc;
 643  }
 644  
 645  div.success {
 646      border: #080 1px solid;
 647      background: #E8FCDC;
 648  }
 649  
 650  div.error p, div.success p {
 651      margin: 0;
 652      color: #000;
 653      font-weight: normal;
 654  }
 655  
 656  div.error p em, div.success p em {
 657      font-style: normal;
 658      font-weight: bold;
 659      padding-left: 24px;
 660      display: block;
 661  }
 662  
 663  div.error p em {
 664      color: #C00;
 665      background: url('images/icons/error.gif') no-repeat;
 666  }
 667  
 668  div.success p em {
 669      color: #080;
 670      background: url('images/icons/success.gif') no-repeat;
 671  }
 672  
 673  div.success ul, div.error.ul {
 674      margin-left: 24px;
 675  }
 676  
 677  .nav_tabs {
 678      margin-bottom: 10px;
 679  }
 680  .nav_tabs ul {
 681      list-style: none;
 682      padding: 0;
 683      margin: 0;
 684      height: 32px;
 685      border-bottom: 1px solid #ccc;
 686  }
 687  
 688  .nav_tabs li {
 689      float: left;
 690      padding-right: 5px;
 691  }
 692  
 693  .nav_tabs li.right {
 694      float: right;
 695      padding-left: 5px;
 696      padding-right: 0;
 697  }
 698  
 699  .nav_tabs li a {
 700      float: left;
 701      border: 1px solid #ccc;
 702      border-bottom: 0;
 703      display: block;
 704      font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
 705      font-size: 160%;
 706      letter-spacing: -1px;
 707      color: #aaa;
 708      padding: 3px 8px 4px;
 709      background: #f7f7f7;
 710      height: 24px;
 711  }
 712  
 713  .nav_tabs li a:hover {
 714      background: #f1f1f1;
 715      text-decoration: none;
 716  }
 717  
 718       
 719  .nav_tabs li.active a { 
 720      color: #666; 
 721      font-weight: bold; 
 722      padding-top: 4px; 
 723      border-bottom: 0; 
 724      background: #efefef; 
 725  } 
 726       
 727  .nav_tabs .tab_description { 
 728      background: #efefef; 
 729      padding: 5px 10px; 
 730      border: 1px solid #ccc; 
 731      border-top: 0; 
 732      font-size: 95%; 
 733  } 
 734  
 735  * html .nav_tabs .tab_description {
 736      margin-left: 3px;    
 737  }
 738  *.align_center, table.general th.align_center, input.align_center {
 739      text-align: center;
 740  }
 741  
 742  .float_right {
 743      float: right;
 744  }
 745  
 746  a img {
 747      border: 0;
 748  }
 749  
 750  option { 
 751      padding-right: 10px;
 752  }
 753  
 754  ul.tabs {
 755      width: 100%;
 756      margin: 10px 0 0;
 757      padding: 0;
 758      list-style: none;
 759      height: 27px;
 760  }
 761  
 762  ul.tabs li {
 763      float: left;
 764      margin: 0;
 765      padding: 0;
 766      list-style: none;
 767  }
 768  
 769  ul.tabs a {
 770      float: left;
 771      padding: 6px 10px;
 772      text-decoration: none;
 773      color: #6e6e6e;
 774      border: 0;
 775      border-top: 1px solid #bdbdbd;
 776      background: #efefef;
 777  }
 778  
 779  ul.tabs li.first a {
 780      border-left: 1px solid #bdbdbd;
 781  }
 782  
 783  ul.tabs li.last a {
 784      border-right: 1px solid #bdbdbd;
 785  }
 786  
 787  ul.tabs li a.active,
 788  ul.tabs li.first a.active,
 789  ul.tabs li.last a.active {
 790      background: #035489 repeat-x top left;
 791      color: #fff;
 792      font-size: 100%;
 793      text-align: left;
 794      font-weight: bold;
 795      border: 1px solid #035489;
 796      border-top: 1px solid #023f66;
 797  }
 798  
 799  .editor {
 800      background: #f1f1f1;
 801      border: 1px solid #ccc;
 802  }
 803  
 804  .editor_control_bar {
 805      background: #fff;
 806      border: 1px solid #0f5c8e;
 807  }
 808  
 809  .toolbar_normal {
 810      background: #f0f0f0;
 811      border: 1px solid #f0f0f0;
 812  }
 813  
 814  .toolbar_hover {
 815      background: #c1d2ee;
 816      border: 1px solid #5296f7;
 817  }
 818  
 819  .toolbar_clicked {
 820      background: #e1F2fe;
 821      border: 1px solid #5296f7;
 822  }
 823  
 824  .user_avatar {
 825      height: 80px;
 826      width: 80px;
 827      background: #fff;
 828      border: 1px solid #ccc;
 829      float: left;
 830      clear: left;
 831      margin-right: 5px;
 832      text-align: center;
 833  }
 834  
 835  .user_avatar img {
 836      vertical-align: middle;
 837  }
 838  
 839  .user_details {
 840      float: left;
 841      margin-left: 5px;
 842      line-height: 1.7;
 843  }
 844  
 845  .pagination {
 846      font-size: 11px;
 847      margin-bottom: 10px;
 848      margin-top: 10px;
 849  }
 850  
 851  .pagination .pages {
 852      font-weight: bold;
 853  }
 854  
 855  .pagination .pagination_current, .pagination a {
 856      padding: 2px 6px;
 857      margin-bottom: 3px;
 858  }
 859  
 860  .pagination a {
 861      border: 1px solid #81A2C4;
 862  }
 863  
 864  .pagination .pagination_current {
 865      background: #F5F5F5;
 866      border: 1px solid #81A2C4;
 867      font-weight: bold;
 868  }
 869  
 870  .pagination a:hover {
 871      background: #F5F5F5;
 872      text-decoration: none;
 873  }
 874  
 875  
 876  .view_fields .enabled, .view_fields .disabled {
 877      width: 200px;
 878      float: left;
 879  }
 880  
 881  .view_fields .disabled {
 882      margin-left: 20px;
 883  }
 884  
 885  .view_fields .fields_title {
 886      font-weight: bold;
 887      font-size: 120%;
 888  }
 889  
 890  .view_fields ul, .view_fields li {
 891      list-style: none;
 892      padding: 0;
 893      margin: 0;
 894  }
 895  
 896  .view_fields ul {
 897      overflow: auto; /* Scroll fix for Opera */
 898      overflow-y: auto;
 899      overflow-x: hidden;
 900      margin-top: 4px;
 901  }
 902  
 903  .view_fields li {
 904      -moz-border-radius: 3px;
 905      padding: 4px;
 906      background: #666;
 907      color: #fff;
 908      font-size: 11px;
 909      margin-bottom: 2px;
 910      margin-right: 5px;
 911  }
 912  
 913  .quick_perm_fields .enabled, .quick_perm_fields .disabled {
 914      width: 49%;
 915      float: left;
 916  }
 917  
 918  .quick_perm_fields .enabled {
 919      border-right: 5px solid #666;
 920  }
 921  
 922  .quick_perm_fields .disabled {
 923      float: right;
 924      margin-left: 0px;
 925  }
 926  
 927  .quick_perm_fields .fields_title {
 928      font-weight: bold;
 929      font-size: 120%;
 930  }
 931  
 932  .quick_perm_fields ul, .quick_perm_fields li {
 933      list-style: none;
 934      padding: 3px;
 935      margin: 0;
 936  }
 937  
 938  .quick_perm_fields ul {
 939      overflow: auto; // Scroll fix for Opera
 940      overflow-y: auto;
 941      overflow-x: hidden;
 942      height: 120px;
 943      margin-top: 4px;
 944  }
 945  
 946  
 947  .quick_perm_fields li {
 948      -moz-border-radius: 3px;
 949      padding: 4px;
 950      background: #666;
 951      color: #fff;
 952      font-size: 11px;
 953      margin-bottom: 2px;
 954      margin-right: 10px;
 955  }
 956  
 957  /* Auto Complete */
 958  .autocomplete {
 959      background: #fff;
 960      border: 1px solid #000;
 961      color: black;
 962  }
 963  
 964  .autocomplete_selected {
 965      background: #adcee7;
 966      color: #000;
 967  }
 968  
 969  input.field50 {
 970      width: 50px;
 971  }
 972  input.field150 {
 973      width: 150px;
 974  }
 975  
 976  input.field_small {
 977      font-size: 13px;
 978      padding: 1px;
 979  }
 980  
 981  .search_default {
 982      text-align: center;
 983      color: #aaa;
 984  }
 985  
 986  input.image_button {
 987      margin-left: 5px;
 988      vertical-align: bottom;
 989  }
 990  
 991  input.search_button {
 992      background: #fff url(images/icons/search.gif) no-repeat;
 993      background-position: 4px 7px;
 994      border: 0px;
 995      padding: 4px;
 996      padding-left: 20px;
 997      font-size: 15px;
 998      font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;
 999      color: #6F6F6F;
1000      font-weight: bold;
1001      height: 30px;
1002  }
1003  
1004  .smalltext {
1005      font-size: 11px;
1006  }
1007  
1008  .inline_select {
1009      padding-bottom: 1px;
1010  }
1011  
1012  .inline_selected {
1013      background-color: #FFFBD9;
1014  }
1015  
1016  /* Templates Differential page */
1017  .differential {
1018      background: #FFF;
1019      margin: 10px auto;
1020      padding: 10px;
1021      overflow: scroll;
1022      height: 400px;
1023      width: 980px;
1024      border: 1px solid #ccc;
1025  }