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     clear: both;
1199 }
1200
1201 #themePicker, #langPicker
1202 {
1203     text-align: center;
1204     margin-bottom: 0.5em;
1205 }
1206
1207 #themePicker select, #langPicker select
1208 {
1209     width: 120px;
1210     font-size: 10px;
1211 }
1212
1213 /* Scheduler Styles */
1214 #scheduler
1215 {
1216     margin-top: 5px;
1217 }
1218 #scheduler .schedulerDiv
1219 {
1220     color: #000000;
1221         text-align: left;
1222     width: 100%;
1223     background-color: #FAFAFA;
1224         border-collapse: collapse;
1225         border-bottom: 1px solid #999;
1226 }
1227 #scheduler .schedulerDiv table
1228 {
1229     width: 100%;
1230         border-collapse: collapse;
1231 }
1232 #scheduler .schedulerDiv table tr td
1233 {
1234         height: 18px;
1235     border: 1px solid #dddddd;
1236 }
1237 #scheduler .schedulerDiv table tr.schedulerTimeRow td
1238 {
1239         border-left: 0;
1240 }
1241 #scheduler .schedulerDiv table tr.schedulerTimeRow td[scope=col]
1242 {
1243     border-left:1px solid #DDDDDD;
1244     padding-left:4px;
1245 }
1246 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td
1247 {
1248         background-color: #eeeeee;
1249     width: 15px;
1250 }
1251 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row]
1252 {
1253     overflow: hidden;
1254     padding-left: 4px;
1255         width: 125px;
1256     background: transparent;
1257     border-left: 0;
1258 }
1259 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime
1260 {
1261         border-left: 4px solid #75AF4F !important;
1262     background-color:#FFFFFF;
1263 }
1264 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime
1265 {
1266         border-left: 4px solid #ff0000 !important;
1267 }
1268 #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell
1269 {
1270         background: transparent;
1271     border-left: 1px solid #dddddd;
1272         padding-left: 4px;
1273 }
1274 #scheduler .schedulerInvitees
1275 {
1276     margin-top: 1em;
1277 }
1278 #scheduler .schedulerInvitees .tabForm
1279 {
1280     margin-bottom: 0;
1281 }
1282
1283 /* calendar module styles */
1284 .monthFooter td
1285 {
1286     padding-left: 7px;
1287     padding-right: 7px;
1288     padding-top: 3px;
1289     padding-bottom: 5px;
1290     border-top: 1px solid;
1291     border-bottom: 2px solid;
1292 }
1293 .monthHeader
1294 {
1295         padding: 6px 5px 4px 3px;
1296         margin-top: 10px;
1297         vertical-align: middle;
1298         background-repeat: repeat-x;
1299         background-position: top;
1300 }
1301 .monthHeader td
1302 {
1303     padding-left: 5px;
1304 }
1305 .monthViewDayHeight
1306 {
1307     height: 100px;
1308 }
1309 .monthViewDayHeight td[scope=row]
1310 {
1311     padding: 5px;
1312     text-align:center;
1313 }
1314 .monthViewDayHeight td
1315 {
1316     vertical-align: top;
1317     padding: 3px;
1318     text-align: right !important;
1319 }
1320 .yearViewDayHeight
1321 {
1322     height: 40px;
1323 }
1324 .monthCalBodyDayItem
1325 {
1326     margin: 7px 0px 7px 0px;
1327     padding: 5px 0px 8px 0px;
1328     border-top: 1px solid;
1329 }
1330 .monthCalBodyDayItem td
1331 {
1332     vertical-align: top;
1333 }
1334 .monthCalBodyDayItem td img
1335 {
1336     padding-right: 3px;
1337     vertical-align: top;
1338 }
1339 .monthCalBody th
1340 {
1341     vertical-align: top;
1342     padding: 7px;
1343     height: 20px;
1344     font-weight: normal;
1345 }
1346 .monthCalBodyTH th
1347 {
1348     padding: 5px !important;
1349     border-bottom: 1px solid;
1350     font-weight: bold;
1351 }
1352 .monthCalBody td
1353 {
1354     padding: 5px;
1355     text-align: left;
1356 }
1357 .monthCalBody td div table td {
1358 text-align: left!important;
1359 }
1360 .monthCalBody
1361 {
1362    padding: 0;
1363 }
1364 .monthCalBody td.yearCalBody
1365 {
1366     padding: 0;
1367         margin: 0;
1368 }
1369 .yearCalBodyMonth
1370 {
1371     padding:5px 0 0 0 !important;
1372     text-align:center !important;
1373 }
1374 .yearCalBodyMonth #daily_cal_table
1375 {
1376     margin-top: 5px;
1377 }
1378 .yearCalBodyMonth > a
1379 {
1380     font-weight: bold;
1381     margin: 0px;
1382     padding: 5px;
1383     width: 100%;
1384     margin-bottom: 5px;
1385     text-decoration: none !important;
1386 }
1387 .yearCalBodyMonth > a:hover
1388 {
1389     text-decoration: underline;
1390 }
1391 .calSharedUser
1392 {
1393     height: 20px;
1394     padding-top: 5px;
1395     padding-left: 8px;
1396     margin-top: 0px;
1397     margin-bottom: 0px;
1398     border-top: 1px;
1399 }
1400
1401 /* js calendar styles */
1402 .calendar
1403 {
1404     border: 1px solid #999;
1405 }
1406 .calendar .button
1407 {
1408     background-color: #eee;
1409     background-image: none;
1410 }
1411 .calendar .combo
1412 {
1413     border-top: 1px solid #f1f1f1;
1414     border-right: 1px solid #999;
1415     border-bottom: 1px solid #999;
1416     border-left: 1px solid #f1f1f1;
1417     background: #eee;
1418     padding: 0px;
1419 }
1420 .calendar .combo .active
1421 {
1422     background: #eee;
1423 }
1424 .calendar .combo .hilite
1425 {
1426     background: #f8f7f7;
1427     padding: 1px 4px 1px 4px;
1428     border-top: 1px solid;
1429     border-bottom: 1px solid;
1430     border-color: #9e9e9e;
1431 }
1432 .calendar .combo .label,
1433 .calendar .combo .label-IEfix
1434 {
1435     text-align: left;
1436     padding: 2px 4px 2px 4px;
1437 }
1438 .calendar .nav
1439 {
1440     background: transparent no-repeat 100% 100%;
1441 }
1442 .calendar table
1443 {
1444     background: #eee;
1445 }
1446 .calendar table .wn
1447 {
1448     background: #eeeeee;
1449     border-right: 1px solid #ccc;
1450 }
1451 .calendar tbody .day
1452 {
1453     background: #fff;
1454     text-align: right;
1455     padding: 2px 4px 2px 2px;
1456 }
1457 .calendar tbody .day.othermonth.oweekend
1458 {
1459     color: #666;
1460 }
1461 .calendar tbody .emptycell
1462 {
1463     display: hidden;
1464 }
1465 .calendar tbody .rowhilite td,
1466 .calendar tbody .rowhilite td.weekend
1467 {
1468     background: #f6f6f6;
1469 }
1470 .calendar tbody .rowhilite td.wn
1471 {
1472     background: #fff;
1473 }
1474 .calendar tbody td.hilite,
1475 .calendar tbody td.weekend.hilite
1476 {
1477     background: #f8f7f7;
1478     border-color: #9e9e9e;
1479 }
1480 .calendar tbody td.selected
1481 {
1482     border-color: #666;
1483     background: #eee;
1484 }
1485 .calendar tbody td.today
1486 {
1487     color: #666;
1488 }
1489 .calendar tbody td.weekend
1490 {
1491     color: #666;
1492     background: #f9f9f9;
1493 }
1494 .calendar tfoot .ttip
1495 {
1496     background: #e8f0f4;
1497     border-top: 1px solid #fff;
1498     border-bottom: 1px solid #ccc;
1499     background: #dfdfdf;
1500     color: #000;
1501 }
1502 .calendar thead .hilite
1503 {
1504     border-bottom: 1px solid #fff;
1505     border-left: 1px solid #aaa;
1506     border-top: 1px solid #aaa;
1507     border-right: 1px solid #fff;
1508 }
1509 .calendar thead .name
1510 {
1511     background: #dddddd;
1512         border-color: #cccccc;
1513 }
1514 .calendar thead .title
1515 {
1516     padding: 3px;
1517     border-top: 1px solid #fff;
1518     border-bottom: 1px solid #cccccc;
1519     color: #000;
1520     background: #f8f7f7;
1521 }
1522 .calendar thead .weekend
1523 {
1524     color: #000;
1525     font-weight: bold;
1526 }
1527 .listViewCalCurrentAppt {
1528         background-color: #75AF4F;
1529 }
1530 .listViewCalOtherAppt {
1531 background-color: #4D5EAA;
1532 }
1533 .listViewCalConflictAppt {
1534 background-color: #AA4D4D;
1535 }
1536 .listViewCalCurrentApptLgnd {
1537 background-color: #75AF4F;
1538 border: 1px solid #444444;
1539 }
1540 .listViewCalOtherApptLgnd {
1541 background-color: #4D5EAA;
1542 border: 1px solid #444444;
1543 }
1544 .listViewCalConflictApptLgnd {
1545 background-color: #AA4D4D;
1546 border: 1px solid #444444;
1547 }
1548
1549 /** report styles **/
1550 table.reportlistViewRC{
1551     /* this definition should be exactly the same as .listViewThS1 */
1552     background:Black;
1553 }
1554
1555 table.reportlistView{
1556     /* this definition should be exactly the same as .listViewThS1 */
1557     background:Black;
1558 }
1559
1560 .reportlistViewThS1 {
1561     font-size: 13px;
1562     font-weight: bold;
1563     text-align: left;
1564     padding: 4px 5px 4px 5px;
1565     border-left: none;
1566     border-right: none;
1567     border-top: 1px solid Blackccc;
1568     border-bottom: 1px solid Blackccc;
1569     background:Gainsboro;
1570 }
1571
1572 .reportevenListRowS1, .reportoddListRowS1 {
1573     font-size: 12px;
1574     padding-left: 5px;
1575     padding-right: 8px;
1576     padding-bottom: 5px;
1577     padding-top: 3px;
1578     vertical-align: middle;
1579     background:white;
1580 }
1581
1582 .reportlistViewPaginationTdS1 {
1583     border: none;
1584     vertical-align: top;
1585     padding-top: 5px;
1586     padding-bottom: 5px;
1587     font-size: 12px;
1588     background:white;
1589 }
1590
1591 /* These are for summation report */
1592 .reportViewTable {
1593     border-left: none;
1594     border-right: none;
1595     border-top: none;
1596     background:White;
1597 }
1598 .reportGroupViewTable {
1599     border-left: 1px solid Black;
1600     border-top: 1px solid Black;
1601     background:LightGrey;
1602 }
1603 .reportGroup1ByTable {
1604     font-size: 15px;
1605     border-left: none;
1606     border-right: 1px solid Black;
1607     border-bottom: 1px solid Black;
1608     background:LightGrey;
1609 }
1610 .reportGroupNByTable {
1611     font-size: 13px;
1612     border-left: none;
1613     border-right: 1px solid Black;
1614     border-bottom: none;
1615     background:White;
1616 }
1617 .reportGroupByDataTableHeader {
1618     border-left: none;
1619     border-right: none;
1620     border-top: none;
1621     border-bottom: none;
1622     background:White;
1623 }
1624 .reportDataChildtablelistView {
1625     border-left: none;
1626     border-right: none;
1627     border-top: none;
1628     border-bottom: none;
1629     background:Black;
1630 }
1631 table.reportDataChildtablelistView td {
1632     border-color: #ccc;
1633     background: white;
1634     padding:4px 5px;
1635 }
1636 .reportGroupByDataChildTablelistViewThS1 {
1637     font-size: 11px;
1638     font-weight: bold;
1639     text-align: left;
1640     padding: 4px 5px 4px 5px;
1641     border-left: none;
1642     border-right: none;
1643     border-top: none;
1644     border-bottom: none;
1645     background:White;
1646 }
1647 .reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 {
1648     font-size: 12px;
1649     padding-left: 5px;
1650     padding-right: 8px;
1651     padding-bottom: 5px;
1652     padding-top: 3px;
1653     vertical-align: middle;
1654     background:white;
1655 }
1656 .reportGroup1ByTableEvenListRowS1 {
1657     font-weight: bold;
1658     font-size: 14px;
1659     padding-left: 5px;
1660     padding-right: 8px;
1661     padding-bottom: 5px;
1662     padding-top: 3px;
1663     vertical-align: middle;
1664     background:LightGrey;
1665     text-align: left;
1666 }
1667 .reportGroupNByTableEvenListRowS1 {
1668     font-weight: bold;
1669     font-size: 12px;
1670     padding-left: 5px;
1671     padding-right: 8px;
1672     padding-bottom: 5px;
1673     padding-top: 3px;
1674     vertical-align: middle;
1675     background:LightGrey;
1676     text-align: left;
1677 }
1678 .reportGroupBySpaceTableView {
1679     border-left: none;
1680     border-right: none;
1681     border-top: none;
1682     background:White;
1683 }
1684 .reportGroupByDataTableHeaderEmptyCell {
1685     border-bottom: 1px solid Black;
1686     border-top: 1px solid Black;
1687     background:White;
1688 }
1689 .reportevenListRowS1,
1690 .reportoddListRowS1,
1691 .reportGroupByDataEvenListRowS1,
1692 .reportGroupByDataOddListRowS1,
1693 .reportGroupByDataMatrixEvenListRowS1,
1694 .reportGroupByDataMatrixEvenListRowS2,
1695 .reportGroupByDataMatrixEvenListRowS3,
1696 .reportGroupByDataMatrixEvenListRowS4
1697 {
1698     padding-bottom: 4px;
1699     padding-top: 2px;
1700 }
1701
1702 /* End of summation report classes */
1703
1704
1705 /* Start of Matrix Report Class */
1706 .reportlistView {
1707     border-top: 1px solid #000;
1708     border-left: 1px solid #000;
1709     }
1710 table.reportlistView td, table.reportlistView th {
1711     background: #fff;
1712     border-bottom: 1px solid #000;
1713     border-right: 1px solid #000;
1714     color: #000;
1715     padding: 4px;
1716     text-align: center;
1717     font-size: 11px;
1718     }
1719     table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 {
1720     background: #dcdcdc;
1721     font-weight: bold;
1722     }
1723
1724 /* End of matrix report classes */
1725
1726 /* for overlib js library */
1727 .olCapFontClass {
1728         font-weight: bold;
1729         color: #444;
1730         background-color: #dfdfdf;
1731 }
1732 .olCapFontClass A {
1733         color: #dfdfdf;
1734         font-size: 9px;
1735 }
1736 .olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
1737         background-color: #fff;
1738         padding: 5px 7px 7px 10px !important;
1739         line-height: 18px;
1740 }
1741 .olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
1742         border-bottom: 2px solid #ddd;
1743         background-color: #f6f6f6;
1744         padding: 5px 3px 3px 10px !important;
1745 }
1746 .olCgClass {
1747     padding: 0px;
1748     border: 0px;
1749 }
1750 .olBgClass {
1751         background-color: #ddd;
1752         padding: 2px !important;
1753 }
1754 #forecastsWorksheet .olBgClass td {
1755     padding: 0 !important;
1756 }
1757 .olCloseFontClass {
1758         padding-bottom: 1px;
1759         text-align: right;
1760         background-color: #dfdfdf;
1761 }
1762
1763 /* acl role colors */
1764 .aclAll
1765 {
1766     color: #008000;
1767     font-weight: bold;
1768 }
1769 .aclOwner
1770 {
1771     color: #000000;
1772     font-weight: bold;
1773 }
1774 .aclNone
1775 {
1776     color: #FF0000;
1777     font-weight: bold;
1778 }
1779 .aclEnabled
1780 {
1781     color: #008000;
1782     font-weight: bold;
1783 }
1784 .aclDisabled
1785 {
1786     color: #FF0000;
1787     font-weight: bold;
1788 }
1789 .aclAdmin
1790 {
1791     color: #0000FF;
1792     font-weight: bold;
1793 }
1794 .aclNormal
1795 {
1796     color: #008000;
1797     font-weight: bold;
1798 }
1799
1800 /* for lists where we don't want to have bullet points */
1801 ul.noBullet {
1802   list-style-type: none;
1803   margin-left: 0;
1804   padding-left: 0;
1805 }
1806
1807 li.noBullet {
1808   list-style-type: none;
1809   padding: 0;
1810   margin: 0;
1811 }
1812
1813 table.tabForm td ul li {
1814 list-style-type: none;
1815 margin-bottom: 10px;
1816 }
1817
1818 .helpButton
1819 {
1820         font-weight:700;
1821 }
1822
1823 .helpShortcut
1824 {
1825         font-weight:700;
1826 }
1827 /* for subpanels */
1828 #MorePanelHandle
1829 {
1830     cursor: hand;
1831     cursor: pointer;
1832     display: inline;
1833     margin-left: 2px;
1834     margin-bottom: 2px;
1835     text-align: center;
1836     background: url('../../../../index.php?entryPoint=getImage&imageName=more.gif') no-repeat bottom left;
1837         color: #444;
1838 }
1839
1840 .sqsFloater {
1841 position:absolute;
1842 z-index:2;
1843 bottom:0;
1844 right:0;
1845 display:none;
1846 padding:0;
1847 }
1848
1849 .sqsFloater td {
1850 border:1px inset;
1851 color:black;
1852 }
1853
1854 .sqsMatchedSmartInputItem {
1855 font-size:11px;
1856 padding: 2px 5px 2px 5px;
1857 margin: 0;
1858 cursor: pointer;
1859 cursor: hand;
1860 }
1861
1862 .sqsSelectedSmartInputItem {
1863 background-color:#DEEFFF;
1864 }
1865
1866 #sqsSmartInputResults {
1867 padding:0;margin:0;
1868 }
1869
1870 .sqsNoMatch {
1871 padding: 2px 5px 2px 5px;
1872 font-weight: bold;
1873 background-color:#eeeeee;
1874 color:#980000;
1875 }
1876 /* misc font displays */
1877 .todaysTask
1878 {
1879     color: #FF7800
1880 }
1881 .overdueTask
1882 {
1883     color: #ff0000;
1884 }
1885 .required,
1886 .error
1887 {
1888     color: #ff0000;
1889 }
1890 .success
1891 {
1892     color: #00ee00;
1893 }
1894 .rssItemDate
1895 {
1896     color: #666666;
1897 }
1898 .date
1899 {
1900     font-size: 13px;
1901     font-weight: bold;
1902     border-bottom: 1px solid;
1903     padding-right: 10px;
1904 }
1905 .dateFormat
1906 {
1907     font-weight: normal;
1908     font-style: italic;
1909 }
1910 /* list view page numbers */
1911 .pageNumbers {
1912 padding-right: 3px;
1913 padding-left: 3px;
1914 }
1915 .contentBox {
1916     border-top: 1px solid #DDD;
1917     border-bottom: 1px solid #DDD;
1918     padding: 0px 10px 0px 0px;
1919     margin: 10px 0 10px 0;
1920 }
1921 .contentBox td
1922 {
1923     padding-top: 0;
1924 }
1925
1926 /* for team notices and my portal dashlets */
1927 .teamNoticeBox
1928 {
1929     border: 1px solid;
1930     padding: 0;
1931     background: #fff;
1932     width:100%;
1933 }
1934 .teamNoticeText
1935 {
1936     padding: 0px 10px 0px 10px;
1937 }
1938
1939 /* to force border to display on tiny-mce controls */
1940 .mceToolbarTop
1941 {
1942     border-bottom:1px solid #CCCCCC !important;
1943 }
1944
1945 #dashletsList
1946 {
1947         background: #fff;
1948 }
1949
1950 #dashletCtrls
1951 {
1952     float: right;
1953 }
1954
1955 ul#dashletCategories li a:link, ul#dashletCategories li a:visited
1956 {
1957         color: #444;
1958         background: #eee;
1959 }
1960 ul#dashletCategories li a.current, ul#dashletCategories li a.current:hover
1961 {
1962         color: #444;
1963         background: transparent;
1964 }
1965 #moduleDashlets h3,#chartDashlets h3,#toolsDashlets h3
1966 {
1967     margin-top: 13px;
1968 }
1969 #dashletSearch table tr td input[type=button]
1970 {
1971     vertical-align: top;
1972 }
1973 .x-dlg-btns button.x-btn-text:hover,
1974 .x-dlg-btns .x-btn-focus button.x-btn-text
1975 {
1976     color: #000;
1977 }
1978
1979 /* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
1980 td.edit.view td
1981 {
1982         text-align: left;
1983 }
1984 td.edit.view td[align=right]
1985 {
1986         text-align: right;
1987 }
1988 #user_password, #user_name
1989 {
1990         width: 150px;
1991 }
1992
1993 /* if we have horizontal padding anywhere in the table, it will break the rollup tree */
1994 #forecastsWorksheet  tbody  tr  td,
1995 #forecastsWorksheet  tr  td
1996 {
1997     padding: 3px 0px 5px 0px !important;
1998 }
1999 #forecastsWorksheet  tr.pagination  td
2000 {
2001     padding: 0 !important;
2002 }
2003 #forecastsWorksheet tr.pagination td table td
2004 {
2005     padding:3px 7px 3px 5px !important;
2006 }
2007 /* for forecasts worksheet containing table ( overrides .list .view style ) */
2008 #forecastsWorksheet > tbody > tr > td,
2009 #forecastsWorksheet > tr > td,
2010 #forecastsWorksheet #activetimeperiods  tr  td
2011 {
2012     padding: 0  ! important;
2013     vertical-align: top;
2014 }
2015
2016 /* help styles */
2017 .helpButton, .helpShortcut
2018 {
2019     font-weight: bold;
2020 }
2021
2022 /* fixes email setting issues */
2023 #tab_general > form > table,
2024 #tab_general > form > table.detail th,
2025 #tab_accounts > table,
2026 #tab_accounts > table.detail th
2027 {
2028     border: 0;
2029 }
2030 #tab_accounts .detail.view .edit.view
2031 {
2032     margin-top: 0;
2033 }
2034 #tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table
2035 {
2036     padding: 0pt ! important;
2037     border-collapse: collapse;
2038 }
2039 #importDialogContent
2040 {
2041     overflow: hidden;
2042 }
2043 #importDialogContent #importDiv
2044 {
2045     margin-top: 0;
2046 }
2047
2048 /* put a bit of left margin in when the left column menu is hidden */
2049 #content.noLeftColumn
2050 {
2051     margin-left: 5px;
2052     border-left: none;
2053 }
2054
2055 /* override some of the detail view styles for show more detail option (KBDocument detail view)*/
2056 .detail td.subdetail{
2057    padding:0px;
2058    border-bottom:medium none;
2059 }
2060 .detail td.subdetail table tr td{
2061     padding: 5px 6px;
2062 }
2063 /* override some of the detail view styles for the import options dialog */
2064 #importOptions td
2065 {
2066     padding: 5px 6px;
2067 }
2068 #importOptions table
2069 {
2070     border-collapse:collapse;
2071 }
2072 #importOptions #chooser_choose_index_text,
2073 #importOptions #chooser_ignore_index
2074 {
2075     background: white;
2076     border: 0;
2077     text-align: left;
2078 }
2079
2080 /* login page*/
2081 .login table tr td
2082 {
2083     padding:0px !important;
2084     text-align:left;
2085 }
2086 .login
2087 {
2088     padding:10px 6px 12px 10px !important;
2089 }
2090 .login .login_more
2091 {
2092     text-align:right;
2093     *padding-right: 18px !important; /* only needed in IE7 and earlier */
2094 }
2095
2096 #lastviewicon, #newrecordicon, #shortcuts_img,#lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 {
2097         display:none;
2098 }
2099
2100 #color_menu, #font_menu {
2101         width:200px;
2102         height:15px;
2103         margin:0;
2104         padding:0px;
2105 }
2106
2107 #color_menu li, #font_menu li{
2108     float:left;
2109         height:15px;
2110         width:15px;
2111 }
2112
2113 #themepickerDialog div[class="ft"]{
2114         display:none;
2115 }
2116
2117 #stylepicker{
2118            border-width:1px;
2119            margin:0px;
2120            padding:0px;
2121            width:auto;
2122 }
2123
2124 #themepickerDialog_c{
2125         right: 2em;
2126     top: 3em;
2127 }
2128
2129 #popup_query_form
2130 {
2131     padding-left:0;
2132     padding-right:0;
2133 }
2134
2135 .emailaddresses tr td[scope=row]
2136 {
2137     padding-left:0 !important;
2138     padding-top:0 !important;
2139 }
2140
2141 /*System Settings*/
2142 #container_upload
2143 {
2144     margin-top:7px;
2145 }
2146
2147 /* Subpanel links */
2148 .subTabs td
2149 {
2150     font-size: 12px;
2151     padding: 0 0.25em;
2152 }
2153
2154 .sugarFeedDashlet
2155 {
2156         overflow:auto;
2157         max-height:375px;
2158         height:expression(this.scrollHeight>375?'375px':'auto');
2159 }
2160
2161 .sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col]
2162 {
2163         display:none;
2164 }
2165
2166 .sugarFeedDashlet tr
2167 {
2168         height:auto;
2169 }
2170
2171 /*
2172 Bug 33193 - Fixed several items in the sugarfeeds not correctly scrolling on IE7;
2173 added the *position:static CSS property on the following two rules, which will only
2174 be used on IE7 and IE6
2175 */
2176 .sugarFeedDashlet .byLineBox
2177 {
2178         width:100%;
2179         position:relative;
2180         *position:static;
2181         overflow: none;
2182 }
2183
2184 .sugarFeedDashlet .yui-ac-input
2185 {
2186     *position:static !important;
2187 }
2188
2189 .sugarFeedDashlet .byLineBox .byLineLeft
2190 {
2191         font-size:79%;
2192         float:left;
2193 }
2194
2195 .sugarFeedDashlet .byLineBox .byLineRight
2196 {
2197         display:inline;
2198         float:right;
2199         font-size:79%;
2200 }
2201
2202 iframe.teamNoticeBox
2203 {
2204         width:99%;
2205         padding:0;
2206 }
2207
2208 .loading-indicator
2209 {
2210         font-size:11px;
2211         background-image:url(../default/ext/resources/images/default/grid/loading.gif);
2212         background-repeat:no-repeat;
2213         background-position:left;
2214         padding-left:20px;
2215         line-height:16px;
2216         margin:3px;
2217 }
2218
2219 .x-sqs-list
2220 {
2221         border:1px solid #d0d0d0;
2222         background:#d0d0d0;
2223         zoom:1;
2224         overflow:hidden;
2225 }
2226
2227 .x-sqs-list-inner
2228 {
2229         overflow:auto;
2230         background:#FFF;
2231         position:relative;
2232         zoom:1;
2233         overflow-x:hidden;
2234 }
2235
2236 .x-sqs-list-item
2237 {
2238         font:normal 12px tahoma,arial,helvetica,sans-serif;
2239         border:1px solid #fff;
2240         white-space:nowrap;
2241         overflow:hidden;
2242         text-overflow:ellipsis;
2243         padding:1px;
2244 }
2245
2246 .x-sqs-list .x-sqs-selected
2247 {
2248         border:1px dotted #f6f6f6!important;
2249         background:#d0d0d0;
2250         cursor:pointer;
2251 }
2252 embed
2253 {
2254     background: transparent;
2255 }
2256
2257 #massupdate_form
2258 {
2259     margin-top: 20px;
2260 }
2261
2262 #massupdate_form .buttons
2263 {
2264     padding-bottom: 2px;
2265 }
2266
2267 /* Bug 32603 - Fixes missing center line for KB Admin */
2268 #selected_directory_children
2269 {
2270     border-left: 1px solid;
2271     padding: 3px;
2272 }
2273
2274 .dashletPanel .hd .hd-center .dashletToolSet a{
2275         padding: 0px 2px;
2276 }
2277
2278 .dashletPanel .hd .hd-center .dashletToolSet a:last-child  {
2279         padding-right: 0px;
2280 }
2281
2282 /* Bug 19728 - Email Templates detail view is different with edit view */
2283 #html_div p
2284 {
2285         margin: 12px 0px;
2286 }
2287
2288 #html_div p:first-child {
2289         margin: 0px 0px 12px 0px;
2290 }
2291
2292 /* UNUSED STYLES */
2293
2294 /* Default Styles */
2295
2296 .h3Row {
2297         margin-top: 10px;
2298         vertical-align: middle;
2299         background-repeat: repeat-x;
2300         background-position: top;
2301         background-color: #fff;
2302 }
2303 .h3Row td
2304 {
2305         padding: 4px 5px 3px 3px;
2306 }
2307 h4, h5
2308 {
2309         margin-bottom: 2px;
2310         padding-left: 4px;
2311 }
2312 hr
2313 {
2314     border: 0;
2315     border-top: 1px solid #999;
2316     background-color: #999;
2317     color: #999;
2318     height: 1px;
2319     margin: 1em 0;
2320     clear: both;
2321 }
2322 a:link, a:visited, a:hover
2323 {
2324         text-decoration: underline;
2325 }
2326
2327 .buttonSlide {
2328         border: 0px;
2329 }
2330
2331 .buttonSlide .yui-hd {
2332         border: 0px;
2333         background-color: transparent;
2334         padding: 0px;
2335 }
2336
2337 .buttonSlide.yui-module .yui-hd .toggle em {
2338         background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_more.png);
2339         background-repeat: no-repeat;
2340         display: inline; /* prevent IE margin doubling */
2341     overflow:hidden;
2342     text-indent:9999px;
2343         float: right;
2344     overflow:hidden;
2345     text-align: right;
2346         height: 14px;
2347         width: 14px;
2348 }
2349
2350 .buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
2351         background-image: url(../../../../index.php?entryPoint=getImage&imageName=slider_button_less.png);
2352 }
2353
2354 .buttonSlide .yui-bd {
2355 }
2356
2357 input, select, textarea, button, .button
2358 {
2359         border: 1px solid;
2360 }
2361 button, input[type=submit], input[type=reset], input[type=button], .button
2362 {
2363         font-weight: normal;
2364         background-repeat: repeat-x;
2365         background-position: top;
2366         padding-bottom: 1px;
2367     padding-right: 6px;
2368     padding-left: 6px;
2369         vertical-align: middle;
2370 }
2371
2372 .pagination button, .pagination input[type=submit], .pagination input[type=reset], .pagination input[type=button], .pagination .button
2373 {
2374     padding-right: 3px;
2375     padding-left: 3px;
2376 }
2377 button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
2378 button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
2379 button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
2380 {
2381         color: #fff;
2382         background-image: none;
2383         cursor:pointer;
2384         font-weight: normal;
2385 }
2386
2387 /* set a minimum width for the header */
2388 #header
2389 {
2390     min-width: 85em;
2391 }
2392 /* header */
2393 #header div.line {
2394 height: 2px;
2395         border-bottom: 2px solid;
2396     color:#0046ad;
2397 }
2398
2399 #sitemapLink
2400 {
2401     padding-top: 3px;
2402 }
2403 #sitemapLinkSpan
2404 {
2405     border-right:1px solid #999;
2406     border-right:none;
2407 }
2408 #search {
2409     border-left:1px solid #999;
2410 }
2411
2412 /* DetailView/EditView/ListView styles */
2413 .view
2414 {
2415     border-bottom:1px solid;
2416     border-top:2px solid;
2417 }
2418
2419 /* DetailView styles */
2420
2421 .detail table,
2422 table.detail
2423 {
2424     padding: 0;
2425 }
2426 .detail tr td
2427 {
2428     border-bottom: 1px solid;
2429 }
2430 .detail tr td[scope=row]
2431 {
2432     border-bottom:1px solid;
2433 }
2434 .detail tr th
2435 {
2436     border-bottom: 2px solid;
2437     background: #fff;
2438 }
2439
2440 /* Listview styles */
2441 .list
2442 {
2443     border: 1px solid;
2444 }
2445 .list tr.pagination td table td
2446 {
2447     background:#FAFAFA none repeat scroll 0 0;
2448     color:#666666;
2449 }
2450 .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col]
2451 {
2452     border-left: none;
2453     border-right: none;
2454     border-top: 1px solid #cccccc;
2455     border-bottom: 1px solid #cccccc;
2456     background: #ebebed !important;
2457 }
2458
2459
2460 /* module title */
2461 .moduleTitle
2462 {
2463     padding-bottom: 3px;
2464     padding-top: 0;
2465     margin-bottom: 10px;
2466     margin-top: 0;
2467 }
2468 .moduleTitle > h2 > img
2469 {
2470     display: none;
2471 }
2472
2473 /* for subpanel tabs */
2474 ul.subTabs
2475 {
2476     padding: 4px 0;
2477     margin: 0px 0 0 0;
2478     border: none;
2479     font: 12px Arial, Verdana, Helvetica, sans-serif;
2480 }
2481 ul.subTabs li
2482 {
2483     list-style: none;
2484     margin: 0;
2485     display: inline;
2486 }
2487 .activeSubTab,
2488 ul.subTabs li a.activeSubTab:link,
2489 ul.subTabs li a.activeSubTab:visited,
2490 ul.subTabs li a.activeSubTab:hover
2491 {
2492     font-weight: bold;
2493 }
2494 ul.subTabs li a
2495 {
2496     padding: 0 8px 0 8px;
2497     margin: 0px;
2498     border-right: 1px solid;
2499     border-bottom: none;
2500     text-decoration: none;
2501 }
2502 ul.subTabs li a:link, ul.subTabs li a:visited
2503 {
2504     text-decoration: none;
2505 }
2506 .subTabMore
2507 {
2508     font-size: 11px;
2509     text-decoration: none;
2510     padding-top: 3px;
2511 }
2512
2513 /* module list in header.tpl */
2514 #moduleList
2515 {
2516     display: block;
2517     height: 2.4em;
2518 }
2519 #moduleList ul
2520 {
2521     list-style: none;
2522     padding: 0;
2523     margin: 0;
2524     color: #ccc;
2525 }
2526 #moduleList ul li
2527 {
2528     float: left;
2529     margin: 0 0.15em;
2530     display:block;
2531     font-weight: bold;
2532     padding:8px 6px 4px 2px;
2533 }
2534 #moduleList > ul > li
2535 {
2536     background-repeat:no-repeat;
2537     background-position:right top;
2538 }
2539 #moduleList > ul > li.noBorder
2540 {
2541     background-image: none;
2542     padding-right: 0;
2543     padding-left: 0px;
2544     margin-left: -2px;
2545 }
2546 #moduleList > ul:first-child
2547 {
2548     padding-left: 14px;
2549 }
2550 #moduleList > ul > li#moduleTabExtraMenu
2551 {
2552     padding-left:16px;
2553     padding-right:20px;
2554 }
2555 #moduleList ul li span.currentTab
2556 {
2557     font-weight: bold;
2558     padding: 8px 5px 6px 5px;
2559     background-position: top center;
2560     border-bottom: 2px solid;
2561     margin: 0 !important;
2562     border-left: 0 !important;
2563 }
2564 #moduleList ul li span.currentTabLeft
2565 {
2566     background-position: top left;
2567     border-bottom: 2px solid;
2568     margin-right: 0 !important;
2569     border-left: 0 !important;
2570     padding:8px 2px 6px;
2571 }
2572 #moduleList ul li span.currentTabRight
2573 {
2574     background-position: top right;
2575     border-bottom: 2px solid;
2576     margin-left: 0 !important;
2577     border-left: 0 !important;
2578     padding:8px 2px 6px;
2579 }
2580 #moduleList ul li a:link,
2581 #moduleList ul li a:visited
2582 {
2583     text-decoration: none;
2584     padding-top: 0px;
2585 }
2586 #moduleList ul li a:hover
2587 {
2588     text-decoration: none;
2589 }
2590 #moduleList ul li ul.cssmenu
2591 {
2592     margin-left: -1.7em;
2593     margin-top: 0.3em;
2594 }
2595 #subModuleList
2596 {
2597     padding:0.4em 0 0.3em 1em;
2598         border-bottom: none;
2599         border-top: 2px solid;
2600 }
2601 #subModuleList span a
2602 {
2603     text-decoration: none;
2604     padding: 0.2em 0.5em 0.3em 0.5em;
2605         margin: 0 -3px 0 0;
2606         border-right: 1px solid;
2607         border-left: 1px solid;
2608         border-bottom: none;
2609 }
2610
2611 /* last viewed and shortcuts lists in the header */
2612 .headerList
2613 {
2614     border-bottom: 2px solid;
2615 }
2616 .headerList a:link, .headerList a:visited, .headerList a
2617 {
2618     text-decoration: none;
2619     border-left:1px solid;
2620 }
2621 .headerList a:hover
2622 {
2623     background: #fff;
2624 }
2625 .headerList a:hover span
2626 {
2627         text-decoration: underline;
2628 }
2629 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
2630 .leftList ul li
2631 {
2632     border-bottom: 1px solid;
2633 }
2634
2635 /* left side column */
2636 #leftColumn
2637 {
2638     padding-right: 8px;
2639     padding-top: 10px;
2640 }
2641 #leftColumn h3, #HideMenu h3
2642 {
2643     padding-left: 3px;
2644     padding-top: 8px;
2645     padding-bottom: 4px;
2646         margin-bottom: 0;
2647     border-bottom:2px solid;
2648     color:#444;
2649 }
2650
2651 /* hidden shortcuts menu */
2652 #HideMenu
2653 {
2654     border-bottom: 2px #cccccc solid;
2655     border-right: 2px #cccccc solid;
2656     background: #ffffff;
2657     left: 10px;
2658     width: 150px;
2659 }
2660
2661 /* new record form */
2662 #newRecord form
2663 {
2664     border-bottom: 1px solid;
2665 }
2666
2667 /* misc links */
2668 a.utilsLink:link, a.utilsLink:visited
2669 {
2670     font-weight: normal;
2671     text-decoration: underline;
2672     padding-bottom: 3px;
2673 }
2674 a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover
2675 {
2676     text-decoration: none;
2677     line-height: 20px;
2678     margin-right: 2px;
2679 }
2680
2681 /* global links */
2682
2683 #globalLinks {
2684     padding:8px 2px 3px;
2685 }
2686 #globalLinks ul
2687 {
2688     color: #ccc;
2689 }
2690 #globalLinks ul li a
2691 {
2692     color: #444444;
2693 }
2694 #globalLinks ul li span
2695 {
2696     color: #CCCCCC
2697 }
2698
2699 #welcome {
2700 border-right: 2px solid #ddd;
2701 }
2702
2703 /* themepicker */
2704 #themepickerLinkSpan a
2705 {
2706     color: #444444;
2707 }
2708
2709 /* search form */
2710 #search input[name=query_string]
2711 {
2712     border: 1px solid;
2713     font-size: 11px;
2714 }
2715
2716
2717 /* for subpanel tabs */
2718 ul.tablist, ul.subpanelTablist
2719 {
2720     border-bottom: 2px solid;
2721 }
2722 ul.tablist li a, ul.subpanelTablist li a
2723 {
2724     border-top: 2px solid;
2725     border-right: 1px solid;
2726     border-bottom: none;
2727 }
2728 ul.tablist li a:hover, ul.subpanelTablist li a:hover
2729 {
2730     border-top: 2px solid;
2731 }
2732 ul.tablist li a.current, ul.tablist li a.current:hover
2733 {
2734     border-bottom:2px solid #f6f6f6;
2735         font-weight: bold;
2736 }
2737 ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover
2738 {
2739     border-bottom:2px solid #fff;
2740     font-weight: bold;
2741 }
2742 .subpanelTabForm .h3Row
2743 {
2744     border-top: 1px solid #dddddd;
2745         background-image: none;
2746 }
2747
2748 /*Bug 29945 */
2749 .pagination button {
2750     border-color: #c1c1c1;
2751     background-color: #f0f0f0;
2752     color: #000;
2753     background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtnGray.gif);
2754 }
2755
2756 .pagination button [title="Return to List"]:hover{
2757     background-image:none;
2758     color:#fff;
2759 }
2760
2761 #colorPicker {
2762     border-right:2px solid #DDDDDD;
2763     padding:8px 4px 4px 0;
2764     margin-right:1px;
2765 }
2766
2767 #colorPicker span {
2768     color:#cccccc;
2769 }
2770
2771 #colorPicker #themepickerLinkSpan {
2772     color:#444444;
2773     text-decoration:underline;
2774     font-size:12px;
2775     font-weight:400;
2776 }
2777
2778 #colorPicker #themepickerLinkSpan:hover {
2779     color:#0B578F;
2780 }
2781
2782 /* fonts */
2783 body
2784 {
2785         font-size: 12px;
2786 }
2787 table, div
2788 {
2789         font-size: 11px;
2790 }
2791 h1, h2
2792 {
2793         font-size: 14px;
2794 }
2795 h3
2796 {
2797         font-size: 13px;
2798 }
2799 h4, h5
2800 {
2801         font-size: 12px;
2802 }
2803 input, select, textarea, button
2804 {
2805         font-size: 12px;
2806 }
2807
2808 /* YUI styles */
2809 .ygrid-row,
2810 .ygrid-hd,
2811 .ygrid-hd-body,
2812 .ygrid-hd-body span
2813 {
2814     font-size: 8pt;
2815 }
2816
2817 /* for the main screen navigation tabs */
2818 #moduleList ul li,
2819 #subModuleList span
2820 {
2821     font-size: 12px;
2822 }
2823
2824 /* left column and the hidden list menu */
2825 #leftColumn h3, #HideMenu h3
2826 {
2827     font-size: 12px;
2828 }
2829
2830 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
2831 .leftList ul
2832 {
2833     font-size: 11px;
2834 }
2835
2836 /*welcome user and date bar and last view*/
2837 #welcome, #search, #sitemapLink, #globalLinks, #globalLinks a, #themepickerLinkSpan
2838 {
2839     font-size: 12px;
2840 }
2841
2842 /* search */
2843 #search input[name=query_string]
2844 {
2845     font-size: 11px;
2846 }
2847
2848 /* side quickcreate */
2849 #newRecord form,
2850 #newRecord form button,
2851 #newRecord form input[type=submit],
2852 #newRecord form input[type=button],
2853 #newRecord form input[type=reset],
2854 #newRecord form .dataLabel,
2855 #newRecord form a:link,
2856 #newRecord form a:visited
2857 {
2858     font-size: 11px;
2859 }
2860
2861 /* reports */
2862 .reportGroup1ByTable,
2863 .reportGroupNByTable,
2864 .reportlistViewThS1,
2865 .reportGroup1ByTableEvenListRowS1,
2866 .reportGroupNByTableEvenListRowS1,
2867 .reportGroupByDataChildTablelistViewThS1,
2868 .reportlistViewMatrixThS1,
2869 .reportlistViewMatrixThS2,
2870 .reportlistViewMatrixThS3,
2871 .reportlistViewMatrixThS4,
2872 .reportlistViewMatrixLeftEmptyData,
2873 .reportlistViewMatrixRightEmptyData,
2874 .reportlistViewMatrixRightEmptyData1
2875 {
2876     font-size: 11px;
2877 }
2878
2879 .reportevenListRowS1,
2880 .reportoddListRowS1 ,
2881 .reportGroupByDataEvenListRowS1,
2882 .reportGroupByDataOddListRowS1 ,
2883 .reportGroupByDataMatrixEvenListRowS1,
2884 .reportGroupByDataMatrixEvenListRowS2,
2885 .reportGroupByDataMatrixEvenListRowS3,
2886 .reportGroupByDataMatrixEvenListRowS4,
2887 .reportDataChildtablelistView td
2888 {
2889     font-size: 12px;
2890 }
2891
2892 /* for all views */
2893 .view tr, .view td, .view h4, .view div
2894 {
2895     font-size: 12px;
2896 }
2897 .view td a, .view div a, .list th div
2898 {
2899     font-size: 11px;
2900 }
2901 .other td a, .detail td a
2902 {
2903     font-size: 12px;
2904 }
2905 .subTabs td
2906 {
2907     font-size: 12px;
2908 }
2909
2910 /* for list views */
2911 .oddListRowS1 td a, .evenListRowS1 td a
2912 {
2913     font-size: 12px;
2914 }
2915
2916 /* misc links */
2917 a.utilsLink:link,
2918 a.utilsLink:visited
2919 {
2920     font-size: 11px;
2921 }
2922 a.tabFormAdvLink:link,
2923 a.tabFormAdvLink:visited
2924 {
2925     font-size: 12px;
2926 }
2927 /* calendar styles */
2928 .monthBox,
2929 .monthCalBody td,
2930 .monthViewDayHeight a,
2931 .monthHeader a,
2932 .monthFooter a
2933 {
2934     font-size: 12px;
2935 }
2936
2937 .monthCalBodyWeek a
2938 {
2939     font-size: 11px;
2940 }
2941
2942 .monthCalBodyDayItem td a
2943 {
2944     font-size: 10px;
2945 }
2946
2947 /* misc font displays */
2948 .rssItemDate,
2949 .dateFormat,
2950 .chartFootnote
2951 {
2952     font-size: 11px;
2953 }
2954 .tm
2955 {
2956     font-size: 8px;
2957 }
2958
2959 /* for subpanel tabs */
2960 ul.tablist,
2961 ul.tablist li a,
2962 ul.subpanelTablist,
2963 ul.subpanelTablist li a,
2964 .subpanelTabForm,
2965 .subpanelTabForm h3
2966 {
2967     font-size: 12px;
2968 }
2969 .subTabMore
2970 {
2971     font-size: 11px;
2972 }
2973
2974 /* for quick searches */
2975 .sqsMatchedSmartInputItem
2976 {
2977     font-size: 11px;
2978 }
2979
2980 /* for overlib js library */
2981 .olCapFontClass A
2982 {
2983         font-size: 9px;
2984 }
2985
2986 /* sitemap */
2987 #sitemap a:link, #sitemap a:visited, #sitemap a:hover
2988 {
2989     font-size: 11px;
2990 }
2991 #sitemap h4 a:link, #sitemap h4 a:visited, #sitemap h4 a:hover
2992 {
2993     font-size: 13px;
2994 }
2995
2996 /* for about page */
2997 .about, .about td, .about span
2998 {
2999     font-size: 12px;
3000 }
3001
3002 /* for edit view like forms that need a smaller font size */
3003 .edit.view.small td,.detail.view.small td
3004 {
3005     font-size: 11px;
3006 }
3007
3008 /* to make the reportwizard button text smaller */
3009 .reportwizard .buttonText
3010 {
3011         font-size: 11px;
3012 }
3013
3014 /* to fix the size of the fonts in the unified module search popup */
3015 #unified_search_advanced_div .edit.view td
3016 {
3017     font-size: 11px;
3018 }
3019
3020 /* overlib popups */
3021 .olCapFontClass div, .olFontClass
3022 {
3023     font-size: 11px !important;
3024 }
3025
3026 /* colors */
3027 body
3028 {
3029         color: #444444;
3030         background-color: #ffffff;
3031 }
3032 h1, h2, h3
3033 {
3034         color: #000000;
3035 }
3036 .h3Row
3037 {
3038         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bg.gif);
3039 }
3040 h4, h5
3041 {
3042         color: #444;
3043 }
3044 a:link, a:visited
3045 {
3046     color: #0b578f;
3047 }
3048 a:hover
3049 {
3050     color: #000000;
3051 }
3052 button, input[type=submit], input[type=reset], input[type=button], .button
3053 {
3054         border-color: #abc3d7;
3055         background-color: #ecf1f4;
3056         color: #000;
3057         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtn.gif);
3058 }
3059 button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
3060 button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
3061 button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
3062 {
3063         background-color: #4e8ccf;
3064         border-color: #4e8ccf;
3065 }
3066 button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled]
3067 {
3068         border-color: #c1c1c1;
3069         background-color: #f0f0f0;
3070         color: #000;
3071         background-image: url(../../../../index.php?entryPoint=getImage&imageName=bgBtnGray.gif);
3072 }
3073 input,select
3074 {
3075         border-color: #94c1e8;
3076         background-color: #ffffff;
3077 }
3078
3079 input:focus,textarea:focus, select:focus
3080 {
3081         background-color: #fff;
3082         border-color: #abc3d7;
3083 }
3084 textarea
3085 {
3086         border-color: #abc3d7;
3087         background-color: #fff;
3088 }
3089
3090 /* for team notices dashlet */
3091 .teamNoticeBox
3092 {
3093     border-color: #abc3d7;
3094     color: #444444;
3095 }
3096
3097 /* header */
3098 #header div.line {
3099     background-color:#4e8ccf;
3100         border-bottom-color: #0046ad;
3101     color:#0046ad;
3102 }
3103
3104 /* for the main screen navigation tabs */
3105 #moduleList
3106 {
3107     background-image : url(../../../../index.php?entryPoint=getImage&imageName=tabRowBg.gif);
3108     background-repeat: repeat-x;
3109     border-bottom-color: #0046ad;
3110 }
3111 #moduleList > ul > li
3112 {
3113     background-image:url(../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=otherTab.gif);
3114 }
3115 #moduleList ul li span.currentTab a:link,
3116 #moduleList ul li span.currentTab a:visited,
3117 #moduleList ul li span.currentTab a:hover
3118 {
3119     color: #ffffff;
3120 }
3121 #moduleList ul li a:link,
3122 #moduleList ul li a:visited
3123 {
3124     color: #444444;
3125 }
3126 #moduleList ul li a:hover
3127 {
3128     color: #000000;
3129 }
3130 #moduleList ul li span.currentTabLeft,
3131 #moduleList ul li span.currentTabRight,
3132 #moduleList ul li span.currentTab
3133 {
3134     background-image : url(../../../../index.php?entryPoint=getImage&imageName=currentTab.gif);
3135     background-repeat: no-repeat;
3136     border-bottom-color: #4e8ccf;
3137 }
3138 #subModuleList
3139 {
3140         background-color:#4e8ccf;
3141         border-color:#0046ad;
3142 }
3143 #subModuleList span a
3144 {
3145         border-right-color:#0046ad;
3146         border-left-color:#79a7d8;
3147 }
3148 #subModuleList span a:link,
3149 #subModuleList span a:visited
3150 {
3151     color: #ffffff;
3152 }
3153 #subModuleList span a:hover
3154 {
3155     background-color:#0046ad;
3156         border-left-color:#0046ad;
3157 }
3158
3159 /* lists in the header */
3160 .headerList
3161 {
3162     color: #444;
3163     border-top-color:#0046ad;
3164     border-bottom-color: #abc3d7;
3165     background-color: #f4f9fc;
3166 }
3167 .headerList a:link,
3168 .headerList a:visited,
3169 .headerList a
3170 {
3171     color: #444444;
3172     border-color: #CBDAE6;
3173 }
3174 .headerList a:hover
3175 {
3176     color: #0b578f;
3177 }
3178 /* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
3179 .leftList ul,
3180 .leftList ul li,
3181 #newRecord form
3182 {
3183     background-color: #fff;
3184     border-color: #cbdae6;
3185 }
3186 #leftColumn h3, #HideMenu h3
3187 {
3188     border-color: #abc3d7;
3189 }
3190 .leftList ul li a:hover,
3191 .leftList ul li span:hover
3192 {
3193     color: #000000;
3194     background-color: #f4f9fc;
3195 }
3196 /* global links and theme picker */
3197 #globalLinks ul li a:hover, #themepickerLinkSpan a:hover
3198 {
3199     color: #0b578f;
3200 }
3201 /* for subpanel tabs */
3202 ul.tablist li a.activeSubTab:hover
3203 {
3204     border-bottom-color: #ddd;
3205     color: #000000;
3206 }
3207 ul.subpanelTablist li a.activeSubTab:hover
3208 {
3209     color: #000000;
3210 }
3211
3212 /* search */
3213 #search input[name=query_string]
3214 {
3215         border-color: #6fb0e4;
3216         background-color: #f6fafd;
3217 }
3218
3219 /* new record form */
3220 #newRecord form a:link,
3221 #newRecord form a:visited
3222 {
3223     color: #666666;
3224 }
3225 #newRecord form a:hover
3226 {
3227     color: #444444;
3228 }
3229
3230 /* listviews */
3231 .list tr.pagination td table td a:link,
3232 .list tr.pagination td table td a:visited,
3233 .reportGroupByDataChildTablelistViewThS1 a:link,
3234 .reportGroupByDataChildTablelistViewThS1 a:visited,
3235 .list tr th,
3236 .list tr th a:link,
3237 .list tr th a:visited,
3238 .list tr td[scope=col],
3239 .list tr td[scope=col] a:link,
3240 .list tr td[scope=col] a:visited,
3241 .list tr.pagination td table td span.pageNumbers
3242 {
3243     color: #444444;
3244 }
3245 .list
3246 {
3247         border-color: #ABC3D7 !important;
3248 }
3249 .evenListRowS1 td,
3250 .oddListRowS1 td
3251 {
3252     color: #000000;
3253     border-bottom: 1px solid #cbdae6;
3254 }
3255 .evenListRowS1:hover td,
3256 .oddListRowS1:hover td
3257 {
3258     background: #f6f6f6;
3259 }
3260
3261 /* detailviews */
3262 .detail table,
3263 table.detail
3264 {
3265     background-color: #cbdae6;
3266 }
3267 .detail tr td[scope="row"]
3268 {
3269     color: #000000;
3270     background-color: #f6f6f6;
3271     border-color: #cbdae6;
3272 }
3273 .detail h4 {
3274     color: #444444;
3275 }
3276 .detail tr th
3277 {
3278     border-color: #cbdae6;
3279 }
3280 .detail tr td
3281 {
3282     color: #444444;
3283     border-color: #cbdae6;
3284     background-color: #fff;
3285 }
3286 .detail tr td a:link,
3287 .detail tr td a:visited,
3288 .detail tr td a:hover
3289 {
3290     color: #0b578f;
3291 }
3292
3293 /* editviews */
3294 .edit td[scope=row]
3295 {
3296     color: #444444;
3297 }
3298
3299 #EditView hr{
3300     border-color:#abc3d7;
3301 }
3302
3303 .edit, .edit > table, .detail, .detail > table
3304 {
3305     border-bottom-color: #abc3d7 !important;
3306     border-top-color: #4e8ccf !important;
3307 }
3308 .edit
3309 {
3310     color: #000000;
3311     background-color: #f6f6f6;
3312 }
3313 .detail .edit td
3314 {
3315     background-color: #fff !important;
3316     border-bottom: 0 !important;
3317 }
3318
3319 /* other views */
3320 .other
3321 {
3322     border-color: #abc3d7;
3323     background-color: #cbdae6;
3324 }
3325 .other td
3326 {
3327     color: #444444;
3328     background-color: #ffffff;
3329     border-left-color: #dfdfdf;
3330 }
3331 .other td[scope=row]
3332 {
3333     color: #000000;
3334     background-color: #fafafa;
3335 }
3336 .other td.edit
3337 {
3338     color: #000000;
3339     background-color: #f6f6f6;
3340 }
3341
3342 /* misc links */
3343 a.utilsLink:link, a.utilsLink:visited
3344 {
3345     color: #0b578f;
3346 }
3347 a.tabFormAdvLink:link, a.tabFormAdvLink:visited
3348 {
3349     color: #444444;
3350 }
3351
3352 /* calendar styles */
3353 .monthCalBody
3354 {
3355         background-color: #abc3d7;
3356 }
3357 .monthFooter td
3358 {
3359         border-top-color: #abc3d7;
3360         border-bottom-color: #abc3d7;
3361         background-color: #ffffff;
3362 }
3363 .monthHeader a:hover,
3364 .monthViewDayHeight a:hover
3365 {
3366         color: #0b578f;
3367 }
3368 .monthCalBodyTH th[scope=row],
3369 .monthViewDayHeight td[scope=row]
3370 {
3371         background-color: #ebebeb;
3372 }
3373 .monthCalBodyTH th
3374 {
3375         background-color: #fafafa;
3376         color: #444444;
3377         border-color: #abc3d7 !important;
3378 }
3379 .monthViewDayHeight td
3380 {
3381         border-color: #abc3d7;
3382         background-color: #ffffff;
3383         color: #444444;
3384 }
3385 .monthViewDayHeight td[class=weekEnd]
3386 {
3387         background-color: #f6f6f6;
3388 }
3389 .monthCalBodyDayItem
3390 {
3391         background-color: #ffffff;
3392         border-top-color: #abc3d7;
3393         border-bottom-color: #ddd;
3394 }
3395 .monthCalBody td
3396 {
3397         background-color: #fff;
3398         color: #444444;
3399 }
3400 .monthCalBody th a
3401 {
3402         color: #000000;
3403 }
3404 .yearCalBody
3405 {
3406         border: none;
3407 }
3408 .yearCalBodyMonth
3409 {
3410         background-color: #abc3d7 !important;
3411         border-top: 2px solid #4e8ccf;
3412         border-bottom: 2px solid #fff;
3413 }
3414 .yearCalBody .monthHeader
3415 {
3416     border: none;
3417 }
3418 .yearCalBodyMonth #daily_cal_table
3419 {
3420         border-top: #abc3d7;
3421 }
3422 .yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay
3423 {
3424         border-color: #abc3d7;
3425 }
3426 .yearCalBodyMonth > a
3427 {
3428         color: #000000;
3429 }
3430 h5.calSharedUser
3431 {
3432         color: #444444;
3433 }
3434 .monthHeader
3435 {
3436     color: #444;
3437     background-color: #fff;
3438     border-color: #abc3d7;
3439     background-image: url(../../../../index.php?entryPoint=getImage&imageName=bg.gif);
3440 }
3441
3442 /* for subpanel tabs */
3443 .subpanelTabForm
3444 {
3445     border-color: #abc3d7;
3446     color: #000000;
3447     background-color: #ffffff;
3448 }
3449 ul.tablist, ul.subpanelTablist
3450 {
3451     border-bottom-color: #abc3d7;
3452 }
3453 ul.tablist li a:hover,
3454 ul.subpanelTablist li a:hover
3455 {
3456     background: #fafafa;
3457     border-color: #abc3d7;
3458 }
3459 ul.tablist li a,
3460 ul.subpanelTablist li a
3461 {
3462     background-color: #fff;
3463     border-color: #dddddd;
3464 }
3465 ul.tablist li a:link,
3466 ul.tablist li a:visited,
3467 ul.subpanelTablist li a:link,
3468 ul.subpanelTablist li a:visited
3469 {
3470     color: #444444;
3471 }
3472 ul.tablist li a:hover,
3473 ul.subpanelTablist li a:hover
3474 {
3475     background: #fafafa;
3476 }
3477 ul.subpanelTablist li a.current,
3478 ul.subpanelTablist li a.current:hover
3479 {
3480     color: #4f4f4f;
3481         background: #fff;
3482     border-right-color: #abc3d7;
3483     border-top-color: #abc3d7;
3484     border-bottom-color: #fff;
3485 }
3486
3487 ul.tablist li a.current:link, ul.tablist li a.current:visited, ul.tablist li a.current:hover
3488 {
3489     background: #f6f6f6;
3490     border-bottom-color: #f6f6f6;
3491     border-right-color: #abc3d7;
3492     border-top-color: #abc3d7;
3493 }
3494
3495 #change_layout
3496 {
3497     border: 0;
3498 }
3499
3500 /* for overlib js library */
3501 .olCgClass td
3502 {
3503         border-bottom-color: #abc3d7;
3504 }
3505 .olBgClass
3506 {
3507         background-color: #abc3d7;
3508 }
3509
3510 /* sitemap */
3511 #sitemap .edit.view
3512 {
3513     border-color: #4e8ccf !important;
3514 }
3515
3516 /* for edit view like forms that need a smaller font size */
3517 .edit.view.small td
3518 {
3519     color: #444;
3520 }
3521
3522 /* YUI theme */
3523 .yui-dt th, .yui-dt-hd {
3524     /*background: #D8D8DA url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x 0 -30px;*/
3525     background:#EBEBED none repeat scroll 0 0;
3526 }
3527
3528 .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse
3529 {
3530     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat 0 -110px;
3531 }
3532
3533  .yui-layout .yui-layout-clip-left .collapse, .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse,
3534  .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
3535     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat 0 -90px;
3536 }
3537
3538  .yui-layout .yui-layout-clip-right .collapse {
3539     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -0 -110px;
3540 }
3541
3542  .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
3543     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -220px;
3544 }
3545
3546  .yui-layout .yui-layout-clip-top .collapse {
3547     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png')no-repeat -20px -240px;
3548 }
3549
3550  .yui-layout .yui-layout-clip-bottom .collapse {
3551     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -180px;
3552 }
3553
3554  .yui-layout .yui-layout-unit div.yui-layout-hd .close {
3555     background: transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') no-repeat -20px -100px;
3556 }
3557
3558 .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-layout .yui-layout-hd {
3559     background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 0;
3560     border-color: #ABC3D7;
3561 }
3562
3563 .yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
3564         border-color:#ABC3D7;
3565 }
3566
3567 .yuimenuitem-hassubmenu > a{
3568     background-image: url(../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png);
3569 }
3570
3571  .yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a,
3572 .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a
3573     {
3574     background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -131px;
3575 }
3576
3577  .sugar-progress-bar, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover
3578 {
3579     background:#666666 url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -157px;
3580
3581 }
3582
3583 .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  {
3584     border-color: #ABC3D7;
3585 }
3586
3587  a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
3588     background : transparent url('../../../../index.php?entryPoint=getImage&themeName=Sugar55&imageName=sugar-yui-sprites.png')  no-repeat scroll 0px -70px;
3589  }
3590