themes/Sugar5/css/style.css

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