themes/Sugar5/css/style.css

   1 /*********************************************************************************
   2  * SugarCRM Community Edition is a customer relationship management program developed by
   3  * SugarCRM, Inc. Copyright (C) 2004-2012 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 .list td.inlineButtons {
 840         text-align: right;
 841         min-width: 75px;
 842 }
 843 /* style for page content tables */
 844 .other
 845 {
 846     border: none !important;
 847     margin-bottom: 20px !important;
 848     padding: 0 !important;
 849     width: 100%;
 850 }
 851 .other td
 852 {
 853     font-weight: normal;
 854     padding: 4px 10px 4px 6px;
 855     vertical-align: middle;
 856 }
 857 .other td[scope=row]
 858 {
 859     padding: 4px 6px 4px 6px;
 860     white-space:nowrap;
 861 }
 862 .other .edit td
 863 {
 864         background: transparent !important;
 865 }
 866 .other .edit
 867 {
 868         margin-top: 0;
 869 }
 870
 871 /* Special for Campaigns Wizard */
 872 .other td.edit #wizard td
 873 {
 874         background: transparent;
 875 }
 876 .other td.edit #wizard h4
 877 {
 878         padding-left: 0;
 879         margin-top: 0;
 880 }
 881 #wizard td
 882 {
 883         white-space: normal;
 884     word-wrap: break-word;
 885 }
 886
 887 /* detail view */
 888 .detail.view,
 889 .detail table,
 890 table.detail
 891 {
 892     padding: 0;
 893     width: 100%;
 894 }
 895 .detail tr.pagination td
 896 {
 897     padding-top: 4px;
 898     text-align: right;
 899         vertical-align: middle;
 900 }
 901 .detail table tr.pagination td
 902 {
 903     padding-bottom: 4px;
 904 }
 905 .detail td > table tr td
 906 {
 907     border: none;
 908 }
 909 /* Upgrade Wizard*/
 910 .small{
 911     width:100%;
 912 }
 913 .small table{
 914     width:auto;
 915 }
 916 .small tr td table{
 917     background-color:transparent;
 918 }
 919 .small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th{
 920     background-color:transparent;
 921 }
 922
 923 .small tr td table tr th{
 924     text-align:left;
 925     border-bottom:none;
 926 }
 927
 928 /* for report wizard */
 929 .reportwizard
 930 {
 931         padding: 10px 6px 12px 10px;
 932 }
 933 .reportwizard > table
 934 {
 935         padding: 0 !important;
 936 }
 937 .reportwizard tr td
 938 {
 939         vertical-align: middle;
 940 }
 941 /* for subpanel tabs */
 942 ul.tablist, ul.subpanelTablist
 943 {
 944     list-style: none;
 945     padding: 3px 0;
 946     margin: 0;
 947 }
 948
 949 ul.tablist li, ul.subpanelTablist li
 950 {
 951     list-style: none;
 952     margin: 0;
 953     display: inline;
 954 }
 955 ul.tablist li a, ul.subpanelTablist li a
 956 {
 957     padding: 3px 8px;
 958     margin: 0px;
 959     border-bottom: none;
 960     text-decoration: none;
 961 }
 962 ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover
 963 {
 964     border: none;
 965     background: transparent;
 966     text-decoration: none;
 967 }
 968 ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited
 969 {
 970     text-decoration: none;
 971 }
 972
 973 .subpanelTabForm
 974 {
 975     padding: 15px 0px 0 0px;
 976 }
 977 table.subpanelTabForm td
 978 {
 979     padding-bottom: 2px;
 980     padding-top: 0;
 981 }
 982 .subpanelTabForm p
 983 {
 984     margin-bottom:0;
 985 }
 986 .subpanelTabForm h3
 987 {
 988     padding-left: 3px;
 989 }
 990 .subpanelTabForm .h3Row
 991 {
 992     padding-top: 2px;
 993     margin-top: 0;
 994 }
 995 .subpanelTabForm
 996 {
 997     margin-bottom: 10px;
 998 }
 999 #groupTabs
1000 {
1001     margin-top: 20px;
1002 }
1003 #groupTabs li, #searchTabs li
1004 {
1005     margin:0 -3px 0 0;
1006 }
1007 table.subpanelTabForm
1008 {
1009     border-top: 0px none;
1010     margin-bottom: 4px;
1011 }
1012 /* gantt styles */
1013 table.days {
1014     font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
1015     font-size: 11px;
1016 }
1017 td.days {
1018     border-top: 1px solid #dfdfdf;
1019     border-bottom: 1px solid #dfdfdf;
1020     border-left: 0px;
1021     border-right: 0px;
1022 }
1023
1024 td.sunday {
1025     border-top: 1px solid #dfdfdf;
1026     border-bottom: 1px solid #dfdfdf;
1027     border-left: 1px solid #dfdfdf;
1028     border-right: 0px;
1029 }
1030
1031 td.saturday {
1032     border-top: 1px solid #dfdfdf;
1033     border-bottom: 1px solid #dfdfdf;
1034     border-left: 0px;
1035     border-right: 1px solid #dfdfdf;
1036 }
1037
1038 td.date {
1039     width: 100%;
1040     padding: 0px;
1041     border: 0px;
1042     font-size: 10px;
1043 }
1044
1045 tr.empty {
1046     height: 2px;
1047 }
1048
1049 div.completed {
1050     background-color: #777777;
1051     float: left;
1052     width: 100%;
1053     line-height: 10px;
1054     margin-top: 4px;
1055 }
1056
1057 div.inprogress {
1058     background-color: #002E4D;
1059     float: left;
1060     width: 100%;
1061     line-height: 10px;
1062     margin-top: 4px;
1063 }
1064
1065 div.inprogress_bar {
1066     background-color: #ff0000;
1067     float: left;
1068     width: 100%;
1069     line-height: 10px;
1070     margin-top: 4px;
1071 }
1072
1073 div.notstarted {
1074     background-color: #cccccc;
1075     float: left;
1076     width: 100%;
1077     line-height: 10px;
1078     margin-top: 4px;
1079 }
1080
1081 div.indent_left {
1082     background-color: #000000;
1083     float: left;
1084     line-height: 10px;
1085     margin-top: 4px;
1086 }
1087
1088 div.indent_bar {
1089     background-color: #000000;
1090     float: left;
1091     margin-top: 4px;
1092 }
1093
1094 div.indent_right {
1095     background-color: #000000;
1096     float: right;
1097     line-height: 10px;
1098     margin-top: 4px;
1099 }
1100
1101 #horizWrapper {position:relative; margin-left:60px;width:218px;float:left;}
1102 #horizBGDiv {position:relative; top:60px; background:url(../../../../index.php?entryPoint=getImage&imageName=horizBg.png) no-repeat; height:26px; width:218px;zindex:5 }
1103 #horizHandleDiv {
1104     position:absolute;
1105     left: 100px; /* the default position is the center of the bg */
1106     top: 8px;  /* force the image down a bit */
1107     cursor:default;
1108     width:18px;
1109     height:18px;
1110 }
1111
1112 /* end gantt styles */
1113
1114 .search_form
1115 {
1116     overflow: visible;
1117         text-align: left;
1118 }
1119
1120 .search_form .view
1121 {
1122     width:99%;
1123     margin: 0 0 3px;
1124     padding-right:0 !important;
1125     padding-left:10 !important;
1126     padding-top:10px !important;
1127 }
1128 /* sitemap */
1129
1130 #sitemap
1131 {
1132     width: 650px;
1133     display:none;
1134     z-index:9999;
1135     margin-right:1em;
1136     margin-top:2.5em;
1137 }
1138 #sitemap .edit.view
1139 {
1140     border: 2px solid;
1141     padding: 6px 6px 6px 16px;
1142 }
1143 #sitemap a:link, #sitemap a:visited
1144 {
1145     text-decoration:none;
1146     font-size: 11px;
1147     color: #444;
1148 }
1149 #sitemap a:hover, #sitemap h4 a:hover
1150 {
1151     text-decoration:underline;
1152 }
1153 #sitemap h4 a:link, #sitemap h4 a:visited
1154 {
1155     font-size: 13px;
1156 }
1157 #sitemap ul
1158 {
1159     margin-top: 5px !important;
1160     margin-left: 5px !important;
1161 }
1162 #sitemap ul li
1163 {
1164     margin-bottom: 5px !important;
1165     display: list-item;
1166 }
1167
1168 /* sitemap link div */
1169 #sitemapLink span
1170 {
1171     cursor:pointer;
1172 }
1173 #sitemapLink span img
1174 {
1175     cursor:pointer;
1176     margin-left: 2px;
1177 }
1178
1179 #bottomLinks {
1180         padding: 0 25px;
1181         float: right;
1182 }
1183
1184 #bottomLinks a {
1185 }
1186
1187 #bottomLinks a.bottomLink {
1188 }
1189
1190 #bottomLinks img {
1191         border: 0px;
1192         margin-bottom: -3px;
1193         margin-left: 5px;
1194 }
1195
1196 /* Footer styles */
1197 #footer
1198 {
1199     padding-top: 10px;
1200     text-align: center;
1201     padding-bottom: 5px;
1202     clear: both;
1203 }
1204
1205 #themePicker, #langPicker
1206 {
1207     text-align: center;
1208     margin-bottom: 0.5em;
1209 }
1210
1211 #themePicker select, #langPicker select
1212 {
1213     width: 120px;
1214     font-size: 10px;
1215 }
1216
1217 /* Scheduler Styles */
1218 #scheduler
1219 {
1220     margin-top: 5px;
1221 }
1222 #scheduler .schedulerDiv
1223 {
1224     color: #000000;
1225         text-align: left;
1226     width: 100%;
1227     background-color: #FAFAFA;
1228         border-collapse: collapse;
1229         border-bottom: 1px solid #999;
1230 }
1231 #scheduler .schedulerDiv table
1232 {
1233     width: 100%;
1234         border-collapse: collapse;
1235 }
1236 #scheduler .schedulerDiv table tr td
1237 {
1238         height: 18px;
1239     border: 1px solid #dddddd;
1240 }
1241 #scheduler .schedulerDiv table tr.schedulerTimeRow td
1242 {
1243         border-left: 0;
1244 }
1245 #scheduler .schedulerDiv table tr.schedulerTimeRow th[scope=col]
1246 {
1247     border-left:1px solid #DDDDDD;
1248     padding-left:4px;
1249 }
1250 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td
1251 {
1252         background-color: #eeeeee;
1253     width: 15px;
1254 }
1255 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row]
1256 {
1257     overflow: hidden;
1258     padding-left: 4px;
1259         width: 125px;
1260     background: transparent;
1261     border-left: 0;
1262 }
1263 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime
1264 {
1265         border-left: 4px solid #75AF4F !important;
1266     background-color:#FFFFFF;
1267 }
1268 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime
1269 {
1270         border-left: 4px solid #ff0000 !important;
1271 }
1272 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell
1273 {
1274         background: transparent;
1275     border-left: 1px solid #dddddd;
1276         padding-left: 4px;
1277 }
1278 #scheduler .schedulerInvitees
1279 {
1280     margin-top: 1em;
1281 }
1282 #scheduler .schedulerInvitees .tabForm
1283 {
1284     margin-bottom: 0;
1285 }
1286
1287 /* calendar module styles */
1288 .monthFooter td
1289 {
1290     padding-left: 7px;
1291     padding-right: 7px;
1292     padding-top: 3px;
1293     padding-bottom: 5px;
1294     border-top: 1px solid;
1295     border-bottom: 2px solid;
1296 }
1297 .monthHeader
1298 {
1299         padding: 6px 5px 4px 3px;
1300         margin-top: 10px;
1301         vertical-align: middle;
1302         background-repeat: repeat-x;
1303         background-position: top;
1304 }
1305 .monthHeader td
1306 {
1307     padding-left: 5px;
1308 }
1309 .monthViewDayHeight
1310 {
1311     height: 100px;
1312 }
1313 .monthViewDayHeight td[scope=row]
1314 {
1315     padding: 5px;
1316     text-align:center;
1317 }
1318 .monthViewDayHeight td
1319 {
1320     vertical-align: top;
1321     padding: 3px;
1322     text-align: right !important;
1323 }
1324 .yearViewDayHeight
1325 {
1326     height: 40px;
1327 }
1328 .monthCalBodyDayItem
1329 {
1330     margin: 7px 0px 7px 0px;
1331     padding: 5px 0px 8px 0px;
1332     border-top: 1px solid;
1333 }
1334 .monthCalBodyDayItem td
1335 {
1336     vertical-align: top;
1337 }
1338 .monthCalBodyDayItem td img
1339 {
1340     padding-right: 3px;
1341     vertical-align: top;
1342 }
1343 .monthCalBody th
1344 {
1345     vertical-align: top;
1346     padding: 7px;
1347     height: 20px;
1348     font-weight: normal;
1349 }
1350 .monthCalBodyTH th
1351 {
1352     padding: 5px !important;
1353     border-bottom: 1px solid;
1354     font-weight: bold;
1355 }
1356 .monthCalBody td
1357 {
1358     padding: 5px;
1359     text-align: left;
1360 }
1361 .monthCalBody td div table td {
1362 text-align: left!important;
1363 }
1364 .monthCalBody
1365 {
1366    padding: 0;
1367 }
1368 .monthCalBody td.yearCalBody
1369 {
1370     padding: 0;
1371         margin: 0;
1372 }
1373 .yearCalBodyMonth
1374 {
1375     padding:5px 0 0 0 !important;
1376     text-align:center !important;
1377 }
1378 .yearCalBodyMonth #daily_cal_table
1379 {
1380     margin-top: 5px;
1381 }
1382 .yearCalBodyMonth > a
1383 {
1384     font-weight: bold;
1385     margin: 0px;
1386     padding: 5px;
1387     width: 100%;
1388     margin-bottom: 5px;
1389     text-decoration: none !important;
1390 }
1391 .yearCalBodyMonth > a:hover
1392 {
1393     text-decoration: underline;
1394 }
1395 .calSharedUser
1396 {
1397     height: 20px;
1398     padding-top: 5px;
1399     padding-left: 8px;
1400     margin-top: 0px;
1401     margin-bottom: 0px;
1402     border-top: 1px;
1403 }
1404
1405 /* js calendar styles */
1406 .calendar
1407 {
1408     border: 1px solid #999;
1409 }
1410 .calendar .button
1411 {
1412     background-color: #eee;
1413     background-image: none;
1414 }
1415 .calendar .combo
1416 {
1417     border-top: 1px solid #f1f1f1;
1418     border-right: 1px solid #999;
1419     border-bottom: 1px solid #999;
1420     border-left: 1px solid #f1f1f1;
1421     background: #eee;
1422     padding: 0px;
1423 }
1424 .calendar .combo .active
1425 {
1426     background: #eee;
1427 }
1428 .calendar .combo .hilite
1429 {
1430     background: #f8f7f7;
1431     padding: 1px 4px 1px 4px;
1432     border-top: 1px solid;
1433     border-bottom: 1px solid;
1434     border-color: #9e9e9e;
1435 }
1436 .calendar .combo .label,
1437 .calendar .combo .label-IEfix
1438 {
1439     text-align: left;
1440     padding: 2px 4px 2px 4px;
1441 }
1442 .calendar .nav
1443 {
1444     background: transparent no-repeat 100% 100%;
1445 }
1446 .calendar table
1447 {
1448     background: #eee;
1449 }
1450 .calendar table .wn
1451 {
1452     background: #eeeeee;
1453     border-right: 1px solid #ccc;
1454 }
1455 .calendar tbody .day
1456 {
1457     background: #fff;
1458     text-align: right;
1459     padding: 2px 4px 2px 2px;
1460 }
1461 .calendar tbody .day.othermonth.oweekend
1462 {
1463     color: #666;
1464 }
1465 .calendar tbody .emptycell
1466 {
1467     display: hidden;
1468 }
1469 .calendar tbody .rowhilite td,
1470 .calendar tbody .rowhilite td.weekend
1471 {
1472     background: #f6f6f6;
1473 }
1474 .calendar tbody .rowhilite td.wn
1475 {
1476     background: #fff;
1477 }
1478 .calendar tbody td.hilite,
1479 .calendar tbody td.weekend.hilite
1480 {
1481     background: #f8f7f7;
1482     border-color: #9e9e9e;
1483 }
1484 .calendar tbody td.selected
1485 {
1486     border-color: #666;
1487     background: #eee;
1488 }
1489 .calendar tbody td.today
1490 {
1491     color: #666;
1492 }
1493 .calendar tbody td.weekend
1494 {
1495     color: #666;
1496     background: #f9f9f9;
1497 }
1498 .calendar tfoot .ttip
1499 {
1500     background: #e8f0f4;
1501     border-top: 1px solid #fff;
1502     border-bottom: 1px solid #ccc;
1503     background: #dfdfdf;
1504     color: #000;
1505 }
1506 .calendar thead .hilite
1507 {
1508     border-bottom: 1px solid #fff;
1509     border-left: 1px solid #aaa;
1510     border-top: 1px solid #aaa;
1511     border-right: 1px solid #fff;
1512 }
1513 .calendar thead .name
1514 {
1515     background: #dddddd;
1516         border-color: #cccccc;
1517 }
1518 .calendar thead .title
1519 {
1520     padding: 3px;
1521     border-top: 1px solid #fff;
1522     border-bottom: 1px solid #cccccc;
1523     color: #000;
1524     background: #f8f7f7;
1525 }
1526 .calendar thead .weekend
1527 {
1528     color: #000;
1529     font-weight: bold;
1530 }
1531 .listViewCalCurrentAppt {
1532         background-color: #75AF4F;
1533 }
1534 .listViewCalOtherAppt {
1535 background-color: #4D5EAA;
1536 }
1537 .listViewCalConflictAppt {
1538 background-color: #AA4D4D;
1539 }
1540 .listViewCalCurrentApptLgnd {
1541 background-color: #75AF4F;
1542 border: 1px solid #444444;
1543 }
1544 .listViewCalOtherApptLgnd {
1545 background-color: #4D5EAA;
1546 border: 1px solid #444444;
1547 }
1548 .listViewCalConflictApptLgnd {
1549 background-color: #AA4D4D;
1550 border: 1px solid #444444;
1551 }
1552
1553 /** report styles **/
1554 table.reportlistViewRC{
1555     /* this definition should be exactly the same as .listViewThS1 */
1556     background:Black;
1557 }
1558
1559 table.reportlistView{
1560     /* this definition should be exactly the same as .listViewThS1 */
1561     background:Black;
1562 }
1563
1564 .reportlistViewThS1 {
1565     font-size: 13px;
1566     font-weight: bold;
1567     text-align: left;
1568     padding: 4px 5px 4px 5px;
1569     border-left: none;
1570     border-right: none;
1571     border-top: 1px solid Blackccc;
1572     border-bottom: 1px solid Blackccc;
1573     background:Gainsboro;
1574 }
1575
1576 .reportevenListRowS1, .reportoddListRowS1 {
1577     font-size: 12px;
1578     padding-left: 5px;
1579     padding-right: 8px;
1580     padding-bottom: 5px;
1581     padding-top: 3px;
1582     vertical-align: middle;
1583     background:white;
1584 }
1585
1586 .reportlistViewPaginationTdS1 {
1587     border: none;
1588     vertical-align: top;
1589     padding-top: 5px;
1590     padding-bottom: 5px;
1591     font-size: 12px;
1592     background:white;
1593 }
1594
1595 /* These are for summation report */
1596 .reportViewTable {
1597     border-left: none;
1598     border-right: none;
1599     border-top: none;
1600     background:White;
1601 }
1602 .reportGroupViewTable {
1603     border-left: 1px solid Black;
1604     border-top: 1px solid Black;
1605     background:LightGrey;
1606 }
1607 .reportGroup1ByTable {
1608     font-size: 15px;
1609     border-left: none;
1610     border-right: 1px solid Black;
1611     border-bottom: 1px solid Black;
1612     background:LightGrey;
1613 }
1614 .reportGroupNByTable {
1615     font-size: 13px;
1616     border-left: none;
1617     border-right: 1px solid Black;
1618     border-bottom: none;
1619     background:White;
1620 }
1621 .reportGroupByDataTableHeader {
1622     border-left: none;
1623     border-right: none;
1624     border-top: none;
1625     border-bottom: none;
1626     background:White;
1627 }
1628 .reportDataChildtablelistView {
1629     border-left: none;
1630     border-right: none;
1631     border-top: none;
1632     border-bottom: none;
1633     background:Black;
1634 }
1635 table.reportDataChildtablelistView td {
1636     border-color: #ccc;
1637     background: white;
1638     padding:4px 5px;
1639 }
1640 .reportGroupByDataChildTablelistViewThS1 {
1641     font-size: 11px;
1642     font-weight: bold;
1643     text-align: left;
1644     padding: 4px 5px 4px 5px;
1645     border-left: none;
1646     border-right: none;
1647     border-top: none;
1648     border-bottom: none;
1649     background:White;
1650 }
1651 .reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 {
1652     font-size: 12px;
1653     padding-left: 5px;
1654     padding-right: 8px;
1655     padding-bottom: 5px;
1656     padding-top: 3px;
1657     vertical-align: middle;
1658     background:white;
1659 }
1660 .reportGroup1ByTableEvenListRowS1 {
1661     font-weight: bold;
1662     font-size: 14px;
1663     padding-left: 5px;
1664     padding-right: 8px;
1665     padding-bottom: 5px;
1666     padding-top: 3px;
1667     vertical-align: middle;
1668     background:LightGrey;
1669     text-align: left;
1670 }
1671 .reportGroupNByTableEvenListRowS1 {
1672     font-weight: bold;
1673     font-size: 12px;
1674     padding-left: 5px;
1675     padding-right: 8px;
1676     padding-bottom: 5px;
1677     padding-top: 3px;
1678     vertical-align: middle;
1679     background:LightGrey;
1680     text-align: left;
1681 }
1682 .reportGroupBySpaceTableView {
1683     border-left: none;
1684     border-right: none;
1685     border-top: none;
1686     background:White;
1687 }
1688 .reportGroupByDataTableHeaderEmptyCell {
1689     border-bottom: 1px solid Black;
1690     border-top: 1px solid Black;
1691     background:White;
1692 }
1693 .reportevenListRowS1,
1694 .reportoddListRowS1,
1695 .reportGroupByDataEvenListRowS1,
1696 .reportGroupByDataOddListRowS1,
1697 .reportGroupByDataMatrixEvenListRowS1,
1698 .reportGroupByDataMatrixEvenListRowS2,
1699 .reportGroupByDataMatrixEvenListRowS3,
1700 .reportGroupByDataMatrixEvenListRowS4
1701 {
1702     padding-bottom: 4px;
1703     padding-top: 2px;
1704 }
1705
1706 /* End of summation report classes */
1707
1708
1709 /* Start of Matrix Report Class */
1710 .reportlistView {
1711     border-top: 1px solid #000;
1712     border-left: 1px solid #000;
1713     }
1714 table.reportlistView td, table.reportlistView th {
1715     background: #fff;
1716     border-bottom: 1px solid #000;
1717     border-right: 1px solid #000;
1718     color: #000;
1719     padding: 4px;
1720     text-align: center;
1721     font-size: 11px;
1722     }
1723     table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 {
1724     background: #dcdcdc;
1725     font-weight: bold;
1726     }
1727
1728 /* End of matrix report classes */
1729
1730 /* for overlib js library */
1731 .olCapFontClass {
1732         font-weight: bold;
1733         color: #444;
1734         background-color: #dfdfdf;
1735 }
1736 .olCapFontClass A {
1737         color: #dfdfdf;
1738         font-size: 9px;
1739 }
1740 .olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
1741         background-color: #fff;
1742         padding: 5px 7px 7px 10px !important;
1743         line-height: 18px;
1744 }
1745 .olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
1746         border-bottom: 2px solid #ddd;
1747         background-color: #f6f6f6;
1748         padding: 5px 3px 3px 10px !important;
1749 }
1750 .olCgClass {
1751     padding: 0px;
1752     border: 0px;
1753 }
1754 .olBgClass {
1755         background-color: #ddd;
1756         padding: 2px !important;
1757 }
1758 #forecastsWorksheet .olBgClass td {
1759     padding: 0 !important;
1760 }
1761 .olCloseFontClass {
1762         padding-bottom: 1px;
1763         text-align: right;
1764         background-color: #dfdfdf;
1765 }
1766
1767 /* acl role colors */
1768 .aclAll
1769 {
1770     color: #008000;
1771     font-weight: bold;
1772 }
1773 .aclOwner
1774 {
1775     color: #000000;
1776     font-weight: bold;
1777 }
1778 .aclNone
1779 {
1780     color: #FF0000;
1781     font-weight: bold;
1782 }
1783 .aclEnabled
1784 {
1785     color: #008000;
1786     font-weight: bold;
1787 }
1788 .aclDisabled
1789 {
1790     color: #FF0000;
1791     font-weight: bold;
1792 }
1793 .aclAdmin
1794 {
1795     color: #0000FF;
1796     font-weight: bold;
1797 }
1798 .aclNormal
1799 {
1800     color: #008000;
1801     font-weight: bold;
1802 }
1803
1804 /* for lists where we don't want to have bullet points */
1805 ul.noBullet {
1806   list-style-type: none;
1807   margin-left: 0;
1808   padding-left: 0;
1809 }
1810
1811 li.noBullet {
1812   list-style-type: none;
1813   padding: 0;
1814   margin: 0;
1815 }
1816
1817 table.tabForm td ul li {
1818 list-style-type: none;
1819 margin-bottom: 10px;
1820 }
1821
1822 .helpButton
1823 {
1824         font-weight:700;
1825 }
1826
1827 .helpShortcut
1828 {
1829         font-weight:700;
1830 }
1831 /* for subpanels */
1832 #MorePanelHandle
1833 {
1834     cursor: hand;
1835     cursor: pointer;
1836     display: inline;
1837     margin-left: 2px;
1838     margin-bottom: 2px;
1839     text-align: center;
1840     background: url('../../../../index.php?entryPoint=getImage&imageName=more.gif') no-repeat bottom left;
1841         color: #444;
1842 }
1843
1844 .sqsFloater {
1845 position:absolute;
1846 z-index:2;
1847 bottom:0;
1848 right:0;
1849 display:none;
1850 padding:0;
1851 }
1852
1853 .sqsFloater td {
1854 border:1px inset;
1855 color:black;
1856 }
1857
1858 .sqsMatchedSmartInputItem {
1859 font-size:11px;
1860 padding: 2px 5px 2px 5px;
1861 margin: 0;
1862 cursor: pointer;
1863 cursor: hand;
1864 }
1865
1866 .sqsSelectedSmartInputItem {
1867 background-color:#DEEFFF;
1868 }
1869
1870 #sqsSmartInputResults {
1871 padding:0;margin:0;
1872 }
1873
1874 .sqsNoMatch {
1875 padding: 2px 5px 2px 5px;
1876 font-weight: bold;
1877 background-color:#eeeeee;
1878 color:#980000;
1879 }
1880 /* misc font displays */
1881 .todaysTask
1882 {
1883     color: #FF7800
1884 }
1885 .overdueTask
1886 {
1887     color: #ff0000;
1888 }
1889 .required,
1890 .error
1891 {
1892     color: #ff0000;
1893 }
1894 .success
1895 {
1896     color: #00ee00;
1897 }
1898 .rssItemDate
1899 {
1900     color: #666666;
1901 }
1902 .date
1903 {
1904     font-size: 13px;
1905     font-weight: bold;
1906     border-bottom: 1px solid;
1907     padding-right: 10px;
1908 }
1909 .dateFormat
1910 {
1911     font-weight: normal;
1912     font-style: italic;
1913 }
1914 /* list view page numbers */
1915 .pageNumbers {
1916 padding-right: 3px;
1917 padding-left: 3px;
1918 }
1919 .contentBox {
1920     border-top: 1px solid #DDD;
1921     border-bottom: 1px solid #DDD;
1922     padding: 0px 10px 0px 0px;
1923     margin: 10px 0 10px 0;
1924 }
1925 .contentBox td
1926 {
1927     padding-top: 0;
1928 }
1929
1930 /* for team notices and my portal dashlets */
1931 .teamNoticeBox
1932 {
1933     border: 1px solid;
1934     padding: 0;
1935     background: #fff;
1936     width:100%;
1937 }
1938 .teamNoticeText
1939 {
1940     padding: 0px 10px 0px 10px;
1941 }
1942
1943 /* to force border to display on tiny-mce controls */
1944 .mceToolbarTop
1945 {
1946     border-bottom:1px solid #CCCCCC !important;
1947 }
1948
1949 #dashletsList
1950 {
1951         background: #fff;
1952 }
1953
1954 #dashletCtrls
1955 {
1956     float: right;
1957 }
1958
1959 ul#dashletCategories li a:link, ul#dashletCategories li a:visited
1960 {
1961         color: #444;
1962         background: #eee;
1963 }
1964 ul#dashletCategories li a.current, ul#dashletCategories li a.current:hover
1965 {
1966         color: #444;
1967         background: transparent;
1968 }
1969 #moduleDashlets h3,#chartDashlets h3,#toolsDashlets h3
1970 {
1971     margin-top: 13px;
1972 }
1973 #dashletSearch table tr td input[type=button]
1974 {
1975     vertical-align: top;
1976 }
1977 .x-dlg-btns button.x-btn-text:hover,
1978 .x-dlg-btns .x-btn-focus button.x-btn-text
1979 {
1980     color: #000;
1981 }
1982
1983 /* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
1984 td.edit.view td
1985 {
1986         text-align: left;
1987 }
1988 td.edit.view td[align=right]
1989 {
1990         text-align: right;
1991 }
1992 #user_password, #user_name
1993 {
1994         width: 150px;
1995 }
1996
1997 /* if we have horizontal padding anywhere in the table, it will break the rollup tree */
1998 #forecastsWorksheet  tbody  tr  td,
1999 #forecastsWorksheet  tr  td
2000 {
2001     padding: 3px 0px 5px 0px !important;
2002 }
2003 #forecastsWorksheet  tr.pagination  td
2004 {
2005     padding: 0 !important;
2006 }
2007 #forecastsWorksheet tr.pagination td table td
2008 {
2009     padding:3px 7px 3px 5px !important;
2010 }
2011 /* for forecasts worksheet containing table ( overrides .list .view style ) */
2012 #forecastsWorksheet > tbody > tr > td,
2013 #forecastsWorksheet > tr > td,
2014 #forecastsWorksheet #activetimeperiods  tr  td
2015 {
2016     padding: 0  ! important;
2017     vertical-align: top;
2018 }
2019
2020 /* help styles */
2021 .helpButton, .helpShortcut
2022 {
2023     font-weight: bold;
2024 }
2025
2026 /* fixes email setting issues */
2027 #tab_general > form > table,
2028 #tab_general > form > table.detail th,
2029 #tab_accounts > table,
2030 #tab_accounts > table.detail th
2031 {
2032     border: 0;
2033 }
2034 #tab_accounts .detail.view .edit.view
2035 {
2036     margin-top: 0;
2037 }
2038 #tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table
2039 {
2040     padding: 0pt ! important;
2041     border-collapse: collapse;
2042 }
2043 #importDialogContent
2044 {
2045     overflow: hidden;
2046 }
2047 #importDialogContent #importDiv
2048 {
2049     margin-top: 0;
2050 }
2051
2052 /* put a bit of left margin in when the left column menu is hidden */
2053 #content.noLeftColumn
2054 {
2055     margin-left: 5px;
2056     border-left: none;
2057 }
2058
2059 /* override some of the detail view styles for show more detail option (KBDocument detail view)*/
2060 .detail td.subdetail{
2061    padding:0px;
2062    border-bottom:medium none;
2063 }
2064 .detail td.subdetail table tr td{
2065     padding: 5px 6px;
2066 }
2067 /* override some of the detail view styles for the import options dialog */
2068 #importOptions td
2069 {
2070     padding: 5px 6px;
2071 }
2072 #importOptions table
2073 {
2074     border-collapse:collapse;
2075 }
2076 #importOptions #chooser_choose_index_text,
2077 #importOptions #chooser_ignore_index
2078 {
2079     background: white;
2080     border: 0;
2081     text-align: left;
2082 }
2083
2084 /* login page*/
2085 .login table tr td
2086 {
2087     padding:0px !important;
2088     text-align:left;
2089 }
2090 .login
2091 {
2092     padding:10px 6px 12px 10px !important;
2093 }
2094 .login .login_more
2095 {
2096     text-align:right;
2097     *padding-right: 18px !important; /* only needed in IE7 and earlier */
2098 }
2099
2100 #lastviewicon, #newrecordicon, #shortcuts_img,#lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 {
2101         display:none;
2102 }
2103
2104 #color_menu, #font_menu {
2105         width:200px;
2106         height:15px;
2107         margin:0;
2108         padding:0px;
2109 }
2110
2111 #color_menu li, #font_menu li{
2112     float:left;
2113         height:15px;
2114         width:15px;
2115 }
2116
2117 #themepickerDialog div[class="ft"]{
2118         display:none;
2119 }
2120
2121 #stylepicker{
2122            border-width:1px;
2123            margin:0px;
2124            padding:0px;
2125            width:auto;
2126 }
2127
2128 #themepickerDialog_c{
2129         right: 2em;
2130     top: 3em;
2131 }
2132
2133 #popup_query_form
2134 {
2135     padding-left:0;
2136     padding-right:0;
2137 }
2138
2139 .emailaddresses tr td[scope=row]
2140 {
2141     padding-left:0 !important;
2142     padding-top:0 !important;
2143 }
2144
2145 /*System Settings*/
2146 #container_upload
2147 {
2148     margin-top:7px;
2149 }
2150
2151 /* Subpanel links */
2152 .subTabs td
2153 {
2154     font-size: 12px;
2155     padding: 0 0.25em;
2156 }
2157
2158 .sugarFeedDashlet
2159 {
2160         overflow:auto;
2161         max-height:375px;
2162         height:expression(this.scrollHeight>375?'375px':'auto');
2163 }
2164
2165 .sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col]
2166 {
2167         display:none;
2168 }
2169
2170 .sugarFeedDashlet tr
2171 {
2172         height:auto;
2173 }
2174
2175 /*
2176 Bug 33193 - Fixed several items in the sugarfeeds not correctly scrolling on IE7;
2177 added the *position:static CSS property on the following two rules, which will only
2178 be used on IE7 and IE6
2179 */
2180 .sugarFeedDashlet .byLineBox
2181 {
2182         width:100%;
2183         position:relative;
2184         *position:static;
2185         overflow: none;
2186 }
2187
2188 .sugarFeedDashlet .yui-ac-input
2189 {
2190     *position:static !important;
2191 }
2192
2193 .sugarFeedDashlet .byLineBox .byLineLeft
2194 {
2195         font-size:79%;
2196         float:left;
2197 }
2198
2199 .sugarFeedDashlet .byLineBox .byLineRight
2200 {
2201         display:inline;
2202         float:right;
2203         font-size:79%;
2204 }
2205
2206 iframe.teamNoticeBox
2207 {
2208         width:99%;
2209         padding:0;
2210 }
2211
2212 .loading-indicator
2213 {
2214         font-size:11px;
2215         background-image:url(../default/ext/resources/images/default/grid/loading.gif);
2216         background-repeat:no-repeat;
2217         background-position:left;
2218         padding-left:20px;
2219         line-height:16px;
2220         margin:3px;
2221 }
2222
2223 .x-sqs-list
2224 {
2225         border:1px solid #d0d0d0;
2226         background:#d0d0d0;
2227         zoom:1;
2228         overflow:hidden;
2229 }
2230
2231 .x-sqs-list-inner
2232 {
2233         overflow:auto;
2234         background:#FFF;
2235         position:relative;
2236         zoom:1;
2237         overflow-x:hidden;
2238 }
2239
2240 .x-sqs-list-item
2241 {
2242         font:normal 12px tahoma,arial,helvetica,sans-serif;
2243         border:1px solid #fff;
2244         white-space:nowrap;
2245         overflow:hidden;
2246         text-overflow:ellipsis;
2247         padding:1px;
2248 }
2249
2250 .x-sqs-list .x-sqs-selected
2251 {
2252         border:1px dotted #f6f6f6!important;
2253         background:#d0d0d0;
2254         cursor:pointer;
2255 }
2256 embed
2257 {
2258     background: transparent;
2259 }
2260
2261 #massupdate_form
2262 {
2263     margin-top: 20px;
2264 }
2265
2266 #massupdate_form .buttons
2267 {
2268     padding-bottom: 2px;
2269 }
2270
2271 /* Bug 32603 - Fixes missing center line for KB Admin */
2272 #selected_directory_children
2273 {
2274     border-left: 1px solid;
2275     padding: 3px;
2276 }
2277
2278 .dashletPanel .hd .hd-center .dashletToolSet a{
2279         padding: 0px 2px;
2280 }
2281
2282 .dashletPanel .hd .hd-center .dashletToolSet a:last-child  {
2283         padding-right: 0px;
2284 }
2285
2286 .dashletPanelMenu.wizard.import .bd .screen {
2287     padding: 20px;
2288     border: 0px none;
2289     border-radius: 0px;
2290     height: 487px;
2291     overflow-x: hidden;
2292     overflow-y: auto;
2293     width: auto;
2294     display: block;
2295     background-color: #fff;
2296 }
2297 div.confirmTable {
2298             overflow: auto;
2299             width: 1056px;
2300             position: relative;
2301             margin-bottom: 20px;
2302         }
2303 /* Bug 19728 - Email Templates detail view is different with edit view */
2304 #html_div p
2305 {
2306         margin: 12px 0px;
2307 }
2308
2309 #html_div p:first-child {
2310         margin: 0px 0px 12px 0px;
2311 }
2312
2313 /* UNUSED STYLES */
2314
2315 /* Default Styles */
2316
2317 .h3Row {
2318         margin-top: 10px;
2319         vertical-align: middle;
2320         background-repeat: repeat-x;
2321         background-position: top;
2322         background-color: #fff;
2323 }
2324 .h3Row td
2325 {
2326         padding: 4px 5px 3px 3px;
2327 }
2328 h4, h5
2329 {
2330         margin-bottom: 2px;
2331         padding-left: 4px;
2332 }
2333 hr
2334 {
2335     border: 0;
2336     border-top: 1px solid #999;
2337     background-color: #999;
2338     color: #999;
2339     height: 1px;
2340     margin: 1em 0;
2341     clear: both;
2342 }
2343 a:link, a:visited, a:hover
2344 {
2345         text-decoration: underline;
2346 }
2347
2348 .buttonSlide {
2349         border: 0px;
2350 }
2351
2352 .buttonSlide .yui-hd {
2353         border: 0px;
2354         background-color: transparent;
2355         padding: 0px;
2356 }
2357
2358 .buttonSlide.yui-module .yui-hd .toggle em {
2359         background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_more.png);
2360         background-repeat: no-repeat;
2361         display: inline; /* prevent IE margin doubling */
2362     overflow:hidden;
2363     text-indent:9999px;
2364         float: right;
2365     overflow:hidden;
2366     text-align: right;
2367         height: 14px;
2368         width: 14px;
2369 }
2370
2371 .buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
2372         background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_less.png);
2373 }
2374
2375 .buttonSlide .yui-bd {
2376 }
2377
2378 input, select, textarea, button, .button
2379 {
2380         border: 1px solid;
2381 }
2382 button, input[type=submit], input[type=reset], input[type=button], .button
2383 {
2384         font-weight: normal;
2385         background-repeat: repeat-x;
2386         background-position: top;
2387         padding-bottom: 1px;
2388     padding-right: 6px;
2389     padding-left: 6px;
2390         vertical-align: middle;
2391 }
2392
2393 .pagination button, .pagination input[type=submit], .pagination input[type=reset], .pagination input[type=button], .pagination .button
2394 {
2395     padding-right: 3px;
2396     padding-left: 3px;
2397 }
2398 button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
2399 button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
2400 button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
2401 {
2402         color: #fff;
2403         background-image: none;
2404         cursor:pointer;
2405         font-weight: normal;
2406 }
2407
2408 /* set a minimum width for the header */
2409 #header
2410 {
2411     min-width: 85em;
2412 }
2413 /* header */
2414 #header div.line {
2415 height: 2px;
2416         border-bottom: 2px solid;
2417     color:#0046ad;
2418 }
2419
2420 #sitemapLink
2421 {
2422     padding-top: 3px;
2423 }
2424 #sitemapLinkSpan
2425 {
2426     border-right:1px solid #999;
2427     border-right:none;
2428 }
2429 #search {
2430     border-left:1px solid #999;
2431 }
2432
2433 /* DetailView/EditView/ListView styles */
2434 .view
2435 {
2436     border-bottom:1px solid;
2437     border-top:2px solid;
2438 }
2439
2440 /* DetailView styles */
2441
2442 .detail table,
2443 table.detail
2444 {
2445     padding: 0;
2446 }
2447 .detail tr td
2448 {
2449     border-bottom: 1px solid;
2450 }
2451 .detail tr td[scope=row]
2452 {
2453     border-bottom:1px solid;
2454 }
2455 .detail tr th
2456 {
2457     border-bottom: 2px solid;
2458     background: #fff;
2459 }
2460
2461 /* Listview styles */
2462 .list
2463 {
2464     border: 1px solid;
2465 }
2466 .list tr.pagination td table td
2467 {
2468     background:#FAFAFA none repeat scroll 0 0;
2469     color:#666666;
2470 }
2471 .td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col]
2472 {
2473     border-left: none;
2474     border-right: none;
2475     border-top: 1px solid #cccccc;
2476     border-bottom: 1px solid #cccccc;
2477     background: #ebebed !important;
2478 }
2479
2480
2481 /* module title */
2482 .moduleTitle
2483 {
2484     padding-bottom: 3px;
2485     padding-top: 0;
2486     margin-bottom: 10px;
2487     margin-top: 0;
2488 }
2489 .moduleTitle > h2 > img
2490 {
2491     display: none;
2492 }
2493
2494 /* for subpanel tabs */
2495 ul.subTabs
2496 {
2497     padding: 4px 0;
2498     margin: 0px 0 0 0;
2499     border: none;
2500     font: 12px Arial, Verdana, Helvetica, sans-serif;
2501 }
2502 ul.subTabs li
2503 {
2504     list-style: none;
2505     margin: 0;
2506     display: inline;
2507 }
2508 .activeSubTab,
2509 ul.subTabs li a.activeSubTab:link,
2510 ul.subTabs li a.activeSubTab:visited,
2511 ul.subTabs li a.activeSubTab:hover
2512 {
2513     font-weight: bold;
2514 }
2515 ul.subTabs li a
2516 {
2517     padding: 0 8px 0 8px;
2518     margin: 0px;
2519     border-right: 1px solid;
2520     border-bottom: none;
2521     text-decoration: none;
2522 }
2523 ul.subTabs li a:link, ul.subTabs li a:visited
2524 {
2525     text-decoration: none;
2526 }
2527 .subTabMore
2528 {
2529     font-size: 11px;
2530     text-decoration: none;
2531     padding-top: 3px;
2532 }
2533
2534 /* module list in header.tpl */
2535 #moduleList
2536 {
2537     display: block;
2538     height: 2.4em;
2539 }
2540 #moduleList ul
2541 {
2542     list-style: none;
2543     padding: 0;
2544     margin: 0;
2545     color: #ccc;
2546 }
2547 #moduleList ul li
2548 {
2549     float: left;
2550     margin: 0 0.15em;
2551     display:block;
2552     font-weight: bold;
2553     padding:8px 6px 4px 2px;
2554 }
2555 #moduleList > ul > li
2556 {
2557     background-repeat:no-repeat;
2558     background-position:right top;
2559 }
2560 #moduleList > ul > li.noBorder
2561 {
2562     background-image: none;
2563     padding-right: 0;
2564     padding-left: 0px;
2565     margin-left: -2px;
2566 }
2567 #moduleList > ul:first-child
2568 {
2569     padding-left: 14px;
2570 }
2571 #moduleList > ul > li#moduleTabExtraMenu
2572 {
2573     padding-left:16px;
2574     padding-right:20px;
2575 }
2576 #moduleList ul li span.currentTab
2577 {
2578     font-weight: bold;
2579     padding: 8px 5px 6px 5px;
2580     background-position: top center;
2581     border-bottom: 2px solid;
2582     margin: 0 !important;
2583     border-left: 0 !important;
2584 }
2585 #moduleList ul li span.currentTabLeft
2586 {
2587     background-position: top left;
2588     border-bottom: 2px solid;
2589     margin-right: 0 !important;
2590     border-left: 0 !important;
2591     padding:8px 2px 6px;
2592 }
2593 #moduleList ul li span.currentTabRight
2594 {
2595     background-position: top right;
2596     border-bottom: 2px solid;
2597     margin-left: 0 !important;
2598     border-left: 0 !important;
2599     padding:8px 2px 6px;
2600 }
2601 #moduleList ul li a:link,
2602 #moduleList ul li a:visited
2603 {
2604     text-decoration: none;
2605     padding-top: 0px;
2606 }
2607 #moduleList ul li a:hover
2608 {
2609     text-decoration: none;
2610 }
2611 #moduleList ul li ul.cssmenu
2612 {
2613     margin-left: -1.7em;
2614     margin-top: 0.3em;
2615 }
2616 #subModuleList
2617 {
2618     padding:0.4em 0 0.3em 1em;
2619         border-bottom: none;
2620         border-top: 2px solid;
2621 }
2622 #subModuleList span a
2623 {
2624     text-decoration: none;
2625     padding: 0.2em 0.5em 0.3em 0.5em;
2626         margin: 0 -3px 0 0;
2627         border-right: 1px solid;
2628         border-left: 1px solid;
2629         border-bottom: none;
2630 }
2631
2632 /* last viewed and shortcuts lists in the header */
2633 .headerList
2634 {
2635     border-bottom: 2px solid;
2636 }
2637 .headerList a:link, .headerList a:visited, .headerList a
2638 {
2639     text-decoration: none;
2640     border-left:1px solid;
2641 }
2642 .headerList a:hover
2643 {
2644     background: #fff;
2645 }
2646 .headerList a:hover span
2647 {
2648         text-decoration: underline;
2649 }
2650 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
2651 .leftList ul li
2652 {
2653     border-bottom: 1px solid;
2654 }
2655
2656 /* left side column */
2657 #leftColumn
2658 {
2659     padding-right: 8px;
2660     padding-top: 10px;
2661 }
2662 #leftColumn h3, #HideMenu h3
2663 {
2664     padding-left: 3px;
2665     padding-top: 8px;
2666     padding-bottom: 4px;
2667         margin-bottom: 0;
2668     border-bottom:2px solid;
2669     color:#444;
2670 }
2671
2672 /* hidden shortcuts menu */
2673 #HideMenu
2674 {
2675     border-bottom: 2px #cccccc solid;
2676     border-right: 2px #cccccc solid;
2677     background: #ffffff;
2678     left: 10px;
2679     width: 150px;
2680 }
2681
2682 /* new record form */
2683 #newRecord form
2684 {
2685     border-bottom: 1px solid;
2686 }
2687
2688 /* misc links */
2689 a.utilsLink:link, a.utilsLink:visited
2690 {
2691     font-weight: normal;
2692     text-decoration: underline;
2693     padding-bottom: 3px;
2694 }
2695 a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover
2696 {
2697     text-decoration: none;
2698     line-height: 20px;
2699     margin-right: 2px;
2700 }
2701
2702 /* global links */
2703
2704 #globalLinks {
2705     padding:8px 2px 3px;
2706 }
2707 #globalLinks ul
2708 {
2709     color: #ccc;
2710 }
2711 #globalLinks ul li a
2712 {
2713     color: #444444;
2714 }
2715 #globalLinks ul li span
2716 {
2717     color: #CCCCCC
2718 }
2719
2720 #welcome {
2721 border-right: 2px solid #ddd;
2722 }
2723
2724 /* themepicker */
2725 #themepickerLinkSpan a
2726 {
2727     color: #444444;
2728 }
2729
2730 /* search form */
2731 #search input[name=query_string]
2732 {
2733     border: 1px solid;
2734     font-size: 11px;
2735 }
2736
2737
2738 /* for subpanel tabs */
2739 ul.tablist, ul.subpanelTablist
2740 {
2741     border-bottom: 2px solid;
2742 }
2743 ul.tablist li a, ul.subpanelTablist li a
2744 {
2745     border-top: 2px solid;
2746     border-right: 1px solid;
2747     border-bottom: none;
2748 }
2749 ul.tablist li a:hover, ul.subpanelTablist li a:hover
2750 {
2751     border-top: 2px solid;
2752 }
2753 ul.tablist li a.current, ul.tablist li a.current:hover
2754 {
2755     border-bottom:2px solid #f6f6f6;
2756         font-weight: bold;
2757 }
2758 ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover
2759 {
2760     border-bottom:2px solid #fff;
2761     font-weight: bold;
2762 }
2763 .subpanelTabForm .h3Row
2764 {
2765     border-top: 1px solid #dddddd;
2766         background-image: none;
2767 }
2768
2769 /*Bug 29945 */
2770 .pagination button {
2771     border-color: #c1c1c1;
2772     background-color: #f0f0f0;
2773     color: #000;
2774     background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtnGray.gif);
2775 }
2776
2777 .pagination button [title="Return to List"]:hover{
2778     background-image:none;
2779     color:#fff;
2780 }
2781
2782 #colorPicker {
2783     border-right:2px solid #DDDDDD;
2784     padding:8px 4px 4px 0;
2785     margin-right:1px;
2786 }
2787
2788 #colorPicker span {
2789     color:#cccccc;
2790 }
2791
2792 #colorPicker #themepickerLinkSpan {
2793     color:#444444;
2794     text-decoration:underline;
2795     font-size:12px;
2796     font-weight:400;
2797 }
2798
2799 #colorPicker #themepickerLinkSpan:hover {
2800     color:#0B578F;
2801 }
2802
2803 /* fonts */
2804 body
2805 {
2806         font-size: 12px;
2807 }
2808 table, div
2809 {
2810         font-size: 11px;
2811 }
2812 h1, h2
2813 {
2814         font-size: 14px;
2815 }
2816 h3
2817 {
2818         font-size: 13px;
2819 }
2820 h4, h5
2821 {
2822         font-size: 12px;
2823 }
2824 input, select, textarea, button
2825 {
2826         font-size: 12px;
2827 }
2828
2829 /* YUI styles */
2830 .ygrid-row,
2831 .ygrid-hd,
2832 .ygrid-hd-body,
2833 .ygrid-hd-body span
2834 {
2835     font-size: 8pt;
2836 }
2837
2838 /* for the main screen navigation tabs */
2839 #moduleList ul li,
2840 #subModuleList span
2841 {
2842     font-size: 12px;
2843 }
2844
2845 /* left column and the hidden list menu */
2846 #leftColumn h3, #HideMenu h3
2847 {
2848     font-size: 12px;
2849 }
2850
2851 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
2852 .leftList ul
2853 {
2854     font-size: 11px;
2855 }
2856
2857 /*welcome user and date bar and last view*/
2858 #welcome, #search, #sitemapLink, #globalLinks, #globalLinks a, #themepickerLinkSpan
2859 {
2860     font-size: 12px;
2861 }
2862
2863 /* search */
2864 #search input[name=query_string]
2865 {
2866     font-size: 11px;
2867 }
2868
2869 /* side quickcreate */
2870 #newRecord form,
2871 #newRecord form button,
2872 #newRecord form input[type=submit],
2873 #newRecord form input[type=button],
2874 #newRecord form input[type=reset],
2875 #newRecord form .dataLabel,
2876 #newRecord form a:link,
2877 #newRecord form a:visited
2878 {
2879     font-size: 11px;
2880 }
2881
2882 /* reports */
2883 .reportGroup1ByTable,
2884 .reportGroupNByTable,
2885 .reportlistViewThS1,
2886 .reportGroup1ByTableEvenListRowS1,
2887 .reportGroupNByTableEvenListRowS1,
2888 .reportGroupByDataChildTablelistViewThS1,
2889 .reportlistViewMatrixThS1,
2890 .reportlistViewMatrixThS2,
2891 .reportlistViewMatrixThS3,
2892 .reportlistViewMatrixThS4,
2893 .reportlistViewMatrixLeftEmptyData,
2894 .reportlistViewMatrixRightEmptyData,
2895 .reportlistViewMatrixRightEmptyData1
2896 {
2897     font-size: 11px;
2898 }
2899
2900 .reportevenListRowS1,
2901 .reportoddListRowS1 ,
2902 .reportGroupByDataEvenListRowS1,
2903 .reportGroupByDataOddListRowS1 ,
2904 .reportGroupByDataMatrixEvenListRowS1,
2905 .reportGroupByDataMatrixEvenListRowS2,
2906 .reportGroupByDataMatrixEvenListRowS3,
2907 .reportGroupByDataMatrixEvenListRowS4,
2908 .reportDataChildtablelistView td
2909 {
2910     font-size: 12px;
2911 }
2912
2913 /* for all views */
2914 .view tr, .view td, .view h4, .view div
2915 {
2916     font-size: 12px;
2917 }
2918 .view td a, .view div a, .list th div
2919 {
2920     font-size: 11px;
2921 }
2922 .other td a, .detail td a
2923 {
2924     font-size: 12px;
2925 }
2926 .subTabs td
2927 {
2928     font-size: 12px;
2929 }
2930
2931 /* for list views */
2932 .oddListRowS1 td a, .evenListRowS1 td a
2933 {
2934     font-size: 12px;
2935 }
2936
2937 /* misc links */
2938 a.utilsLink:link,
2939 a.utilsLink:visited
2940 {
2941     font-size: 11px;
2942 }
2943 a.tabFormAdvLink:link,
2944 a.tabFormAdvLink:visited
2945 {
2946     font-size: 12px;
2947 }
2948 /* calendar styles */
2949 .monthBox,
2950 .monthCalBody td,
2951 .monthViewDayHeight a,
2952 .monthHeader a,
2953 .monthFooter a
2954 {
2955     font-size: 12px;
2956 }
2957
2958 .monthCalBodyWeek a
2959 {
2960     font-size: 11px;
2961 }
2962
2963 .monthCalBodyDayItem td a
2964 {
2965     font-size: 10px;
2966 }
2967
2968 /* misc font displays */
2969 .rssItemDate,
2970 .dateFormat,
2971 .chartFootnote
2972 {
2973     font-size: 11px;
2974 }
2975 .tm
2976 {
2977     font-size: 8px;
2978 }
2979
2980 /* for subpanel tabs */
2981 ul.tablist,
2982 ul.tablist li a,
2983 ul.subpanelTablist,
2984 ul.subpanelTablist li a,
2985 .subpanelTabForm,
2986 .subpanelTabForm h3
2987 {
2988     font-size: 12px;
2989 }
2990 .subTabMore
2991 {
2992     font-size: 11px;
2993 }
2994
2995 /* for quick searches */
2996 .sqsMatchedSmartInputItem
2997 {
2998     font-size: 11px;
2999 }
3000
3001 /* for overlib js library */
3002 .olCapFontClass A
3003 {
3004         font-size: 9px;
3005 }
3006
3007 /* sitemap */
3008 #sitemap a:link, #sitemap a:visited, #sitemap a:hover
3009 {
3010     font-size: 11px;
3011 }
3012 #sitemap h4 a:link, #sitemap h4 a:visited, #sitemap h4 a:hover
3013 {
3014     font-size: 13px;
3015 }
3016
3017 /* for about page */
3018 .about, .about td, .about span
3019 {
3020     font-size: 12px;
3021 }
3022
3023 /* for edit view like forms that need a smaller font size */
3024 .edit.view.small td,.detail.view.small td
3025 {
3026     font-size: 11px;
3027 }
3028
3029 /* to make the reportwizard button text smaller */
3030 .reportwizard .buttonText
3031 {
3032         font-size: 11px;
3033 }
3034
3035 /* to fix the size of the fonts in the unified module search popup */
3036 #unified_search_advanced_div .edit.view td
3037 {
3038     font-size: 11px;
3039 }
3040
3041 /* overlib popups */
3042 .olCapFontClass div, .olFontClass
3043 {
3044     font-size: 11px !important;
3045 }
3046
3047 /* colors */
3048 body
3049 {
3050         color: #444444;
3051         background-color: #ffffff;
3052 }
3053 h1, h2, h3
3054 {
3055         color: #000000;
3056 }
3057 .h3Row
3058 {
3059         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bg.gif);
3060 }
3061 h4, h5
3062 {
3063         color: #444;
3064 }
3065 a:link, a:visited
3066 {
3067     color: #0b578f;
3068 }
3069 a:hover
3070 {
3071     color: #000000;
3072 }
3073 button, input[type=submit], input[type=reset], input[type=button], .button
3074 {
3075         border-color: #abc3d7;
3076         background-color: #ecf1f4;
3077         color: #000;
3078         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtn.gif);
3079 }
3080 button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
3081 button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
3082 button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
3083 {
3084         background-color: #4e8ccf;
3085         border-color: #4e8ccf;
3086 }
3087 button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled]
3088 {
3089         border-color: #c1c1c1;
3090         background-color: #f0f0f0;
3091         color: #000;
3092         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtnGray.gif);
3093 }
3094 input,select
3095 {
3096         border-color: #94c1e8;
3097         background-color: #ffffff;
3098 }
3099
3100 input:focus,textarea:focus, select:focus
3101 {
3102         background-color: #fff;
3103         border-color: #abc3d7;
3104 }
3105 textarea
3106 {
3107         border-color: #abc3d7;
3108         background-color: #fff;
3109 }
3110
3111 /* for team notices dashlet */
3112 .teamNoticeBox
3113 {
3114     border-color: #abc3d7;
3115     color: #444444;
3116 }
3117
3118 /* header */
3119 #header div.line {
3120     background-color:#4e8ccf;
3121         border-bottom-color: #0046ad;
3122     color:#0046ad;
3123 }
3124
3125 /* for the main screen navigation tabs */
3126 #moduleList
3127 {
3128     background-image : url(../../../../index.php?entryPoint=getImage&imageName=tabRowBg.gif);
3129     background-repeat: repeat-x;
3130     border-bottom-color: #0046ad;
3131 }
3132 #moduleList > ul > li
3133 {
3134     background-image:url(../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=otherTab.gif);
3135 }
3136 #moduleList ul li span.currentTab a:link,
3137 #moduleList ul li span.currentTab a:visited,
3138 #moduleList ul li span.currentTab a:hover
3139 {
3140     color: #ffffff;
3141 }
3142 #moduleList ul li a:link,
3143 #moduleList ul li a:visited
3144 {
3145     color: #444444;
3146 }
3147 #moduleList ul li a:hover
3148 {
3149     color: #000000;
3150 }
3151 #moduleList ul li span.currentTabLeft,
3152 #moduleList ul li span.currentTabRight,
3153 #moduleList ul li span.currentTab
3154 {
3155     background-image : url(../../../../index.php?entryPoint=getImage&imageName=currentTab.gif);
3156     background-repeat: no-repeat;
3157     border-bottom-color: #4e8ccf;
3158 }
3159 #subModuleList
3160 {
3161         background-color:#4e8ccf;
3162         border-color:#0046ad;
3163 }
3164 #subModuleList span a
3165 {
3166         border-right-color:#0046ad;
3167         border-left-color:#79a7d8;
3168 }
3169 #subModuleList span a:link,
3170 #subModuleList span a:visited
3171 {
3172     color: #ffffff;
3173 }
3174 #subModuleList span a:hover
3175 {
3176     background-color:#0046ad;
3177         border-left-color:#0046ad;
3178 }
3179
3180 /* lists in the header */
3181 .headerList
3182 {
3183     color: #444;
3184     border-top-color:#0046ad;
3185     border-bottom-color: #abc3d7;
3186     background-color: #f4f9fc;
3187 }
3188 .headerList a:link,
3189 .headerList a:visited,
3190 .headerList a
3191 {
3192     color: #444444;
3193     border-color: #CBDAE6;
3194 }
3195 .headerList a:hover
3196 {
3197     color: #0b578f;
3198 }
3199 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
3200 .leftList ul,
3201 .leftList ul li,
3202 #newRecord form
3203 {
3204     background-color: #fff;
3205     border-color: #cbdae6;
3206 }
3207 #leftColumn h3, #HideMenu h3
3208 {
3209     border-color: #abc3d7;
3210 }
3211 .leftList ul li a:hover,
3212 .leftList ul li span:hover
3213 {
3214     color: #000000;
3215     background-color: #f4f9fc;
3216 }
3217 /* global links and theme picker */
3218 #globalLinks ul li a:hover, #themepickerLinkSpan a:hover
3219 {
3220     color: #0b578f;
3221 }
3222 /* for subpanel tabs */
3223 ul.tablist li a.activeSubTab:hover
3224 {
3225     border-bottom-color: #ddd;
3226     color: #000000;
3227 }
3228 ul.subpanelTablist li a.activeSubTab:hover
3229 {
3230     color: #000000;
3231 }
3232
3233 /* search */
3234 #search input[name=query_string]
3235 {
3236         border-color: #6fb0e4;
3237         background-color: #f6fafd;
3238 }
3239
3240 /* new record form */
3241 #newRecord form a:link,
3242 #newRecord form a:visited
3243 {
3244     color: #666666;
3245 }
3246 #newRecord form a:hover
3247 {
3248     color: #444444;
3249 }
3250
3251 /* listviews */
3252 .list tr.pagination td table td a:link,
3253 .list tr.pagination td table td a:visited,
3254 .reportGroupByDataChildTablelistViewThS1 a:link,
3255 .reportGroupByDataChildTablelistViewThS1 a:visited,
3256 .list tr th,
3257 .list tr th a:link,
3258 .list tr th a:visited,
3259 .list tr td[scope=col],
3260 .list tr td[scope=col] a:link,
3261 .list tr td[scope=col] a:visited,
3262 .list tr.pagination td table td span.pageNumbers
3263 {
3264     color: #444444;
3265 }
3266 .list
3267 {
3268         border-color: #ABC3D7 !important;
3269 }
3270 .evenListRowS1 td,
3271 .oddListRowS1 td
3272 {
3273     color: #000000;
3274     border-bottom: 1px solid #cbdae6;
3275 }
3276 .evenListRowS1:hover td,
3277 .oddListRowS1:hover td
3278 {
3279     background: #f6f6f6;
3280 }
3281
3282 /* detailviews */
3283 .detail table,
3284 table.detail
3285 {
3286     background-color: #cbdae6;
3287 }
3288 .detail tr td[scope="row"]
3289 {
3290     color: #000000;
3291     background-color: #f6f6f6;
3292     border-color: #cbdae6;
3293 }
3294 .detail h4 {
3295     color: #444444;
3296 }
3297 .detail tr th
3298 {
3299     border-color: #cbdae6;
3300 }
3301 .detail tr td
3302 {
3303     color: #444444;
3304     border-color: #cbdae6;
3305     background-color: #fff;
3306 }
3307 .detail tr td a:link,
3308 .detail tr td a:visited,
3309 .detail tr td a:hover
3310 {
3311     color: #0b578f;
3312 }
3313
3314 /* editviews */
3315 .edit td[scope=row]
3316 {
3317     color: #444444;
3318 }
3319
3320 #EditView hr{
3321     border-color:#abc3d7;
3322 }
3323
3324 .edit, .edit > table, .detail, .detail > table
3325 {
3326     border-bottom-color: #abc3d7 !important;
3327     border-top-color: #4e8ccf !important;
3328 }
3329 .edit
3330 {
3331     color: #000000;
3332     background-color: #f6f6f6;
3333 }
3334 .detail .edit td
3335 {
3336     background-color: #fff !important;
3337     border-bottom: 0 !important;
3338 }
3339
3340 /* other views */
3341 .other
3342 {
3343     border-color: #abc3d7;
3344     background-color: #cbdae6;
3345 }
3346 .other td
3347 {
3348     color: #444444;
3349     background-color: #ffffff;
3350     border-left-color: #dfdfdf;
3351 }
3352 .other td[scope=row]
3353 {
3354     color: #000000;
3355     background-color: #fafafa;
3356 }
3357 .other td.edit
3358 {
3359     color: #000000;
3360     background-color: #f6f6f6;
3361 }
3362
3363 /* misc links */
3364 a.utilsLink:link, a.utilsLink:visited
3365 {
3366     color: #0b578f;
3367 }
3368 a.tabFormAdvLink:link, a.tabFormAdvLink:visited
3369 {
3370     color: #444444;
3371 }
3372
3373 /* calendar styles */
3374 .monthCalBody
3375 {
3376         background-color: #abc3d7;
3377 }
3378 .monthFooter td
3379 {
3380         border-top-color: #abc3d7;
3381         border-bottom-color: #abc3d7;
3382         background-color: #ffffff;
3383 }
3384 .monthHeader a:hover,
3385 .monthViewDayHeight a:hover
3386 {
3387         color: #0b578f;
3388 }
3389 .monthCalBodyTH th[scope=row],
3390 .monthViewDayHeight td[scope=row]
3391 {
3392         background-color: #ebebeb;
3393 }
3394 .monthCalBodyTH th
3395 {
3396         background-color: #fafafa;
3397         color: #444444;
3398         border-color: #abc3d7 !important;
3399 }
3400 .monthViewDayHeight td
3401 {
3402         border-color: #abc3d7;
3403         background-color: #ffffff;
3404         color: #444444;
3405 }
3406 .monthViewDayHeight td[class=weekEnd]
3407 {
3408         background-color: #f6f6f6;
3409 }
3410 .monthCalBodyDayItem
3411 {
3412         background-color: #ffffff;
3413         border-top-color: #abc3d7;
3414         border-bottom-color: #ddd;
3415 }
3416 .monthCalBody td
3417 {
3418         background-color: #fff;
3419         color: #444444;
3420 }
3421 .monthCalBody th a
3422 {
3423         color: #000000;
3424 }
3425 .yearCalBody
3426 {
3427         border: none;
3428 }
3429 .yearCalBodyMonth
3430 {
3431         background-color: #abc3d7 !important;
3432         border-top: 2px solid #4e8ccf;
3433         border-bottom: 2px solid #fff;
3434 }
3435 .yearCalBody .monthHeader
3436 {
3437     border: none;
3438 }
3439 .yearCalBodyMonth #daily_cal_table
3440 {
3441         border-top: #abc3d7;
3442 }
3443 .yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay
3444 {
3445         border-color: #abc3d7;
3446 }
3447 .yearCalBodyMonth > a
3448 {
3449         color: #000000;
3450 }
3451 h5.calSharedUser
3452 {
3453         color: #444444;
3454 }
3455 .monthHeader
3456 {
3457     color: #444;
3458     background-color: #fff;
3459     border-color: #abc3d7;
3460     background-image: url(../../../../index.php?entryPoint=getImage&imageName=bg.gif);
3461 }
3462
3463 /* for subpanel tabs */
3464 .subpanelTabForm
3465 {
3466     border-color: #abc3d7;
3467     color: #000000;
3468     background-color: #ffffff;
3469 }
3470 ul.tablist, ul.subpanelTablist
3471 {
3472     border-bottom-color: #abc3d7;
3473 }
3474 ul.tablist li a:hover,
3475 ul.subpanelTablist li a:hover
3476 {
3477     background: #fafafa;
3478     border-color: #abc3d7;
3479 }
3480 ul.tablist li a,
3481 ul.subpanelTablist li a
3482 {
3483     background-color: #fff;
3484     border-color: #dddddd;
3485 }
3486 ul.tablist li a:link,
3487 ul.tablist li a:visited,
3488 ul.subpanelTablist li a:link,
3489 ul.subpanelTablist li a:visited
3490 {
3491     color: #444444;
3492 }
3493 ul.tablist li a:hover,
3494 ul.subpanelTablist li a:hover
3495 {
3496     background: #fafafa;
3497 }
3498 ul.subpanelTablist li a.current,
3499 ul.subpanelTablist li a.current:hover
3500 {
3501     color: #4f4f4f;
3502         background: #fff;
3503     border-right-color: #abc3d7;
3504     border-top-color: #abc3d7;
3505     border-bottom-color: #fff;
3506 }
3507
3508 ul.tablist li a.current:link, ul.tablist li a.current:visited, ul.tablist li a.current:hover
3509 {
3510     background: #f6f6f6;
3511     border-bottom-color: #f6f6f6;
3512     border-right-color: #abc3d7;
3513     border-top-color: #abc3d7;
3514 }
3515
3516 #change_layout
3517 {
3518     border: 0;
3519 }
3520
3521 /* for overlib js library */
3522 .olCgClass td
3523 {
3524         border-bottom-color: #abc3d7;
3525 }
3526 .olBgClass
3527 {
3528         background-color: #abc3d7;
3529 }
3530
3531 /* sitemap */
3532 #sitemap .edit.view
3533 {
3534     border-color: #4e8ccf !important;
3535 }
3536
3537 /* for edit view like forms that need a smaller font size */
3538 .edit.view.small td
3539 {
3540     color: #444;
3541 }
3542
3543 /* YUI theme */
3544 .yui-dt th, .yui-dt-hd {
3545     /*background: #D8D8DA url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x 0 -30px;*/
3546     background:#EBEBED none repeat scroll 0 0;
3547 }
3548
3549 .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse
3550 {
3551     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat 0 -110px;
3552 }
3553
3554  .yui-layout .yui-layout-clip-left .collapse, .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse,
3555  .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
3556     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat 0 -90px;
3557 }
3558
3559  .yui-layout .yui-layout-clip-right .collapse {
3560     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -0 -110px;
3561 }
3562
3563  .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
3564     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -220px;
3565 }
3566
3567  .yui-layout .yui-layout-clip-top .collapse {
3568     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png')no-repeat -20px -240px;
3569 }
3570
3571  .yui-layout .yui-layout-clip-bottom .collapse {
3572     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -180px;
3573 }
3574
3575  .yui-layout .yui-layout-unit div.yui-layout-hd .close {
3576     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -100px;
3577 }
3578
3579 .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-layout .yui-layout-hd {
3580     background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 0;
3581     border-color: #ABC3D7;
3582 }
3583
3584 .yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
3585         border-color:#ABC3D7;
3586 }
3587
3588 .yuimenuitem-hassubmenu > a{
3589     background-image: url(../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png);
3590 }
3591
3592  .yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a,
3593 .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a
3594     {
3595     background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -131px;
3596 }
3597
3598  .sugar-progress-bar, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover
3599 {
3600     background:#666666 url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -157px;
3601
3602 }
3603
3604 .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  {
3605     border-color: #ABC3D7;
3606 }
3607
3608  a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
3609     background : transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png')  no-repeat scroll 0px -70px;
3610  }
3611
3612
3613 #basic_search_link
3614 {
3615     margin-left:6px !important;
3616 }
3617
3618 .star {
3619         float:right;
3620         zoom: 1;
3621         display: inline;
3622         *float: none;
3623         *width: 18px;
3624 }
3625 .moduleTitle .star
3626 {
3627     margin-top:4px;
3628     padding-right:5px;
3629 }
3630
3631 li div.star {float:none;}
3632 .star div {background-image:url('../../../../index.php?entryPoint=getImage&imageName=star-sheet.png');width:18px;height:18px;float:left;}
3633 .star div.on {background-position:0px 0px}
3634 .star div.off {background-position:0px -18px}
3635 .star div:hover {cursor:pointer;background-position:0px 0px;}
3636
3637 #ajaxStatusDiv {
3638     background : #ffffff;
3639         color : #c60c30;
3640         position : fixed;
3641         opacity : .8;
3642         filter : alpha(opacity=80);
3643     z-index: 20;
3644     top: 7px;
3645     border: 1px solid #aaa;
3646         padding: 5px;
3647 }
3648
3649 div#chartDashlets
3650 {
3651     overflow-y: auto;
3652 }
3653
3654
3655 /* miscellaneaous 508 classes */
3656 .detail508 tr td[scope="col"]
3657 {
3658     background-color: #F6F6F6;
3659     border-color: #CBDAE6;
3660     color: #000000;
3661     text-align: right;
3662     white-space: nowrap;
3663 }
3664
3665 td.teamset-row, .edit tr td.teamset-row, .edit tr td table tr td.teamset-row {
3666     padding: 5px !important;
3667 }
3668
3669 /* competible for SugarActionMenu */
3670
3671 ul.clickMenu {
3672         list-style: none;
3673         padding: 0px 3px 0px 0px;
3674         margin: 0 !important;
3675         vertical-align: bottom;
3676     background-color: #ECF1F4;
3677     background-image: url("../../../../index.php?entryPoint=getImage&imageName=bgBtn.gif");
3678     border: 1px solid #ABC3D7;
3679     color: #000000;
3680         display: inline-block;
3681 }
3682 ul.clickMenu form{
3683         float:left;
3684         display:block;
3685 }
3686 ul.SugarActionMenuIESub {
3687 }
3688
3689 ul.clickMenu:hover {
3690                 background-color: #4e8ccf;
3691                 background-image: none;
3692                 border-color: #4e8ccf;
3693                 color: #fff;
3694 }
3695 ul#globalLinksSubnav.SugarActionMenuIESub li a:hover, ul#quickCreateULSubnav.SugarActionMenuIESub li a:hover,
3696 ul.clickMenu:hover > li > span > a, ul.clickMenu:hover > li > a {
3697         color: #fff !important;
3698 }
3699
3700 ul.clickMenu:hover > li > span {
3701         background-position: 6px 0px;
3702 }
3703 ul.clickMenu li, ul.SugarActionMenuIESub li {
3704         float: left;
3705         margin: 0;
3706         padding: 0 0 0 0;
3707         list-style: none;
3708         position: relative; /*--Declare X and Y axis base--*/
3709     cursor: pointer;
3710 }
3711 ul.SugarActionMenuIESub li a,
3712 ul.clickMenu li a, .list tr.pagination td.buttons ul.clickMenu > li > a:link, .list tr.pagination td.buttons ul.clickMenu > li > a{
3713         display: block;
3714         text-decoration: none;
3715         float: left;
3716         font-weight: normal !important;
3717         padding: 1px 10px 1px 10px !important;
3718         color: #000;
3719         font-size: 12px;
3720 }
3721
3722 .list tr.pagination td.buttons ul.clickMenu:hover > li > a:link, .list tr.pagination td.buttons ul.clickMenu:hover > li > a{
3723         color: #fff;
3724 }
3725
3726 ul.clickMenu li.single a{
3727         padding-right: 8px !important;
3728 }
3729
3730 ul.clickMenu li a:hover{
3731 text-decoration: none !important;
3732 }
3733 ul.clickMenu li > span { /*--Drop down trigger styles--*/
3734         width: 17px;
3735         height: 16px;
3736         float: left;
3737         background: url(../../../../index.php?entryPoint=getImage&imageName=actionMenuArrow.png) no-repeat 6px -28px;
3738         cursor: pointer;
3739 }
3740
3741 ul.clickMenu li > span.ab { /*--Drop down trigger styles--*/
3742     border-left: 1px #aaa solid;
3743     padding-left: 5px;
3744 }
3745 ul.clickMenu li span.subhover {
3746         cursor: pointer;
3747         } /*--Hover effect for trigger--*/
3748 ul.clickMenu li ul.subnav, ul.clickMenu ul.subnav-sub, ul.SugarActionMenuIESub {
3749         list-style: none;
3750         position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
3751         left: 0; top: 18px;
3752         background: #fff;
3753         margin: 0;
3754         display: none;
3755         float: left;
3756         width: auto;
3757         border: 1px solid #ccc;
3758         box-shadow: #999 0px 5px 10px;
3759         -moz-box-shadow: #999 0px 5px 10px;
3760         -webkit-box-shadow: #999 0px 5px 10px;
3761         padding: 8px 0px;
3762         z-index: 10;
3763         overflow:hidden;
3764 }
3765
3766 ul.clickMenu li ul.subnav li, ul.clickMenu ul.subnav-sub li, ul.SugarActionMenuIESub li{
3767         margin: 0;
3768         padding: 0px;
3769         clear: both;
3770         /*width: 170px;*/
3771         width:100%;
3772         white-space: nowrap;
3773
3774 }
3775 ul.clickMenu.subpanel.records {
3776         background-color: #eee;
3777         border: 1px solid #ddd;
3778         background-image: none;
3779 }
3780
3781 ul.clickMenu.subpanel.records:hover {
3782         background-color: #4e8ccf !important;
3783         background-image: none !important;
3784         border-color: #4e8ccf !important;
3785 }
3786
3787 ul.clickMenu.subpanel.records li a{
3788         color: #aaa;
3789 }
3790 ul.clickMenu.subpanel.records:hover > li div a{
3791         color: #fff !important;
3792 }
3793
3794 ul.clickMenu.subpanel.records li > span{
3795         opacity: .5;
3796     height: 16px;
3797     padding: 0 !important;
3798     width: 15px;
3799     background-position: right -28px;
3800 }
3801
3802 ul.clickMenu.subpanel.records:hover li > span{
3803
3804 }
3805
3806 ul.clickMenu.subpanel.records li ul.subnav li a span {
3807         height: 0px;
3808         width: 0px;
3809         background-image: none;
3810 }
3811
3812 ul.clickMenu.button li > span {
3813         width: auto;
3814         background-position: right -20px;
3815         padding: 3px 15px 3px 10px !important;
3816         height: auto;
3817 }
3818
3819 ul.clickMenu.button:hover li > span {
3820         background-position: right 0px;
3821 }
3822
3823 ul.clickMenu.button li > span a {
3824         padding: 0px !important;
3825 }
3826
3827 ul.clickMenu.button {
3828         padding-right: 5px;
3829 }
3830
3831 ul.clickMenu.button li ul.subnav {
3832         width: auto;
3833 }
3834
3835 ul.clickMenu li a.disabled {
3836     color:gray !important;
3837     cursor:default !important;
3838 }
3839
3840 .oddListRowS1:hover td ul.clickMenu.subpanel.records , .evenListRowS1:hover td ul.clickMenu.subpanel.records {
3841                 background-image: -moz-linear-gradient(center top,
3842                 #ffffff 0%,
3843                 #eeeeee 10%,
3844                 #dfdfdf 100%
3845                 );
3846                 background-image: -webkit-gradient(
3847             linear,
3848             left top,
3849             left bottom,
3850             color-stop(0, #ffffff),
3851             color-stop(.10, #eeeeee),
3852             color-stop(1, #dfdfdf)
3853            );
3854            border: 1px solid #AAAAAA;
3855 }
3856
3857 .oddListRowS1:hover td ul.clickMenu.subpanel.records li a, .evenListRowS1:hover td ul.clickMenu.subpanel.records li a {
3858         color: #000;
3859 }
3860
3861 .oddListRowS1:hover td ul.clickMenu.subpanel.records li span, .evenListRowS1:hover td ul.clickMenu.subpanel.records li span {
3862         opacity: 1;
3863 }
3864
3865 ul.clickMenu li ul.subnav li a,ul.clickMenu li ul.subnav li input, ul.subnav-sub li a, ul.SugarActionMenuIESub li a {
3866         float: left;
3867         background: #fff;
3868         padding: 1px 10px !important;
3869         border: 0px !important;
3870         /*width: 150px;*/
3871         width:100%;
3872         text-align: left;
3873         font-size: 12px !important;
3874         color: #000;
3875
3876 }
3877
3878 ul.clickMenu li ul.subnav li input {
3879         padding: 2px 10px !important;
3880         /*width: 170px;*/
3881         width:100%
3882 }
3883 ul.SugarActionMenuIESub li a:hover,
3884 ul.clickMenu li ul.subnav li a:hover,ul.clickMenu li ul.subnav li input:hover, ul.clickMenu.subpanel.records li ul.subnav li a:hover, ul.clickMenu ul.subnav-sub li a:hover { /*--Hover effect for subnav links--*/
3885 background-color: #355b7e;
3886 color: #fff;
3887 font-weight: normal !important;
3888 font-size: 12px !important;
3889 cursor: pointer;
3890 text-shadow: none;
3891 border-radius: 0px;
3892 -webkit-border-radius: 0px;
3893
3894 }
3895
3896 td.paginationActionButtons ul.clickMenu .massall,
3897 ul#selectLink.clickMenu .massall, td.selectCol .massall{
3898         float: left;
3899         margin: 2px 0 0 4px;
3900 }
3901
3902 td.paginationActionButtons ul.selectmenu > li > a, td.selectCol ul.selectmenu > li > a, ul#selectLink.clickMenu > li > a {
3903         padding: 0px !important;
3904 }
3905 ul.clickMenu.showLess .moreOverflow , ul.clickMenu.showLess .moduleMenuOverFlowLess, ul.clickMenu.showMore .moduleMenuOverFlowMore {
3906         display:none;
3907 }
3908
3909 #globalLinksDivider {
3910         float: right;
3911         margin-right: 0px;
3912 }
3913 ul#globalLinksSubnav, ul#quickCreateULSubnav{
3914     font-family: Arial;
3915 }
3916 ul#globalLinks.clickMenu {
3917         background: none;
3918         border: 0px none;
3919         padding-right: 0px;
3920         font-family: Arial;
3921 }
3922
3923 ul#globalLinks.clickMenu li > span {
3924         height: 43px;
3925         background-image: url(../../../../index.php?entryPoint=getImage&imageName=tabDownArrowOff.png);
3926         background-position: right center;
3927         width: auto;
3928         margin-right: 10px;
3929     padding-right: 8px;
3930 }
3931
3932 ul#globalLinks.clickMenu li > span a {
3933     color: #FFFFFF;
3934     font-size: 14px;
3935     margin-top: 13px;
3936         padding: 0px 10px !important;
3937 }
3938
3939
3940 ul#globalLinks.clickMenu li ul.subnav {
3941         top: 43px;
3942         right: 0px;
3943         left: auto;
3944 }
3945
3946 ul#globalLinks.clickMenu > li > a {
3947         color: #fff;
3948         font-size: 14px;
3949     padding: 14px 7px !important;
3950 }
3951
3952 ul#selectLink.clickMenu {
3953         height: 17px;
3954         min-width: 20px;
3955         background-image: none;
3956 }
3957
3958 td.paginationActionButtons ul.clickMenu #massall,
3959 ul#selectLink.clickMenu #massall{
3960         float: left;
3961         margin: 1px 4px;
3962 }
3963 .selectActions.clickMenu {
3964     display: none;
3965 }
3966
3967 ul.clickMenu.show {
3968     display:inline-block;
3969     /*css hack for IE*/
3970     *display:inline;
3971     *zoom:1;
3972 }
3973
3974 ul#selectLink.clickMenu > li > a{
3975         padding-left: 0px !important;
3976 }
3977
3978 ul#selectLink.clickMenu li span {
3979         height: 17px;
3980 }
3981
3982 ul#selectLink.clickMenu li ul.subnav {
3983
3984 }
3985
3986 ul#detailViewActions.clickMenu {
3987         margin-top: 2px !important;
3988 }
3989
3990 #selectActions.clickMenu {
3991         display: none;
3992 }
3993
3994 .selectActionsDisabled {
3995         display: inline-block;
3996         background-color: #eee;
3997         border: 1px solid #ddd;
3998         -webkit-border-radius: 1px;
3999         -moz-border-radius: 1px;
4000         border-radius: 1px;
4001         vertical-align: bottom;
4002         padding: 0 3px 0 10px;
4003 }
4004
4005 .selectActionsDisabled span {
4006         width: 17px;
4007         height: 17px;
4008         float: left;
4009         background: url(../../../../index.php?entryPoint=getImage&imageName=actionMenuArrow.png) no-repeat 6px -28px;
4010         opacity: .5;
4011         }
4012
4013 .selectActionsDisabled span.ab {
4014     border-left: 1px #ccc solid;
4015     margin-left: 10px;
4016     padding-left: 5px;
4017 }
4018
4019 .selectActionsDisabled a, #selectActionsDisabled a:hover {
4020         float: left;
4021         display: block;
4022         text-decoration: none !important;
4023         color: #999 !important;
4024         padding: 1px 0px 0px 0px!important;
4025         text-shadow: 1px 1px #FFFFFF;
4026         font-weight: normal;
4027         font-size: 13px;
4028 }
4029
4030 #quickCreate {
4031         float: right;
4032 }
4033
4034 #quickCreate ul.clickMenu {
4035         background: none;
4036         border: 0px none;
4037         padding-right: 0px;
4038         font-family: Arial;
4039 }
4040
4041
4042 #quickCreate ul.clickMenu > li {
4043         width: 50px;
4044         height: 43px;
4045
4046 }
4047 #quickCreate ul.clickMenu li > span {
4048         background: url(../../../../index.php?entryPoint=getImage&imageName=quick-create.png) no-repeat center center;
4049         height: 43px;
4050         width: 50px;
4051 }
4052
4053 #quickCreate ul.clickMenu > li:hover {
4054         background-color: #276499;
4055 }
4056 ul#globalLinksSubnav li { min-width: 120px;}
4057 ul#globalLinksSubnav, ul#quickCreateULSubnav,
4058 #quickCreate ul.clickMenu li ul.subnav, #globalLinksModule ul.clickMenu li ul.subnav{
4059         top: 43px;
4060         right: 0;
4061         left: auto;
4062         padding: 10px 0px;
4063         border: 1px solid #999;
4064         width: 100%;
4065 }
4066
4067 #quickCreate ul.clickMenu li ul.subnav {
4068         width: auto;
4069 }
4070
4071 #globalLinksSubnav li a, #quickCreateULSubnav li a,
4072 #quickCreate ul.clickMenu li ul.subnav li a, #globalLinksModule ul.clickMenu li ul.subnav li a {
4073         padding: 4px 10px !important;
4074         font-size: 13px !important;
4075         color: #666666 !important;
4076         line-height: 1.45;
4077 }
4078 #quickCreateULSubnav li.moduleMenuOverFlowLess a, #quickCreateULSubnav li.moduleMenuOverFlowMore a,
4079 #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a {
4080         color: #999 !important;
4081 }
4082
4083 #quickCreate ul.clickMenu li ul.subnav li a:hover, #globalLinksModule ul.clickMenu li ul.subnav li a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a:hover {
4084         color: #fff !important;
4085 }
4086
4087 ul.clickMenu li ul.subnav li a:hover .showLessArrow, ul.clickMenu li ul.subnav li a:hover .showMoreArrow {
4088         background-position: center 8px;
4089         opacity: 1;
4090 }
4091
4092
4093 #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a img, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a img
4094 {
4095         opacity: .6;
4096 }
4097
4098 div.action_buttons form {float:left;}
4099 .paginationWrapper { float:right; }