themes/Sugar5/css/style.css

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2011 SugarCRM Inc.
   4  *
   5  * This program is free software; you can redistribute it and/or modify it under
   6  * the terms of the GNU Affero General Public License version 3 as published by the
   7  * Free Software Foundation with the addition of the following permission added
   8  * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
   9  * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
  10  * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
  11  *
  12  * This program is distributed in the hope that it will be useful, but WITHOUT
  13  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  14  * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
  15  * details.
  16  *
  17  * You should have received a copy of the GNU Affero General Public License along with
  18  * this program; if not, see http://www.gnu.org/licenses or write to the Free
  19  * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  20  * 02110-1301 USA.
  21  *
  22  * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
  23  * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
  24  *
  25  * The interactive user interfaces in modified source and object code versions
  26  * of this program must display Appropriate Legal Notices, as required under
  27  * Section 5 of the GNU Affero General Public License version 3.
  28  *
  29  * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
  30  * these Appropriate Legal Notices must retain the display of the "Powered by
  31  * SugarCRM" logo. If the display of the logo is not reasonably feasible for
  32  * technical reasons, the Appropriate Legal Notices must display the words
  33  * "Powered by SugarCRM".
  34  ********************************************************************************/
  35
  36 /*********************************************************************************
  37
  38  * Description:  Contains a variety of utility functions used to display UI
  39  * components such as form headers and footers.  Intended to be modified on a per
  40  * theme basis.
  41  ********************************************************************************/
  42
  43 /* from old default theme */
  44 /* MAIN NAV STYLES */
  45 .subDmenu {
  46         position:absolute;
  47         display:none;
  48         visibility:hidden;
  49 }
  50 .menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
  51 .menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
  52 .menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
  53 .menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
  54 .menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link {
  55         font-size: 11px;
  56         font-style: normal;
  57         line-height: 18px;
  58         color: #000;
  59         text-decoration: none;
  60         width: 120px;
  61         border-left: none;
  62         border-right: none;
  63         display: block;
  64                 padding: 1px 5px 1px 7px;
  65                 border-bottom: 1px solid #c0c0c0;
  66 }
  67
  68 .menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active,
  69 .menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active {
  70         color: #000;
  71 }
  72
  73 .menuItem {
  74         background-color:#f6f6f6;
  75 }
  76
  77 .menuItemHilite {
  78         background-color:#FFFFFF;
  79 }
  80
  81 .menuItemX {
  82         background-color:#CCCCCC;
  83 }
  84
  85 .menuItemHiliteX {
  86         background-color:#999999;
  87 }
  88 .menu
  89 {
  90         position:absolute;
  91         display:none;
  92         visibility:hidden;
  93         background-color:#f6f6f6;
  94         z-index: 2;
  95         border: #999999 solid 1px;
  96         filter:alpha(opacity=90);
  97         -moz-opacity:0.9;
  98         opacity: 0.9;
  99 /*      width:150px;*/
 100 }
 101 body
 102 {
 103         margin: 0px;
 104         font-family: Arial, Verdana, Helvetica, sans-serif;
 105 }
 106 fieldset, table, pre
 107 {
 108     margin-bottom:0;
 109 }
 110 p
 111 {
 112         margin-top: 0px;
 113         margin-bottom: 0px;
 114 }
 115 form
 116 {
 117         margin: 0px;
 118 }
 119 h1, h2
 120 {
 121     margin: 0;
 122         font-weight: bold;
 123 }
 124 h3
 125 {
 126         margin:0;
 127         margin-bottom: 3px;
 128         padding-top: 3px;
 129 }
 130 textarea
 131 {
 132     font-family: Arial,Verdana,Helvetica,sans-serif;
 133 }
 134 button,
 135 input[type="checkbox"],
 136 input[type="radio"],
 137 input[type="reset"],
 138 input[type="submit"]
 139 {
 140         padding:0px;
 141 }
 142
 143 input[type=text],input[type=password],textarea
 144 {
 145     width: auto;
 146 }
 147
 148 input[type=checkbox],input[type=radio]
 149 {
 150         border:0px;
 151         background-color: transparent;
 152         margin: 0px;
 153         vertical-align: bottom;
 154 }
 155 ul li
 156 {
 157         list-style-type: none;
 158         margin-left: 6px;
 159         margin-bottom: 2px;
 160 }
 161 ul
 162 {
 163         margin-top: 2px;
 164     margin-right: 0;
 165 }
 166 hr
 167 {
 168         height:1px;
 169 }
 170
 171 div.clear
 172 {
 173     height: 0;
 174     clear: both;
 175     visibility: hidden;
 176     font-size:0;
 177 }
 178 th, td
 179 {
 180     border: none;
 181     padding: 0;
 182 }
 183
 184 /* layout the header elements */
 185 #header div.line
 186 {
 187     height: 4px;
 188     margin: 0;
 189     padding: 0;
 190 }
 191 #header ul li
 192 {
 193     display:inline;
 194 }
 195
 196 #companyLogo
 197 {
 198     padding: 10px 10px 0px 15px;
 199     vertical-align: bottom;
 200     float:left;
 201     margin-bottom:-8px;
 202 }
 203 #search, #sitemapLink, #colorPicker, #welcome, #globalLinks
 204 {
 205     float: right;
 206 }
 207 #welcome
 208 {
 209     font-weight: normal;
 210     padding: 8px 10px 3px 10px;
 211     vertical-align: middle;
 212 }
 213 /* global links */
 214 #globalLinks
 215 {
 216     padding: 8px 10px 3px 10px;
 217     vertical-align: middle;
 218 }
 219 #globalLinks ul
 220 {
 221         list-style: none;
 222     padding: 0;
 223     margin: 0;
 224 }
 225 #globalLinks ul li
 226 {
 227     float: left;
 228     margin: 0 0.15em;
 229     display:block;
 230 }
 231 #globalLinks ul li img
 232 {
 233     margin-bottom: 1px;
 234     margin-left:2px;
 235     cursor: pointer;
 236     cursor: hand;
 237 }
 238 #globalLinks ul li:hover ul,
 239 #globalLinks ul a:hover ul
 240 {
 241     visibility:visible;
 242 }
 243
 244
 245 /* sitemap link */
 246 #sitemapLink span
 247 {
 248     padding-right:5px;
 249 }
 250 #sitemapLink
 251 {
 252     padding-top: 3px;
 253 }
 254 #search, #sitemapLink
 255 {
 256     padding:0 3px 0 5px;
 257     height: 23px;
 258     vertical-align: bottom;
 259 }
 260 #unified_search_advanced_img{
 261 cursor:pointer;
 262 }
 263 #unified_search_advanced_div
 264 {
 265     height: 1px;
 266     position: relative;
 267         overflow: hidden;
 268     width: 21em;
 269     padding-top: 5px;
 270 }
 271 #unified_search_advanced_div .edit.view
 272 {
 273     padding:6px 6px 6px 4px;
 274 }
 275 #unified_search_advanced_div .edit.view td
 276 {
 277     padding: 0 0.5em !important;
 278 }
 279 #themeColors img, #themeFonts img
 280 {
 281     margin-bottom: 0;
 282 }
 283
 284 /* color and theme picker */
 285 .themePicker
 286 {
 287     padding-top: 1em;
 288 }
 289 .themePicker td
 290 {
 291     padding: 0 !important;
 292 }
 293 .themePicker > table > tbody > tr > td
 294 {
 295     text-align: left;
 296     vertical-align: top;
 297     width: 100%;
 298 }
 299 .themePicker hr
 300 {
 301     margin: 0;
 302 }
 303 #themepickerLinkSpan
 304 {
 305     cursor:pointer;
 306 }
 307 #colorPicker
 308 {
 309     padding: 8px 5px 0px 7px;
 310 }
 311 #colorPicker ul
 312 {
 313     border: none;
 314     padding: 3px 0 0 0;
 315     margin: 0 0 0 10px;
 316 }
 317 #colorPicker ul li
 318 {
 319     list-style-type: none;
 320     display: inline;
 321     padding: 0px;
 322     cursor: hand;
 323     cursor: pointer;
 324     margin: 0;
 325 }
 326 #themeName
 327 {
 328     font-weight: bold;
 329 }
 330
 331 #moduleList ul li:hover ul,
 332 #moduleList ul a:hover ul
 333 {
 334     visibility:visible;
 335 }
 336 #leftColumn
 337 {
 338     left: 10px;
 339     position: absolute;
 340     float: left;
 341     width: 14.5em;
 342 }
 343 div#content
 344 {
 345     padding-top: 11px;
 346     padding-left: 8px;
 347     padding-bottom: 20px;
 348     border: 0;
 349     margin-left: 0;
 350     margin-right: 5px;
 351 }
 352 div#content > table
 353 {
 354         width: 100%;
 355 }
 356 /* put a bit of left margin in when the left column menu is hidden */
 357 div#content noLeftColumn
 358 {
 359     margin-left: 5px;
 360     border-left: none;
 361 }
 362 #HideHandle
 363 {
 364     padding-top: 5px;
 365     cursor: pointer;
 366     cursor: hand;
 367 }
 368 #HideMenu
 369 {
 370     visibility: hidden;
 371     position: absolute;
 372     z-index:100;
 373 }
 374 #leftHandle
 375 {
 376     float:left;
 377         /*margin-top: 10px;*/
 378 }
 379 /* new record form */
 380 #newRecord form
 381 {
 382     padding: 8px 8px 5px 8px;
 383 }
 384 #newRecord form input,
 385 #newRecord form select,
 386 #newRecord form textarea
 387 {
 388     margin-bottom: 4px;
 389     margin-top: 2px;
 390     max-width: 140px;
 391     *width: expression(this.clientWidth > 140 ? '140px':true);
 392 }
 393 #newRecord form button,
 394 #newRecord form input[type=button],
 395 #newRecord form input[type=submit],
 396 #newRecord form input[type=reset]
 397 {
 398     padding-top: 0px;
 399     vertical-align: bottom;
 400 }
 401 #newRecord form .dataLabel {
 402     padding-bottom: 2px;
 403     padding-top: 3px;
 404     padding-left: 0px;
 405     vertical-align: bottom;
 406 }
 407 #newRecord form .dataField
 408 {
 409     padding-bottom: 3px;
 410 }
 411 #newRecord form #jscal_trigger
 412 {
 413     margin-bottom: 4px;
 414     margin-top: 2px;
 415     vertical-align: bottom;
 416 }
 417 #newRecord form a:link,
 418 #newRecord form a:visited,
 419 #newRecord form a:hover
 420 {
 421     text-decoration: underline;
 422     border-bottom: 0px;
 423     padding-left: 0px;
 424 }
 425 /* css dropdown menu */
 426 ul.cssmenu
 427 {
 428     background-color:#F6F6F6;
 429     border:1px solid #999999;
 430     opacity:0.9;
 431     position:absolute;
 432     visibility:hidden;
 433         z-index:1;
 434     font: 12px Arial, Verdana, Helvetica, sans-serif;
 435         margin-top: 5px;
 436 }
 437 ul.cssmenu li
 438 {
 439     font-size: 11px !important;
 440     font-weight: normal !important;
 441     font-style: normal;
 442     line-height:18px;
 443     padding:1px 7px !important;
 444     border-bottom:1px solid #C0C0C0;
 445     float: none !important;
 446     display: block;
 447     margin:0 0.15em;
 448 }
 449 ul.cssmenu li:hover
 450 {
 451     background-color:#FFFFFF;
 452         color: #000;
 453 }
 454 ul.cssmenu li a
 455 {
 456     text-decoration: none;
 457     font-size: 11px !important;
 458 }
 459
 460
 461 /* sub module list drop down */
 462 #subModuleList span
 463 {
 464     display: none;
 465 }
 466 #subModuleList span.selected
 467 {
 468     display: block;
 469 }
 470 #subModuleList li, #subModuleList ul{
 471 padding:0px;
 472 margin:0px;
 473 }
 474
 475 #subModuleList li.subTabMore{
 476 position:relative;
 477 }
 478
 479 #subModuleList ul.cssmenu{
 480 display:block;
 481 position:absolute;
 482 top:15px;
 483 left:0;
 484 width:127px;
 485 }
 486
 487 #header ul.cssmenu li{
 488 display:block;
 489 }
 490
 491 #subModuleList ul.cssmenu li a,
 492 #subModuleList ul.cssmenu li a:hover{
 493 color:#000;
 494 border:none;
 495 background:transparent none repeat scroll 0% 0%;
 496 }
 497
 498 #subModuleList li.subTabMore ul.cssmenu{
 499 visibility:none;
 500 }
 501
 502 #subModuleList li.subTabMore:hover ul.cssmenu{
 503 visibility:visible;
 504 }
 505 #subModuleList
 506 {
 507     padding:0.4em 0 0.3em 0;
 508 }
 509 #subModuleList span a
 510 {
 511     text-decoration: none;
 512     padding: 0.2em 0.5em 0.3em 0.5em;
 513         margin: 0 -3px 0 0;
 514         white-space:nowrap;
 515 }
 516 /* last viewed and shortcuts lists in the header */
 517 .headerList
 518 {
 519     padding: 5px 0 3px 10px;
 520     vertical-align: middle;
 521 }
 522 .headerList a:link, .headerList a:visited, .headerList a
 523 {
 524     padding: 2px 5px;
 525     white-space: nowrap;
 526 }
 527
 528 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
 529 .leftList ul
 530 {
 531     width: 100%;
 532     padding: 0px;
 533     border-top: 0px;
 534     margin: 0px 0px 10px 0px;
 535     color: #000;
 536     background: #f1f1f1;
 537 }
 538 .leftList ul li
 539 {
 540     list-style: none;
 541     margin: 0px;
 542     border: 0px;
 543 }
 544 .leftList ul li a
 545 {
 546     display: block;
 547     border: 0px;
 548     text-decoration: none;
 549     color: #444;
 550     text-align: left;
 551     padding: 3px 3px 3px 6px;
 552 }
 553
 554 .leftList ul li span:hover a
 555 {
 556     text-decoration: none;
 557 }
 558
 559 /* module title */
 560 div.moduleTitle
 561 {
 562     height:2em;
 563 }
 564 .moduleTitle img
 565 {
 566     margin-right: 3px;
 567     margin-top: 3px;
 568     border: 0;
 569 }
 570 .moduleTitle h2
 571 {
 572     display: block;
 573     float: left;
 574 }
 575
 576 .moduleTitle h2 span.pointer
 577 {
 578     padding: 0px 8px;
 579     font-size: 18px;
 580     line-height: 16px;
 581 }
 582
 583 .moduleTitle span.utils
 584 {
 585     display: block;
 586     float: right;
 587     margin-top: 0;
 588 }
 589 .moduleTitle span.utils a img
 590 {
 591     margin-bottom: -3px;
 592 }
 593
 594 /* EditView/projects -> grid  */
 595 .sqsSelectedSmartInputItem
 596 {
 597     background-color:#DEEFFF;
 598 }
 599
 600 /* DetailView/EditView/ListView styles */
 601 .view, table.view
 602 {
 603     margin-bottom:3px;
 604     margin-top:3px;
 605     padding:10px 6px 12px 10px;
 606     padding:20px 16px 22px 30px;
 607     width: 100%;
 608 }
 609 .view tr td table,
 610 .view tr td table tr td
 611 {
 612     padding: 0;
 613 }
 614 .view tr td input[type=checkbox]
 615 {
 616     vertical-align: middle;
 617 }
 618
 619
 620 /* DetailView styles */
 621 .detail h4
 622 {
 623     font-weight: bold;
 624     margin: 0px;
 625     text-align: left;
 626     border: none;
 627     padding-top: 6px;
 628     padding-bottom: 6px;
 629     padding-left: 0;
 630     margin-left: 0;
 631 }
 632 .buttons
 633 {
 634     padding-bottom: 2px;
 635     padding-left: 0;
 636     padding-right:3px;
 637 }
 638 .detail tr td
 639 {
 640     border: none;
 641         vertical-align: top;
 642     padding: 5px 6px 5px 6px;
 643     vertical-align: top;
 644     text-align: left;
 645 }
 646 .detail tr td[scope=row]
 647 {
 648     margin-top: 2px;
 649     margin-bottom: 10px;
 650     text-align: right;
 651     white-space:nowrap;
 652 }
 653 .detail tr td > li
 654 {
 655     margin-left: 1.5em;
 656 }
 657 /* editviews top buttons */
 658 #EditView > table {margin-bottom: 2px;}
 659
 660 /* editviews */
 661 .edit
 662 {
 663     padding:0 6px 12px 10px !important;
 664 }
 665
 666 .edit > table
 667 {
 668     margin-bottom: 0px;
 669     padding: 3px 3px 3px 10px!important;
 670 }
 671
 672 .edit h4
 673 {
 674     text-align: left;
 675     margin-top: 0;
 676     padding-top:0;
 677     margin-top: 10px;
 678     padding-left:0;
 679 }
 680 .edit tr td
 681 {
 682     font-weight: normal;
 683     padding: 0 !important;
 684         vertical-align: top;
 685     padding: 3px !important;
 686 }
 687 .edit tr td[scope=row]
 688 {
 689     padding: 5px 5px 5px 7px !important;
 690     text-align: left;
 691         vertical-align: top;
 692 }
 693 .edit tr th
 694 {
 695     padding: 5px 5px 5px 7px !important;
 696 }
 697 table#tabFormPagination td,  #tabFormPagination, #EditView > table#tabFormPagination.detail.view
 698 {
 699         border-bottom: none;
 700         margin-bottom: 0;
 701 }
 702 .edit tr td table,
 703 .edit tr td table tr td
 704 {
 705     padding: 3px 3px 3px 0 !important;
 706     padding: 0 !important;
 707 }
 708 table.edit.view {
 709 margin-top: 0;
 710 }
 711 /* search panel on top of list views ( extends .edit .view definition ) */
 712 .search
 713 {
 714         margin: 0 0 4px 0 !important;
 715         padding:10px 6px 12px 10px;
 716 }
 717 .search > table
 718 {
 719         padding: 0 !important;
 720     margin: 0;
 721 }
 722 .search td span
 723 {
 724     color:#444444;
 725 }
 726 .search td input[type=text],
 727 .search td input[type=password],
 728 .search td select
 729 {
 730     width: 150px !important;
 731 }
 732
 733 /* Listview styles */
 734 .list, .edit .list
 735 {
 736     padding: 0 !important;
 737     margin-bottom: 10px;
 738 }
 739 .list tr.pagination,
 740 .list tr.pagination td,
 741 .list tr.pagination td table
 742 {
 743     padding: 0;
 744     border: 0;
 745     margin: 0;
 746 }
 747 .list tr.pagination td table td
 748 {
 749     padding: 3px 7px 3px 5px !important;
 750 }
 751 .list tr.pagination td table td button
 752 {
 753     width: 25px;
 754 }
 755 .list tr.pagination td table td a:link,
 756 .list tr.pagination td table td a:visited,
 757 .reportGroupByDataChildTablelistViewThS1 a:link,
 758 .reportGroupByDataChildTablelistViewThS1 a:visited
 759 {
 760     font-weight: bold;
 761     text-decoration: none;
 762     padding: 2px 0px 3px 0px;
 763 }
 764 .list tr.pagination td table td a:hover,
 765 .reportGroupByDataChildTablelistViewThS1 a:hover
 766 {
 767     text-decoration: underline;
 768 }
 769 .list tr.pagination .buttons
 770 {
 771     padding: 2px 2px 2px 0 !important;
 772 }
 773 .list tr.pagination #selectCountTop
 774 {
 775     width: 5em;
 776 }
 777 .td_alt, .list tr th, .list tr td[scope=col],
 778 .edit .list tr th, .edit .list tr td[scope=col]
 779 {
 780     font-size: 11px;
 781     font-weight: bold;
 782     text-align: left;
 783     padding: 4px 5px 4px 5px !important;
 784     border-left: none;
 785     border-right: none;
 786     white-space:nowrap;
 787 }
 788 .list tr td
 789 {
 790     vertical-align: middle;
 791     padding: 3px 8px 5px 5px !important;
 792 }
 793 .list tr.pagination td
 794 {
 795     padding: 0 !important;
 796 }
 797 .list tr td.odd
 798 {
 799     padding: 3px 8px 5px 5px;
 800     vertical-align: middle;
 801 }
 802
 803 .list th a:link,
 804 .list th a:visited,
 805 .list td[scope=col] a:link,
 806 .list td[scope=col] a:visited
 807 {
 808     font-weight: bold;
 809     text-decoration: none;
 810 }
 811
 812 .list th a:hover,
 813 .list td[scope=col] a:hover
 814 {
 815     text-decoration: underline;
 816 }
 817
 818 .list tr.oddListRowS1 td,
 819 .list tr.evenListRowS1 td
 820 {
 821     white-space: normal;
 822     word-wrap: break-word;
 823 }
 824
 825 .list tr.oddListRowS1 td[nowrap],
 826 .list tr.evenListRowS1 td[nowrap]
 827 {
 828     white-space: nowrap;
 829     word-wrap: normal;
 830 }
 831
 832 .list td a.listViewTdToolsS1,
 833 .list tr td.nowrap
 834 {
 835     white-space: nowrap;
 836     word-wrap: normal;
 837 }
 838
 839 /* style for page content tables */
 840 .other
 841 {
 842     border: none !important;
 843     margin-bottom: 20px !important;
 844     padding: 0 !important;
 845     width: 100%;
 846 }
 847 .other td
 848 {
 849     font-weight: normal;
 850     padding: 4px 10px 4px 6px;
 851     vertical-align: middle;
 852 }
 853 .other td[scope=row]
 854 {
 855     padding: 4px 6px 4px 6px;
 856     white-space:nowrap;
 857 }
 858 .other .edit td
 859 {
 860         background: transparent !important;
 861 }
 862 .other .edit
 863 {
 864         margin-top: 0;
 865 }
 866
 867 /* Special for Campaigns Wizard */
 868 .other td.edit #wizard td
 869 {
 870         background: transparent;
 871 }
 872 .other td.edit #wizard h4
 873 {
 874         padding-left: 0;
 875         margin-top: 0;
 876 }
 877 #wizard td
 878 {
 879         white-space: normal;
 880     word-wrap: break-word;
 881 }
 882
 883 /* detail view */
 884 .detail.view,
 885 .detail table,
 886 table.detail
 887 {
 888     padding: 0;
 889     width: 100%;
 890 }
 891 .detail tr.pagination td
 892 {
 893     padding-top: 4px;
 894     text-align: right;
 895         vertical-align: middle;
 896 }
 897 .detail table tr.pagination td
 898 {
 899     padding-bottom: 4px;
 900 }
 901 .detail td > table tr td
 902 {
 903     border: none;
 904 }
 905 /* Upgrade Wizard*/
 906 .small{
 907     width:100%;
 908 }
 909 .small table{
 910     width:auto;
 911 }
 912 .small tr td table{
 913     background-color:transparent;
 914 }
 915 .small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th{
 916     background-color:transparent;
 917 }
 918
 919 .small tr td table tr th{
 920     text-align:left;
 921     border-bottom:none;
 922 }
 923
 924 /* for report wizard */
 925 .reportwizard
 926 {
 927         padding: 10px 6px 12px 10px;
 928 }
 929 .reportwizard > table
 930 {
 931         padding: 0 !important;
 932 }
 933 .reportwizard tr td
 934 {
 935         vertical-align: middle;
 936 }
 937 /* for subpanel tabs */
 938 ul.tablist, ul.subpanelTablist
 939 {
 940     list-style: none;
 941     padding: 3px 0;
 942     margin: 0;
 943 }
 944
 945 ul.tablist li, ul.subpanelTablist li
 946 {
 947     list-style: none;
 948     margin: 0;
 949     display: inline;
 950 }
 951 ul.tablist li a, ul.subpanelTablist li a
 952 {
 953     padding: 3px 8px;
 954     margin: 0px;
 955     border-bottom: none;
 956     text-decoration: none;
 957 }
 958 ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover
 959 {
 960     border: none;
 961     background: transparent;
 962     text-decoration: none;
 963 }
 964 ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited
 965 {
 966     text-decoration: none;
 967 }
 968
 969 .subpanelTabForm
 970 {
 971     padding: 15px 0px 0 0px;
 972 }
 973 table.subpanelTabForm td
 974 {
 975     padding-bottom: 2px;
 976     padding-top: 0;
 977 }
 978 .subpanelTabForm p
 979 {
 980     margin-bottom:0;
 981 }
 982 .subpanelTabForm h3
 983 {
 984     padding-left: 3px;
 985 }
 986 .subpanelTabForm .h3Row
 987 {
 988     padding-top: 2px;
 989     margin-top: 0;
 990 }
 991 .subpanelTabForm
 992 {
 993     margin-bottom: 10px;
 994 }
 995 #groupTabs
 996 {
 997     margin-top: 20px;
 998 }
 999 #groupTabs li, #searchTabs li
1000 {
1001     margin:0 -3px 0 0;
1002 }
1003 table.subpanelTabForm
1004 {
1005     border-top: 0px none;
1006     margin-bottom: 4px;
1007 }
1008 /* gantt styles */
1009 table.days {
1010     font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
1011     font-size: 11px;
1012 }
1013 td.days {
1014     border-top: 1px solid #dfdfdf;
1015     border-bottom: 1px solid #dfdfdf;
1016     border-left: 0px;
1017     border-right: 0px;
1018 }
1019
1020 td.sunday {
1021     border-top: 1px solid #dfdfdf;
1022     border-bottom: 1px solid #dfdfdf;
1023     border-left: 1px solid #dfdfdf;
1024     border-right: 0px;
1025 }
1026
1027 td.saturday {
1028     border-top: 1px solid #dfdfdf;
1029     border-bottom: 1px solid #dfdfdf;
1030     border-left: 0px;
1031     border-right: 1px solid #dfdfdf;
1032 }
1033
1034 td.date {
1035     width: 100%;
1036     padding: 0px;
1037     border: 0px;
1038     font-size: 10px;
1039 }
1040
1041 tr.empty {
1042     height: 2px;
1043 }
1044
1045 div.completed {
1046     background-color: #777777;
1047     float: left;
1048     width: 100%;
1049     line-height: 10px;
1050     margin-top: 4px;
1051 }
1052
1053 div.inprogress {
1054     background-color: #002E4D;
1055     float: left;
1056     width: 100%;
1057     line-height: 10px;
1058     margin-top: 4px;
1059 }
1060
1061 div.inprogress_bar {
1062     background-color: #ff0000;
1063     float: left;
1064     width: 100%;
1065     line-height: 10px;
1066     margin-top: 4px;
1067 }
1068
1069 div.notstarted {
1070     background-color: #cccccc;
1071     float: left;
1072     width: 100%;
1073     line-height: 10px;
1074     margin-top: 4px;
1075 }
1076
1077 div.indent_left {
1078     background-color: #000000;
1079     float: left;
1080     line-height: 10px;
1081     margin-top: 4px;
1082 }
1083
1084 div.indent_bar {
1085     background-color: #000000;
1086     float: left;
1087     margin-top: 4px;
1088 }
1089
1090 div.indent_right {
1091     background-color: #000000;
1092     float: right;
1093     line-height: 10px;
1094     margin-top: 4px;
1095 }
1096
1097 #horizWrapper {position:relative; margin-left:60px;width:218px;float:left;}
1098 #horizBGDiv {position:relative; top:60px; background:url(../../../../index.php?entryPoint=getImage&imageName=horizBg.png) no-repeat; height:26px; width:218px;zindex:5 }
1099 #horizHandleDiv {
1100     position:absolute;
1101     left: 100px; /* the default position is the center of the bg */
1102     top: 8px;  /* force the image down a bit */
1103     cursor:default;
1104     width:18px;
1105     height:18px;
1106 }
1107
1108 /* end gantt styles */
1109
1110 .search_form
1111 {
1112     overflow: visible;
1113         text-align: left;
1114 }
1115
1116 .search_form .view
1117 {
1118     width:99%;
1119     margin: 0 0 3px;
1120     padding-right:0 !important;
1121     padding-left:10 !important;
1122     padding-top:10px !important;
1123 }
1124 /* sitemap */
1125
1126 #sitemap
1127 {
1128     width: 650px;
1129     display:none;
1130     z-index:9999;
1131     margin-right:1em;
1132     margin-top:2.5em;
1133 }
1134 #sitemap .edit.view
1135 {
1136     border: 2px solid;
1137     padding: 6px 6px 6px 16px;
1138 }
1139 #sitemap a:link, #sitemap a:visited
1140 {
1141     text-decoration:none;
1142     font-size: 11px;
1143     color: #444;
1144 }
1145 #sitemap a:hover, #sitemap h4 a:hover
1146 {
1147     text-decoration:underline;
1148 }
1149 #sitemap h4 a:link, #sitemap h4 a:visited
1150 {
1151     font-size: 13px;
1152 }
1153 #sitemap ul
1154 {
1155     margin-top: 5px !important;
1156     margin-left: 5px !important;
1157 }
1158 #sitemap ul li
1159 {
1160     margin-bottom: 5px !important;
1161     display: list-item;
1162 }
1163
1164 /* sitemap link div */
1165 #sitemapLink span
1166 {
1167     cursor:pointer;
1168 }
1169 #sitemapLink span img
1170 {
1171     cursor:pointer;
1172     margin-left: 2px;
1173 }
1174
1175 #bottomLinks {
1176         padding: 0 25px;
1177         float: right;
1178 }
1179
1180 #bottomLinks a {
1181 }
1182
1183 #bottomLinks a.bottomLink {
1184 }
1185
1186 #bottomLinks img {
1187         border: 0px;
1188         margin-bottom: -3px;
1189         margin-left: 5px;
1190 }
1191
1192 /* Footer styles */
1193 #footer
1194 {
1195     padding-top: 10px;
1196     text-align: center;
1197     padding-bottom: 5px;
1198     clear: both;
1199 }
1200
1201 #themePicker, #langPicker
1202 {
1203     text-align: center;
1204     margin-bottom: 0.5em;
1205 }
1206
1207 #themePicker select, #langPicker select
1208 {
1209     width: 120px;
1210     font-size: 10px;
1211 }
1212
1213 /* Scheduler Styles */
1214 #scheduler
1215 {
1216     margin-top: 5px;
1217 }
1218 #scheduler .schedulerDiv
1219 {
1220     color: #000000;
1221         text-align: left;
1222     width: 100%;
1223     background-color: #FAFAFA;
1224         border-collapse: collapse;
1225         border-bottom: 1px solid #999;
1226 }
1227 #scheduler .schedulerDiv table
1228 {
1229     width: 100%;
1230         border-collapse: collapse;
1231 }
1232 #scheduler .schedulerDiv table tr td
1233 {
1234         height: 18px;
1235     border: 1px solid #dddddd;
1236 }
1237 #scheduler .schedulerDiv table tr.schedulerTimeRow td
1238 {
1239         border-left: 0;
1240 }
1241 #scheduler .schedulerDiv table tr.schedulerTimeRow th[scope=col]
1242 {
1243     border-left:1px solid #DDDDDD;
1244     padding-left:4px;
1245 }
1246 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td
1247 {
1248         background-color: #eeeeee;
1249     width: 15px;
1250 }
1251 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row]
1252 {
1253     overflow: hidden;
1254     padding-left: 4px;
1255         width: 125px;
1256     background: transparent;
1257     border-left: 0;
1258 }
1259 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime
1260 {
1261         border-left: 4px solid #75AF4F !important;
1262     background-color:#FFFFFF;
1263 }
1264 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime
1265 {
1266         border-left: 4px solid #ff0000 !important;
1267 }
1268 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell
1269 {
1270         background: transparent;
1271     border-left: 1px solid #dddddd;
1272         padding-left: 4px;
1273 }
1274 #scheduler .schedulerInvitees
1275 {
1276     margin-top: 1em;
1277 }
1278 #scheduler .schedulerInvitees .tabForm
1279 {
1280     margin-bottom: 0;
1281 }
1282
1283 /* calendar module styles */
1284 .monthFooter td
1285 {
1286     padding-left: 7px;
1287     padding-right: 7px;
1288     padding-top: 3px;
1289     padding-bottom: 5px;
1290     border-top: 1px solid;
1291     border-bottom: 2px solid;
1292 }
1293 .monthHeader
1294 {
1295         padding: 6px 5px 4px 3px;
1296         margin-top: 10px;
1297         vertical-align: middle;
1298         background-repeat: repeat-x;
1299         background-position: top;
1300 }
1301 .monthHeader td
1302 {
1303     padding-left: 5px;
1304 }
1305 .monthViewDayHeight
1306 {
1307     height: 100px;
1308 }
1309 .monthViewDayHeight td[scope=row]
1310 {
1311     padding: 5px;
1312     text-align:center;
1313 }
1314 .monthViewDayHeight td
1315 {
1316     vertical-align: top;
1317     padding: 3px;
1318     text-align: right !important;
1319 }
1320 .yearViewDayHeight
1321 {
1322     height: 40px;
1323 }
1324 .monthCalBodyDayItem
1325 {
1326     margin: 7px 0px 7px 0px;
1327     padding: 5px 0px 8px 0px;
1328     border-top: 1px solid;
1329 }
1330 .monthCalBodyDayItem td
1331 {
1332     vertical-align: top;
1333 }
1334 .monthCalBodyDayItem td img
1335 {
1336     padding-right: 3px;
1337     vertical-align: top;
1338 }
1339 .monthCalBody th
1340 {
1341     vertical-align: top;
1342     padding: 7px;
1343     height: 20px;
1344     font-weight: normal;
1345 }
1346 .monthCalBodyTH th
1347 {
1348     padding: 5px !important;
1349     border-bottom: 1px solid;
1350     font-weight: bold;
1351 }
1352 .monthCalBody td
1353 {
1354     padding: 5px;
1355     text-align: left;
1356 }
1357 .monthCalBody td div table td {
1358 text-align: left!important;
1359 }
1360 .monthCalBody
1361 {
1362    padding: 0;
1363 }
1364 .monthCalBody td.yearCalBody
1365 {
1366     padding: 0;
1367         margin: 0;
1368 }
1369 .yearCalBodyMonth
1370 {
1371     padding:5px 0 0 0 !important;
1372     text-align:center !important;
1373 }
1374 .yearCalBodyMonth #daily_cal_table
1375 {
1376     margin-top: 5px;
1377 }
1378 .yearCalBodyMonth > a
1379 {
1380     font-weight: bold;
1381     margin: 0px;
1382     padding: 5px;
1383     width: 100%;
1384     margin-bottom: 5px;
1385     text-decoration: none !important;
1386 }
1387 .yearCalBodyMonth > a:hover
1388 {
1389     text-decoration: underline;
1390 }
1391 .calSharedUser
1392 {
1393     height: 20px;
1394     padding-top: 5px;
1395     padding-left: 8px;
1396     margin-top: 0px;
1397     margin-bottom: 0px;
1398     border-top: 1px;
1399 }
1400
1401 /* js calendar styles */
1402 .calendar
1403 {
1404     border: 1px solid #999;
1405 }
1406 .calendar .button
1407 {
1408     background-color: #eee;
1409     background-image: none;
1410 }
1411 .calendar .combo
1412 {
1413     border-top: 1px solid #f1f1f1;
1414     border-right: 1px solid #999;
1415     border-bottom: 1px solid #999;
1416     border-left: 1px solid #f1f1f1;
1417     background: #eee;
1418     padding: 0px;
1419 }
1420 .calendar .combo .active
1421 {
1422     background: #eee;
1423 }
1424 .calendar .combo .hilite
1425 {
1426     background: #f8f7f7;
1427     padding: 1px 4px 1px 4px;
1428     border-top: 1px solid;
1429     border-bottom: 1px solid;
1430     border-color: #9e9e9e;
1431 }
1432 .calendar .combo .label,
1433 .calendar .combo .label-IEfix
1434 {
1435     text-align: left;
1436     padding: 2px 4px 2px 4px;
1437 }
1438 .calendar .nav
1439 {
1440     background: transparent no-repeat 100% 100%;
1441 }
1442 .calendar table
1443 {
1444     background: #eee;
1445 }
1446 .calendar table .wn
1447 {
1448     background: #eeeeee;
1449     border-right: 1px solid #ccc;
1450 }
1451 .calendar tbody .day
1452 {
1453     background: #fff;
1454     text-align: right;
1455     padding: 2px 4px 2px 2px;
1456 }
1457 .calendar tbody .day.othermonth.oweekend
1458 {
1459     color: #666;
1460 }
1461 .calendar tbody .emptycell
1462 {
1463     display: hidden;
1464 }
1465 .calendar tbody .rowhilite td,
1466 .calendar tbody .rowhilite td.weekend
1467 {
1468     background: #f6f6f6;
1469 }
1470 .calendar tbody .rowhilite td.wn
1471 {
1472     background: #fff;
1473 }
1474 .calendar tbody td.hilite,
1475 .calendar tbody td.weekend.hilite
1476 {
1477     background: #f8f7f7;
1478     border-color: #9e9e9e;
1479 }
1480 .calendar tbody td.selected
1481 {
1482     border-color: #666;
1483     background: #eee;
1484 }
1485 .calendar tbody td.today
1486 {
1487     color: #666;
1488 }
1489 .calendar tbody td.weekend
1490 {
1491     color: #666;
1492     background: #f9f9f9;
1493 }
1494 .calendar tfoot .ttip
1495 {
1496     background: #e8f0f4;
1497     border-top: 1px solid #fff;
1498     border-bottom: 1px solid #ccc;
1499     background: #dfdfdf;
1500     color: #000;
1501 }
1502 .calendar thead .hilite
1503 {
1504     border-bottom: 1px solid #fff;
1505     border-left: 1px solid #aaa;
1506     border-top: 1px solid #aaa;
1507     border-right: 1px solid #fff;
1508 }
1509 .calendar thead .name
1510 {
1511     background: #dddddd;
1512         border-color: #cccccc;
1513 }
1514 .calendar thead .title
1515 {
1516     padding: 3px;
1517     border-top: 1px solid #fff;
1518     border-bottom: 1px solid #cccccc;
1519     color: #000;
1520     background: #f8f7f7;
1521 }
1522 .calendar thead .weekend
1523 {
1524     color: #000;
1525     font-weight: bold;
1526 }
1527 .listViewCalCurrentAppt {
1528         background-color: #75AF4F;
1529 }
1530 .listViewCalOtherAppt {
1531 background-color: #4D5EAA;
1532 }
1533 .listViewCalConflictAppt {
1534 background-color: #AA4D4D;
1535 }
1536 .listViewCalCurrentApptLgnd {
1537 background-color: #75AF4F;
1538 border: 1px solid #444444;
1539 }
1540 .listViewCalOtherApptLgnd {
1541 background-color: #4D5EAA;
1542 border: 1px solid #444444;
1543 }
1544 .listViewCalConflictApptLgnd {
1545 background-color: #AA4D4D;
1546 border: 1px solid #444444;
1547 }
1548
1549 /** report styles **/
1550 table.reportlistViewRC{
1551     /* this definition should be exactly the same as .listViewThS1 */
1552     background:Black;
1553 }
1554
1555 table.reportlistView{
1556     /* this definition should be exactly the same as .listViewThS1 */
1557     background:Black;
1558 }
1559
1560 .reportlistViewThS1 {
1561     font-size: 13px;
1562     font-weight: bold;
1563     text-align: left;
1564     padding: 4px 5px 4px 5px;
1565     border-left: none;
1566     border-right: none;
1567     border-top: 1px solid Blackccc;
1568     border-bottom: 1px solid Blackccc;
1569     background:Gainsboro;
1570 }
1571
1572 .reportevenListRowS1, .reportoddListRowS1 {
1573     font-size: 12px;
1574     padding-left: 5px;
1575     padding-right: 8px;
1576     padding-bottom: 5px;
1577     padding-top: 3px;
1578     vertical-align: middle;
1579     background:white;
1580 }
1581
1582 .reportlistViewPaginationTdS1 {
1583     border: none;
1584     vertical-align: top;
1585     padding-top: 5px;
1586     padding-bottom: 5px;
1587     font-size: 12px;
1588     background:white;
1589 }
1590
1591 /* These are for summation report */
1592 .reportViewTable {
1593     border-left: none;
1594     border-right: none;
1595     border-top: none;
1596     background:White;
1597 }
1598 .reportGroupViewTable {
1599     border-left: 1px solid Black;
1600     border-top: 1px solid Black;
1601     background:LightGrey;
1602 }
1603 .reportGroup1ByTable {
1604     font-size: 15px;
1605     border-left: none;
1606     border-right: 1px solid Black;
1607     border-bottom: 1px solid Black;
1608     background:LightGrey;
1609 }
1610 .reportGroupNByTable {
1611     font-size: 13px;
1612     border-left: none;
1613     border-right: 1px solid Black;
1614     border-bottom: none;
1615     background:White;
1616 }
1617 .reportGroupByDataTableHeader {
1618     border-left: none;
1619     border-right: none;
1620     border-top: none;
1621     border-bottom: none;
1622     background:White;
1623 }
1624 .reportDataChildtablelistView {
1625     border-left: none;
1626     border-right: none;
1627     border-top: none;
1628     border-bottom: none;
1629     background:Black;
1630 }
1631 table.reportDataChildtablelistView td {
1632     border-color: #ccc;
1633     background: white;
1634     padding:4px 5px;
1635 }
1636 .reportGroupByDataChildTablelistViewThS1 {
1637     font-size: 11px;
1638     font-weight: bold;
1639     text-align: left;
1640     padding: 4px 5px 4px 5px;
1641     border-left: none;
1642     border-right: none;
1643     border-top: none;
1644     border-bottom: none;
1645     background:White;
1646 }
1647 .reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 {
1648     font-size: 12px;
1649     padding-left: 5px;
1650     padding-right: 8px;
1651     padding-bottom: 5px;
1652     padding-top: 3px;
1653     vertical-align: middle;
1654     background:white;
1655 }
1656 .reportGroup1ByTableEvenListRowS1 {
1657     font-weight: bold;
1658     font-size: 14px;
1659     padding-left: 5px;
1660     padding-right: 8px;
1661     padding-bottom: 5px;
1662     padding-top: 3px;
1663     vertical-align: middle;
1664     background:LightGrey;
1665     text-align: left;
1666 }
1667 .reportGroupNByTableEvenListRowS1 {
1668     font-weight: bold;
1669     font-size: 12px;
1670     padding-left: 5px;
1671     padding-right: 8px;
1672     padding-bottom: 5px;
1673     padding-top: 3px;
1674     vertical-align: middle;
1675     background:LightGrey;
1676     text-align: left;
1677 }
1678 .reportGroupBySpaceTableView {
1679     border-left: none;
1680     border-right: none;
1681     border-top: none;
1682     background:White;
1683 }
1684 .reportGroupByDataTableHeaderEmptyCell {
1685     border-bottom: 1px solid Black;
1686     border-top: 1px solid Black;
1687     background:White;
1688 }
1689 .reportevenListRowS1,
1690 .reportoddListRowS1,
1691 .reportGroupByDataEvenListRowS1,
1692 .reportGroupByDataOddListRowS1,
1693 .reportGroupByDataMatrixEvenListRowS1,
1694 .reportGroupByDataMatrixEvenListRowS2,
1695 .reportGroupByDataMatrixEvenListRowS3,
1696 .reportGroupByDataMatrixEvenListRowS4
1697 {
1698     padding-bottom: 4px;
1699     padding-top: 2px;
1700 }
1701
1702 /* End of summation report classes */
1703
1704
1705 /* Start of Matrix Report Class */
1706 .reportlistView {
1707     border-top: 1px solid #000;
1708     border-left: 1px solid #000;
1709     }
1710 table.reportlistView td, table.reportlistView th {
1711     background: #fff;
1712     border-bottom: 1px solid #000;
1713     border-right: 1px solid #000;
1714     color: #000;
1715     padding: 4px;
1716     text-align: center;
1717     font-size: 11px;
1718     }
1719     table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 {
1720     background: #dcdcdc;
1721     font-weight: bold;
1722     }
1723
1724 /* End of matrix report classes */
1725
1726 /* for overlib js library */
1727 .olCapFontClass {
1728         font-weight: bold;
1729         color: #444;
1730         background-color: #dfdfdf;
1731 }
1732 .olCapFontClass A {
1733         color: #dfdfdf;
1734         font-size: 9px;
1735 }
1736 .olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
1737         background-color: #fff;
1738         padding: 5px 7px 7px 10px !important;
1739         line-height: 18px;
1740 }
1741 .olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
1742         border-bottom: 2px solid #ddd;
1743         background-color: #f6f6f6;
1744         padding: 5px 3px 3px 10px !important;
1745 }
1746 .olCgClass {
1747     padding: 0px;
1748     border: 0px;
1749 }
1750 .olBgClass {
1751         background-color: #ddd;
1752         padding: 2px !important;
1753 }
1754 #forecastsWorksheet .olBgClass td {
1755     padding: 0 !important;
1756 }
1757 .olCloseFontClass {
1758         padding-bottom: 1px;
1759         text-align: right;
1760         background-color: #dfdfdf;
1761 }
1762
1763 /* acl role colors */
1764 .aclAll
1765 {
1766     color: #008000;
1767     font-weight: bold;
1768 }
1769 .aclOwner
1770 {
1771     color: #000000;
1772     font-weight: bold;
1773 }
1774 .aclNone
1775 {
1776     color: #FF0000;
1777     font-weight: bold;
1778 }
1779 .aclEnabled
1780 {
1781     color: #008000;
1782     font-weight: bold;
1783 }
1784 .aclDisabled
1785 {
1786     color: #FF0000;
1787     font-weight: bold;
1788 }
1789 .aclAdmin
1790 {
1791     color: #0000FF;
1792     font-weight: bold;
1793 }
1794 .aclNormal
1795 {
1796     color: #008000;
1797     font-weight: bold;
1798 }
1799
1800 /* for lists where we don't want to have bullet points */
1801 ul.noBullet {
1802   list-style-type: none;
1803   margin-left: 0;
1804   padding-left: 0;
1805 }
1806
1807 li.noBullet {
1808   list-style-type: none;
1809   padding: 0;
1810   margin: 0;
1811 }
1812
1813 table.tabForm td ul li {
1814 list-style-type: none;
1815 margin-bottom: 10px;
1816 }
1817
1818 .helpButton
1819 {
1820         font-weight:700;
1821 }
1822
1823 .helpShortcut
1824 {
1825         font-weight:700;
1826 }
1827 /* for subpanels */
1828 #MorePanelHandle
1829 {
1830     cursor: hand;
1831     cursor: pointer;
1832     display: inline;
1833     margin-left: 2px;
1834     margin-bottom: 2px;
1835     text-align: center;
1836     background: url('../../../../index.php?entryPoint=getImage&imageName=more.gif') no-repeat bottom left;
1837         color: #444;
1838 }
1839
1840 .sqsFloater {
1841 position:absolute;
1842 z-index:2;
1843 bottom:0;
1844 right:0;
1845 display:none;
1846 padding:0;
1847 }
1848
1849 .sqsFloater td {
1850 border:1px inset;
1851 color:black;
1852 }
1853
1854 .sqsMatchedSmartInputItem {
1855 font-size:11px;
1856 padding: 2px 5px 2px 5px;
1857 margin: 0;
1858 cursor: pointer;
1859 cursor: hand;
1860 }
1861
1862 .sqsSelectedSmartInputItem {
1863 background-color:#DEEFFF;
1864 }
1865
1866 #sqsSmartInputResults {
1867 padding:0;margin:0;
1868 }
1869
1870 .sqsNoMatch {
1871 padding: 2px 5px 2px 5px;
1872 font-weight: bold;
1873 background-color:#eeeeee;
1874 color:#980000;
1875 }
1876 /* misc font displays */
1877 .todaysTask
1878 {
1879     color: #FF7800
1880 }
1881 .overdueTask
1882 {
1883     color: #ff0000;
1884 }
1885 .required,
1886 .error
1887 {
1888     color: #ff0000;
1889 }
1890 .success
1891 {
1892     color: #00ee00;
1893 }
1894 .rssItemDate
1895 {
1896     color: #666666;
1897 }
1898 .date
1899 {
1900     font-size: 13px;
1901     font-weight: bold;
1902     border-bottom: 1px solid;
1903     padding-right: 10px;
1904 }
1905 .dateFormat
1906 {
1907     font-weight: normal;
1908     font-style: italic;
1909 }
1910 /* list view page numbers */
1911 .pageNumbers {
1912 padding-right: 3px;
1913 padding-left: 3px;
1914 }
1915 .contentBox {
1916     border-top: 1px solid #DDD;
1917     border-bottom: 1px solid #DDD;
1918     padding: 0px 10px 0px 0px;
1919     margin: 10px 0 10px 0;
1920 }
1921 .contentBox td
1922 {
1923     padding-top: 0;
1924 }
1925
1926 /* for team notices and my portal dashlets */
1927 .teamNoticeBox
1928 {
1929     border: 1px solid;
1930     padding: 0;
1931     background: #fff;
1932     width:100%;
1933 }
1934 .teamNoticeText
1935 {
1936     padding: 0px 10px 0px 10px;
1937 }
1938
1939 /* to force border to display on tiny-mce controls */
1940 .mceToolbarTop
1941 {
1942     border-bottom:1px solid #CCCCCC !important;
1943 }
1944
1945 #dashletsList
1946 {
1947         background: #fff;
1948 }
1949
1950 #dashletCtrls
1951 {
1952     float: right;
1953 }
1954
1955 ul#dashletCategories li a:link, ul#dashletCategories li a:visited
1956 {
1957         color: #444;
1958         background: #eee;
1959 }
1960 ul#dashletCategories li a.current, ul#dashletCategories li a.current:hover
1961 {
1962         color: #444;
1963         background: transparent;
1964 }
1965 #moduleDashlets h3,#chartDashlets h3,#toolsDashlets h3
1966 {
1967     margin-top: 13px;
1968 }
1969 #dashletSearch table tr td input[type=button]
1970 {
1971     vertical-align: top;
1972 }
1973 .x-dlg-btns button.x-btn-text:hover,
1974 .x-dlg-btns .x-btn-focus button.x-btn-text
1975 {
1976     color: #000;
1977 }
1978
1979 /* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
1980 td.edit.view td
1981 {
1982         text-align: left;
1983 }
1984 td.edit.view td[align=right]
1985 {
1986         text-align: right;
1987 }
1988 #user_password, #user_name
1989 {
1990         width: 150px;
1991 }
1992
1993 /* if we have horizontal padding anywhere in the table, it will break the rollup tree */
1994 #forecastsWorksheet  tbody  tr  td,
1995 #forecastsWorksheet  tr  td
1996 {
1997     padding: 3px 0px 5px 0px !important;
1998 }
1999 #forecastsWorksheet  tr.pagination  td
2000 {
2001     padding: 0 !important;
2002 }
2003 #forecastsWorksheet tr.pagination td table td
2004 {
2005     padding:3px 7px 3px 5px !important;
2006 }
2007 /* for forecasts worksheet containing table ( overrides .list .view style ) */
2008 #forecastsWorksheet > tbody > tr > td,
2009 #forecastsWorksheet > tr > td,
2010 #forecastsWorksheet #activetimeperiods  tr  td
2011 {
2012     padding: 0  ! important;
2013     vertical-align: top;
2014 }
2015
2016 /* help styles */
2017 .helpButton, .helpShortcut
2018 {
2019     font-weight: bold;
2020 }
2021
2022 /* fixes email setting issues */
2023 #tab_general > form > table,
2024 #tab_general > form > table.detail th,
2025 #tab_accounts > table,
2026 #tab_accounts > table.detail th
2027 {
2028     border: 0;
2029 }
2030 #tab_accounts .detail.view .edit.view
2031 {
2032     margin-top: 0;
2033 }
2034 #tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table
2035 {
2036     padding: 0pt ! important;
2037     border-collapse: collapse;
2038 }
2039 #importDialogContent
2040 {
2041     overflow: hidden;
2042 }
2043 #importDialogContent #importDiv
2044 {
2045     margin-top: 0;
2046 }
2047
2048 /* put a bit of left margin in when the left column menu is hidden */
2049 #content.noLeftColumn
2050 {
2051     margin-left: 5px;
2052     border-left: none;
2053 }
2054
2055 /* override some of the detail view styles for show more detail option (KBDocument detail view)*/
2056 .detail td.subdetail{
2057    padding:0px;
2058    border-bottom:medium none;
2059 }
2060 .detail td.subdetail table tr td{
2061     padding: 5px 6px;
2062 }
2063 /* override some of the detail view styles for the import options dialog */
2064 #importOptions td
2065 {
2066     padding: 5px 6px;
2067 }
2068 #importOptions table
2069 {
2070     border-collapse:collapse;
2071 }
2072 #importOptions #chooser_choose_index_text,
2073 #importOptions #chooser_ignore_index
2074 {
2075     background: white;
2076     border: 0;
2077     text-align: left;
2078 }
2079
2080 /* login page*/
2081 .login table tr td
2082 {
2083     padding:0px !important;
2084     text-align:left;
2085 }
2086 .login
2087 {
2088     padding:10px 6px 12px 10px !important;
2089 }
2090 .login .login_more
2091 {
2092     text-align:right;
2093     *padding-right: 18px !important; /* only needed in IE7 and earlier */
2094 }
2095
2096 #lastviewicon, #newrecordicon, #shortcuts_img,#lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 {
2097         display:none;
2098 }
2099
2100 #color_menu, #font_menu {
2101         width:200px;
2102         height:15px;
2103         margin:0;
2104         padding:0px;
2105 }
2106
2107 #color_menu li, #font_menu li{
2108     float:left;
2109         height:15px;
2110         width:15px;
2111 }
2112
2113 #themepickerDialog div[class="ft"]{
2114         display:none;
2115 }
2116
2117 #stylepicker{
2118            border-width:1px;
2119            margin:0px;
2120            padding:0px;
2121            width:auto;
2122 }
2123
2124 #themepickerDialog_c{
2125         right: 2em;
2126     top: 3em;
2127 }
2128
2129 #popup_query_form
2130 {
2131     padding-left:0;
2132     padding-right:0;
2133 }
2134
2135 .emailaddresses tr td[scope=row]
2136 {
2137     padding-left:0 !important;
2138     padding-top:0 !important;
2139 }
2140
2141 /*System Settings*/
2142 #container_upload
2143 {
2144     margin-top:7px;
2145 }
2146
2147 /* Subpanel links */
2148 .subTabs td
2149 {
2150     font-size: 12px;
2151     padding: 0 0.25em;
2152 }
2153
2154 .sugarFeedDashlet
2155 {
2156         overflow:auto;
2157         max-height:375px;
2158         height:expression(this.scrollHeight>375?'375px':'auto');
2159 }
2160
2161 .sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col]
2162 {
2163         display:none;
2164 }
2165
2166 .sugarFeedDashlet tr
2167 {
2168         height:auto;
2169 }
2170
2171 /*
2172 Bug 33193 - Fixed several items in the sugarfeeds not correctly scrolling on IE7;
2173 added the *position:static CSS property on the following two rules, which will only
2174 be used on IE7 and IE6
2175 */
2176 .sugarFeedDashlet .byLineBox
2177 {
2178         width:100%;
2179         position:relative;
2180         *position:static;
2181         overflow: none;
2182 }
2183
2184 .sugarFeedDashlet .yui-ac-input
2185 {
2186     *position:static !important;
2187 }
2188
2189 .sugarFeedDashlet .byLineBox .byLineLeft
2190 {
2191         font-size:79%;
2192         float:left;
2193 }
2194
2195 .sugarFeedDashlet .byLineBox .byLineRight
2196 {
2197         display:inline;
2198         float:right;
2199         font-size:79%;
2200 }
2201
2202 iframe.teamNoticeBox
2203 {
2204         width:99%;
2205         padding:0;
2206 }
2207
2208 .loading-indicator
2209 {
2210         font-size:11px;
2211         background-image:url(../default/ext/resources/images/default/grid/loading.gif);
2212         background-repeat:no-repeat;
2213         background-position:left;
2214         padding-left:20px;
2215         line-height:16px;
2216         margin:3px;
2217 }
2218
2219 .x-sqs-list
2220 {
2221         border:1px solid #d0d0d0;
2222         background:#d0d0d0;
2223         zoom:1;
2224         overflow:hidden;
2225 }
2226
2227 .x-sqs-list-inner
2228 {
2229         overflow:auto;
2230         background:#FFF;
2231         position:relative;
2232         zoom:1;
2233         overflow-x:hidden;
2234 }
2235
2236 .x-sqs-list-item
2237 {
2238         font:normal 12px tahoma,arial,helvetica,sans-serif;
2239         border:1px solid #fff;
2240         white-space:nowrap;
2241         overflow:hidden;
2242         text-overflow:ellipsis;
2243         padding:1px;
2244 }
2245
2246 .x-sqs-list .x-sqs-selected
2247 {
2248         border:1px dotted #f6f6f6!important;
2249         background:#d0d0d0;
2250         cursor:pointer;
2251 }
2252 embed
2253 {
2254     background: transparent;
2255 }
2256
2257 #massupdate_form
2258 {
2259     margin-top: 20px;
2260 }
2261
2262 #massupdate_form .buttons
2263 {
2264     padding-bottom: 2px;
2265 }
2266
2267 /* Bug 32603 - Fixes missing center line for KB Admin */
2268 #selected_directory_children
2269 {
2270     border-left: 1px solid;
2271     padding: 3px;
2272 }
2273
2274 .dashletPanel .hd .hd-center .dashletToolSet a{
2275         padding: 0px 2px;
2276 }
2277
2278 .dashletPanel .hd .hd-center .dashletToolSet a:last-child  {
2279         padding-right: 0px;
2280 }
2281
2282 .dashletPanelMenu.wizard.import .bd .screen {
2283     padding: 20px;
2284     border: 0px none;
2285     border-radius: 0px;
2286     height: 487px;
2287     overflow-x: hidden;
2288     overflow-y: auto;
2289     width: auto;
2290     display: block;
2291     background-color: #fff;
2292 }
2293 div.confirmTable {
2294             overflow: auto;
2295             width: 1056px;
2296             position: relative;
2297             margin-bottom: 20px;
2298         }
2299 /* Bug 19728 - Email Templates detail view is different with edit view */
2300 #html_div p
2301 {
2302         margin: 12px 0px;
2303 }
2304
2305 #html_div p:first-child {
2306         margin: 0px 0px 12px 0px;
2307 }
2308
2309 /* UNUSED STYLES */
2310
2311 /* Default Styles */
2312
2313 .h3Row {
2314         margin-top: 10px;
2315         vertical-align: middle;
2316         background-repeat: repeat-x;
2317         background-position: top;
2318         background-color: #fff;
2319 }
2320 .h3Row td
2321 {
2322         padding: 4px 5px 3px 3px;
2323 }
2324 h4, h5
2325 {
2326         margin-bottom: 2px;
2327         padding-left: 4px;
2328 }
2329 hr
2330 {
2331     border: 0;
2332     border-top: 1px solid #999;
2333     background-color: #999;
2334     color: #999;
2335     height: 1px;
2336     margin: 1em 0;
2337     clear: both;
2338 }
2339 a:link, a:visited, a:hover
2340 {
2341         text-decoration: underline;
2342 }
2343
2344 .buttonSlide {
2345         border: 0px;
2346 }
2347
2348 .buttonSlide .yui-hd {
2349         border: 0px;
2350         background-color: transparent;
2351         padding: 0px;
2352 }
2353
2354 .buttonSlide.yui-module .yui-hd .toggle em {
2355         background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_more.png);
2356         background-repeat: no-repeat;
2357         display: inline; /* prevent IE margin doubling */
2358     overflow:hidden;
2359     text-indent:9999px;
2360         float: right;
2361     overflow:hidden;
2362     text-align: right;
2363         height: 14px;
2364         width: 14px;
2365 }
2366
2367 .buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
2368         background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_less.png);
2369 }
2370
2371 .buttonSlide .yui-bd {
2372 }
2373
2374 input, select, textarea, button, .button
2375 {
2376         border: 1px solid;
2377 }
2378 button, input[type=submit], input[type=reset], input[type=button], .button
2379 {
2380         font-weight: normal;
2381         background-repeat: repeat-x;
2382         background-position: top;
2383         padding-bottom: 1px;
2384     padding-right: 6px;
2385     padding-left: 6px;
2386         vertical-align: middle;
2387 }
2388
2389 .pagination button, .pagination input[type=submit], .pagination input[type=reset], .pagination input[type=button], .pagination .button
2390 {
2391     padding-right: 3px;
2392     padding-left: 3px;
2393 }
2394 button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
2395 button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
2396 button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
2397 {
2398         color: #fff;
2399         background-image: none;
2400         cursor:pointer;
2401         font-weight: normal;
2402 }
2403
2404 /* set a minimum width for the header */
2405 #header
2406 {
2407     min-width: 85em;
2408 }
2409 /* header */
2410 #header div.line {
2411 height: 2px;
2412         border-bottom: 2px solid;
2413     color:#0046ad;
2414 }
2415
2416 #sitemapLink
2417 {
2418     padding-top: 3px;
2419 }
2420 #sitemapLinkSpan
2421 {
2422     border-right:1px solid #999;
2423     border-right:none;
2424 }
2425 #search {
2426     border-left:1px solid #999;
2427 }
2428
2429 /* DetailView/EditView/ListView styles */
2430 .view
2431 {
2432     border-bottom:1px solid;
2433     border-top:2px solid;
2434 }
2435
2436 /* DetailView styles */
2437
2438 .detail table,
2439 table.detail
2440 {
2441     padding: 0;
2442 }
2443 .detail tr td
2444 {
2445     border-bottom: 1px solid;
2446 }
2447 .detail tr td[scope=row]
2448 {
2449     border-bottom:1px solid;
2450 }
2451 .detail tr th
2452 {
2453     border-bottom: 2px solid;
2454     background: #fff;
2455 }
2456
2457 /* Listview styles */
2458 .list
2459 {
2460     border: 1px solid;
2461 }
2462 .list tr.pagination td table td
2463 {
2464     background:#FAFAFA none repeat scroll 0 0;
2465     color:#666666;
2466 }
2467 .td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col]
2468 {
2469     border-left: none;
2470     border-right: none;
2471     border-top: 1px solid #cccccc;
2472     border-bottom: 1px solid #cccccc;
2473     background: #ebebed !important;
2474 }
2475
2476
2477 /* module title */
2478 .moduleTitle
2479 {
2480     padding-bottom: 3px;
2481     padding-top: 0;
2482     margin-bottom: 10px;
2483     margin-top: 0;
2484 }
2485 .moduleTitle > h2 > img
2486 {
2487     display: none;
2488 }
2489
2490 /* for subpanel tabs */
2491 ul.subTabs
2492 {
2493     padding: 4px 0;
2494     margin: 0px 0 0 0;
2495     border: none;
2496     font: 12px Arial, Verdana, Helvetica, sans-serif;
2497 }
2498 ul.subTabs li
2499 {
2500     list-style: none;
2501     margin: 0;
2502     display: inline;
2503 }
2504 .activeSubTab,
2505 ul.subTabs li a.activeSubTab:link,
2506 ul.subTabs li a.activeSubTab:visited,
2507 ul.subTabs li a.activeSubTab:hover
2508 {
2509     font-weight: bold;
2510 }
2511 ul.subTabs li a
2512 {
2513     padding: 0 8px 0 8px;
2514     margin: 0px;
2515     border-right: 1px solid;
2516     border-bottom: none;
2517     text-decoration: none;
2518 }
2519 ul.subTabs li a:link, ul.subTabs li a:visited
2520 {
2521     text-decoration: none;
2522 }
2523 .subTabMore
2524 {
2525     font-size: 11px;
2526     text-decoration: none;
2527     padding-top: 3px;
2528 }
2529
2530 /* module list in header.tpl */
2531 #moduleList
2532 {
2533     display: block;
2534     height: 2.4em;
2535 }
2536 #moduleList ul
2537 {
2538     list-style: none;
2539     padding: 0;
2540     margin: 0;
2541     color: #ccc;
2542 }
2543 #moduleList ul li
2544 {
2545     float: left;
2546     margin: 0 0.15em;
2547     display:block;
2548     font-weight: bold;
2549     padding:8px 6px 4px 2px;
2550 }
2551 #moduleList > ul > li
2552 {
2553     background-repeat:no-repeat;
2554     background-position:right top;
2555 }
2556 #moduleList > ul > li.noBorder
2557 {
2558     background-image: none;
2559     padding-right: 0;
2560     padding-left: 0px;
2561     margin-left: -2px;
2562 }
2563 #moduleList > ul:first-child
2564 {
2565     padding-left: 14px;
2566 }
2567 #moduleList > ul > li#moduleTabExtraMenu
2568 {
2569     padding-left:16px;
2570     padding-right:20px;
2571 }
2572 #moduleList ul li span.currentTab
2573 {
2574     font-weight: bold;
2575     padding: 8px 5px 6px 5px;
2576     background-position: top center;
2577     border-bottom: 2px solid;
2578     margin: 0 !important;
2579     border-left: 0 !important;
2580 }
2581 #moduleList ul li span.currentTabLeft
2582 {
2583     background-position: top left;
2584     border-bottom: 2px solid;
2585     margin-right: 0 !important;
2586     border-left: 0 !important;
2587     padding:8px 2px 6px;
2588 }
2589 #moduleList ul li span.currentTabRight
2590 {
2591     background-position: top right;
2592     border-bottom: 2px solid;
2593     margin-left: 0 !important;
2594     border-left: 0 !important;
2595     padding:8px 2px 6px;
2596 }
2597 #moduleList ul li a:link,
2598 #moduleList ul li a:visited
2599 {
2600     text-decoration: none;
2601     padding-top: 0px;
2602 }
2603 #moduleList ul li a:hover
2604 {
2605     text-decoration: none;
2606 }
2607 #moduleList ul li ul.cssmenu
2608 {
2609     margin-left: -1.7em;
2610     margin-top: 0.3em;
2611 }
2612 #subModuleList
2613 {
2614     padding:0.4em 0 0.3em 1em;
2615         border-bottom: none;
2616         border-top: 2px solid;
2617 }
2618 #subModuleList span a
2619 {
2620     text-decoration: none;
2621     padding: 0.2em 0.5em 0.3em 0.5em;
2622         margin: 0 -3px 0 0;
2623         border-right: 1px solid;
2624         border-left: 1px solid;
2625         border-bottom: none;
2626 }
2627
2628 /* last viewed and shortcuts lists in the header */
2629 .headerList
2630 {
2631     border-bottom: 2px solid;
2632 }
2633 .headerList a:link, .headerList a:visited, .headerList a
2634 {
2635     text-decoration: none;
2636     border-left:1px solid;
2637 }
2638 .headerList a:hover
2639 {
2640     background: #fff;
2641 }
2642 .headerList a:hover span
2643 {
2644         text-decoration: underline;
2645 }
2646 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
2647 .leftList ul li
2648 {
2649     border-bottom: 1px solid;
2650 }
2651
2652 /* left side column */
2653 #leftColumn
2654 {
2655     padding-right: 8px;
2656     padding-top: 10px;
2657 }
2658 #leftColumn h3, #HideMenu h3
2659 {
2660     padding-left: 3px;
2661     padding-top: 8px;
2662     padding-bottom: 4px;
2663         margin-bottom: 0;
2664     border-bottom:2px solid;
2665     color:#444;
2666 }
2667
2668 /* hidden shortcuts menu */
2669 #HideMenu
2670 {
2671     border-bottom: 2px #cccccc solid;
2672     border-right: 2px #cccccc solid;
2673     background: #ffffff;
2674     left: 10px;
2675     width: 150px;
2676 }
2677
2678 /* new record form */
2679 #newRecord form
2680 {
2681     border-bottom: 1px solid;
2682 }
2683
2684 /* misc links */
2685 a.utilsLink:link, a.utilsLink:visited
2686 {
2687     font-weight: normal;
2688     text-decoration: underline;
2689     padding-bottom: 3px;
2690 }
2691 a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover
2692 {
2693     text-decoration: none;
2694     line-height: 20px;
2695     margin-right: 2px;
2696 }
2697
2698 /* global links */
2699
2700 #globalLinks {
2701     padding:8px 2px 3px;
2702 }
2703 #globalLinks ul
2704 {
2705     color: #ccc;
2706 }
2707 #globalLinks ul li a
2708 {
2709     color: #444444;
2710 }
2711 #globalLinks ul li span
2712 {
2713     color: #CCCCCC
2714 }
2715
2716 #welcome {
2717 border-right: 2px solid #ddd;
2718 }
2719
2720 /* themepicker */
2721 #themepickerLinkSpan a
2722 {
2723     color: #444444;
2724 }
2725
2726 /* search form */
2727 #search input[name=query_string]
2728 {
2729     border: 1px solid;
2730     font-size: 11px;
2731 }
2732
2733
2734 /* for subpanel tabs */
2735 ul.tablist, ul.subpanelTablist
2736 {
2737     border-bottom: 2px solid;
2738 }
2739 ul.tablist li a, ul.subpanelTablist li a
2740 {
2741     border-top: 2px solid;
2742     border-right: 1px solid;
2743     border-bottom: none;
2744 }
2745 ul.tablist li a:hover, ul.subpanelTablist li a:hover
2746 {
2747     border-top: 2px solid;
2748 }
2749 ul.tablist li a.current, ul.tablist li a.current:hover
2750 {
2751     border-bottom:2px solid #f6f6f6;
2752         font-weight: bold;
2753 }
2754 ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover
2755 {
2756     border-bottom:2px solid #fff;
2757     font-weight: bold;
2758 }
2759 .subpanelTabForm .h3Row
2760 {
2761     border-top: 1px solid #dddddd;
2762         background-image: none;
2763 }
2764
2765 /*Bug 29945 */
2766 .pagination button {
2767     border-color: #c1c1c1;
2768     background-color: #f0f0f0;
2769     color: #000;
2770     background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtnGray.gif);
2771 }
2772
2773 .pagination button [title="Return to List"]:hover{
2774     background-image:none;
2775     color:#fff;
2776 }
2777
2778 #colorPicker {
2779     border-right:2px solid #DDDDDD;
2780     padding:8px 4px 4px 0;
2781     margin-right:1px;
2782 }
2783
2784 #colorPicker span {
2785     color:#cccccc;
2786 }
2787
2788 #colorPicker #themepickerLinkSpan {
2789     color:#444444;
2790     text-decoration:underline;
2791     font-size:12px;
2792     font-weight:400;
2793 }
2794
2795 #colorPicker #themepickerLinkSpan:hover {
2796     color:#0B578F;
2797 }
2798
2799 /* fonts */
2800 body
2801 {
2802         font-size: 12px;
2803 }
2804 table, div
2805 {
2806         font-size: 11px;
2807 }
2808 h1, h2
2809 {
2810         font-size: 14px;
2811 }
2812 h3
2813 {
2814         font-size: 13px;
2815 }
2816 h4, h5
2817 {
2818         font-size: 12px;
2819 }
2820 input, select, textarea, button
2821 {
2822         font-size: 12px;
2823 }
2824
2825 /* YUI styles */
2826 .ygrid-row,
2827 .ygrid-hd,
2828 .ygrid-hd-body,
2829 .ygrid-hd-body span
2830 {
2831     font-size: 8pt;
2832 }
2833
2834 /* for the main screen navigation tabs */
2835 #moduleList ul li,
2836 #subModuleList span
2837 {
2838     font-size: 12px;
2839 }
2840
2841 /* left column and the hidden list menu */
2842 #leftColumn h3, #HideMenu h3
2843 {
2844     font-size: 12px;
2845 }
2846
2847 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
2848 .leftList ul
2849 {
2850     font-size: 11px;
2851 }
2852
2853 /*welcome user and date bar and last view*/
2854 #welcome, #search, #sitemapLink, #globalLinks, #globalLinks a, #themepickerLinkSpan
2855 {
2856     font-size: 12px;
2857 }
2858
2859 /* search */
2860 #search input[name=query_string]
2861 {
2862     font-size: 11px;
2863 }
2864
2865 /* side quickcreate */
2866 #newRecord form,
2867 #newRecord form button,
2868 #newRecord form input[type=submit],
2869 #newRecord form input[type=button],
2870 #newRecord form input[type=reset],
2871 #newRecord form .dataLabel,
2872 #newRecord form a:link,
2873 #newRecord form a:visited
2874 {
2875     font-size: 11px;
2876 }
2877
2878 /* reports */
2879 .reportGroup1ByTable,
2880 .reportGroupNByTable,
2881 .reportlistViewThS1,
2882 .reportGroup1ByTableEvenListRowS1,
2883 .reportGroupNByTableEvenListRowS1,
2884 .reportGroupByDataChildTablelistViewThS1,
2885 .reportlistViewMatrixThS1,
2886 .reportlistViewMatrixThS2,
2887 .reportlistViewMatrixThS3,
2888 .reportlistViewMatrixThS4,
2889 .reportlistViewMatrixLeftEmptyData,
2890 .reportlistViewMatrixRightEmptyData,
2891 .reportlistViewMatrixRightEmptyData1
2892 {
2893     font-size: 11px;
2894 }
2895
2896 .reportevenListRowS1,
2897 .reportoddListRowS1 ,
2898 .reportGroupByDataEvenListRowS1,
2899 .reportGroupByDataOddListRowS1 ,
2900 .reportGroupByDataMatrixEvenListRowS1,
2901 .reportGroupByDataMatrixEvenListRowS2,
2902 .reportGroupByDataMatrixEvenListRowS3,
2903 .reportGroupByDataMatrixEvenListRowS4,
2904 .reportDataChildtablelistView td
2905 {
2906     font-size: 12px;
2907 }
2908
2909 /* for all views */
2910 .view tr, .view td, .view h4, .view div
2911 {
2912     font-size: 12px;
2913 }
2914 .view td a, .view div a, .list th div
2915 {
2916     font-size: 11px;
2917 }
2918 .other td a, .detail td a
2919 {
2920     font-size: 12px;
2921 }
2922 .subTabs td
2923 {
2924     font-size: 12px;
2925 }
2926
2927 /* for list views */
2928 .oddListRowS1 td a, .evenListRowS1 td a
2929 {
2930     font-size: 12px;
2931 }
2932
2933 /* misc links */
2934 a.utilsLink:link,
2935 a.utilsLink:visited
2936 {
2937     font-size: 11px;
2938 }
2939 a.tabFormAdvLink:link,
2940 a.tabFormAdvLink:visited
2941 {
2942     font-size: 12px;
2943 }
2944 /* calendar styles */
2945 .monthBox,
2946 .monthCalBody td,
2947 .monthViewDayHeight a,
2948 .monthHeader a,
2949 .monthFooter a
2950 {
2951     font-size: 12px;
2952 }
2953
2954 .monthCalBodyWeek a
2955 {
2956     font-size: 11px;
2957 }
2958
2959 .monthCalBodyDayItem td a
2960 {
2961     font-size: 10px;
2962 }
2963
2964 /* misc font displays */
2965 .rssItemDate,
2966 .dateFormat,
2967 .chartFootnote
2968 {
2969     font-size: 11px;
2970 }
2971 .tm
2972 {
2973     font-size: 8px;
2974 }
2975
2976 /* for subpanel tabs */
2977 ul.tablist,
2978 ul.tablist li a,
2979 ul.subpanelTablist,
2980 ul.subpanelTablist li a,
2981 .subpanelTabForm,
2982 .subpanelTabForm h3
2983 {
2984     font-size: 12px;
2985 }
2986 .subTabMore
2987 {
2988     font-size: 11px;
2989 }
2990
2991 /* for quick searches */
2992 .sqsMatchedSmartInputItem
2993 {
2994     font-size: 11px;
2995 }
2996
2997 /* for overlib js library */
2998 .olCapFontClass A
2999 {
3000         font-size: 9px;
3001 }
3002
3003 /* sitemap */
3004 #sitemap a:link, #sitemap a:visited, #sitemap a:hover
3005 {
3006     font-size: 11px;
3007 }
3008 #sitemap h4 a:link, #sitemap h4 a:visited, #sitemap h4 a:hover
3009 {
3010     font-size: 13px;
3011 }
3012
3013 /* for about page */
3014 .about, .about td, .about span
3015 {
3016     font-size: 12px;
3017 }
3018
3019 /* for edit view like forms that need a smaller font size */
3020 .edit.view.small td,.detail.view.small td
3021 {
3022     font-size: 11px;
3023 }
3024
3025 /* to make the reportwizard button text smaller */
3026 .reportwizard .buttonText
3027 {
3028         font-size: 11px;
3029 }
3030
3031 /* to fix the size of the fonts in the unified module search popup */
3032 #unified_search_advanced_div .edit.view td
3033 {
3034     font-size: 11px;
3035 }
3036
3037 /* overlib popups */
3038 .olCapFontClass div, .olFontClass
3039 {
3040     font-size: 11px !important;
3041 }
3042
3043 /* colors */
3044 body
3045 {
3046         color: #444444;
3047         background-color: #ffffff;
3048 }
3049 h1, h2, h3
3050 {
3051         color: #000000;
3052 }
3053 .h3Row
3054 {
3055         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bg.gif);
3056 }
3057 h4, h5
3058 {
3059         color: #444;
3060 }
3061 a:link, a:visited
3062 {
3063     color: #0b578f;
3064 }
3065 a:hover
3066 {
3067     color: #000000;
3068 }
3069 button, input[type=submit], input[type=reset], input[type=button], .button
3070 {
3071         border-color: #abc3d7;
3072         background-color: #ecf1f4;
3073         color: #000;
3074         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtn.gif);
3075 }
3076 button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
3077 button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
3078 button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
3079 {
3080         background-color: #4e8ccf;
3081         border-color: #4e8ccf;
3082 }
3083 button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled]
3084 {
3085         border-color: #c1c1c1;
3086         background-color: #f0f0f0;
3087         color: #000;
3088         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtnGray.gif);
3089 }
3090 input,select
3091 {
3092         border-color: #94c1e8;
3093         background-color: #ffffff;
3094 }
3095
3096 input:focus,textarea:focus, select:focus
3097 {
3098         background-color: #fff;
3099         border-color: #abc3d7;
3100 }
3101 textarea
3102 {
3103         border-color: #abc3d7;
3104         background-color: #fff;
3105 }
3106
3107 /* for team notices dashlet */
3108 .teamNoticeBox
3109 {
3110     border-color: #abc3d7;
3111     color: #444444;
3112 }
3113
3114 /* header */
3115 #header div.line {
3116     background-color:#4e8ccf;
3117         border-bottom-color: #0046ad;
3118     color:#0046ad;
3119 }
3120
3121 /* for the main screen navigation tabs */
3122 #moduleList
3123 {
3124     background-image : url(../../../../index.php?entryPoint=getImage&imageName=tabRowBg.gif);
3125     background-repeat: repeat-x;
3126     border-bottom-color: #0046ad;
3127 }
3128 #moduleList > ul > li
3129 {
3130     background-image:url(../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=otherTab.gif);
3131 }
3132 #moduleList ul li span.currentTab a:link,
3133 #moduleList ul li span.currentTab a:visited,
3134 #moduleList ul li span.currentTab a:hover
3135 {
3136     color: #ffffff;
3137 }
3138 #moduleList ul li a:link,
3139 #moduleList ul li a:visited
3140 {
3141     color: #444444;
3142 }
3143 #moduleList ul li a:hover
3144 {
3145     color: #000000;
3146 }
3147 #moduleList ul li span.currentTabLeft,
3148 #moduleList ul li span.currentTabRight,
3149 #moduleList ul li span.currentTab
3150 {
3151     background-image : url(../../../../index.php?entryPoint=getImage&imageName=currentTab.gif);
3152     background-repeat: no-repeat;
3153     border-bottom-color: #4e8ccf;
3154 }
3155 #subModuleList
3156 {
3157         background-color:#4e8ccf;
3158         border-color:#0046ad;
3159 }
3160 #subModuleList span a
3161 {
3162         border-right-color:#0046ad;
3163         border-left-color:#79a7d8;
3164 }
3165 #subModuleList span a:link,
3166 #subModuleList span a:visited
3167 {
3168     color: #ffffff;
3169 }
3170 #subModuleList span a:hover
3171 {
3172     background-color:#0046ad;
3173         border-left-color:#0046ad;
3174 }
3175
3176 /* lists in the header */
3177 .headerList
3178 {
3179     color: #444;
3180     border-top-color:#0046ad;
3181     border-bottom-color: #abc3d7;
3182     background-color: #f4f9fc;
3183 }
3184 .headerList a:link,
3185 .headerList a:visited,
3186 .headerList a
3187 {
3188     color: #444444;
3189     border-color: #CBDAE6;
3190 }
3191 .headerList a:hover
3192 {
3193     color: #0b578f;
3194 }
3195 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
3196 .leftList ul,
3197 .leftList ul li,
3198 #newRecord form
3199 {
3200     background-color: #fff;
3201     border-color: #cbdae6;
3202 }
3203 #leftColumn h3, #HideMenu h3
3204 {
3205     border-color: #abc3d7;
3206 }
3207 .leftList ul li a:hover,
3208 .leftList ul li span:hover
3209 {
3210     color: #000000;
3211     background-color: #f4f9fc;
3212 }
3213 /* global links and theme picker */
3214 #globalLinks ul li a:hover, #themepickerLinkSpan a:hover
3215 {
3216     color: #0b578f;
3217 }
3218 /* for subpanel tabs */
3219 ul.tablist li a.activeSubTab:hover
3220 {
3221     border-bottom-color: #ddd;
3222     color: #000000;
3223 }
3224 ul.subpanelTablist li a.activeSubTab:hover
3225 {
3226     color: #000000;
3227 }
3228
3229 /* search */
3230 #search input[name=query_string]
3231 {
3232         border-color: #6fb0e4;
3233         background-color: #f6fafd;
3234 }
3235
3236 /* new record form */
3237 #newRecord form a:link,
3238 #newRecord form a:visited
3239 {
3240     color: #666666;
3241 }
3242 #newRecord form a:hover
3243 {
3244     color: #444444;
3245 }
3246
3247 /* listviews */
3248 .list tr.pagination td table td a:link,
3249 .list tr.pagination td table td a:visited,
3250 .reportGroupByDataChildTablelistViewThS1 a:link,
3251 .reportGroupByDataChildTablelistViewThS1 a:visited,
3252 .list tr th,
3253 .list tr th a:link,
3254 .list tr th a:visited,
3255 .list tr td[scope=col],
3256 .list tr td[scope=col] a:link,
3257 .list tr td[scope=col] a:visited,
3258 .list tr.pagination td table td span.pageNumbers
3259 {
3260     color: #444444;
3261 }
3262 .list
3263 {
3264         border-color: #ABC3D7 !important;
3265 }
3266 .evenListRowS1 td,
3267 .oddListRowS1 td
3268 {
3269     color: #000000;
3270     border-bottom: 1px solid #cbdae6;
3271 }
3272 .evenListRowS1:hover td,
3273 .oddListRowS1:hover td
3274 {
3275     background: #f6f6f6;
3276 }
3277
3278 /* detailviews */
3279 .detail table,
3280 table.detail
3281 {
3282     background-color: #cbdae6;
3283 }
3284 .detail tr td[scope="row"]
3285 {
3286     color: #000000;
3287     background-color: #f6f6f6;
3288     border-color: #cbdae6;
3289 }
3290 .detail h4 {
3291     color: #444444;
3292 }
3293 .detail tr th
3294 {
3295     border-color: #cbdae6;
3296 }
3297 .detail tr td
3298 {
3299     color: #444444;
3300     border-color: #cbdae6;
3301     background-color: #fff;
3302 }
3303 .detail tr td a:link,
3304 .detail tr td a:visited,
3305 .detail tr td a:hover
3306 {
3307     color: #0b578f;
3308 }
3309
3310 /* editviews */
3311 .edit td[scope=row]
3312 {
3313     color: #444444;
3314 }
3315
3316 #EditView hr{
3317     border-color:#abc3d7;
3318 }
3319
3320 .edit, .edit > table, .detail, .detail > table
3321 {
3322     border-bottom-color: #abc3d7 !important;
3323     border-top-color: #4e8ccf !important;
3324 }
3325 .edit
3326 {
3327     color: #000000;
3328     background-color: #f6f6f6;
3329 }
3330 .detail .edit td
3331 {
3332     background-color: #fff !important;
3333     border-bottom: 0 !important;
3334 }
3335
3336 /* other views */
3337 .other
3338 {
3339     border-color: #abc3d7;
3340     background-color: #cbdae6;
3341 }
3342 .other td
3343 {
3344     color: #444444;
3345     background-color: #ffffff;
3346     border-left-color: #dfdfdf;
3347 }
3348 .other td[scope=row]
3349 {
3350     color: #000000;
3351     background-color: #fafafa;
3352 }
3353 .other td.edit
3354 {
3355     color: #000000;
3356     background-color: #f6f6f6;
3357 }
3358
3359 /* misc links */
3360 a.utilsLink:link, a.utilsLink:visited
3361 {
3362     color: #0b578f;
3363 }
3364 a.tabFormAdvLink:link, a.tabFormAdvLink:visited
3365 {
3366     color: #444444;
3367 }
3368
3369 /* calendar styles */
3370 .monthCalBody
3371 {
3372         background-color: #abc3d7;
3373 }
3374 .monthFooter td
3375 {
3376         border-top-color: #abc3d7;
3377         border-bottom-color: #abc3d7;
3378         background-color: #ffffff;
3379 }
3380 .monthHeader a:hover,
3381 .monthViewDayHeight a:hover
3382 {
3383         color: #0b578f;
3384 }
3385 .monthCalBodyTH th[scope=row],
3386 .monthViewDayHeight td[scope=row]
3387 {
3388         background-color: #ebebeb;
3389 }
3390 .monthCalBodyTH th
3391 {
3392         background-color: #fafafa;
3393         color: #444444;
3394         border-color: #abc3d7 !important;
3395 }
3396 .monthViewDayHeight td
3397 {
3398         border-color: #abc3d7;
3399         background-color: #ffffff;
3400         color: #444444;
3401 }
3402 .monthViewDayHeight td[class=weekEnd]
3403 {
3404         background-color: #f6f6f6;
3405 }
3406 .monthCalBodyDayItem
3407 {
3408         background-color: #ffffff;
3409         border-top-color: #abc3d7;
3410         border-bottom-color: #ddd;
3411 }
3412 .monthCalBody td
3413 {
3414         background-color: #fff;
3415         color: #444444;
3416 }
3417 .monthCalBody th a
3418 {
3419         color: #000000;
3420 }
3421 .yearCalBody
3422 {
3423         border: none;
3424 }
3425 .yearCalBodyMonth
3426 {
3427         background-color: #abc3d7 !important;
3428         border-top: 2px solid #4e8ccf;
3429         border-bottom: 2px solid #fff;
3430 }
3431 .yearCalBody .monthHeader
3432 {
3433     border: none;
3434 }
3435 .yearCalBodyMonth #daily_cal_table
3436 {
3437         border-top: #abc3d7;
3438 }
3439 .yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay
3440 {
3441         border-color: #abc3d7;
3442 }
3443 .yearCalBodyMonth > a
3444 {
3445         color: #000000;
3446 }
3447 h5.calSharedUser
3448 {
3449         color: #444444;
3450 }
3451 .monthHeader
3452 {
3453     color: #444;
3454     background-color: #fff;
3455     border-color: #abc3d7;
3456     background-image: url(../../../../index.php?entryPoint=getImage&imageName=bg.gif);
3457 }
3458
3459 /* for subpanel tabs */
3460 .subpanelTabForm
3461 {
3462     border-color: #abc3d7;
3463     color: #000000;
3464     background-color: #ffffff;
3465 }
3466 ul.tablist, ul.subpanelTablist
3467 {
3468     border-bottom-color: #abc3d7;
3469 }
3470 ul.tablist li a:hover,
3471 ul.subpanelTablist li a:hover
3472 {
3473     background: #fafafa;
3474     border-color: #abc3d7;
3475 }
3476 ul.tablist li a,
3477 ul.subpanelTablist li a
3478 {
3479     background-color: #fff;
3480     border-color: #dddddd;
3481 }
3482 ul.tablist li a:link,
3483 ul.tablist li a:visited,
3484 ul.subpanelTablist li a:link,
3485 ul.subpanelTablist li a:visited
3486 {
3487     color: #444444;
3488 }
3489 ul.tablist li a:hover,
3490 ul.subpanelTablist li a:hover
3491 {
3492     background: #fafafa;
3493 }
3494 ul.subpanelTablist li a.current,
3495 ul.subpanelTablist li a.current:hover
3496 {
3497     color: #4f4f4f;
3498         background: #fff;
3499     border-right-color: #abc3d7;
3500     border-top-color: #abc3d7;
3501     border-bottom-color: #fff;
3502 }
3503
3504 ul.tablist li a.current:link, ul.tablist li a.current:visited, ul.tablist li a.current:hover
3505 {
3506     background: #f6f6f6;
3507     border-bottom-color: #f6f6f6;
3508     border-right-color: #abc3d7;
3509     border-top-color: #abc3d7;
3510 }
3511
3512 #change_layout
3513 {
3514     border: 0;
3515 }
3516
3517 /* for overlib js library */
3518 .olCgClass td
3519 {
3520         border-bottom-color: #abc3d7;
3521 }
3522 .olBgClass
3523 {
3524         background-color: #abc3d7;
3525 }
3526
3527 /* sitemap */
3528 #sitemap .edit.view
3529 {
3530     border-color: #4e8ccf !important;
3531 }
3532
3533 /* for edit view like forms that need a smaller font size */
3534 .edit.view.small td
3535 {
3536     color: #444;
3537 }
3538
3539 /* YUI theme */
3540 .yui-dt th, .yui-dt-hd {
3541     /*background: #D8D8DA url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x 0 -30px;*/
3542     background:#EBEBED none repeat scroll 0 0;
3543 }
3544
3545 .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse
3546 {
3547     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat 0 -110px;
3548 }
3549
3550  .yui-layout .yui-layout-clip-left .collapse, .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse,
3551  .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
3552     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat 0 -90px;
3553 }
3554
3555  .yui-layout .yui-layout-clip-right .collapse {
3556     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -0 -110px;
3557 }
3558
3559  .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
3560     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -220px;
3561 }
3562
3563  .yui-layout .yui-layout-clip-top .collapse {
3564     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png')no-repeat -20px -240px;
3565 }
3566
3567  .yui-layout .yui-layout-clip-bottom .collapse {
3568     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -180px;
3569 }
3570
3571  .yui-layout .yui-layout-unit div.yui-layout-hd .close {
3572     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -100px;
3573 }
3574
3575 .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-layout .yui-layout-hd {
3576     background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 0;
3577     border-color: #ABC3D7;
3578 }
3579
3580 .yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
3581         border-color:#ABC3D7;
3582 }
3583
3584 .yuimenuitem-hassubmenu > a{
3585     background-image: url(../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png);
3586 }
3587
3588  .yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a,
3589 .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a
3590     {
3591     background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -131px;
3592 }
3593
3594  .sugar-progress-bar, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover
3595 {
3596     background:#666666 url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -157px;
3597
3598 }
3599
3600 .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a, .yui-navset .yui-nav a em, .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a  {
3601     border-color: #ABC3D7;
3602 }
3603
3604  a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
3605     background : transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png')  no-repeat scroll 0px -70px;
3606  }
3607
3608
3609 #basic_search_link
3610 {
3611     margin-left:6px !important;
3612 }
3613
3614 .star {
3615         float:right;
3616         zoom: 1;
3617         display: inline;
3618         *float: none;
3619         *width: 18px;
3620 }
3621 .moduleTitle .star
3622 {
3623     margin-top:4px;
3624     padding-right:5px;
3625 }
3626
3627 li div.star {float:none;}
3628 .star div {background-image:url('../../../../index.php?entryPoint=getImage&imageName=star-sheet.png');width:18px;height:18px;float:left;}
3629 .star div.on {background-position:0px 0px}
3630 .star div.off {background-position:0px -18px}
3631 .star div:hover {cursor:pointer;background-position:0px 0px;}
3632
3633 #ajaxStatusDiv {
3634     background : #ffffff;
3635         color : #c60c30;
3636         position : fixed;
3637         opacity : .8;
3638         filter : alpha(opacity=80);
3639     z-index: 20;
3640     top: 7px;
3641     border: 1px solid #aaa;
3642         padding: 5px;
3643 }
3644
3645 div#chartDashlets
3646 {
3647     overflow-y: auto;
3648 }
3649
3650
3651 /* miscellaneaous 508 classes */
3652 .detail508 tr td[scope="col"]
3653 {
3654     background-color: #F6F6F6;
3655     border-color: #CBDAE6;
3656     color: #000000;
3657     text-align: right;
3658     white-space: nowrap;
3659 }