themes/Sugar5/css/style.css

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