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