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