

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body {
    margin: 10px;
}

h1 {
    font-size: 138.5%;
}

h2 {
    font-size: 123.1%;
}

h3 {
    font-size: 108%;
}

h1, h2, h3 {
    margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong, dt {
    font-weight: bold;
}

optgroup {
    font-weight: normal;
}

abbr, acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

blockquote, ul, ol, dl {
    margin: 1em;
}

ol, ul, dl {
    margin-left: 2em;
}

    ol li {
        list-style: decimal outside;
    }

    ul li {
        list-style: disc outside;
    }

    dl dd {
        margin-left: 1em;
    }

th, td {
    border: 1px solid #000;
    padding: .5em;
}

th {
    font-weight: bold;
    text-align: center;
}

caption {
    margin-bottom: .5em;
    text-align: center;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

p, fieldset, table, pre {
    margin-bottom: 1em;
}

button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
    padding: 1px;
}

/*

Modification information for LGPL compliance

r56990 - 2010-06-16 13:05:36 -0700 (Wed, 16 Jun 2010) - kjing - snapshot "Mango" svn branch to a new one for GitHub sync

r56989 - 2010-06-16 13:01:33 -0700 (Wed, 16 Jun 2010) - kjing - defunt "Mango" svn dev branch before github cutover

r55980 - 2010-04-19 13:31:28 -0700 (Mon, 19 Apr 2010) - kjing - create Mango (6.1) based on windex

r51719 - 2009-10-22 10:18:00 -0700 (Thu, 22 Oct 2009) - mitani - Converted to Build 3  tags and updated the build system

r51634 - 2009-10-19 13:32:22 -0700 (Mon, 19 Oct 2009) - mitani - Windex is the branch for Zzz Sales 1.0 development

r50375 - 2009-08-24 18:07:43 -0700 (Mon, 24 Aug 2009) - dwong - branch kobe2 from tokyo r50372

r42807 - 2008-12-29 11:16:59 -0800 (Mon, 29 Dec 2008) - dwong - Branch from trunk/zzzcrm r42806 to branches/tokyo/zzzcrm

r24077 - 2007-07-06 14:12:57 -0700 (Fri, 06 Jul 2007) - clee - Updates to match new date + time field conversions.

r550 - 2004-09-03 15:39:17 -0700 (Fri, 03 Sep 2004) - jostrow - Calendar feature


*/
/* The main calendar widget.  DIV containing a table. */
.calendar {
    position: relative;
    display: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #fff;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #c8d0d4;
    font-family: tahoma,verdana,sans-serif;
}

    .calendar table {
        border-top: 1px solid #000;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #000;
        font-size: 11px;
        color: #000;
        cursor: default;
        background: #c8d0d4;
        font-family: tahoma,verdana,sans-serif;
    }

    /* Header part -- contains navigation buttons and day names. */
    .calendar .button {
        text-align: center; /* "<<", "<", ">", ">>" buttons have this class */
        padding: 1px;
        border-top: 1px solid #fff;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #fff;
    }

    .calendar .nav {
        background: transparent url(../images/menuarrow.gif) no-repeat 100% 100%;
    }

    .calendar thead .title {
        font-weight: bold; /* This holds the current "month, year" */
        padding: 1px;
        border: 1px solid #000;
        background: #788084;
        color: #fff;
        text-align: center;
    }

    .calendar thead .headrow { /* Row <TR> containing navigation buttons */
    }

    .calendar thead .daynames { /* Row <TR> containing the day names */
    }

    .calendar thead .name {
        border-bottom: 1px solid #000; /* Cells <TD> containing the day names */
        padding: 2px;
        text-align: center;
        background: #e8f0f4;
    }

    .calendar thead .weekend {
        color: #f00; /* How a weekend day name shows in header */
    }

    .calendar thead .hilite {
        border-top: 2px solid #fff; /* How do the buttons in header appear when hover */
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        border-left: 2px solid #fff;
        padding: 0px;
        background-color: #d8e0e4;
    }

    .calendar thead .active {
        padding: 2px 0px 0px 2px; /* Active (pressed) buttons in header */
        border-top: 1px solid #000;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #000;
        background-color: #b8c0c4;
    }

    /* The body part -- contains all the days in month. */
    .calendar tbody .day {
        width: 2em; /* Cells <TD> containing month days dates */
        text-align: right;
        padding: 2px 4px 2px 2px;
    }

        .calendar tbody .day.othermonth {
            font-size: 80%;
            color: #aaa;
        }

            .calendar tbody .day.othermonth.oweekend {
                color: #faa;
            }

    .calendar table .wn {
        padding: 2px 3px 2px 2px;
        border-right: 1px solid #000;
        background: #e8f4f0;
    }

    .calendar tbody .rowhilite td {
        background: #d8e4e0;
    }

        .calendar tbody .rowhilite td.wn {
            background: #c8d4d0;
        }

    .calendar tbody td.hilite {
        padding: 1px 3px 1px 1px; /* Hovered cells <TD> */
        border: 1px solid;
        border-color: #fff #000 #000 #fff;
    }

    .calendar tbody td.active {
        padding: 2px 2px 0px 2px; /* Active (pressed) cells <TD> */
        border: 1px solid;
        border-color: #000 #fff #fff #000;
    }

    .calendar tbody td.selected {
        font-weight: bold; /* Cell showing selected date */
        padding: 2px 2px 0px 2px;
        border: 1px solid;
        border-color: #000 #fff #fff #000;
        background: #d8e0e4;
    }

    .calendar tbody td.weekend {
        color: #f00; /* Cells showing weekend days */
    }

    .calendar tbody td.today {
        font-weight: bold; /* Cell showing today date */
        color: #00f;
    }

    .calendar tbody .disabled {
        color: #999;
    }

    .calendar tbody .emptycell {
        //visibility: hidden; /* Empty cells (the best is to hide them) */
    }

    .calendar tbody .emptyrow {
        display: none; /* Empty row (some months need less than 6 rows) */
    }

    /* The footer part -- status bar and "Close" button */
    .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    }

    .calendar tfoot .ttip {
        background: #e8f0f4; /* Tooltip (status bar) cell <TD> */
        padding: 1px;
        border: 1px solid #000;
        background: #788084;
        color: #fff;
        text-align: center;
    }

    .calendar tfoot .hilite {
        border-top: 1px solid #fff; /* Hover style for buttons in footer */
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #fff;
        padding: 1px;
        background: #d8e0e4;
    }

    .calendar tfoot .active {
        padding: 2px 0px 0px 2px; /* Active (pressed) style for buttons in footer */
        border-top: 1px solid #000;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #000;
    }

    /* Combo boxes (menus that display months/years for direct selection) */
    .calendar .combo {
        position: absolute;
        display: none;
        width: 4em;
        top: 0px;
        left: 0px;
        cursor: default;
        border-top: 1px solid #fff;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #fff;
        background: #d8e0e4;
        font-size: 90%;
        padding: 1px;
    }

        .calendar .combo .label,
        .calendar .combo .label-IEfix {
            text-align: center;
            padding: 1px;
        }

        .calendar .combo .label-IEfix {
            width: 4em;
        }

        .calendar .combo .active {
            background: #c8d0d4;
            padding: 0px;
            border-top: 1px solid #000;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            border-left: 1px solid #000;
        }

        .calendar .combo .hilite {
            background: #048;
            color: #aef;
        }

    .calendar td.time {
        border-top: 1px solid #000;
        padding: 1px 0px;
        text-align: center;
        background-color: #e8f0f4;
        visibility: visible;
    }

        .calendar td.time .hour,
        .calendar td.time .minute,
        .calendar td.time .ampm {
            padding: 0px 3px 0px 4px;
            border: 1px solid #889;
            font-weight: bold;
            background-color: #fff;
        }

        .calendar td.time .ampm {
            text-align: center;
        }

        .calendar td.time .colon {
            padding: 0px 2px 0px 3px;
            font-weight: bold;
        }

        .calendar td.time span.hilite {
            border-color: #000;
            background-color: #667;
            color: #fff;
        }

        .calendar td.time span.active {
            border-color: #f00;
            background-color: #000;
            color: #0f0;
        }

/*********************************************************************************
 * The contents of this file are subject to the ZzzCRM Enterprise Subscription
 * Agreement ("License") which can be viewed at
 * http://www.zzzcrm.com/crm/products/zzz-enterprise-eula.html
 * By installing or using this file, You have unconditionally agreed to the
 * terms and conditions of the License, and You may not use this file except in
 * compliance with the License.  Under the terms of the license, You shall not,
 * among other things: 1) sublicense, resell, rent, lease, redistribute, assign
 * or otherwise transfer Your rights to the Software, and 2) use the Software
 * for timesharing or service bureau purposes such as hosting the Software for
 * commercial gain and/or for the benefit of a third party.  Use of the Software
 * may be subject to applicable fees and any use of the Software without first
 * paying applicable fees is strictly prohibited.  You do not have the right to
 * remove ZzzCRM copyrights from the source code or user interface.
 *
 * All copies of the Covered Code must include on each user interface screen:
 *  (i) the "Powered by ZzzCRM" logo and
 *  (ii) the ZzzCRM copyright notice
 * in the same form as they appear in the distribution.  See full license for
 * requirements.
 *
 * Your Warranty, Limitations of liability and Indemnity are expressly stated
 * in the License.  Please refer to the License for the specific language
 * governing these rights and limitations under the License.  Portions created
 * by ZzzCRM are Copyright (C) 2004-2010 ZzzCRM, Inc.; All Rights Reserved.
 ********************************************************************************/
/*********************************************************************************

 * Description:  Contains a variety of utility functions used to display UI
 * components such as form headers and footers.  Intended to be modified on a per
 * theme basis.
 ********************************************************************************/
/** From default style.css file **/
body {
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

fieldset, table, pre {
    margin-bottom: 0;
}

fieldset {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CCC;
}

p {
    margin-top: 0px;
    margin-bottom: 0px;
}

form {
    margin: 0px;
}

h1, h2 {
    margin: 0;
    font-weight: bold;
}

h3 {
    margin: 0;
    margin-bottom: 3px;
    padding-top: 3px;
}

textarea {
    font-family: Arial,Verdana,Helvetica,sans-serif;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding: 0px;
}

.select_long {
    width: 210px;
}

.short {
    width: 100px;
}

input[type=text], input[type=password], textarea {
    width: auto;
}

input[type=checkbox], input[type=radio] {
    border: 0px;
    background-color: transparent;
    margin: 0px;
    vertical-align: bottom;
}

ul li {
    list-style-type: disc;
    margin-left: 6px;
    margin-bottom: 2px;
}

ul {
    margin-top: 2px;
    margin-right: 0;
}

hr {
    height: 1px;
}

div.clear {
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

th, td {
    border: none;
    padding: 0;
}

/* layout the header elements */
#header {
}

.headerLarge {
    height: 120px !important;
}

#header div.line {
    height: 4px;
    margin: 0;
    padding: 0;
}

#header ul li {
    display: inline;
}

#companyLogo {
    height: 20px;
    padding: 2px 0 8px 10px;
    float: left;
}

#search, #sitemapLink, #colorPicker, #welcome, #globalLinks, #globalLinksLeft {
    float: right;
}

#welcome {
    background-image: url(../images/globalLinksCenter.png);
    background-repeat: repeat-x;
    vertical-align: middle;
    height: 31px;
    padding-top: 8px;
    padding-right: 10px;
    color: #999;
}

/* global links */
#globalLinks a.last {
    padding-right: 10px;
}

#globalLinks span {
    color: #999;
    margin: 0 5px;
}

    #globalLinks span.first {
        margin-left: 0;
    }

#globalLinksModule {
    float: right;
    margin-top: 4px;
    margin-bottom: 0px;
}

    #globalLinksModule a {
        color: #56778F;
    }

#globalLinksCtrl {
    float: right;
    width: 20px;
}

    #globalLinksCtrl a.yui-toggle {
        color: #abceff;
        cursor: pointer;
        cursor: hand;
        display: inline; /* prevent IE margin doubling */
        float: right;
        overflow: hidden;
        text-align: right;
        text-decoration: none;
        text-indent: 9999px;
        background-image: url(../images/globalLinksToggle.png);
        background-position: 0 0; /* close (minus) icon */
        height: 31px;
        width: 20px;
    }

        #globalLinksCtrl a.yui-toggle:hover {
            background-position: -40px 0;
        }

#globalLinksModule.yui-closed a.yui-toggle {
    background-position: -20px 0; /* open (plus) icon */
}

    #globalLinksModule.yui-closed a.yui-toggle:hover {
        background-position: -60px 0;
    }

#globalLinksCtrl img {
    border: 0px;
}

#globalLinks {
    padding: 8px 0px 0px 0px;
    background-image: url(../images/globalLinksCenter.png);
    background-repeat: repeat-x;
    vertical-align: middle;
    height: 31px;
    overflow: hidden;
    white-space: nowrap;
    width: 0px;
}

#globalLinksModule.yui-closed a.yui-toggle {
    background-position: -20px 0; /* open (plus) icon */
}

#shortcutsCtrl {
    float: right;
    width: 32px;
    margin-top: -22px;
    margin-right: 20px;
}

    #shortcutsCtrl a.yui-toggle {
        color: #abceff;
        cursor: pointer;
        cursor: hand;
        display: inline; /* prevent IE margin doubling */
        float: right;
        overflow: hidden;
        text-align: right;
        text-decoration: none;
        text-indent: 9999px;
        background-image: url(../images/shortCutsToggle.png);
        background-position: 0 -30px;
        height: 15px;
        width: 32px;
        position: absolute;
        z-index: 1;
    }

        #shortcutsCtrl a.yui-toggle:hover {
            background-position: 0 -15px;
        }

#shortcuts.yui-closed a.yui-toggle {
    background-position: 0 0;
}

/* MAIN NAV STYLES */
.subDmenu {
    position: absolute;
    display: none;
    visibility: hidden;
}

.menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
.menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
.menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
.menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
.menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link {
    font-size: 11px;
    font-style: normal;
    line-height: 18px;
    color: #000;
    text-decoration: none;
    width: 120px;
    border-left: none;
    border-right: none;
    display: block;
    padding: 1px 5px 1px 7px;
    border-bottom: 1px solid #c0c0c0;
}

    .menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active,
    .menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active {
        color: #000;
    }

.menuItem {
    background-color: #f6f6f6;
}

.menuItemHilite {
    background-color: #FFFFFF;
}

.menuItemX {
    background-color: #CCCCCC;
}

.menuItemHiliteX {
    background-color: #999999;
}

.menu {
    position: absolute;
    display: none;
    visibility: hidden;
    background-color: #f6f6f6;
    z-index: 2;
    border: #999999 solid 1px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9; /*	width:150px;*/
}

/* sitemap link */
#sitemapLink span {
    padding-right: 5px;
}

#sitemapLink {
    padding-top: 3px;
}

#search, #sitemapLink {
    padding: 0 3px 0 5px;
    height: 23px;
    vertical-align: bottom;
}

#unified_search_advanced_img {
    cursor: pointer;
}

#unified_search_advanced_div {
    height: 1px;
    position: relative;
    overflow: hidden;
    width: 21em;
    padding-top: 5px;
}

    #unified_search_advanced_div .edit.view {
        padding: 6px 6px 6px 4px;
    }

        #unified_search_advanced_div .edit.view td {
            padding: 0 0.5em !important;
        }

#themeColors img, #themeFonts img {
    margin-bottom: 0;
}

/* color and theme picker */
.themePicker {
    padding-top: 1em;
}

    .themePicker td {
        padding: 0 !important;
    }

    .themePicker > table > tbody > tr > td {
        text-align: left;
        vertical-align: top;
        width: 100%;
    }

    .themePicker hr {
        margin: 0;
    }

#themepickerLinkSpan {
    cursor: pointer;
}

#colorPicker {
    padding: 8px 5px 0px 7px;
}

    #colorPicker ul {
        border: none;
        padding: 3px 0 0 0;
        margin: 0 0 0 10px;
    }

        #colorPicker ul li {
            list-style-type: none;
            display: inline;
            padding: 0px;
            cursor: hand;
            cursor: pointer;
            margin: 0;
        }

#themeName {
    font-weight: bold;
}

.yui-loading #moduleList {
    visibility: hidden;
}

div#content {
    padding-top: 0px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

    div#content > table {
        width: 100%;
    }

/* new record form */
#newRecord form {
    padding: 8px 8px 5px 8px;
}

    #newRecord form input,
    #newRecord form select,
    #newRecord form textarea {
        margin-bottom: 4px;
        margin-top: 2px;
        max-width: 140px;
        *width: expression(this.clientWidth > 140 ? '140px':true);
    }

        #newRecord form button,
        #newRecord form input[type=button],
        #newRecord form input[type=submit],
        #newRecord form input[type=reset] {
            padding-top: 0px;
            vertical-align: bottom;
        }

    #newRecord form .dataLabel {
        padding-bottom: 2px;
        padding-top: 3px;
        padding-left: 0px;
        vertical-align: bottom;
    }

    #newRecord form .dataField {
        padding-bottom: 3px;
    }

    #newRecord form #jscal_trigger {
        margin-bottom: 4px;
        margin-top: 2px;
        vertical-align: bottom;
    }

    #newRecord form a:link,
    #newRecord form a:visited,
    #newRecord form a:hover {
        text-decoration: underline;
        border-bottom: 0px;
        padding-left: 0px;
    }

/* sub module list drop down */
#subModuleList span {
    display: none;
}

    #subModuleList span.selected {
        display: block;
    }

#subModuleList li, #subModuleList ul {
    padding: 0px;
    margin: 0px;
}

    #subModuleList li.subTabMore {
        position: relative;
    }

    #subModuleList ul.cssmenu {
        display: block;
        position: absolute;
        top: 15px;
        left: 0;
        width: 127px;
    }

#header ul.cssmenu li {
    display: block;
}

#subModuleList ul.cssmenu li a,
#subModuleList ul.cssmenu li a:hover {
    color: #000;
    border: none;
    background: transparent none repeat scroll 0% 0%;
}

#subModuleList li.subTabMore ul.cssmenu {
    visibility: none;
}

#subModuleList li.subTabMore:hover ul.cssmenu {
    visibility: visible;
}

#subModuleList {
    padding: 0.4em 0 0.3em 0;
}

    #subModuleList span a {
        text-decoration: none;
        padding: 0.2em 0.5em 0.3em 0.5em;
        margin: 0 -3px 0 0;
        white-space: nowrap;
    }

/* last viewed and shortcuts lists in the header */
.headerList {
    padding: 0px 0 3px 10px;
    vertical-align: middle;
}

    .headerList a:link, .headerList a:visited, .headerList a {
        padding: 2px 5px;
        white-space: nowrap;
    }

/* module title */
div.moduleTitle {
    height: 2em;
    padding-bottom: 3px;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 0;
}

.moduleTitle img {
    margin-right: 0px;
    margin-top: -4px;
    border: 0;
}

.moduleTitle h2 {
    display: block;
    float: left;
    color: #666;
    font-size: 15px;
    padding-left: 4px;
    padding-top: 4px;
}

    .moduleTitle h2 a {
        font-size: 16px;
        color: #0e70b8;
        text-decoration: none;
    }

    .moduleTitle h2 span.pointer {
        padding: 0px 8px;
        font-size: 18px;
        line-height: 16px;
    }

.moduleTitle span.utils {
    display: block;
    float: right;
    margin-top: 6px;
}

    .moduleTitle span.utils a img {
        margin-bottom: -3px;
    }

{
}

.moduleTitle > h2 > img {
    display: none;
}

/* EditView/projects -> grid  */
.sqsSelectedSmartInputItem {
    background-color: #DEEFFF;
}

/* DetailView/EditView/ListView styles */
.view, table.view {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 6px 12px 10px;
    padding: 20px 16px 22px 30px;
}

    .view tr td table,
    .view tr td table tr td {
        padding: 0;
    }

    .view tr td input[type=checkbox] {
        vertical-align: middle;
    }

/* DetailView styles */
.detail h4 {
    font-weight: bold;
    margin: 0px;
    text-align: left;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    background-color: #eee;
}

.buttons {
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 3px;
}

.detail tr td {
    font-weight: normal;
    line-height: 18px;
    border: none;
    vertical-align: top;
    padding: 6px;
    vertical-align: top;
    text-align: left;
}

    .detail tr td[scope=row] {
        font-weight: normal;
        margin-top: 2px;
        margin-bottom: 10px;
        text-align: right;
        white-space: nowrap;
    }

    .detail tr td > li {
        margin-left: 1.5em;
    }

/* editviews top buttons */
#EditView > table {
    margin-bottom: 10px;
}

/* when ever possible enclose action buttons inside a table or div with this class */
table.actionsContainer, div.actionsContainer {
    margin-bottom: 10px;
}

/* editviews */
.edit {
    padding: 0px !important;
}

    .edit > table {
        margin-bottom: 0px;
        padding: 3px 3px 3px 10px !important;
    }

    .edit h4 {
        text-align: left;
        margin-top: 0;
        padding-top: 0;
        margin-top: 0px;
        padding-left: 0;
    }

    .edit tr td {
        font-weight: normal;
        padding: 0 !important;
        vertical-align: top;
        padding: 3px !important;
    }

        .edit tr td[scope=row] {
            padding: 5px 5px 5px 7px !important;
            text-align: left;
            vertical-align: top;
            background-color: #eee;
        }

    .edit tr th {
        padding: 5px 5px 5px 7px !important;
        background-color: #eee;
    }

table#tabFormPagination td, #tabFormPagination, #EditView > table#tabFormPagination.detail.view {
    border-bottom: none;
    margin-bottom: 0;
}

.edit tr td table,
.edit tr td table tr td {
    padding: 3px !important;
    border: 0px none;
}

table.edit.view {
    box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
    margin-top: 0;
}

/* search panel on top of list views ( extends .edit .view definition ) */
.search {
    padding: 10px 6px 12px 10px;
}

    .search > table {
        padding: 0 !important;
        margin: 0;
    }

    .search td span {
        color: #444444;
    }

    .search td input[type=text],
    .search td input[type=password],
    .search td select {
        width: 150px !important;
    }

/* Listview styles */
.listViewBody {
    box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .listViewBody .list {
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
    }

.list.view {
    margin-top: 0;
}

.listViewBody .list.view {
    border-top: 0px none;
}

.listViewBody.nosearch .list.view {
    border-top: 1px solid;
}

.listViewBody.nosearch .list {
    border-top: 1px solid;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.listViewBody .list {
    margin-bottom: 0px;
}

.list, .edit .list {
    padding: 0 !important;
    margin-bottom: 10px;
}

    .list tr.pagination,
    .list tr.pagination td,
    .list tr.pagination td table {
        padding: 0;
        border: 0;
        margin: 0;
    }

        .list tr.pagination td table td {
            padding: 4px 0px 4px 10px !important;
        }

            .list tr.pagination td table td button {
            }

            .list tr.pagination td table td a:link,
            .list tr.pagination td table td a:visited,
            .reportGroupByDataChildTablelistViewThS1 a:link,
            .reportGroupByDataChildTablelistViewThS1 a:visited {
                font-weight: bold;
                text-decoration: none;
                padding: 2px 0px 3px 0px;
            }

            .list tr.pagination td table td a:hover,
            .reportGroupByDataChildTablelistViewThS1 a:hover {
                text-decoration: underline;
            }

        .list tr.pagination .buttons {
            padding: 2px 2px 2px 0 !important;
        }

        .list tr.pagination #selectCountTop {
            width: 5em;
        }

    .list tr th, .list tr td[scope=col],
    .edit .list tr th, .edit .list tr td[scope=col] {
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        padding: 6px 5px 6px 5px;
        border-left: none;
        border-right: none;
        white-space: nowrap;
    }

    .list tr td {
        vertical-align: middle;
        padding: 6px 8px 6px 5px;
    }

    .list tr.pagination td {
        padding: 0 !important;
    }

    .list tr td.odd {
        padding: 3px 8px 5px 5px;
        vertical-align: middle;
    }

    .list th a:link,
    .list th a:visited,
    .list td[scope=col] a:link,
    .list td[scope=col] a:visited {
        font-weight: bold;
        text-decoration: none;
    }

    .list th a:hover,
    .list td[scope=col] a:hover {
        text-decoration: underline;
    }

    .list tr.oddListRowS1 td,
    .list tr.evenListRowS1 td {
        white-space: normal;
        word-wrap: break-word;
    }

        .list tr.oddListRowS1 td em,
        .list tr.evenListRowS1 td em {
            font-weight: normal;
        }

        .list tr.oddListRowS1 td[nowrap],
        .list tr.evenListRowS1 td[nowrap] {
            white-space: nowrap;
            word-wrap: normal;
        }

    .list td a.listViewTdToolsS1,
    .list tr td.nowrap {
        white-space: nowrap;
        word-wrap: normal;
    }

/* style for page content tables */
.other {
    border: none;
    margin-bottom: 20px !important;
    padding: 0 !important;
    width: 100%;
}

    .other td {
        font-weight: normal;
        padding: 4px 10px 4px 6px;
        vertical-align: middle;
    }

        .other td[scope=row] {
            padding: 4px 6px 4px 6px;
            white-space: nowrap;
        }

    .other .edit td {
        background: transparent !important;
    }

    .other .edit {
        margin-top: 0;
    }

    /* Special for Campaigns Wizard */
    .other td.edit #wizard td {
        background: transparent;
    }

    .other td.edit #wizard h4 {
        padding-left: 0;
        margin-top: 0;
    }

#wizard td {
    white-space: normal;
    word-wrap: break-word;
}

/* detail view */
.detail.view {
    box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
}

.detail.view,
.detail table,
table.detail {
    padding: 0;
}

.detail table,
table.detail {
    width: 100%;
}

.detail tr.pagination td {
    padding-top: 4px;
    text-align: right;
    vertical-align: middle;
}

.detail table tr.pagination td {
    padding-bottom: 4px;
}

.detail td > table tr td {
    border: none;
}

.detail.view ul#pluginList {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

    .detail.view ul#pluginList li {
        padding: 0px;
        margin: 0px;
    }

/* Upgrade Wizard*/
.small {
    width: 100%;
}

    .small table {
        width: auto;
    }

    .small tr td table {
        background-color: transparent;
    }

    .small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th {
        background-color: transparent;
    }

    .small tr td table tr th {
        text-align: left;
        border-bottom: none;
    }

/* for report wizard */
.reportwizard {
    padding: 10px 6px 12px 10px;
}

    .reportwizard > table {
        padding: 0 !important;
    }

    .reportwizard tr td {
        vertical-align: middle;
    }

/* for subpanel tabs */
ul.tablist, ul.subpanelTablist {
    list-style: none;
    padding: 3px 0;
    margin: 0;
    height: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 100%;
    width: auto9;
}

    ul.tablist li, ul.subpanelTablist li {
        list-style: none;
        margin: 0;
        display: inline;
    }

        ul.tablist li a, ul.subpanelTablist li a {
            padding: 3px 8px;
            margin: 0px;
            border-bottom: none;
            text-decoration: none;
        }

            ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
                text-decoration: none;
            }

.subpanelTabForm {
    padding: 15px 0px 0 0px;
}

table.subpanelTabForm td {
    padding-bottom: 3px;
    padding-top: 3px;
}

.subpanelTabForm p {
    margin-bottom: 0;
}

.subpanelTabForm h3 {
    padding-left: 3px;
}

.subpanelTabForm .h3Row {
    padding-top: 2px;
    margin-top: 0;
}

.subpanelTabForm {
    margin-bottom: 10px;
}

#groupTabs {
    margin-top: 20px;
}

    #groupTabs li, #searchTabs li {
        margin: 0 -3px 0 0;
    }

table.subpanelTabForm {
    border-top: 0px none;
    margin-bottom: 4px;
}

/* gantt styles */
table.days {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

td.days {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0px;
    border-right: 0px;
}

td.sunday {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 0px;
}

td.saturday {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 0px;
    border-right: 1px solid #dfdfdf;
}

td.date {
    width: 100%;
    padding: 0px;
    border: 0px;
    font-size: 10px;
}

tr.empty {
    height: 2px;
}

div.completed {
    background-color: #777777;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.inprogress {
    background-color: #002E4D;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.inprogress_bar {
    background-color: #ff0000;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.notstarted {
    background-color: #cccccc;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-top: 4px;
}

div.indent_left {
    background-color: #000000;
    float: left;
    line-height: 10px;
    margin-top: 4px;
}

div.indent_bar {
    background-color: #000000;
    float: left;
    margin-top: 4px;
}

div.indent_right {
    background-color: #000000;
    float: right;
    line-height: 10px;
    margin-top: 4px;
}

#horizWrapper {
    position: relative;
    margin-left: 60px;
    width: 218px;
    float: left;
}

#horizBGDiv {
    position: relative;
    top: 60px;
    background: url(../../../../index.php?entryPoint=getImage&themeName=Zzz&imageName=horizBg.png) no-repeat;
    height: 26px;
    width: 218px;
    zindex: 5
}

#horizHandleDiv {
    position: absolute;
    left: 100px; /* the default position is the center of the bg */
    top: 8px; /* force the image down a bit */
    cursor: default;
    width: 18px;
    height: 18px;
}

/* end gantt styles */
.search_form {
    overflow: visible;
    text-align: left;
    margin-bottom: 0;
}

    .search_form .view {
        width: auto;
        margin: 0px;
        padding-right: 0 !important;
        padding-left: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background: url(../images/search-basic-bg.png) repeat-x top center;
        background-color: #cccccc;
        border-bottom: 1px solid #98C6EA;
        border-radius-bottomleft: 0px;
        border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        text-shadow: 0px 1px #fff;
    }

        .search_form .view.advanced {
            background: url(../images/search-advanced-bg.png) repeat-x top center #ccc;
        }

        .search_form .view a {
            color: #005a9b;
            font-size: 12px;
            text-decoration: none;
            text-shadow: 0px 1px #fff;
            font-weight: bold;
        }

    .search_form .yui-button button {
        padding: 0px 20px 3px 4px;
    }

        .search_form .yui-button button span.image {
            background: url(../images/my-items.png) no-repeat 0px center;
            margin-right: 5px;
            width: 12px;
            display: inline;
            float: left;
            text-indent: -9999px;
        }

    .search_form .yui-button.yui-button-hover button, .search_form .yui-button.yui-button-checked.yui-checkbox-button-checked button {
        background-image: url(../images/form-button-primary-bg.png);
        background-color: #356ea1;
        border: 1px solid #326a9c;
        color: #fff;
        text-shadow: -1px -1px #666;
    }

        .search_form .yui-button.yui-button-hover button span.image, .search_form .yui-button.yui-button-checked.yui-checkbox-button-checked button span.image {
            background-position: -12px center;
        }

    .search_form .edit tr td[scope="row"] {
        background-color: transparent;
    }

/* sitemap */
#sitemap {
    width: 650px;
    display: none;
    z-index: 9999;
    margin-right: 1em;
    margin-top: 2.5em;
}

    #sitemap .edit.view {
        border: 2px solid;
        padding: 6px 6px 6px 16px;
    }

    #sitemap a:link, #sitemap a:visited {
        text-decoration: none;
        font-size: 11px;
        color: #444;
    }

    #sitemap a:hover, #sitemap h4 a:hover {
        text-decoration: underline;
    }

    #sitemap h4 a:link, #sitemap h4 a:visited {
        font-size: 13px;
    }

    #sitemap ul {
        margin-top: 5px !important;
        margin-left: 5px !important;
    }

        #sitemap ul li {
            margin-bottom: 5px !important;
            display: list-item;
        }

/* sitemap link div */
#sitemapLink span {
    cursor: pointer;
}

    #sitemapLink span img {
        cursor: pointer;
        margin-left: 2px;
    }

/* Footer styles */
#footer {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 5px;
}

#themePicker, #langPicker {
    text-align: center;
    margin-bottom: 0.5em;
}

    #themePicker select, #langPicker select {
        width: 120px;
        font-size: 10px;
    }

/* Scheduler Styles */
#scheduler {
    margin-top: 5px;
}

    #scheduler .schedulerDiv {
        color: #000000;
        text-align: left;
        width: 100%;
        background-color: #FAFAFA;
        border-collapse: collapse;
        border: 2px solid #ccc;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 10px;
    }

        #scheduler .schedulerDiv table {
            width: 100%;
            border-collapse: collapse;
        }

            #scheduler .schedulerDiv table tr td {
                height: 18px;
                border: 1px solid #dddddd;
            }

            #scheduler .schedulerDiv table tr.schedulerTimeRow td {
                border-left: 0;
            }

                #scheduler .schedulerDiv table tr.schedulerTimeRow td[scope=col] {
                    border-left: 1px solid #DDDDDD;
                    padding-left: 4px;
                }

            #scheduler .schedulerDiv table tr.schedulerAttendeeRow td {
                background-color: #eeeeee;
                width: 15px;
            }

                #scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row] {
                    overflow: hidden;
                    padding-left: 4px;
                    width: 125px;
                    background: transparent;
                    border-left: 0;
                }

                #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime {
                    border-left: 4px solid #75AF4F !important;
                    background-color: #FFFFFF;
                }

                #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime {
                    border-left: 4px solid #ff0000 !important;
                }

                #scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell {
                    background: transparent;
                    border-left: 1px solid #dddddd;
                    padding-left: 4px;
                }

    #scheduler .schedulerInvitees {
        margin-top: 1em;
    }

        #scheduler .schedulerInvitees .tabForm {
            margin-bottom: 0;
        }

/* calendar module styles */
.monthFooter td {
    padding: 10px;
}

.monthHeader {
    padding: 6px 5px 4px 3px;
    margin-top: 10px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-position: top;
}

    .monthHeader td {
        padding-left: 5px;
    }

.monthViewDayHeight {
    height: 100px;
}

    .monthViewDayHeight td[scope=row] {
        padding: 5px;
        text-align: center;
    }

    .monthViewDayHeight td {
        vertical-align: top;
        padding: 3px;
        text-align: right !important;
    }

.yearViewDayHeight {
    height: 40px;
}

.monthCalBodyDayItem {
    margin: 7px 0px 7px 0px;
    padding: 5px 0px 8px 0px;
    border-top: 1px solid;
}

    .monthCalBodyDayItem td {
        vertical-align: top;
    }

        .monthCalBodyDayItem td img {
            padding-right: 3px;
            vertical-align: top;
        }

.monthCalBody th {
    vertical-align: top;
    padding: 7px;
    height: 20px;
    font-weight: normal;
}

    .monthCalBody th#bodytime {
        background-color: #fff;
        background-image: url(../images/calendar-left-bg.png);
        background-repeat: repeat-y;
        background-position: right;
    }

.monthCalBodyTH th {
    padding: 5px !important;
    border-bottom: 1px solid;
    font-weight: bold;
}

.monthCalBody td {
    padding: 5px;
    text-align: left;
}

    .monthCalBody td div table td {
        text-align: left !important;
    }

.monthCalBody {
    padding: 0;
}

    .monthCalBody td.yearCalBody {
        padding: 0;
        margin: 0;
    }

.yearCalBodyMonth {
    padding: 5px 0 0 0 !important;
    text-align: center !important;
}

    .yearCalBodyMonth #daily_cal_table {
        margin-top: 5px;
    }

    .yearCalBodyMonth > a {
        font-weight: bold;
        margin: 0px;
        padding: 5px;
        width: 100%;
        margin-bottom: 5px;
        text-decoration: none !important;
    }

        .yearCalBodyMonth > a:hover {
            text-decoration: underline;
        }

.calSharedUser {
    height: 20px;
    padding-top: 5px;
    padding-left: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px;
}

/* js calendar styles */
.calendar {
    border: 1px solid #999;
}

    .calendar .button {
        background-color: #eee;
        background-image: none;
    }

    .calendar .combo {
        border-top: 1px solid #f1f1f1;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 1px solid #f1f1f1;
        background: #eee;
        padding: 0px;
    }

        .calendar .combo .active {
            background: #eee;
        }

        .calendar .combo .hilite {
            background: #f8f7f7;
            padding: 1px 4px 1px 4px;
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-color: #9e9e9e;
        }

        .calendar .combo .label,
        .calendar .combo .label-IEfix {
            text-align: left;
            padding: 2px 4px 2px 4px;
        }

    .calendar .nav {
        background: transparent no-repeat 100% 100%;
    }

    .calendar table {
        background: #eee;
    }

        .calendar table .wn {
            background: #eeeeee;
            border-right: 1px solid #ccc;
        }

    .calendar tbody .day {
        background: #fff;
        text-align: right;
        padding: 2px 4px 2px 2px;
    }

        .calendar tbody .day.othermonth.oweekend {
            color: #666;
        }

    .calendar tbody .emptycell {
        display: hidden;
    }

    .calendar tbody .rowhilite td,
    .calendar tbody .rowhilite td.weekend {
        background: #f6f6f6;
    }

        .calendar tbody .rowhilite td.wn {
            background: #fff;
        }

    .calendar tbody td.hilite,
    .calendar tbody td.weekend.hilite {
        background: #f8f7f7;
        border-color: #9e9e9e;
    }

    .calendar tbody td.selected {
        border-color: #666;
        background: #eee;
    }

    .calendar tbody td.today {
        color: #666;
    }

    .calendar tbody td.weekend {
        color: #666;
        background: #f9f9f9;
    }

    .calendar tfoot .ttip {
        background: #e8f0f4;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ccc;
        background: #dfdfdf;
        color: #000;
    }

    .calendar thead .hilite {
        border-bottom: 1px solid #fff;
        border-left: 1px solid #aaa;
        border-top: 1px solid #aaa;
        border-right: 1px solid #fff;
    }

    .calendar thead .name {
        background: #dddddd;
        border-color: #cccccc;
    }

    .calendar thead .title {
        padding: 3px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #cccccc;
        color: #000;
        background: #f8f7f7;
    }

    .calendar thead .weekend {
        color: #000;
        font-weight: bold;
    }

.listViewCalCurrentAppt {
    background-color: #75AF4F;
}

.listViewCalOtherAppt {
    background-color: #4D5EAA;
}

.listViewCalConflictAppt {
    background-color: #AA4D4D;
}

.listViewCalCurrentApptLgnd {
    background-color: #75AF4F;
    border: 1px solid #444444;
}

.listViewCalOtherApptLgnd {
    background-color: #4D5EAA;
    border: 1px solid #444444;
}

.listViewCalConflictApptLgnd {
    background-color: #AA4D4D;
    border: 1px solid #444444;
}

/** report styles **/
table.reportlistViewRC {
    background: Black; /* this definition should be exactly the same as .listViewThS1 */
}

table.reportlistView {
    background: Black; /* this definition should be exactly the same as .listViewThS1 */
}

.reportlistViewThS1 {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 4px 5px 4px 5px;
    border-left: none;
    border-right: none;
    border-top: 1px solid Blackccc;
    border-bottom: 1px solid Blackccc;
    background: Gainsboro;
}

.reportevenListRowS1, .reportoddListRowS1 {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 3px;
    vertical-align: middle;
    background: white;
}

.reportlistViewPaginationTdS1 {
    border: none;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    background: white;
}

/* These are for summation report */
.reportViewTable {
    border-left: none;
    border-right: none;
    border-top: none;
    background: White;
}

.reportGroupViewTable {
    border-left: 1px solid Black;
    border-top: 1px solid Black;
    background: LightGrey;
}

.reportGroup1ByTable {
    font-size: 15px;
    border-left: none;
    border-right: 1px solid Black;
    border-bottom: 1px solid Black;
    background: LightGrey;
}

.reportGroupNByTable {
    font-size: 13px;
    border-left: none;
    border-right: 1px solid Black;
    border-bottom: none;
    background: White;
}

.reportGroupByDataTableHeader {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: White;
}

.reportDataChildtablelistView {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: Black;
}

table.reportDataChildtablelistView td {
    border-color: #ccc;
    background: white;
    padding: 4px 5px;
}

.reportGroupByDataChildTablelistViewThS1 {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 4px 5px 4px 5px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: White;
}

.reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 3px;
    vertical-align: middle;
    background: white;
}

.reportGroup1ByTableEvenListRowS1 {
    font-weight: bold;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 3px;
    vertical-align: middle;
    background: LightGrey;
    text-align: left;
}

.reportGroupNByTableEvenListRowS1 {
    font-weight: bold;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 3px;
    vertical-align: middle;
    background: LightGrey;
    text-align: left;
}

.reportGroupBySpaceTableView {
    border-left: none;
    border-right: none;
    border-top: none;
    background: White;
}

.reportGroupByDataTableHeaderEmptyCell {
    border-bottom: 1px solid Black;
    border-top: 1px solid Black;
    background: White;
}

.reportevenListRowS1,
.reportoddListRowS1,
.reportGroupByDataEvenListRowS1,
.reportGroupByDataOddListRowS1,
.reportGroupByDataMatrixEvenListRowS1,
.reportGroupByDataMatrixEvenListRowS2,
.reportGroupByDataMatrixEvenListRowS3,
.reportGroupByDataMatrixEvenListRowS4 {
    padding-bottom: 4px;
    padding-top: 2px;
}

/* End of summation report classes */
/* Start of Matrix Report Class */
.reportlistView {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

table.reportlistView td, table.reportlistView th {
    background: #fff;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    color: #000;
    padding: 4px;
    text-align: center;
    font-size: 11px;
}

table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 {
    background: #dcdcdc;
    font-weight: bold;
}

/* End of matrix report classes */
/* for overlib js library */
.olCapFontClass {
    font-weight: bold;
}

    .olCapFontClass A {
        color: #dfdfdf;
        font-size: 9px;
    }

.olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
    background-color: #fff;
    padding: 5px 7px 7px 10px !important;
    line-height: 18px;
}

.olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
    border-bottom: 2px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px 3px 3px 10px !important;
}

.olCgClass {
    padding: 0px;
    border: 0px;
}

#overDiv {
    padding: 1px !important;
    background-color: #bbb;
    -moz-box-shadow: 0 2px 10px #666666;
    box-shadow: 0 2px 10px #666666;
    -webkit-box-shadow: 0 2px 10px #666666;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

#forecastsWorksheet .olBgClass td {
    padding: 0 !important;
}

.olCloseFontClass {
    padding-bottom: 1px;
    text-align: right;
    background-color: #dfdfdf;
    font-weight: bold;
    color: #444;
    background-color: #dfdfdf;
}

.olBgClass td.olFgClass {
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

.olBgClass td.olCgClass {
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-bottom-color: #ddd;
    background-color: #eee;
}

/* acl role colors */
.aclAll {
    color: #008000;
    font-weight: bold;
}

.aclOwner {
    color: #000000;
    font-weight: bold;
}

.aclNone {
    color: #FF0000;
    font-weight: bold;
}

.aclEnabled {
    color: #008000;
    font-weight: bold;
}

.aclDisabled {
    color: #FF0000;
    font-weight: bold;
}

.aclAdmin {
    color: #0000FF;
    font-weight: bold;
}

.aclNormal {
    color: #008000;
    font-weight: bold;
}

/* for lists where we don't want to have bullet points */
ul.noBullet {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

li.noBullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    li.noBullet.active {
        margin-top: 8px;
    }

        li.noBullet.active .dashletPanel {
            padding-bottom: 2px;
        }

table.tabForm td ul li {
    list-style-type: none;
    margin-bottom: 10px;
}

.helpButton {
    font-weight: 700;
}

.helpShortcut {
    font-weight: 700;
}

/* for subpanels */
#MorePanelHandle {
    cursor: hand;
    cursor: pointer;
    display: inline;
    margin-left: 2px;
    margin-bottom: 2px;
    text-align: center;
    background: url('../images/more.gif') no-repeat bottom left;
    color: #444;
}

.sqsFloater {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: none;
    padding: 0;
}

    .sqsFloater td {
        border: 1px inset;
        color: black;
    }

.sqsMatchedSmartInputItem {
    font-size: 11px;
    padding: 2px 5px 2px 5px;
    margin: 0;
    cursor: pointer;
    cursor: hand;
}

.sqsSelectedSmartInputItem {
    background-color: #DEEFFF;
}

#sqsSmartInputResults {
    padding: 0;
    margin: 0;
}

.sqsNoMatch {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    background-color: #eeeeee;
    color: #980000;
}

/* misc font displays */
.todaysTask {
    color: #FF7800
}

.overdueTask {
    color: #ff0000;
}

.required,
.error {
    color: #000000; /*
    color: #ff0000;
*/
}

.success {
    color: #00ee00;
}

.rssItemDate {
    color: #666666;
}

.date {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-right: 10px;
}

.dateFormat {
    font-weight: normal;
    font-style: italic;
}

/* list view page numbers */
.pageNumbers {
    padding-right: 0px;
    padding-left: 0px;
}

.contentBox {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 0px 10px 0px 0px;
    margin: 10px 0 10px 0;
}

    .contentBox td {
        padding-top: 0;
    }

/* for team notices and my portal dashlets */
.teamNoticeBox {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    padding: 0;
    background: #fff;
    width: 100%;
    border-color: #98C6EA;
    color: #444444;
}

.teamNoticeText {
    padding: 0px 10px 0px 10px;
}

/* to force border to display on tiny-mce controls */
.mceToolbarTop {
    border-bottom: 1px solid #CCCCCC !important;
}

#dashletsList {
    background: #fff;
    overflow: auto;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

ul#dashletCategories li a:link, ul#dashletCategories li a:visited {
    color: #444;
    background: #eee;
}

ul#dashletCategories li a.current, ul#dashletCategories li a.current:hover {
    color: #444;
    background: transparent;
}

#moduleDashlets h3, #chartDashlets h3, #toolsDashlets h3 {
    margin-top: 13px;
}

.chartDiv {
    background-color: #efefef;
}

#dashletSearch table tr td input[type=button] {
    vertical-align: top;
}

.x-dlg-btns button.x-btn-text:hover,
.x-dlg-btns .x-btn-focus button.x-btn-text {
    color: #000;
}

/* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
td.edit.view td {
    text-align: left;
}

    td.edit.view td[align=right] {
        text-align: right;
    }

#user_password, #user_name {
    width: 150px;
}

/* if we have horizontal padding anywhere in the table, it will break the rollup tree */
#forecastsWorksheet tbody tr td,
#forecastsWorksheet tr td {
    padding: 3px 0px 5px 0px !important;
}

#forecastsWorksheet tr.pagination td {
    padding: 0 !important;
}

    #forecastsWorksheet tr.pagination td table td {
        padding: 3px 7px 3px 5px !important;
    }

/* for forecasts worksheet containing table ( overrides .list .view style ) */
#forecastsWorksheet > tbody > tr > td,
#forecastsWorksheet > tr > td,
#forecastsWorksheet #activetimeperiods tr td {
    padding: 0 !important;
    vertical-align: top;
}

/* help styles */
.helpButton, .helpShortcut {
    font-weight: bold;
}

.help-search {
    position: relative;
    top: -8px;
    left: -2px;
}

/* fixes email setting issues */
#tab_general > form > table,
#tab_general > form > table.detail th,
#tab_accounts > table,
#tab_accounts > table.detail th {
    border: 0;
}

#tab_accounts .detail.view .edit.view {
    margin-top: 0;
}

#tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table {
    padding: 0pt !important;
    border-collapse: collapse;
}

#importDialogContent {
    overflow: hidden;
}

    #importDialogContent #importDiv {
        margin-top: 0;
    }

/* override some of the detail view styles for show more detail option (KBDocument detail view)*/
.detail td.subdetail {
    padding: 0px;
    border-bottom: medium none;
}

    .detail td.subdetail table tr td {
        padding: 5px 6px;
    }

#searchAndCreate {
    width: auto;
}

.edit.view.search.kb {
    border-top: 0px none;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

/* override some of the detail view styles for the import options dialog */
#importOptions td {
    padding: 5px 6px;
}

#importOptions table {
    border-collapse: collapse;
}

#importOptions #chooser_choose_index_text,
#importOptions #chooser_ignore_index {
    background: white;
    border: 0;
    text-align: left;
}

/* login page*/
.login table tr td {
    padding: 0px !important;
    text-align: left;
}

.login {
    padding: 0px !important;
}

    .login .login_more {
        text-align: right;
        *padding-right: 18px !important; /* only needed in IE7 and earlier */
    }

#lastviewicon, #newrecordicon, #shortcuts_img, #lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 {
    display: none;
}

#color_menu, #font_menu {
    width: 200px;
    height: 15px;
    margin: 0;
    padding: 0px;
}

    #color_menu li, #font_menu li {
        float: left;
        height: 15px;
        width: 15px;
    }

#themepickerDialog div[class="ft"] {
    display: none;
}

#stylepicker {
    border-width: 1px;
    margin: 0px;
    padding: 0px;
    width: auto;
}

#themepickerDialog_c {
    right: 2em;
    top: 3em;
}

#popup_query_form {
    padding-left: 0;
    padding-right: 0;
}

.emailaddresses tr td[scope=row] {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

/*System Settings*/
#container_upload {
    margin-top: 7px;
}

/* Subpanel links */
.subTabs td {
    font-size: 12px;
    padding: 0 0.25em;
}

.zzzFeedDashlet {
    overflow: auto;
    max-height: 375px;
    height: expression(this.scrollHeight>375?'375px':'auto');
}

    .zzzFeedDashlet td.list th, .zzzFeedDashlet td.list td[scope=col] {
        display: none;
    }

    .zzzFeedDashlet tr {
        height: auto;
    }

    /*
Bug 33193 - Fixed several items in the zzzfeeds not correctly scrolling on IE7;
added the *position:static CSS property on the following two rules, which will only
be used on IE7 and IE6
*/
    .zzzFeedDashlet .byLineBox {
        width: 100%;
        position: relative;
        *position: static;
        overflow: none;
    }

    .zzzFeedDashlet .yui-ac-input {
        *position: static !important;
    }

    .zzzFeedDashlet .byLineBox .byLineLeft {
        font-size: 79%;
        float: left;
    }

    .zzzFeedDashlet .byLineBox .byLineRight {
        display: inline;
        position: static;
        font-size: 79%;
        float: right;
    }

iframe.teamNoticeBox {
    padding: 0;
}

.loading-indicator {
    font-size: 11px;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-sqs-list {
    border: 1px solid #d0d0d0;
    background: #d0d0d0;
    zoom: 1;
    overflow: hidden;
}

.x-sqs-list-inner {
    overflow: auto;
    background: #FFF;
    position: relative;
    zoom: 1;
    overflow-x: hidden;
}

.x-sqs-list-item {
    font: normal 12px tahoma,arial,helvetica,sans-serif;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
}

.x-sqs-list .x-sqs-selected {
    border: 1px dotted #f6f6f6 !important;
    background: #d0d0d0;
    cursor: pointer;
}

embed {
    background: transparent;
}

#massupdate_form {
    margin-top: 20px;
}

    #massupdate_form .buttons {
        padding-bottom: 2px;
    }

/* Bug 32603 - Fixes missing center line for KB Admin */
#selected_directory_children {
    border-left: 1px solid;
    padding: 3px;
}

/* rounded corners */
/* Style the header with its associated corners */
.dashletPanel {
    box-shadow: #999 0px 2px 10px;
    -moz-box-shadow: #999 0px 2px 10px;
    -webkit-box-shadow: #999 0px 2px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 20px;
}

    .dashletPanel .hd {
        padding: 0;
        text-align: left;
        vertical-align: middle;
        overflow: visible;
        position: relative;
        height: 38px;
        padding-left: 9px;
        padding-right: 9px;
    }

        .dashletPanel .hd .hd-center {
            border-width: 1px 0px 0px 0px;
            border-color: #98c6ea;
            border-style: solid;
            background: url(../images/dp-hd.png) repeat-x;
            height: 38px;
            border-bottom: 1px solid #98c6ea;
        }

        .dashletPanel .hd .tr {
            width: 9px;
            height: 38px;
            top: 0;
            right: 0;
            background: url(../images/dp-hd.png) repeat-x;
            position: absolute;
            -moz-border-radius-topright: 6px;
            -webkit-border-top-right-radius: 6px;
            border-radius-topright: 6px;
            border-width: 1px 1px 0px 0px;
            border-color: #98c6ea;
            border-style: solid;
            border-bottom: 1px solid #98c6ea;
        }

        .dashletPanel .hd .tl {
            width: 9px;
            height: 38px;
            top: 0;
            left: 0;
            background: url(../images/dp-hd.png) repeat-x;
            position: absolute;
            -moz-border-radius-topleft: 6px;
            -webkit-border-top-left-radius: 6px;
            border-radius-topleft: 6px;
            border-width: 1px 0px 0px 1px;
            border-color: #98c6ea;
            border-style: solid;
            border-bottom: 1px solid #98c6ea;
        }

        .dashletPanel .hd.plain {
            height: 20px;
        }

            .dashletPanel .hd.plain .tl {
                background: url(../images/dp-tl-plain.png) no-repeat;
                height: 20px;
            }

            .dashletPanel .hd.plain .tr {
                background: url(../images/dp-tr-plain.png) no-repeat;
                height: 20px;
            }

            .dashletPanel .hd.plain .hd-center {
                background: url(../images/dp-hd-plain.png) repeat-x;
                height: 20px;
            }

    /* Style the body with the left border */
    .dashletPanel .bd {
        overflow: hidden;
        padding: 0px;
        position: relative;
        margin-top: 1px9;
        top: 2px;
    }

        .dashletPanel .bd .bd-center {
            padding: 0px;
        }

        .dashletPanel .bd .ml {
            width: 0px;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
        }

        .dashletPanel .bd .mr {
            width: 0px;
            height: 100%;
            top: 0;
            right: 0;
            position: absolute;
        }

        .dashletPanel .bd.plain {
            padding: 0 15px 0 15px;
        }

    /* Style the footer with the bottom corner images */
    .dashletPanel .ft {
        font-size: 11px;
        border: none;
        position: relative;
        padding: 0px;
        height: 0px;
    }

        .dashletPanel .ft .ft-center {
        }

        .dashletPanel .ft .bl {
            bottom: 0;
            left: 0;
            position: absolute;
        }

        .dashletPanel .ft .br {
            bottom: 0;
            right: 0;
            position: absolute;
        }

    .dashletPanel .list {
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top: 0px none;
        margin: 0px !important;
    }

        .dashletPanel .list tr.pagination td table td:first-child {
            -moz-border-radius: 0px;
            border-radius: 0px;
            -webkit-border-radius: 0px;
        }

        .dashletPanel .list tr.pagination td table td:last-child {
            -moz-border-radius: 0px;
            border-radius: 0px;
            -webkit-border-radius: 0px;
        }

    /* icons tool set for dashlet header */
    .dashletPanel .hd .hd-center .dashletToolSet {
        width: 100%;
        text-align: right;
        visibility: hidden;
        padding-top: 2px;
    }

        .dashletPanel .hd .hd-center .dashletToolSet a {
            padding: 0px 2px;
        }

            .dashletPanel .hd .hd-center .dashletToolSet a:last-child {
                padding-right: 0px;
            }

    .dashletPanel .hd.selected .hd-center .dashletToolSet {
        visibility: visible;
    }

    .dashletPanel .dashletNonTable {
        border-width: 0px 1px 0px 1px;
        border-color: #98c6ea;
        border-style: solid;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        background: url(../images/dp-bd.png);
    }

/* rounded corners */
/* Skin custom elements */
.dashletPanelMenu .hd {
    padding: 0;
    border: none;
    text-align: left;
    vertical-align: middle;
    overflow: visible;
    position: relative;
    padding-left: 22px;
    padding-right: 22px;
    height: 15px;
}

    .dashletPanelMenu .hd .hd-center {
        background: url(../images/dp-hd-menu.png) repeat-x;
        height: 15px;
    }

    .dashletPanelMenu .hd .tr {
        width: 22px;
        height: 15px;
        top: 0;
        right: 0;
        background: url(../images/dp-tr-menu.png) no-repeat;
        position: absolute;
    }

    .dashletPanelMenu .hd .tl {
        width: 22px;
        height: 15px;
        top: 0;
        left: 0;
        background: url(../images/dp-tl-menu.png) no-repeat;
        position: absolute;
    }

.dashletPanelMenu .bd {
    overflow: hidden;
    background: none;
    border: 0;
    position: relative;
    padding: 0 22px;
}

    .dashletPanelMenu .bd .bd-center {
        background: url(../images/dp-bd-menu.png) repeat; /*padding-top: 15px;*/
    }

        .dashletPanelMenu .bd .bd-center .screen {
            background-color: #fff;
            border: 1px solid #999;
            -moz-border-radius: 6px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            padding: 10px;
        }

    .dashletPanelMenu .bd .ml {
        top: 0;
        left: 0;
        width: 22px;
        height: 100%;
        position: absolute;
        background: url(../images/dp-ml-menu.png) repeat-y;
    }

    .dashletPanelMenu .bd .mr {
        width: 22px;
        top: 0;
        right: 0;
        height: 100%;
        position: absolute;
        background: url(../images/dp-mr-menu.png) repeat-y;
    }

.dashletPanelMenu .ft {
    font-size: 11px;
    border: none;
    position: relative;
    margin-bottom: 20px;
    height: 22px;
    padding-left: 22px;
    padding-right: 22px;
}

    .dashletPanelMenu .ft .bl {
        bottom: 0;
        left: 0;
        position: absolute;
        background: url(../images/dp-bl-menu.png) no-repeat;
        height: 22px;
        width: 22px;
    }

    .dashletPanelMenu .ft .br {
        bottom: 0;
        right: 0;
        position: absolute;
        background: url(../images/dp-br-menu.png) no-repeat;
        height: 22px;
        width: 22px;
    }

    .dashletPanelMenu .ft .ft-center {
        background: url(../images/dp-ft-menu.png) repeat-x;
        height: 22px;
    }

.dashletPanel.dc {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .dashletPanel.dc .hd {
        height: 38px;
        padding: 0 22px;
    }

        .dashletPanel.dc .hd .hd-center {
            background: url(../images/dp-hd-dc.png);
            height: 38px;
            border-bottom: 0px none;
            border-top: 0px none;
        }

            .dashletPanel.dc .hd .hd-center span {
                color: #fff;
                font-size: 16px;
                font-weight: bold;
                position: relative;
                top: 9px;
            }

        .dashletPanel.dc .hd .tl {
            background: url(../images/dp-tl-dc.png) no-repeat;
            border-left: 0;
            height: 38px;
            width: 22px;
            border-top: 0px none;
            border-bottom: 0px none;
        }

        .dashletPanel.dc .hd .tr {
            background: url(../images/dp-tr-dc.png) no-repeat;
            border-right: 0;
            height: 38px;
            width: 22px;
            border-top: 0px none;
            border-bottom: 0px none;
        }

    .dashletPanel.dc .bd {
        background: none;
        border-left: 0px;
        border-right: 0px;
        padding: 0px 22px;
        position: relative;
        top: 0px;
    }

        .dashletPanel.dc .bd .bd-center {
            padding: 15px 0px 0px 0px;
            background: url(../images/dp-bd-dc.png) repeat;
        }

        .dashletPanel.dc .bd .mr {
            background: url(../images/dp-mr-dc.png);
            width: 22px;
            height: 100%;
        }

        .dashletPanel.dc .bd .ml {
            background: url(../images/dp-ml-dc.png);
            width: 22px;
            height: 100%;
        }

    .dashletPanel.dc .ft {
        padding-left: 22px;
        padding-right: 22px;
        height: 22px;
    }

        .dashletPanel.dc .ft .bl {
            background: url(../images/dp-bl-dc.png) no-repeat;
            width: 22px;
            height: 22px;
        }

        .dashletPanel.dc .ft .br {
            background: url(../images/dp-br-dc.png) no-repeat;
            width: 22px;
            height: 22px;
        }

        .dashletPanel.dc .ft .ft-center {
            background: url(../images/dp-ft-dc.png) repeat-x;
            height: 22px;
        }

/* Bug 19728 - Email Templates detail view is different with edit view */
#html_div p {
    margin: 12px 0px;
}

    #html_div p:first-child {
        margin: 0px 0px 12px 0px;
    }

/* for smtp button on the email settings page */
#smtpButtonGroup button {
    height: 40px;
}

#smtpButtonGroup .yui-button .first-child {
    border: none;
}

#smtpButtonGroup .yui-button button, .yui-button a {
    border: 1px solid #ccc;
    color: #999;
    font-weight: bold;
    font-size: 16px;
    background-image: none;
}

    #smtpButtonGroup .yui-button button:hover, .yui-button a:hover {
        border: 1px solid #999;
        color: #999;
        font-weight: bold;
        font-size: 16px;
    }

#smtpButtonGroup .yui-button {
    border-width: 0px;
}

#smtpButtonGroup .yui-radio-button-checked button, .yui-checkbox-button-checked button {
    background-color: #fff;
    color: #999;
    background-image: none;
}

/* UNUSED STYLES */
/* Default Styles */
.h3Row {
}

    .h3Row td {
        padding: 3px 5px 3px 3px;
    }

h4, h5 {
    margin-bottom: 2px;
    padding-left: 4px;
}

hr {
    border: 0;
    border-top: 1px solid #999;
    background-color: #999;
    color: #999;
    height: 1px;
    margin: 1em 0;
    clear: both;
}

a:link, a:visited, a:hover {
    text-decoration: underline;
    font-size: 13px;
}

input, select, textarea, button, .button {
    border: 1px solid;
}

    button, input[type=submit], input[type=reset], input[type=button], .button {
        font-weight: normal;
        background-repeat: repeat-x;
        background-position: top;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        vertical-align: middle;
    }

.pagination button, .pagination input[type=submit], .pagination input[type=reset], .pagination input[type=button], .pagination .button {
}

/*button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected]
{
	color: #fff;
	background-image: none;
	cursor:pointer;
	font-weight: normal;
}*/
/* set a minimum width for the header */
#header {
}

    /* header */
    #header div.line {
        height: 2px;
        border-bottom: 2px solid;
        color: #0046ad;
    }

#sitemapLink {
    padding-top: 3px;
}

#sitemapLinkSpan {
    border-right: 1px solid #999;
    border-right: none;
}

#search {
    border-left: 1px solid #999;
}

/* DetailView/EditView/ListView styles */
.view {
    border: 2px solid;
}

/* DetailView styles */
.detail table,
table.detail {
    padding: 0;
}

.detail tr td {
    border-bottom: 1px solid;
}

    .detail tr td[scope=row] {
        border-bottom: 1px solid;
    }

.detail tr th {
    border-bottom: 2px solid;
    background: #fff;
}

/* search panel on top of list views ( extends .edit .view definition ) */
.search {
}

/* Listview styles */
.list {
    border: 1px solid;
}

    .list tr.pagination td table td {
        background: #FAFAFA none repeat scroll 0 0;
        color: #666666;
    }

    .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col] {
        border-left: none;
        border-right: none;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        background: #ebebed !important;
    }

.email .list {
    border: 0px none;
}

/* for subpanel tabs */
ul.subTabs {
    padding: 4px 0;
    margin: 0px 0 0 0;
    border: none;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
}

    ul.subTabs li {
        list-style: none;
        margin: 0;
        display: inline;
    }

        .activeSubTab,
        ul.subTabs li a.activeSubTab:link,
        ul.subTabs li a.activeSubTab:visited,
        ul.subTabs li a.activeSubTab:hover {
            font-weight: bold;
        }

        ul.subTabs li a {
            padding: 0 8px 0 8px;
            margin: 0px;
            border-right: 1px solid;
            border-bottom: none;
            text-decoration: none;
        }

            ul.subTabs li a:link, ul.subTabs li a:visited {
                text-decoration: none;
            }

.subTabMore {
    font-size: 11px;
    text-decoration: none;
    padding-top: 3px;
}

/* module list in header.tpl */
#moduleList {
    height: 45px;
    min-width: 1030px;
}

#subModuleList {
    padding: 0.4em 0 0.3em 1em;
    border-bottom: none;
    border-top: 2px solid;
}

    #subModuleList span a {
        text-decoration: none;
        padding: 0.2em 0.5em 0.3em 0.5em;
        margin: 0 -3px 0 0;
        border-right: 1px solid;
        border-left: 1px solid;
        border-bottom: none;
    }

/* last viewed and shortcuts lists in the header */
.headerList {
    border-bottom: 2px solid;
}

    .headerList a:link, .headerList a:visited, .headerList a {
        text-decoration: none;
        border-left: 1px solid;
    }

        .headerList a:hover {
            background: #fff;
        }

            .headerList a:hover span {
            }

/* new record form */
#newRecord form {
    border-bottom: 1px solid;
}

/* misc links */
a.utilsLink:link, a.utilsLink:visited {
    font-weight: normal;
    text-decoration: none;
    padding-bottom: 3px;
    color: #999;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover {
    text-decoration: none;
    line-height: 20px;
    margin-right: 2px;
}

/* global links */
#globalLinks a {
    color: #1f6090;
    text-decoration: none;
}

#welcome {
}

    #welcome a {
        font-size: 13px;
        text-decoration: none;
    }

    #welcome span {
        margin: 0 5px;
    }

/* themepicker */
#themepickerLinkSpan a {
    color: #444444;
}

/* search form */
#search input[name=query_string] {
    border: 1px solid;
    font-size: 11px;
}

/* for subpanel tabs */
ul.tablist, ul.subpanelTablist {
    border-bottom: 2px solid;
}

    ul.tablist li a, ul.subpanelTablist li a {
        border-top: 2px solid;
        border-right: 2px solid;
        border-left: 2px solid;
        border-bottom: none;
    }

        ul.tablist li a:hover, ul.subpanelTablist li a:hover {
            border-top: 2px solid;
        }

        ul.tablist li a.current, ul.tablist li a.current:hover {
            border-bottom: 2px solid #999;
            font-weight: bold;
        }

        ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
            border-bottom: 2px solid #fff;
            font-weight: bold;
        }

.subpanelTabForm .h3Row {
    border-top: 1px solid #dddddd;
    background-image: none;
}

/*Bug 29945 */
.pagination button {
    border-color: #c1c1c1;
    background-color: #f0f0f0;
    color: #000;
    background-image: url(../images/bgBtnGray.gif);
}

    .pagination button [title="Return to List"]:hover {
        background-image: none;
        color: #fff;
    }

#colorPicker {
    border-right: 2px solid #DDDDDD;
    padding: 8px 4px 4px 0;
    margin-right: 1px;
}

    #colorPicker span {
        color: #cccccc;
    }

    #colorPicker #themepickerLinkSpan {
        color: #444444;
        text-decoration: underline;
        font-size: 12px;
        font-weight: 400;
    }

        #colorPicker #themepickerLinkSpan:hover {
            color: #0B578F;
        }

/* Default Styles */
body {
    color: #444;
    background-color: #dedede;
    background-image: url('../images/bg.png');
    background-repeat: no-repeat;
}

h1, h2, h3 {
    color: #999;
}

.formHeader h3 {
    font-size: 14px;
    color: #666;
}

.dashletPanel .formHeader h3 {
    font-size: 14px;
    color: #666;
    padding-top: 4px;
    text-shadow: 0px 1px #fff;
}

.h3Row {
}

h4, h5 {
    color: #555;
}

a:link, a:visited {
    color: #0b578f;
}

a:hover {
    color: #000000;
}

button, input[type=submit], input[type=reset], input[type=button], .button, .buttons .button, .yui-button button {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333; /*
	color: #333 !important;
	*/
    background-image: url(../images/form-button-bg.png);
    background-position: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1px 8px 3px 8px;
    padding: 1px 8px 1px 8px9; /* ie hack */
    text-shadow: 1px 1px #fff;
    height: 22px;
}

    .button.primary, .yui-dialog .ft span.default button {
        background-image: url(../images/form-button-primary-bg.png);
        border: 1px solid #326a9c;
        background-color: #356ea1;
        color: #fff;
        padding: 0px 8px;
        text-shadow: -1px -1px #254f74;
    }

        /*button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,
    button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus,
    button[selected], input[type=submit][selected], input[type=reset][selected], input[type=button][selected] {
        background-color: #f9f9f9;
        background-image: url(../images/form-button-bg.png);
        background-position: center;
        border-color: #ccc;
        color: #666;
        text-shadow: 0.1em 0.1em #fff;
    }*/
        .button.primary:hover, .button.primary:focus, button.primary[selected], .yui-dialog .ft span.default button:hover {
            border: 1px solid #326a9c;
            background-color: #3f83c0;
            text-shadow: -1px -1px #3a79b2;
            background-image: url(../images/form-button-primary-bg.png);
            color: #fff;
        }

    button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled] {
        border-color: #c1c1c1;
        background-color: #f0f0f0;
        color: #999;
        text-shadow: none;
        background-image: url(../images/form-button-bg2.png);
    }

.pagination button {
    border: 0px none;
    background-color: transparent;
    background-image: none;
    padding: 0px;
    position: relative;
    height: 24px;
}

    .pagination button[name="listViewNextButton"], .pagination button[name="listViewPrevButton"] {
        z-index: 1;
    }

    .pagination button[name="listViewEndButton"], .pagination button[title="End"] {
        left: -10px;
    }

    .pagination button[name="listViewStartButton"], .pagination button[title="Start"] {
        left: 10px;
    }

    .pagination button:hover, .pagination button:focus {
        background-color: transparent;
    }

    .pagination button[disabled] {
        border-color: 0px none;
        background-color: transparent;
        background-image: none;
        cursor: default;
    }

.buttonSlide {
    border: 0px;
}

    .buttonSlide .yui-hd {
        border: 0px;
        background-color: transparent;
        padding: 0px;
    }

    .buttonSlide.yui-module .yui-hd .toggle em {
        background-image: url(../images/slider_button_more.png);
        background-repeat: no-repeat;
        display: inline; /* prevent IE margin doubling */
        overflow: hidden;
        text-indent: 9999px;
        float: right;
        overflow: hidden;
        text-align: right;
        height: 14px;
        width: 14px;
    }

    .buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
        background-image: url(../images/slider_button_less.png);
    }

    .buttonSlide .yui-bd {
        width: 0px;
        white-space: nowrap;
        overflow: hidden;
        border: 0px;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }

input, select {
    border-color: #ccc;
    background-color: #ffffff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

    input:focus, textarea:focus, select:focus {
        background-color: #fff;
        border-color: #aaa;
    }

textarea {
    border-color: #ccc;
    background-color: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

span.id-ff button {
    font-size: 10px;
    padding: 3px 0px 0px 0px;
    margin-top: -8px9;
    height: 23px9;
}

    span.id-ff button img {
        width: 14px;
        height: 14px;
    }

    span.id-ff button#btn_vCardButton img {
        width: 16px;
        height: 11px;
    }

    span.id-ff button.button.btn_copy img {
        width: 14px;
        height: 15px;
    }

span.id-ff.multiple button {
    margin-top: -4px;
    *margin-top: -8px;
}

span.id-ff.multiple.ownline button {
    margin-top: 0px;
    margin-bottom: 4px;
}

span.id-ff.multiple button.button.firstChild {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-radius-topright: 0px;
    border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-top-radius: 0px;
}

span.id-ff.multiple button.button.lastChild {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius-topleft: 0px;
    border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-left-color: #eee;
}

.id-ff-remove {
    margin-top: 1px;
}

/* for the main screen navigation tabs */
#moduleList {
    background-image: url(../images/tabRowBg.png);
    background-repeat: repeat-x;
    padding-left: 20px;
}

    #moduleList.yuimenubar ul, #moduleList.yuimenubar li {
        background-color: transparent;
    }

    #moduleList.yuimenubar li {
        margin-top: 6px;
    }

        #moduleList.yuimenubar li.current {
            margin-top: 0px;
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #moduleList.yuimenubar li.current
}

{
}

#moduleList.yui-module .bd, #moduleList div.themeTabGroupMenu, #moduleList > div.themeTabGroupMenu > div.bd {
    background-color: transparent;
    border: none;
}

#moduleList .yuimenu {
    border: none;
}

    #moduleList .yuimenu > div.hd {
        background: none transparent;
        border: 0px none;
        height: 0px;
    }

    #moduleList .yuimenu > div.bd {
    }

#moduleList.yuimenubar {
    border: none;
}

#moduleList.yuimenubarnav .yuimenubaritem {
    border: none;
}

#moduleList.yuimenubar .yuimenuitemlabel.group img {
    position: relative;
    left: 0px;
}

#moduleList.yuimenubar .moduleTabGroupMenu {
    float: right;
}

#moduleList.yuimenubar .yuimenuitemlabel.group {
    color: #999;
}

    #moduleList.yuimenubar .yuimenuitemlabel.group img.folder {
        margin-right: 8px;
        top: -2px;
    }

    #moduleList.yuimenubar .yuimenuitemlabel.group img.arrow {
        margin-left: 8px;
        top: -2px;
    }

#moduleList.yuimenubarnav .yuimenubaritemlabel-selected {
    border: none;
    left: 0px;
    margin-left: 0px;
    background-image: url(../images/otherTab.png);
    background-repeat: repeat-x;
    background-position: center center;
    border-left: 1px solid #ccc;
}

#moduleList.yuimenubar li.current .yuimenuitemlabel, li.current a.yuimenuitemlabel, li.current a.yuimenuitemlabel:link, li.current a.yuimenuitemlabel:visited {
    background-image: url(../images/currentTab.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 0px;
    color: #fff;
    text-shadow: -1px -1px #406e99;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 7px;
}

#moduleList.yuimenubar li.currentTabRight {
    margin-top: 0px;
}

    #moduleList.yuimenubar li.currentTabRight .yuimenuitemlabel {
        background-image: url(../images/currentTab.png);
        background-repeat: no-repeat;
        height: 37px;
        background-position: top right;
        width: 8px;
        margin-top: 0px;
        padding: 0px;
        border-left: 0px;
        text-indent: -9999px;
        float: left;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #moduleList.yuimenubar li.currentTabRight .yuimenuitemlabel
}

{
}

#moduleList.yuimenubar li.currentTabRight + li .yuimenuitemlabel {
    border-left: 1px solid transparent;
}

#moduleList .yuimenuitemlabel, a.yuimenuitemlabel, a.yuimenuitemlabel:link, a.yuimenuitemlabel:visited {
    background-color: transparent;
    cursor: pointer;
    border: none;
    color: #666;
    font-size: 15px;
    padding: 1px 15px 1px 15px;
    text-shadow: 1px 1px #efefef;
    margin-left: 0px;
    font-weight: bold;
    border-left: 1px solid #ccc;
}

#moduleList .dashletPanelMenu .yuimenuitemlabel, .dashletPanelMenu a.yuimenuitemlabel, .dashletPanelMenu a.yuimenuitemlabel:link, .dashletPanelMenu a.yuimenuitemlabel:visited, #moduleList.yuimenubar li.current .dashletPanelMenu .yuimenuitemlabel, li.current .dashletPanelMenu a.yuimenuitemlabel, li.current .dashletPanelMenu a.yuimenuitemlabel:link, li.current .dashletPanelMenu a.yuimenuitemlabel:visited {
    background: none;
    background-color: transparent;
    cursor: pointer;
    border: none;
    color: #666;
    font-size: 13px;
    padding: 4px 0px 4px 6px;
    margin-left: 0px;
    font-weight: normal;
    text-shadow: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    white-space: normal;
}

#moduleList .more .dashletPanelMenu .yuimenuitemlabel, .more .dashletPanelMenu a.yuimenuitemlabel, .more .dashletPanelMenu a.yuimenuitemlabel:link, .more .dashletPanelMenu a.yuimenuitemlabel:visited, #moduleList.yuimenubar li.current .more .dashletPanelMenu .yuimenuitemlabel, li.current .more .dashletPanelMenu a.yuimenuitemlabel, li.current .more .dashletPanelMenu a.yuimenuitemlabel:link, #moduleList .moduleTabGroupMenu .dashletPanelMenu .yuimenuitemlabel, .moduleTabGroupMenu .dashletPanelMenu a.yuimenuitemlabel, .moduleTabGroupMenu .dashletPanelMenu a.yuimenuitemlabel:link, .moduleTabGroupMenu .dashletPanelMenu a.yuimenuitemlabel:visited, #moduleList.yuimenubar li.current #Group.dashletPanelMenu .yuimenuitemlabel, li.current .moduleTabGroupMenu .dashletPanelMenu a.yuimenuitemlabel, li.current .moduleTabGroupMenu .dashletPanelMenu a.yuimenuitemlabel:link {
    font-size: 16px;
    font-weight: bold;
}

#moduleList .dashletPanelMenu a.yuimenuitemlabel:hover, #moduleList.yuimenubar li.current .dashletPanelMenu .yuimenuitemlabel:hover {
    background-color: #355b7e;
    color: #fff;
}

#moduleList .more .dashletPanelMenu a.yuimenuitemlabel:hover {
    background-color: #355b7e;
    color: #fff;
}

#moduleList .yui-menu-shadow-visible {
    background-color: transparent;
    opacity: 1;
    filter: none;
    top: 0px;
    bottom: 0px;
    left: -22px;
    right: -22px;
    overflow: visible; /* needed for FF MAC otherwise scrollbars sho */
}

#moduleList .dashletPanelMenu {
    width: 457px;
    padding: 0 18px 0 18px9; /*ie hack */
    background: url(../images/dp-bd-menu.png) repeat;
    background: none9; /*ie hack */
}

#moduleList .more .dashletPanelMenu, #moduleList .moduleTabGroupMenu .dashletPanelMenu {
    width: 257px;
    padding: 0 18px 0 18px9; /*ie hack */
    background: url(../images/dp-bd-menu.png) repeat;
    background: none9; /*ie hack */
}

#moduleList .moduleTabGroupMenu .dashletPanelMenu {
    margin-left: -20px;
}

#moduleList .dashletPanelMenu .bd {
    float: left;
    padding: 25px 10px 10px 10px;
    position: relative;
    width: 435px;
    left: -18px9; /*ie hack */
    background: url(../images/dp-bd-top-menu.png) no-repeat9; /*ie hack */
}

#moduleList .more .dashletPanelMenu .bd, #moduleList .moduleTabGroupMenu .dashletPanelMenu .bd {
    width: 235px;
}

#moduleList .dashletPanelMenu .shadow-bd {
    position: relative;
    padding: 0 22px;
}

#moduleList .dashletPanelMenu .bd-center {
    top: 15px;
    position: relative;
    width: 100%;
    border: 1px solid #999999;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff;
}

#moduleList .dashletPanelMenu .ml {
    top: 0;
    left: 0;
    width: 22px;
    height: 100%;
    position: absolute;
    background: url(../images/dp-ml-menu.png) repeat-y;
}

#moduleList .dashletPanelMenu .mr {
    width: 22px;
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    background: url(../images/dp-mr-menu.png) repeat-y;
    z-index: -3;
}

#moduleList .dashletPanelMenu .bd ul.shortCutsUl {
    float: left;
    width: 45%;
}

#moduleList .dashletPanelMenu .bd ul.lastViewedUl {
    float: right;
    width: 50%;
    border-top: 0px;
}

#moduleList .dashletPanelMenu .bd ul.favoritesUl {
    float: right;
    width: 50%;
    border-top: 0px;
}

#moduleList .dashletPanelMenu .bd ul li:first-child {
    font-size: 14px;
    font-weight: bold;
    color: #999;
}

#moduleList .dashletPanelMenu .ft {
    height: 22px;
    padding-left: 22px;
    padding-right: 22px;
}

    #moduleList .dashletPanelMenu .ft .bl {
        background: url(../images/dp-bl-menu.png) no-repeat;
        height: 22px;
        width: 22px;
    }

    #moduleList .dashletPanelMenu .ft .br {
        background: url(../images/dp-br-menu.png) no-repeat;
        height: 22px;
        width: 22px;
    }

    #moduleList .dashletPanelMenu .ft .ft-center {
        background: url(../images/dp-ft-menu.png) repeat-x;
        height: 22px;
    }

#moduleList .dashletPanelMenu .vr {
    background-color: #CCCCCC;
    height: 1px;
    position: absolute;
    width: 2px;
    z-index: 2;
}

#moduleList .moduleTabExtraMenu .yuimenubaritemlabel-selected {
    border-right: 1px solid #ccc;
}

#moduleList .dashletPanelMenu li#shortCutsLoading .yuimenuitemlabel {
    background-image: url(../images/img_loading.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 .5em;
}

#moduleList.yuimenubar li.currentTabRight + li .yuimenuitemlabel {
    border-left: 1px solid transparent;
}

#moduleList .moduleTabExtraMenu, #moduleList .moduleTabGroupMenu {
    height: 31px;
}

.moduleTabExtraMenu .yuimenuitemlabel.more {
    border-right: 1px solid #ccc;
}

#moduleList .moduleTabExtraMenu .yuimenuitemlabel.more em {
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(../images/tabDownArrowOff.png);
    background-position: center center; /* close (minus) icon */
    background-repeat: no-repeat;
    width: 15px;
    float: left;
}

#moduleList #moduleTabGroup {
    float: right;
    height: 31px;
}

#moduleList .themeTabGroupMenu .yuimenuitemlabel.group em {
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(../images/grouped-menu.png);
    background-position: center center; /* close (minus) icon */
    background-repeat: no-repeat;
    width: 39px;
    float: left;
}

#moduleList .moduleTabExtraMenu .yuimenuitemlabel.more.yuimenubaritemlabel-selected em {
}

#subModuleList {
    background-color: #4e8ccf;
    border-color: #0046ad;
}

    #subModuleList span a {
        border-right-color: #0046ad;
        border-left-color: #79a7d8;
    }

        #subModuleList span a:link,
        #subModuleList span a:visited {
            color: #ffffff;
        }

        #subModuleList span a:hover {
            background-color: #0046ad;
            border-left-color: #0046ad;
        }

/* lists in the header */
.headerList {
    color: #444;
    border-top: 0;
    border-bottom-width: 0px;
    background: transparent url('../images/shortCutsBg.png') repeat-x scroll 0 0;
    padding: 0px 0 0 30px;
    position: relative;
    top: -7px;
    overflow: hidden;
    height: 31px;
}

.yui-closed .headerList {
}

.headerList a:link,
.headerList a:visited,
.headerList a {
    color: #666;
    border: 0px;
    font-size: 12px;
}

    .headerList a:hover {
        background-color: transparent;
        text-decoration: none !important;
    }

.headerList > div {
    padding: 8px 0 5px 0;
}

/* global links and theme picker */
#globalLinks ul li a:hover, #themepickerLinkSpan a:hover {
    color: #56778F;
}

/* for subpanel tabs */
ul.tablist li a.activeSubTab:hover {
    border-bottom-color: #ddd;
    color: #000000;
}

ul.subpanelTablist li a.activeSubTab:hover {
    color: #000000;
}

/* search */
#search input[name=query_string] {
    border-color: #6fb0e4;
    background-color: #f6fafd;
}

/* new record form */
#newRecord form a:link,
#newRecord form a:visited {
    color: #666666;
}

#newRecord form a:hover {
    color: #444444;
}

/* listviews */
.list tr.pagination td table td a:link,
.list tr.pagination td table td a:visited,
.reportGroupByDataChildTablelistViewThS1 a:link,
.reportGroupByDataChildTablelistViewThS1 a:visited,
.list tr th,
.list tr th a:link,
.list tr th a:visited,
.list tr td[scope=col],
.list tr td[scope=col] a:link,
.list tr td[scope=col] a:visited,
.list tr.pagination td table td span.pageNumbers {
    color: #666;
    font-size: 13px;
}

.list {
    border-color: #98c6ea !important;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .list.view tr:last-child td:first-child, .list.view tr:last-child th:first-child {
        -moz-border-radius-bottomleft: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-border-radius-bottomleft: 6px;
    }

    .list.view tr:last-child td:last-child, .list.view tr:last-child th:last-child {
        -moz-border-radius-bottomright: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-border-radius-bottomright: 6px;
    }

    .list.view tr:last-child th, .list.view tr:last-child td {
        border-bottom: 0px none;
    }

    .list tr.pagination td table td:first-child {
        -moz-border-radius-topleft: 6px;
        border-radius-topleft: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-radius-bottomleft: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
    }

    .list tr.pagination td table td:last-child {
        -moz-border-radius-topright: 6px;
        border-radius-topright: 6px;
        -moz-border-radius-bottomright: 6px;
        border-radius-bottomright: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
    }

#subpanel_list .list.view {
    box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
}

.evenListRowS1 td,
.oddListRowS1 td {
    color: #222;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

.evenListRowS1 td {
    background-color: #f6f6f6;
}

.evenListRowS1:hover td,
.oddListRowS1:hover td {
    background: #ecf7ff;
}

/* detailviews */
.detail table,
table.detail {
    background-color: #ccc;
}

.detail tr td[scope="row"] {
    color: #888;
    background-color: #eee;
    border-color: #ccc;
}

.detail h4 {
    color: #444444;
}

.detail tr th {
    border-color: #ccc;
}

.detail tr td {
    color: #222;
    border-color: #ccc;
    background-color: #fff;
}

    .detail tr td a:link,
    .detail tr td a:visited,
    .detail tr td a:hover {
        color: #0b578f;
    }

/* editviews */
.edit td[scope=row] {
    color: #444444;
}

#EditView hr {
    border-color: #abc3d7;
}

.edit, .detail, .detail > table {
    border: 1px solid #98C6EA;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .detail > table {
        border: none;
    }

.detail {
    background-color: #fff;
}

.edit {
    color: #000000;
    background-color: #fff;
}

.search {
}

table#mass_update_table td {
    padding-top: 10px !important;
}

.detail .edit td {
    background-color: #fff !important;
    border-bottom: 0 !important;
}

/* other views */
.other {
    border: 2px solid #ccc;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .other td {
        color: #444444;
        background-color: #ffffff;
        border-left-color: #dfdfdf;
    }

        .other td[scope=row] {
            color: #000000;
            background-color: #eee;
        }

        .other td.edit {
            color: #000000;
            background-color: #f6f6f6;
        }

/* misc links */
a.utilsLink:link, a.utilsLink:visited {
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
    color: #444444;
}

/* calendar styles */
#daily_cal_table_outside {
    box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid #ccc;
}

.monthCalBody {
    background-color: #ccc;
}

.monthFooter td {
    background-color: #ccc;
    background-image: url(../images/calendar-header-bg.gif);
}

.monthHeader a:hover,
.monthViewDayHeight a:hover {
    color: #0b578f;
}

.monthCalBodyTH th[scope=row],
.monthViewDayHeight td[scope=row] {
    background-color: #ebebeb;
}

.monthCalBodyTH th {
    background-color: #fafafa;
    color: #444444;
    border-color: #abc3d7 !important;
}

.monthViewDayHeight td {
    border-color: #abc3d7;
    background-color: #ffffff;
    color: #444444;
}

    .monthViewDayHeight td[class=weekEnd] {
        background-color: #f6f6f6;
    }

.monthCalBodyDayItem {
    background-color: #ffffff;
    border-top-color: #abc3d7;
    border-bottom-color: #ddd;
}

.monthCalBody td {
    background-color: #fff;
    color: #444444;
}

.monthCalBody th a {
    color: #000000;
}

.yearCalBody {
    border: none;
}

.yearCalBodyMonth {
    background-color: #abc3d7 !important;
    border-top: 2px solid #4e8ccf;
    border-bottom: 2px solid #fff;
}

.yearCalBody .monthHeader {
    border: none;
}

.yearCalBodyMonth #daily_cal_table {
    border-top: #abc3d7;
}

    .yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {
        border-color: #abc3d7;
    }

.yearCalBodyMonth > a {
    color: #000000;
}

h5.calSharedUser {
    color: #444444;
}

.monthHeader {
    color: #444;
    background-color: #ccc;
    background-image: url(../images/calendar-header-bg.gif);
    margin-top: 0px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    border-radius-radius-topleft: 6px;
    border-radius-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

    .monthHeader h3 {
        color: #444;
        text-shadow: 0px 1px #fff;
    }

    .monthHeader td {
        padding: 5px;
    }

/* for subpanel tabs */
.subpanelTabForm {
    border-color: #abc3d7;
    color: #000000;
}

ul.tablist, ul.subpanelTablist {
    border-bottom-color: #ccc;
}

    ul.tablist li a:hover,
    ul.subpanelTablist li a:hover {
        background: #fafafa;
        border-color: #ccc;
    }

    ul.tablist li a,
    ul.subpanelTablist li a {
        background-color: #fff;
        border-color: #eee;
        -moz-border-radius: 0px 6px 0px 0px;
        border-radius: 0px 6px 0px 0px;
        -webkit-border-top-right-radius: 6px;
        margin-left: 4px;
    }

    ul.tablist li:first-child a,
    ul.subpanelTablist li:first-child a {
        margin-left: 0px;
    }

    ul.tablist li a:link,
    ul.tablist li a:visited,
    ul.subpanelTablist li a:link,
    ul.subpanelTablist li a:visited {
        color: #444444;
    }

    ul.tablist li a:hover,
    ul.subpanelTablist li a:hover {
        background: #fafafa;
    }

    ul.subpanelTablist li a.current,
    ul.subpanelTablist li a.current:hover {
        color: #4f4f4f;
        background: #fff;
        border-right-color: #ccc;
        border-left-color: #ccc;
        border-top-color: #ccc;
        border-bottom-color: #fff;
    }

    ul.tablist li a.current:link, ul.tablist li a.current:visited, ul.tablist li a.current:hover {
        background: #fff;
        border-bottom-color: #fff;
        border-left-color: #ccc;
        border-right-color: #ccc;
        border-top-color: #ccc;
    }

/* dashlet pages */
#tabListContainer {
    margin-top: 0px;
    border: 0px;
    float: left;
}

    #tabListContainer ul.subpanelTablist {
        padding: 6px 0 10px;
        width: 100%;
        height: auto;
    }

        #tabListContainer ul.subpanelTablist li a.current:link, .tabListContainer ul.subpanelTablist li a.current:visited, .tabListContainer ul.subpanelTablist li a.current:hover {
        }

        #tabListContainer ul.subpanelTablist li a:link, .tabListContainer ul.subpanelTablist li a:visited {
            font-size: 14px;
            padding: 6px 10px;
            background-color: #ddd;
            border-color: #ccc;
            margin-left: 2px;
            position: relative;
            top: 4px;
        }

        #tabListContainer ul.subpanelTablist li:first-child a {
            margin-left: 0px;
        }

        #tabListContainer ul.subpanelTablist li a:hover {
            background: transparent url(../images/dashlet-tab-current.png) repeat-x scroll 0 0;
        }

        #tabListContainer ul.subpanelTablist li a.current {
            position: relative;
            top: 3px;
            padding: 7px 5px 7px 20px;
            background-color: #ccc;
            border-bottom-color: #fff;
            background: transparent url(../images/dashlet-tab-current.png) repeat-x scroll 0 0;
        }

    #tabListContainer.active ul.subpanelTablist li a:hover, #tabListContainer.active ul.subpanelTablist li a.current {
        background-image: none9;
        background-color: #fff9;
    }

    #tabListContainer ul.subpanelTablist li a.current img {
        visibility: hidden;
    }

    #tabListContainer ul.subpanelTablist li a.current .tabText {
        margin-right: 0px;
    }

    #tabListContainer ul.subpanelTablist li a.current:hover img {
        visibility: visible;
    }

    #tabListContainer .yui-hd a {
        background: url(../images/scroll_arrows.png) no-repeat; /* module control (close remove, etc) */
        color: #abceff;
        cursor: pointer;
        cursor: hand;
        display: inline; /* prevent IE margin doubling */
        float: right;
        margin-top: -18px;
        height: 12px;
        width: 24px;
        overflow: hidden;
        text-align: right;
        text-decoration: none;
        text-indent: 9999px;
    }

div#tabListContainer .yui-bd {
    clear: both;
    overflow: hidden;
    zoom: 1;
    margin: 0;
}

div#tabListContainer.active .yui-bd {
    margin: 0 14px;
    *position: relative;
    *float: left;
}

#tabListContainer.yui-scroll {
    position: relative;
}

.yui-scroll .yui-hd {
    position: relative;
}

.yui-scroll .yui-bd {
    height: 35px;
    overflow: hidden;
}

#tabListContainer .yui-hd .yui-scroll-controls {
    background: transparent; /* fake scrollbar */
    height: 34px;
    width: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    visibility: hidden;
}

#tabListContainer.active .yui-hd .yui-scroll-controls {
    visibility: visible;
}

#tabListContainer .yui-hd .yui-scroll-controls a {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 14px;
    border-bottom: 2px solid #ccc;
}

#tabListContainer .yui-scroll-controls a.yui-scrollup {
    background-position: 0 0; /* scroll up icon */
    left: 0px;
}

#tabListContainer .yui-scroll-controls a.yui-scrolldown {
    background-position: -14px 0; /* scroll down icon */
    top: 0;
    bottom: 0;
    right: 0px;
}

#dashletCtrls {
    border-bottom: 2px solid #ccc;
    height: 27px;
    padding-left: 10px;
    padding-top: 3px;
    margin-top: 1px9;
}

/* hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #dashletCtrls
}

{
}

#tabListContainerTD {
    background: url(../images/dashlet-tab-bg-bottom.png) repeat-x;
}

#addPage {
    height: 30px;
    margin-top: 2px;
}

    #addPage a {
        border-width: 2px 2px 0px 2px;
        border-style: solid;
        border-color: #ccc;
        background-color: #ddd;
        margin-left: 2px;
        padding: 6px 10px 7px 10px;
        *padding: 7px 10px 22px;
        position: relative;
        top: 8px;
        -moz-border-radius: 0px 6px 0px 0px;
        border-radius: 0px 6px 0px 0px;
        -webkit-border-top-right-radius: 6px;
    }

#dashletCtrls a {
    font-size: 13px;
}

#add_dashlets {
    margin-left: 5px;
    *margin-left: 0px;
}

/* sitemap */
#sitemap .edit.view {
    border-color: #4e8ccf !important;
}

/* for edit view like forms that need a smaller font size */
.edit.view.small td {
    color: #444;
}

/* YUI theme */
.yui-button {
    border: 0px none;
}

    .yui-button button {
        min-height: 10px;
        font-size: 14px;
    }

    .yui-button .first-child {
        border: 0px none;
    }

.yui-dt th, .yui-dt-hd {
    background: #EBEBED none repeat scroll 0 0; /*background: #D8D8DA url('../../../../index.php?entryPoint=getImage&themeName=Zzz&themeName=Zzz&imageName=zzz-yui-sprites.png') repeat-x 0 -30px;*/
}

.yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
    background: transparent url('../images/zzz-yui-sprites.png') no-repeat 0 -110px;
}

.yui-layout .yui-layout-clip-left .collapse, .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse,
.yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
    background: transparent url('../images/zzz-yui-sprites.png') no-repeat 0 -90px;
}

.yui-layout .yui-layout-clip-right .collapse {
    background: transparent url('../images/zzz-yui-sprites.png') no-repeat -0 -110px;
}

.yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
    background: transparent url('../images/zzz-yui-sprites.png') no-repeat -20px -220px;
}

.yui-layout .yui-layout-clip-top .collapse {
    background: transparent url('../images/zzz-yui-sprites.png')no-repeat -20px -240px;
}

.yui-layout .yui-layout-clip-bottom .collapse {
    background: transparent url('../images/zzz-yui-sprites.png') no-repeat -20px -180px;
}

.yui-layout .yui-layout-unit div.yui-layout-hd .close {
    background: transparent url('../images/zzz-yui-sprites.png') no-repeat -20px -100px;
}

.yui-navset.detailview_tabs.yui-navset-top {
    height: auto;
}

.detailview_tabs {
    position: static;
}

.yui-navset li em {
    font-size: 13px;
}

.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
    margin: 0 4px 0 0;
    *height: 24px; /* ie 7 hack */
}

    .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
        *height: 19px; /* ie 7 hack */
    }

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-layout .yui-layout-hd {
    background: transparent url('../images/zzz-yui-sprites.png') repeat-x scroll 0 0;
    border-color: #c3c3c3;
}

.yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border-color: #c3c3c3;
}

.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    padding: 10px 20px 10px 20px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-width: 0 2px 2px 2px;
    background: url(../images/dp-bd.png) repeat;
    margin-bottom: 10px;
}

.yuimenuitem-hassubmenu > a {
    background-image: url(../images/zzz-yui-sprites.png);
    background-position: right -87px;
}

.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a,
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: #DDD url('../images/zzz-yui-sprites.png') repeat-x scroll 0 -131px;
    height: 24px;
}

.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
}

.zzz-progress-bar, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: #cacaca url('../images/zzz-yui-sprites.png') repeat-x scroll 0 -157px;
}

    .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 {
        border-color: #c3c3c3;
    }

        .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
            border-width: 2px 1px 0;
            height: 25px;
            padding: 2px 10px;
        }

        a.zzz-tab-close, .yui-navset .yui-nav a.zzz-tab-close, .yui-navset .yui-nav .selected a.zzz-tab-close {
            background: transparent url('../images/zzz-yui-sprites.png') no-repeat scroll 0px -70px;
            border: 0px none;
            width: 11px;
        }

.yui-dialog .ft span.default button {
}

.yui-module.yui-overlay.yui-panel {
    box-shadow: #444 0px 2px 10px;
    -moz-box-shadow: #444 0px 2px 10px;
    -webkit-box-shadow: #444 0px 2px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-color: #98c6ea;
}

.yui-module .hd, .yui-panel .hd {
    background: url(../images/dp-hd.png) repeat-x;
    border-bottom: 1px solid #98c6ea;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-radius: 6px 6px 0px 0px;
    color: #666;
    text-shadow: 0 1px #FFFFFF;
    padding: 3px 8px;
}

.yui-module .ft, .yui-panel .ft {
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-radius: 0px 0px 6px 6px;
}

.yui-dialog .container-close {
    top: 6px;
}

.yui-panel-container.shadow .underlay {
    background-color: transparent !important;
}

/* email module override for yui */
.email .yui-navset .yui-content, .email .yui-navset .yui-navset-top .yui-content {
    background: none;
    padding: 0px;
    border-bottom: 0px none;
    margin-bottom: 0px;
}

.email .yui-navset .yui-nav .selected a, .email .yui-navset .yui-nav .selected a:focus, .email .yui-navset .yui-nav .selected a:hover {
    background-color: #fff;
}

/* Default Styles */
body {
    font-size: 13px;
}

table, div {
    font-size: 12px;
}

h1, h2 {
    font-size: 18px;
}

h3 {
    font-size: 13px;
}

h4, h5 {
    font-size: 13px;
}

input, select, textarea, button {
    font-size: 13px;
    padding: 2px;
}

/* YUI styles */
.ygrid-row,
.ygrid-hd,
.ygrid-hd-body,
.ygrid-hd-body span {
    font-size: 8pt;
}

/* for the main screen navigation tabs */
#moduleList ul li,
#subModuleList span {
    font-size: 13px;
}

/*welcome user and date bar and last view*/
#welcome, #search, #sitemapLink, #globalLinks, #globalLinks a, #themepickerLinkSpan {
    font-size: 13px;
}

    /* search */
    #search input[name=query_string] {
        font-size: 12px;
    }

/* side quickcreate */
#newRecord form,
#newRecord form button,
#newRecord form input[type=submit],
#newRecord form input[type=button],
#newRecord form input[type=reset],
#newRecord form .dataLabel,
#newRecord form a:link,
#newRecord form a:visited {
    font-size: 12px;
}

/* reports */
.reportGroup1ByTable,
.reportGroupNByTable,
.reportlistViewThS1,
.reportGroup1ByTableEvenListRowS1,
.reportGroupNByTableEvenListRowS1,
.reportGroupByDataChildTablelistViewThS1,
.reportlistViewMatrixThS1,
.reportlistViewMatrixThS2,
.reportlistViewMatrixThS3,
.reportlistViewMatrixThS4,
.reportlistViewMatrixLeftEmptyData,
.reportlistViewMatrixRightEmptyData,
.reportlistViewMatrixRightEmptyData1 {
    font-size: 12px;
}

.reportevenListRowS1,
.reportoddListRowS1,
.reportGroupByDataEvenListRowS1,
.reportGroupByDataOddListRowS1,
.reportGroupByDataMatrixEvenListRowS1,
.reportGroupByDataMatrixEvenListRowS2,
.reportGroupByDataMatrixEvenListRowS3,
.reportGroupByDataMatrixEvenListRowS4,
.reportDataChildtablelistView td {
    font-size: 13px;
}

#filters_tab, #reportDetailsTable {
    background-color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 10px #CCCCCC;
    box-shadow: 0 0 10px #CCCCCC;
    -webkit-box-shadow: 0 0 10px #CCCCCC;
    border: 1px solid #98C6EA;
}

/* for all views */
.view tr, .view td, .view h4, .view div {
    font-size: 13px;
}

    .view td a, .view div a, .list th div {
        font-size: 13px;
    }

.other td a, .detail td a {
    font-size: 13px;
}

.subTabs td {
    font-size: 13px;
}

/* for edit and detail views */
.edit.view th:first-child, .detail.view th:first-child {
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-topr-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
}

.edit.view h4:first-child, .detail.view h4:first-child {
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-topr-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
}

.edit.view > tr:first-child > td:first-child, .detail.view tr:first-child > td:first-child {
    -moz-border-radius: 6px 0px 0px 0px;
    border-radius: 6px 0px 0px 0px;
    -webkit-border-top-left-radius: 6px;
}

.edit.view > tr:first-child td:last-child, .detail.view tr:first-child td:last-child {
    -moz-border-radius: 0px 6px 0px 0px;
    border-radius: 0px 6px 0px 0px;
    -webkit-border-top-right-radius: 6px;
}

.edit.view > tr:last-child > td:first-child, .detail.view tr:last-child > td:first-child {
    -moz-border-radius: 0px 0px 0px 6px;
    border-radius: 0px 0px 0px 6px;
    -webkit-border-bottom-left-radius: 6px;
}

.edit.view > tr:last-child td:last-child, .detail.view tr:last-child td:last-child {
    -moz-border-radius: 0px 0px 6px 0px;
    border-radius: 0px 0px 6px 0px;
    -webkit-border-bottom-right-radius: 6px;
}

.edit.view tr:last-child td, .detail.view tr:last-child td {
    border-bottom: 0px;
}

.yui-navset.detailview_tabs .view tr:first-child td:first-child {
    -moz-border-radius: 6px 0px 0px 0px;
    border-radius: 6px 0px 0px 0px;
    -webkit-border-top-left-radius: 6px;
}

.yui-navset.detailview_tabs .view tr:first-child td:last-child {
    -moz-border-radius: 0px 6px 0px 0px;
    border-radius: 0px 6px 0px 0px;
    -webkit-border-top-right-radius: 6px;
}

/* for list views */
.oddListRowS1 td:first-child, .evenListRowS1 td:first-child, .list.view th:first-child {
    padding-left: 10px;
}

.oddListRowS1 td a, .evenListRowS1 td a {
    text-decoration: none;
    color: #006bb9;
    font-size: 13px;
}

/*.oddListRowS1 td:first-child + td + td a, .oddListRowS1 td:first-child + td + td + td a,.evenListRowS1 td:first-child + td + td a, .evenListRowS1 td:first-child + td + td + td a, .oddListRowS1 td:first-child , .evenListRowS1 td:first-child
{
	font-weight: bold;

}*/
.oddListRowS1:hover td, .evenListRowS1:hover td {
    color: #000;
}

    .oddListRowS1:hover td a, .evenListRowS1:hover td a {
        color: #006bb9;
    }

.oddListRowS1 td .info, .evenListRowS1 td .info {
    padding: 0px 5px 0px 5px;
}

.list.view tr th.selectCol {
    padding: 0px 0px 0px 6px;
}

.list tr th.selectCol div {
    background-color: #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 4px 3px 4px;
    padding: 0px 4px 0px 4px9;
    background-image: url(../images/listview-select-bg.png);
    border: 1px solid #b2b2b2;
}

.list.view tr td.additionalDetails {
    padding: 0px;
}

/* misc links */
a.utilsLink:link,
a.utilsLink:visited {
    font-size: 12px;
}

a.tabFormAdvLink:link,
a.tabFormAdvLink:visited {
    font-size: 13px;
}

/* calendar styles */
.monthBox,
.monthCalBody td,
.monthViewDayHeight a,
.monthHeader a,
.monthFooter a {
    font-size: 13px;
}

.monthHeader a, .monthFooter a {
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px 1px #fff;
    color: #0E70B8;
}

.monthCalBodyWeek a {
    font-size: 12px;
}

.monthCalBodyDayItem td a {
    font-size: 10px;
}

/* misc font displays */
.rssItemDate,
.dateFormat,
.chartFootnote {
    font-size: 12px;
}

.tm {
    font-size: 8px;
}

/* for subpanel tabs */
ul.tablist,
ul.tablist li a,
ul.subpanelTablist,
ul.subpanelTablist li a,
.subpanelTabForm,
.subpanelTabForm h3 {
    font-size: 13px;
}

.subTabMore {
    font-size: 12px;
}

/* for quick searches */
.sqsMatchedSmartInputItem {
    font-size: 12px;
}

/* for overlib js library */
.olCapFontClass A {
    font-size: 9px;
}

/* sitemap */
#sitemap a:link, #sitemap a:visited, #sitemap a:hover {
    font-size: 12px;
}

#sitemap h4 a:link, #sitemap h4 a:visited, #sitemap h4 a:hover {
    font-size: 13px;
}

/* for about page */
.about, .about td, .about span {
    font-size: 13px;
}

/* for edit view like forms that need a smaller font size */
.edit.view.small td, .detail.view.small td {
    font-size: 12px;
}

/* to make the reportwizard button text smaller */
.reportwizard .buttonText {
    font-size: 12px;
}

/* to fix the size of the fonts in the unified module search popup */
#unified_search_advanced_div .edit.view td {
    font-size: 12px;
}

/* overlib popups */
.olCapFontClass div, .olFontClass {
    font-size: 12px !important;
}

/* for email left click menus */
#emailContextMenu .yuimenuitemlabel,
#emailContextMenu a.yuimenuitemlabel,
#emailContextMenu a.yuimenuitemlabel:link,
#emailContextMenu a.yuimenuitemlabel:visited {
    font-size: 12px;
    padding: 0 20px 1px;
}

/* for DC menu */
.dcmenuFloat {
    padding: 0px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;

}

#dcmenutop {
    padding: 0px;
    position: relative;
    height: 43px;
    width: 100%;
}

.dcmenu {
    height: 55px;
}

#dcboxtitle {
    background-color: #000000;
    border-left: 2px solid blue;
    border-right: 2px solid blue;
    color: blue;
    height: 50px;
    padding: 0px 10px 0px;
}

#dcboxbody {
    height: 110%;
    font-size: 6px !important;
    min-width: 950px9; /* ie hack, width must be defined or else it goes off the screen */
    *width: 1050px;
}

    #dcboxbody.zzz_spot_search {
        min-width: 320px9;
        width: 320px9; /* ie hack, width must be defined or else it goes off the screen */
    }

    #dcboxbody div.buttons {
    }

    #dcboxbody .hd span {
        float: left;
    }

    #dcboxbody .hd .close {
        float: right;
    }

#dcmenushortcuts {
    width: 130px;
    height: 30px;
    position: relative;
    top: -2px;
    float: left;
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=Zzz&imageName=shortcutgrade.png');
    color: white;
    font-weight: bolder;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

#dcmenuitems img.icon, #dcmenuZzzCube img.icon, #glblSearchBtn img.icon {
    border: 0px;
}

#glblSearchBtn {
    float: right;
    margin-top: 7px;
    margin-right: 10px;
}

#dcmenuwrap {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

span.dcmenuitem {
    height: 100%;
    color: black;
}

    span.dcmenuitem:hover {
        color: blue;
    }

#dcmenuZzzCube {
    float: left;
    margin: 0px 0px 0 10px;
}

    #dcmenuZzzCube a {
        width: 36px;
        height: 43px;
        background-repeat: no-repeat;
        padding: 0px 0 0 0;
        margin: 0 0 0 0;
        text-decoration: none;
        display: block;
        text-align: center;
    }

    #dcmenuZzzCube.none a.notice {
        cursor: default;
    }

    #dcmenuZzzCube .dc_notif_icon {
        width: 36px;
        height: 43px;
        border: 0px;
        padding: 0px;
    }

    #dcmenuZzzCube .notifCount {
        font-weight: bold;
        font-size: 9px !important;
        color: #FFFFFF;
        position: relative;
        bottom: 20px;
        left: -8px;
        text-align: center;
    }

#dcmenuContainer {
    margin: 0 0 0 0;
    padding: 0;
    height: 44px;
    float: left;
}

    #dcmenuContainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }

        #dcmenuContainer ul li {
            display: block;
            float: left;
            text-align: center;
            padding: 0;
            margin: 0;
        }

            #dcmenuContainer ul li a {
                width: 50px;
                height: 43px;
                background-repeat: repeat-x; /*background-image:url('../../../../index.php?entryPoint=getImage&themeName=Zzz&imageName=dcMenuIconBarCenter.png');*/
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                color: #f5d7b4;
                text-decoration: none;
                display: block;
                text-align: center;
            }

                #dcmenuContainer ul li a:hover {
                    background-repeat: repeat-x; /*background-image:url('../../../../index.php?entryPoint=getImage&themeName=Zzz&imageName=dcMenuIconBarCenterHover.png');*/
                    top: -2px;
                    position: relative;
                }

    #dcmenuContainer a:active {
    }

    #dcmenuContainer li#active a {
    }

/* Overlay Look/Feel */
.display {
    height: 100%;
}

.visible {
    visibility: visible
}

.dcview table, .dcview div, .dcview a {
    font-size: 75%;
}

.star {
    float: right;
    zoom: 1;
    display: inline;
    *float: none;
    *width: 18px;
}

.moduleTitle .star {
    margin-top: 4px;
    padding-right: 5px;
}

li div.star {
    float: none;
}

.star div {
    background-image: url('../images/star-sheet.png');
    width: 18px;
    height: 18px;
    float: left;
}

    .star div.on {
        background-position: 0px 0px
    }

    .star div.off {
        background-position: 0px -18px
    }

    .star div:hover {
        cursor: pointer;
        background-position: 0px 0px;
    }

.follow {
    float: left
}

li div.follow {
    float: none;
}

.follow div {
    background-image: url('../../../../index.php?entryPoint=getImage&themeName=Zzz&imageName=user_follow.png');
    width: 24px;
    height: 24px;
    float: left;
}

    .follow div.on {
        background-position: 0px 0px;
        background-image: url('../../../../index.php?entryPoint=getImage&themeName=Zzz&imageName=user_unfollow.png');
    }

    .follow div.off {
        background-position: 0px -0px
    }

    .follow div:hover {
        cursor: pointer;
    }

#SpotResults {
    width: 250px;
    font-weight: bold;
}

    #SpotResults div {
        font-size: 14px;
        font-weight: bold;
    }

        #SpotResults div small {
            color: #0B578F;
        }

    #SpotResults a:hover {
        color: gray;
    }

    #SpotResults small:hover {
        cursor: pointer;
        color: gray;
    }

    #SpotResults ul {
        padding: 0px 10px 0px 0px;
        margin-left: 0px;
    }

        #SpotResults ul li {
            margin-left: 0px;
            list-style-type: none;
        }

    #SpotResults li a {
    }

    #SpotResults li p.error {
        padding-top: 10px;
    }

        #SpotResults li p.error a {
            left: 0;
            top: 0;
        }

#dcmenuSearchDiv {
    float: right;
    margin-top: 8px;
    height: 26px;
}

#zzz_spot_search_div {
    background: url(../images/dcMenuSearchBox.png) no-repeat top left;
    height: 26px;
    width: 229px;
    display: inline-block;
    margin-right: 10px;
}

#zzz_spot_search {
    border: 0;
    width: 210px;
    margin-top: 4px;
    margin-left: 5px;
    font-size: 14px;
    padding: 0px;
}

.dcmenuDivider {
    background-image: url('../images/dcMenuDivider.png');
    background-repeat: no-repeat;
    width: 2px;
    height: 43px;
    margin: 0 10px 0 0px;
}

.dashletPanel .dccontent {
    border: 1px solid #aaa;
    padding: 10px;
    background-color: #fff;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    max-height: 500px;
    overflow: auto;
}

.dashletPanel.dc table.edit.view {
    border: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

    .dashletPanel.dc table.edit.view tr th {
        padding: 0 5px 0 7px !important;
    }

    .dashletPanel.dc table.edit.view h4 {
        margin-top: 0px;
    }

    .dashletPanel.dc table.edit.view tr:first-child td {
    }

    .dashletPanel.dc table.edit.view td {
        white-space: nowrap;
        padding: 2px;
    }

.dashletPanel.dc .hd img {
    border: 0px;
    margin-top: 7px;
}

.dashletPanel.dc .bd .bd-center {
    padding-top: 15px;
}

.dashletPanel.dc .yui-panel-container.shadow .underlay {
    background-color: transparent;
}

.dashletPanel.dc .yui-panel {
    border: 0px none;
}

.dashletPanel.dc .yui-module.yui-overlay.yui-panel {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.dashletPanel.dc .yui-panel .bd {
    padding: 0px;
}

.dashletPanel.dc .yui-layout-doc {
    border: 0px none;
}

#dashletsDialog a.mbLBLL {
    margin-left: 5px;
}

#basic_search_link {
    margin-left: 5px !important;
}

#detailpanel_1 table.olBgClass, #detailpanel_1 table.olBgClass table {
    *width: auto !important;
}

.acceptMeeting {
    white-space: nowrap;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 0;
    border-left: 1px solid #999;
    width: 100%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 31px;
        line-height: 31px;
        border: 1px solid #999;
        border-left: none;
        margin-bottom: -1px;
        overflow: hidden;
        position: relative;
        background: #728FAA;
        width: 105px;
        text-align: center;
    }

        ul.tabs li a {
            text-decoration: none;
            color: #fff;
            display: block;
            font-size: 1.2em;
            padding: 0;
            border: 1px solid #fff;
            outline: none;
        }

            ul.tabs li a:hover {
                background: #e0e0e0;
            }

html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #EBEBED;
    border-bottom: 0;
}

ul.tabs li.active a, html ul.tabs li a:hover {
    color: #000;
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab_content {
    padding: 20px;
    font-size: 1.2em;
}

.esquema_div {
    background: #f5f5f5;
    text-align: center;
    border: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #999;
    padding: 10px;
    font-weight: bold;
    background-image: url('../images/dcmenugrade2.png');
    color: #fff;
}

.arrow_up {
    background: url('../images/arrow_up.png') 50% 0 no-repeat;
    height: 22px;
}

/* vertical align */
label.radio input {
    vertical-align: baseline;
}

label.radio span {
    width: 100px;
}

td.cell-padding {
    padding: 5px 0px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Icons */
.icon-firma {
    -webkit-mask-image: url(../images/icon_firma.svg);
    mask-image: url(../images/icon_firma.svg);
    object-fit: cover;
    background-color: #436989;
    width:22px;
    height:22px;
    margin:4px;
    cursor:pointer;
}

.icon-mapa {
    -webkit-mask-image: url(../images/icon_mapa.svg);
    mask-image: url(../images/icon_mapa.svg);
    background-color: #436989;
    width:22px;
    height:22px;
    margin:4px;
    cursor:pointer;
}

.icon-foto {
    -webkit-mask-image: url(../images/icon_foto.svg);
    mask-image: url(../images/icon_foto.svg);
    background-color: #436989;
    width:22px;
    height:22px;
    margin:4px;
    cursor:pointer;
}

.icon-disabled {
    background-color: #999;
    cursor: default !important;
}

/* Table */
tr td.col_pe_entrega {
    width: 260px !important;
    display: inline-block !important;
    white-space: normal !important;
}


.slick-dots li {
    background:#555;
    border-radius: 20px;
    opacity:0.3
}

.slick-dots li.slick-active {
    opacity: 1
}