/**********************************************************************************************SixToolbarUser************************
 * SplendidCRM is a Customer Relationship Management program created by SplendidCRM Software, Inc. 
 * Copyright (C) 2005-2011 SplendidCRM Software, Inc. All rights reserved.
 * 
 * This program is free software: you can redistribute it and/or modify it under the terms of the 
 * GNU Affero General Public License as published by the Free Software Foundation, either version 3 
 * of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
 * See the GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with this program. 
 * If not, see <http://www.gnu.org/licenses/>. 
 * 
 * You can contact SplendidCRM Software, Inc. at email address support@splendidcrm.com. 
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3, 
 * the Appropriate Legal Notices must display the following words on all interactive user interfaces: 
 * "Copyright (C) 2005-2011 SplendidCRM Software, Inc. All rights reserved."
 *********************************************************************************************************************/
body {
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Verdana, sans-serif;
}

p {
    margin-top: 0px;
    margin-bottom: 5px;
}

h1, h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}
/* 10/24/2010 Paul.  Set margin top to 0 to reduce wasted space. */
h3 {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
/* 10/28/2010 Paul.  Set margin top to 0 to reduce wasted space. */
h4, h5 {
    margin-top: 0px;
    margin-bottom: 2px;
    padding-left: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

table, td {
    font-size: 11px;
    color: #444444;
}

hr {
    height: 1px;
}

a:link, a:visited {
    color: #444444;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

h2 a:link, h2 a:visited, h2 a:hover {
    color: #666666;
    text-decoration: none;
}
/* 08/03/2010 Paul.  TextArea was not inheriting the document font. */
input[type="text"], select, textarea {
    border: 1px solid #ccc;
    background-color: #ffffff;
    font-size: 12px;
    font-family: inherit;
    line-height: 20px;
    padding: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    ime-mode:inactive;
}

    /*input, select, textarea
{
	border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 12px;
	font-family: inherit;
}*/
    input:focus, select:focus, textarea:focus {
        border-color: #aaaaaa;
        background-color: #ffffff;
    }

.moduleTitle {
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 3px;
}

.checkbox, .checkbox input, .radio, .radio input {
    margin: 0px 0px 0px 0px;
    border: none;
    background-color: transparent;
    vertical-align: bottom;
}

.button {
    border: 1px solid #999999;
    background-color: #eeeeee;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: normal;
    color: #444444;
}

    .button:hover, .button:focus {
        border-color: #999999;
        color: #444444;
        cursor: pointer;
        border: 1px solid #1b99e8;
        color: #1b99e8;
    }

.buttonOn, .buttonOn:focus {
    border: 1px solid #999999;
    background-color: #eeeeee;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
}

.required, .warning, .error {
    color: #ff0000;
}

.tooltip {
    display: none;
    background-color: #ffffcc;
    border: 1px solid #999999;
}

table.h3Row {
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #999999;
    background-color: #fafafa;
    color: #444444;
    vertical-align: middle;
}

.button-panel {
    margin-bottom: 2px;
}

/* Menu styles */
.subMenu {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 11px;
    background-color: #ffffff;
    color: #444444;
    width: 100%;
}

ul.subMenu li {
    margin: 0px 0px 0px 0px;
    border: none;
    border-top: 1px solid #cccccc;
    list-style: none;
}

    ul.subMenu li a {
        padding: 3px 3px 3px 6px;
        border: none;
        text-decoration: none;
        text-align: left;
        display: block;
    }

        ul.subMenu li a:hover {
            background-color: #f8f8f8;
            color: #990033;
        }

    ul.subMenu li span {
        padding: 3px 3px 3px 6px;
        border: none;
        text-decoration: none;
        text-align: left;
        display: block;
    }

        ul.subMenu li span:hover {
            background-color: #f8f8f8;
            color: #990033;
        }

/* ListView styles */
table.listView {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #999999;
    font-size: 11px;
}

tr.listViewPaginationTdS1 {
    padding: 1px 5px 2px 5px;
    border-bottom: 1px solid #cccccc;
    background-color: #eeeeee;
    color: #999999;
}

table.listView th, tr.listViewThS1 {
    padding: 3px 5px 3px 5px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #999999;
    background-color: #ebebed;
    font-weight: bold;
    color: #444444;
    text-align: left;
}

.listViewThS1 td {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.listViewThS1 a {
    text-decoration: none;
}

    .listViewThS1 a:hover {
        text-decoration: underline;
    }

table.listView td {
    border-left: none;
    border-right: none;
}

    table.listView td a:link, table.listView td a:visited, a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
        color: #444444;
    }

.pageNumbers {
    color: #444444;
    vertical-align: 0.3em;
}

table.listview th a:hover, a.listViewThLinkS1:hover {
    color: #990033;
}

tr.oddListRowS1, tr.evenListRowS1 {
    padding: 2px 8px 4px 5px;
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
}

    tr.oddListRowS1:hover, tr.evenListRowS1:hover {
        background: #ecf7ff;
    }

tr.oddListRowS1 {
    background-color: #f6f6f6;
}

a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
    color: #990033;
    text-decoration: none;
}

a.listViewTdLinkS1:hover {
    color: #000000;
    text-decoration: underline;
}

a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited, a.listViewTdToolsS1:hover {
    text-decoration: none;
}

a.listViewCheckLink:link, a.listViewCheckLink:visited {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

a.listViewCheckLink:hover {
}

/* EditView styles */
/* 12/02/2010 Paul.  We use the tabForm in a panel. */
.tabForm {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 10px 5px 12px 10px;
    background-color: #f6f6f6;
    font-size: 12px;
    color: #000000;
}

table.tabForm td ul li {
    margin-bottom: 10px;
    list-style-type: none;
}

table.tabSearchForm {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    background-color: #f6f6f6;
    background-image: url(images/bgGrayForm.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 12px;
    color: #000000;
}

    table.tabSearchForm td ul li {
        margin-bottom: 10px;
        list-style-type: none;
    }

table.tabEditView {
    border: none;
    border-collapse: collapse;
    width: 100%;
    /*table-layout:fixed;*/
}

    table.tabEditView td {
        border: inherit;
        /*overflow:hidden;
	text-overflow:ellipsis;*/
    }
    /*
    table.tabEditView tr {
     line-height:16px;
    }
    */
    table.tabEditView th {
        margin-top: 0px;
        padding-left: 0px;
        padding-top: 0px;
        text-align: left;
    }

td.dataLabel {
    padding: 5px 5px 5px 5px;
}

.dataLabel {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.dataField {
    font-size: 12px;
    font-weight: normal;
}

/* DetailView styles */
table.tabDetailView {
    padding: 2px 5px 3px 5px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-collapse: collapse;
    font-size: 12px;
    vertical-align: top;
    width: 100%;
}

.tabDetailViewDL {
    padding: 5px 6px 5px 6px;
    border-bottom: 1px solid #dddddd;
    background-color: #f6f6f6;
    font-size: 12px;
    vertical-align: top;
    text-align: right;
    color: #000000;
}

.tabDetailViewDF {
    padding: 5px 10px 5px 6px;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
    font-size: 12px;
    color: #444444;
    vertical-align: top;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
    color: #000000;
    text-decoration: underline;
}

a.tabDetailViewDFLink:hover {
    color: #000000;
}

table.tabDetailView2 {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-collapse: collapse;
    background-color: #cccccc;
    width: 100%;
}

.tabDetailViewDL2 {
    padding: 3px 6px 4px 6px;
    background-color: #eeeeee;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
}

.tabDetailViewDF2 {
    padding: 4px 10px 4px 6px;
    background-color: #fafafa;
    font-size: 13px;
    font-weight: normal;
    color: #444444;
    vertical-align: middle;
}

a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
    color: #444444;
    text-decoration: underline;
}

table.tabSearchView {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

/* LeftColumn (NewRecord) styles */
table.leftColumnModuleHead th {
    padding-top: 4px;
    padding-left: 6px;
    padding-bottom: 4px;
    border-top: 1px solid #999999;
    background-color: #ffffff;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: #444444;
    text-align: left;
}

.leftColumnModuleName {
    padding-top: 4px;
    padding-left: 3px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.leftColumnModuleS3 {
    padding: 8px 8px 5px 8px;
    border-bottom: 1px solid #cccccc;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 11px;
    color: #444444;
}

a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
    color: #666666;
    text-decoration: underline;
    border-bottom: 0px;
    padding-left: 0px;
}

a.leftColumnModuleS3Link:hover {
    color: #444444;
    text-decoration: underline;
    border-bottom: 0px;
}

.leftColumnModuleS3 input, .leftColumnModuleS3 select {
    margin-top: 2px;
    margin-bottom: 4px;
}

td.leftColumnModuleS3 .button {
    padding-top: 0px;
    font-size: 11px;
    vertical-align: bottom;
}

.leftColumnModuleS3 td {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font-size: 11px;
    vertical-align: bottom;
}

/* SearchTab styles */
ul.tablist {
    margin: 0px 0px 0px 0px;
    padding-top: 3px;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-right: 0px;
    border-bottom: 1px solid #999999;
    font-size: 12px;
}

    ul.tablist li {
        margin: 0px 0px 0px 0px;
        list-style: none;
        display: inline;
    }

        ul.tablist li a {
            margin: 0px 0px 0px 0px;
            padding: 3px 8px 3px 8px;
            border-top: 1px solid #cccccc;
            border-right: 1px solid #cccccc;
            border-bottom: none;
            background-color: #ffffff;
            background-image: none;
            background-repeat: repeat-x;
            background-position: top;
            text-decoration: none;
        }

            ul.tablist li a:link, ul.tablist li a:visited {
                color: #444444;
                text-decoration: none;
            }

            ul.tablist li a:hover {
                border-top: 1px solid #999999;
                background-color: #fafafa;
                background-image: none;
                background-repeat: repeat-x;
                background-position: bottom;
                color: #990033;
            }

            ul.tablist li a.current, ul.tablist li a.current:hover {
                border-bottom: 1px solid #dddddd;
                background-repeat: repeat-x;
                background-position: bottom;
                font-weight: bold;
            }

            ul.tablist li a.current {
                border-right-color: #999999;
                background-image: url(images/bgGray.gif);
            }

                ul.tablist li a.current:hover {
                    background-image: none;
                    color: #990033;
                }

/* Footer styles */
.footer {
    margin-top: 6px;
    margin-bottom: 20px;
    padding: 6px 6px 6px 6px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #cccccc;
    background-color: #f6f6f6;
    color: #999999;
    line-height: 22px;
    width: 98%;
}

a.footerLink:link, a.footerLink:visited {
    text-decoration: none;
}

a.footerLink:hover {
    color: #990033;
    text-decoration: underline;
}

.footerHR {
    color: #666666;
}

/* LastViewed styles */
.lastView {
    padding-top: 3px;
    padding-left: 10px;
    padding-bottom: 3px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #999999;
    background-color: #eeeeee;
    color: #444444;
    vertical-align: middle;
    font-size: 11px;
}

.lastViewLink, a.lastViewLink:link, a.lastViewLink:visited {
    padding: 2px 5px 2px 5px;
    border-left: 1px solid #cccccc;
    color: #444444;
    text-decoration: none;
}

a.lastViewLink:hover {
    background-color: #ffffff;
    color: #990033;
}

/* Tab Menu */
table.tabFrame {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

table.tabToolbarFrame {
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    height: 49px;
    width: 100%;
}

.tabRow {
    background-color: #154a8f;
    height: 20px;
}

.currentTab {
    padding: 10px 15px 0px 15px;
    background-color: #103e7d;
    font-size: 15px;
    height: 37px;
    line-height: 10px;
}

a.currentTabLink:link, a.currentTabLink:visited, a.currentTabLink:hover {
    text-decoration: none;
}

a.currentTabLink:link, a.currentTabLink:visited {
    color: #ffffff;
}

a.currentTabLink:hover {
    color: #ffffff;
}

.otherQuickCreate {
    border: none;
    border-collapse: collapse;
    width: 100%;
    padding: 10px 5px 0px 5px;
    background-color: #154a8f;
    color: #ffffff;
    font-size: 15px;
    height: 37px;
    line-height: 10px;
}

    .otherQuickCreate:hover {
        background-color: #103e7d;
    }

.otherUser {
    border: none;
    border-collapse: collapse;
    width: 100%;
    padding: 10px 10px 0px 10px;
    background-color: #154a8f;
    color: #ffffff;
    font-size: 15px;
    height: 37px;
    line-height: 10px;
}

    .otherUser:hover {
        background-color: #103e7d;
    }

.otherHome {
    padding: 0px 5px 0px 5px;
    background-color: #154a8f;
    color: #ffffff;
    width: 45px;
    height: 49px;
}

    .otherHome:hover {
        background-color: #103e7d;
    }

.otherTab {
    padding: 10px 15px 0px 15px;
    background-color: #154a8f;
    color: #ffffff;
    font-size: 15px;
    height: 37px;
    line-height: 10px;
}

    .otherTab:hover {
        background-color: #1c61bb;
    }

a.otherTabLink:link, a.otherTabLink:visited {
    text-decoration: none;
    padding-top: 0px;
}

a.otherTabLink:hover {
    text-decoration: none;
}

a.otherTabLink:link, a.otherTabLink:visited {
    color: #ffffff;
}

a.otherTabLink:hover {
    color: #ffffff;
}

.otherTabMoreLink, .otherTabMoreLink:link, .otherTabMoreLink:active, .otherTabMoreLink:visited, .otherTabMoreLink:hover {
    padding: 1px 5px 1px 7px;
    color: #636363;
    text-decoration: none;
    line-height: 22px;
    display: block;
    font-size: 13px;
}

    .otherTabMoreLink:hover, .otherTabMoreLink:active {
        color: white;
        background-color: #31597b;
    }

#subtabs {
    border-bottom: 1px solid #999999;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 21px;
}

.menu {
    border: 1px solid #999999;
    background-color: #f6f6f6;
    position: absolute;
    display: none;
    visibility: hidden;
    opacity: 0.9;
}

.menuItem, .menuItem:link, .menuItem:active, .menuItem:visited, .menuItem:hover {
    padding: 1px 5px 1px 7px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c0c0c0;
    background-color: #f6f6f6;
    color: #000000;
    text-decoration: none;
    line-height: 18px;
    width: 120px;
    display: block;
}

    .menuItem:hover, .menuItem:active {
        color: #000000;
    }

/* Header styles */
.myArea, .welcome {
    font-size: 13px;
}

a.myAreaLink:link, a.myAreaLink:visited, a.myAreaLink:hover {
    text-decoration: none;
    font-size: 13px;
}

.subTabBar {
}

.searchField {
    border: 1px solid #999999;
    background-color: white;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20;
    width: 120px;
}

.searchButton, searchButton:focus {
    background-color: #fafafa;
    cursor: hand;
}

a.utilsLink:link, a.utilsLink:visited {
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #999999;
}

a.utilsLink:hover {
    text-decoration: underline;
}

a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
    padding: 2px 0px 3px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
    text-decoration: none;
}

.listViewPaginationTdS1 {
    padding: 1px 5px 2px 5px;
    border: none;
    background-color: #eeeeee;
    font-size: 12px;
    vertical-align: top;
    color: #444444;
}

    .listViewPaginationTdS1 td {
        background-color: #fafafa;
    }

a.listViewPaginationLinkS1:hover {
    color: #990033;
    text-decoration: underline;
}

/* Popup Calendar */
table.Calendar {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
    background-color: #c8d0d4;
    font-size: 11px;
    color: #000000;
}

table.CalendarTitle td {
    padding: 1px 1px 1px 1px;
    border: 1px solid #000000;
    background: #788084;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

th.CalendarDayHeader {
    padding: 2px 2px 2px 2px;
    border-bottom: 1px solid #000000;
    background-color: #e8f0f4;
    text-align: center;
}

td.CalendarDay {
    padding: 2px 4px 2px 2px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    width: 2em;
}

td.CalendarWeekendDay {
    color: #ff0000;
}

td.CalendarOtherMonthDay {
    background-color: #e8f0f4;
}

td.CalendarToday {
    font-weight: bold;
    color: #0000ff;
}

/* Calendar View styles */
table.monthBox {
    font-size: 12px;
}

table.monthHeader {
    margin-top: 10px;
    border-top: 1px solid #999999;
    background-color: #ffffff;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: #444444;
    height: 25px;
}

td.monthHeaderPrevTd {
    padding-left: 5px;
}

td.monthHeaderNextTd {
    padding-right: 5px;
}

.monthHeaderH3 {
    margin-bottom: 3px;
    padding-top: 3px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

a.NextPrevLink:link, a.NextPrevLink:visited, a.NextPrevLink:hover {
    color: #990033;
    text-decoration: none;
}

td.monthCalBody {
    background-color: #dddddd;
}

td.dailyCalBodyTime {
    padding: 7px 7px 7px 7px;
    border-color: #dddddd;
    background-color: #f6f6f6;
    color: #000000;
    vertical-align: top;
    height: 20px;
}

td.dailyCalBodyItems {
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    font-size: 12px;
    color: #444444;
    text-align: left;
}

a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
    color: #000000;
}

table.monthFooter {
}

.monthFooterPrev, .monthFooterNext {
    padding: 3px 7px 3px 7px;
    background-color: transparent;
}

th.monthCalBodyTHDay {
    padding: 5px;
    border-top: 1px solid #cccccc;
    background-color: #eeeeee;
    color: #444444;
}

.monthCalBodyWeekDay {
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
    text-align: right;
}

.monthCalBodyWeekEnd {
    padding: 3px 3px 3px 3px;
    background-color: #f6f6f6;
    color: #444444;
    text-align: right;
}

.monthCalBodyTodayWeekDay, .monthCalBodyTodayWeekEnd {
    padding: 3px 3px 3px 3px;
    border: 1px solid #990033;
    background-color: #ffffff;
    color: #444444;
    text-align: right;
}

a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited {
    font-size: 12px;
    font-weight: bold;
}

a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited, a.monthCalBodyDayItemLink:hover {
    font-size: 10px;
}

.monthCalBodyDayItem {
    margin: 7px 0px 7px 0px;
    padding: 5px 0px 8px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
}

.monthCalBodyDayItemTd {
    vertical-align: top;
}

.monthCalBodyDayIconTd {
    padding-right: 3px;
    vertical-align: top;
}

.dailyCalBodyItems {
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    font-size: 12px;
    color: #444444;
    text-align: left;
}

.yearCalBodyMonth {
    padding-top: 5px;
}

a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

a.yearCalBodyMonthLink:hover {
    text-decoration: underline;
}

.dateFormat {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

/* Chart styles */
table.chartForm {
    padding: 5px 5px 5px 5px;
    border: 1px solid #999999;
    background-color: #efefef;
}

    table.chartForm td {
        background-color: #efefef;
    }

a.chartToolsLink:link, a.chartToolsLink:visited {
    font-size: 11px;
    font-weight: normal;
    color: #444444;
    text-decoration: none;
}

a.chartToolsLink:hover {
    color: #990033;
    text-decoration: none;
}

.chartFootnote {
    font-size: 11px;
}

.tm {
    font-size: 8px;
    font-family: Verdana;
}

h5.listViewSubHeadS1 {
    margin-bottom: 2px;
    padding-left: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rssItemDate {
    font-size: 11px;
    color: #666666;
}

/* Scheduler styles */
.schedulerDiv {
    margin-top: 0px;
    border-bottom: 1px solid #999999;
    border-collapse: collapse;
    background-color: #fafafa;
    font-size: 12px;
    color: #000000;
    text-align: left;
    width: 100%;
}

.schedulerTable {
    border-collapse: collapse;
    width: 100%;
}

table.schedulerTable td {
    height: 18px;
}

.schedulerTopRow, .schedulerDeleteHeaderCell, .schedulerAttendeeHeaderCell, .schedulerAttendeeHeaderCell {
    border-bottom: 1px solid #dddddd;
    height: 22px;
}

.schedulerTimeCell, .schedulerAttendeeDeleteCell {
    padding-left: 4px;
    border-left: 1px solid #dddddd;
}

.schedulerAttendeeCell {
    padding-left: 4px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    overflow: hidden;
    width: 125px;
}

.schedulerSlotCellStartTime {
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #dddddd;
    border-left: 4px solid #75af4f;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
    width: 15px;
}

.schedulerSlotCellEndTime {
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #dddddd;
    border-left: 4px solid #ff0000;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
    width: 15px;
}

.schedulerSlotCellHour {
    padding: 0px 0px 0px 0px;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    width: 15px;
}

.schedulerTopDateCell {
    margin-top: 10px;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #999999;
    background-color: #ffffff;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contentBox {
    margin: 10px 0px 10px 0px;
    padding: 0px 10px 0px 0px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.ToolbarShadingTable {
    width: 80%;
    border: 1px solid #9c9c9c;
}

.ToolbarInnerTable {
    width: 100%;
    border: 1px solid #9c9c9c;
    background-color: White;
    padding: 8px 8px 8px 8px;
}

.ToolbarInnerTableCell {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 25px;
}

.ModuleActionsShadingTable {
    width: 400px;
    border: 1px solid #9c9c9c;
}

.ModuleActionsShadingHorizontal {
    height: 16px;
    background-color: #b6b6b6;
    opacity: 0.5;
    filter: alpha(opacity=60);
}

.ModuleActionsShadingVertical {
    width: 16px;
    background-color: #b6b6b6;
    opacity: 0.5;
    filter: alpha(opacity=60);
}

.ModuleActionsInnerTable {
    width: 600px;
    border-left: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    background-color: White; /*×¢ÊÍºóµÇÂ½¿òµÄ±³¾°Í¸Ã÷*/
    -moz-box-shadow: 0 5px 5px #888;
    -webkit-box-shadow: 0 5px 5px #888;
    box-shadow: 0 5px 5px #888;
    opacity: 0.9;
}

.ModuleActionsInnerCell {
    width: 33%;
    vertical-align: top;
    padding: 8px 8px 8px 8px;
    border-left: solid 1px #cecece;
}

.ModuleActionsInnerHeader {
    font-size: 10pt;
    color: #9c9c9c;
    display: block;
}

.ModuleActionsMenuItems, .ModuleActionsMenuItems:link, .ModuleActionsMenuItems:active, .ModuleActionsMenuItems:visited, .ModuleActionsMenuItems:hover {
    padding: 1px 5px 1px 7px;
    color: #636363;
    text-decoration: none;
    line-height: 22px;
    display: block;
    font-size: 13px;
}

    .ModuleActionsMenuItems:hover, .ModuleActionsMenuItems:active {
        color: white;
        background-color: #31597b;
    }

.MoreActionsShadingTable {
    width: 200px;
    border: 1px solid #9c9c9c;
}

.MoreActionsInnerTable {
    width: 200px;
    border-left: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    background-color: White;
    -moz-box-shadow: 0 5px 5px #888;
    -webkit-box-shadow: 0 5px 5px #888;
    box-shadow: 0 5px 5px #888;
}

.MoreActionsInnerCell {
    vertical-align: top;
    padding: 8px 8px 8px 8px;
    border-left: solid 1px #cecece;
}

.otherTabMoreArrow {
    vertical-align: middle;
}

/* 11/26/2010 Paul.  Add styles for the Check All hover. */
.ActionMenu {
    border: 1px solid #999999;
    background-color: #f6f6f6;
}

.ActionMenuItem {
    padding: 1px 5px 1px 7px;
    color: #000000;
    line-height: 18px;
    width: 120px;
    text-align: left;
    border-bottom: 1px solid #999999;
}

    .ActionMenuItem:hover {
        background-color: #fdfdfd;
    }

a.ActionMenuLink:link, a.ActionMenuLink:active, a.ActionMenuLink:visited, a.ActionMenuLink:hover {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

/* http://www.bennadel.com/blog/1734-Using-CSS-Fixed-Position-Elements-Across-Browsers.htm */
/* 05/04/2010 Paul.  Must change the DOCTYPE to <!DOCTYPE HTML> */
.SixToolbar {
    width: 100%;
    height: 49px;
    background-color: #154a8f;
    color: #ffffff;
    position: fixed;
    left: 0px;
    top: 0px;
    _position: absolute;
    _top: expression( ie6 = (document.documentElement.scrollTop + "px") );
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
    /*border-bottom: 1px solid #c8baaa;*/
    z-index: 100;
}

.SixToolbarUser {
    height: 49px;
    background-color: #154a8f;
    color: #ffffff;
    position: fixed;
    right: 0px;
    top: 0px;
    _position: absolute;
    _top: expression( ie6 = (document.documentElement.scrollTop + "px") );
    z-index: 100;
}
/* 11/06/2013 Paul.  Add support for RTL languages. */
.SixToolbarUserRTL {
    height: 49px;
    background-color: #154a8f;
    color: #ffffff;
    position: fixed;
    left: 0px;
    top: 0px;
    _position: absolute;
    _top: expression( ie6 = (document.documentElement.scrollTop + "px") );
    z-index: 100;
}

/* 05/23/2010 Paul.  New styles for the EmailClient.  */
/* 05/23/2010 Paul.  The TreeView has a bug that forces 1em, so we need to use 1em to prevent the size from switching. */
a.nodeEmailFolderLink {
    text-decoration: none;
    font-size: 1em;
}

a.leafEmailFolderLink, a.leafEmailFolderLink:visited, a.leafEmailFolderLink:hover {
}

a.parentEmailFolderLink, a.parentEmailFolderLink:visited, a.parentEmailFolderLink:hover {
}

a.selectedEmailFolderLink, a.selectedEmailFolderLink:visited, a.selectedEmailFolderLink:hover {
    background-color: #CCCCCC;
}

a.nodeStudioFolderLink {
    text-decoration: none;
    font-size: 1em;
}

a.leafStudioFolderLink, a.leafStudioFolderLink:visited, a.leafStudioFolderLink:hover {
}

a.parentStudioFolderLink, a.parentStudioFolderLink:visited, a.parentStudioFolderLink:hover {
}

a.selectedStudioFolderLink, a.selectedStudioFolderLink:visited, a.selectedStudioFolderLink:hover {
    background-color: #CCCCCC;
}

.EmailDetailViewDL {
    padding: 2px 4px 2px 4px;
    background-color: #f6f6f6;
    font-size: 11px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    color: #9C9A9C;
}

.EmailDetailViewDF {
    padding: 2px 4px 2px 4px;
    background-color: #f6f6f6;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
    color: #000000;
}

.jQueryDragHandle {
    background-image: url(images/draghandle_list.gif);
    background-repeat: no-repeat;
    background-position: top;
}

tr.jQueryDragBorder td {
    background-color: #d6d6d6;
}

.pointer {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
}
/* 01/07/2013 Paul.  Need to prevent a nowrap style from getting inherited. */
.ListViewInfoHover {
    width: 300px;
    border: 1px solid #9c9c9c;
    background-color: White;
    white-space: normal;
}

.PanelHoverHidden {
    display: none;
    visibility: hidden;
}
/* 08/28/2010 Paul.  Moved from Jigsaw control. */
.buttonLogin {
    border: 1px solid #444444;
    font-size: 11px;
    color: #ffffff;
    background-color: #666666;
    font-weight: bold;
}

/* 09/20/2010 Paul.  Restore ACL styles. */
.aclAll {
    color: Green;
    font-weight: bold;
}

.aclOwner {
    color: Black;
    font-weight: bold;
}

.aclNone {
    color: Red;
    font-weight: bold;
}

.aclEnabled {
    color: Green;
    font-weight: bold;
}

.aclDisabled {
    color: Red;
    font-weight: bold;
}

.aclNormal {
    color: Green;
    font-weight: bold;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 400px;
}

.PasswordHelp {
    background-image: url(images/help.gif);
    height: 16px;
    width: 16px;
}

.overdueTask {
    color: Red;
}

.futureTask {
    color: Green;
}
.alert {
    width: 14px;
    height: 14px;
    float: right;
    margin-left: 5px;
    background: url(images/alert.png) no-repeat;
    color: red;
}

.accept {
    width: 14px;
    height: 14px;
    float: right;
    margin-left: 5px;
    background: url(images/accept.png) no-repeat;
}

.textalert {
    border: 1px solid darkred;
    color: darkred;
    font-weight: bold;
}

.copyRight {
    margin: auto;
    left: 0;
    right: 0;
    color: #444;
}

    .copyRight a {
        color: #9c9c9c;
    }

.copyRightLogin {
    margin: auto;
    left: 0;
    right: 0;
    color: #ddd;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    bottom: 0px;
}

    .copyRightLogin a {
        color: #ddd;
    }

.LoginImg {
    margin-left: -10px;
    margin-right: -10px;
    background: url(images/background.jpg);
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    background: url(images/background.jpg) no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    margin-top: 45px;
    position: absolute;
    z-index: -99;
}

.chkAllOn {
    background-image: url(images/checkon.png);
}

.chkAllOff {
    background-image: url(images/checkoff.png);
}

.CasesAspNetPager {
    color: #666;
}

    .CasesAspNetPager a, .pages .cpb {
        text-decoration: none;
        padding: 0 5px;
        border: 1px solid #ddd;
        background: #ffffff;
        margin: 0 2px;
        font-size: 11px;
        color: #000;
    }

        .CasesAspNetPager a:hover {
            background-color: #154A8F;
            color: #fff;
            border: 1px solid #154A8F;
            text-decoration: none;
        }

    .CasesAspNetPager .cpb {
        font-weight: bold;
        color: #fff;
        background: #154A8F;
        border: 1px solid #154A8F;
    }

.Logo {
    margin: 2px;
}

/*ImageViewer and Image Popover*/
.imgAttach {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor:pointer;
}

.divshade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    z-index: 1001;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.divShowImg {
    height: 90%;
    clear: both;
    width: 90%;
    display: none;
    position: fixed;
    top: 5%;
    left: 5%;
    padding: 2px;
    border: 4px solid #E8E9F7;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.top_bar {
    height: 18px;
    padding: 5px;
    border-color: #c9c9c9;
    background-color: #ebebeb;
    background-image: linear-gradient(#fefefe 0,#e3e3e3 100%);
    border-width: 1px;
    border-style: solid;
}

.imgshadeinfo {
    cursor: pointer;
    margin-top: -28px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    height: 16px;
    width: 90%;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    z-index: 1111111;
    position: fixed;
    margin-top: auto;
    float: left;
    text-align: center;
    padding: 2px;
    color: #ffffff;
}

.bubCloseImg {
    background: url(images/bubClose.png) no-repeat;
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    margin-left: 10px;
    border: 1px #ccc ridge;
}

.ImgBox {
    margin-top: 5px;
    border: 6px solid #f3f3f3;
    background-color: white;
    width: 99%;
    background-image: url(images/transparent.gif);
    overflow: auto;
}

.imgtoolbar {
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

    .imgtoolbar:hover {
        background-color: #89D5E1;
        background-image: -webkit-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
        background-image: -moz-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
        background-image: -ms-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
        background-image: -o-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
        background-image: linear-gradient(top,#89D5E1 0,#89D5E1 100%);
        cursor: pointer;
    }

.imgtoolbar_seleted {
    background-color: #89D5E1;
    background-image: -webkit-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
    background-image: -moz-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
    background-image: -ms-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
    background-image: -o-linear-gradient(top,#89D5E1 0,#89D5E1 100%);
    background-image: linear-gradient(top,#89D5E1 0,#89D5E1 100%);
    border: 1px solid lightskyblue;
    cursor: pointer;
}

/*ImageNavBar*/
.divQueueHide {
    height: 30px;
    overflow: hidden;
}

    .divQueueHide:hover {
        height: 100%;
    }

.navpanel {
    float: left;
    border: 1px solid #dadada;
    /*margin-right: 18px;*/
    display: inline;
    background: #f6f6f6;
    width: 98%; /*300px*/
    margin-left: 5px;
}

    .navpanel:hover {
        border: 1px solid #808080;
    }

.transition {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.navPriorityLeft {
    border-right: 1px solid #e1e1e1;
}

.bb1pxe1 {
    width: 290px;
    border-bottom: 1px solid #e1e1e1;
}

.onQueueName {
    float: left;
    margin-right: -4px;
}

    .onQueueName span,.onQueueName button {
        font-size: 14px;
        font-weight: bold;
        color: red;
    }

.onQueueCount {
    font-weight: bold;
    float: left;
    height: 28px;
    width: 50px;
    padding: 0px 6px 0px 6px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    background-color: #3385ff;
}
.radio {
display:none;
}
.onQueueSpan {
    padding: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
}

.onRadioLable {
    font-weight: bold;
    color: #fff;
}

.onBatch {
    font-weight:bold;
    color: #444;
    height: 30px;
}

.navButton {
    width: 146px;
    height: 20px;
    color: white;
    font-size: 15px;
    letter-spacing: 1px;
    background: #3385ff;
    border-bottom: 1px solid #2d78f4;
    outline: medium;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

    .navButton:hover {
        background: #317ef3;
        border-bottom: 1px solid #2868c8;
        box-shadow: 1px 1px 1px #ccc;
    }

.btnNext {
    margin-left: -3px;
}

.progressBackgroundxi {
    background: none repeat scroll 0 0 #CCC;
    clear: both;
    display: inline-block;
    margin-top: 2px;
    height: 10px;
    overflow: hidden;
    position: relative;
    width: 250px;
}

.progressBarBluexi {
    background: none repeat scroll 0 0 #2380cd;
    height: 10px;
    overflow: hidden;
    position: relative;
}

.pl5 {
    padding-left: 5px;
}

.comment {
    overflow: hidden;
    padding: 0 0 1em;
    border-bottom: 1px solid #ddd;
    margin: 0 0 1em;
    *zoom: 1;
    max-width: 860px;
}

.comment-img {
    float: left;
    margin-right: 33px;
    border-radius: 5px;
    overflow: hidden;
}

    .comment-img img {
        display: block;
        margin-left: 8px;
    }

.comment-body {
    overflow: hidden;
}

.comment .text {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: rgba(255, 255, 204, 0.6);
    max-width: 800px;
    margin-bottom: 8px;
}

    .comment .text p:last-child {
        margin: 0;
    }

.comment .attribution {
    margin: 0.5em 0 0;
    font-size: 14px;
    color: #666;
    margin-left: 8px;
}

.commentBtn {
    width: 80px;
    height: 32px;
    vertical-align: top;
    margin-top: 8px;
}

.comments,
.comment {
    position: relative;
}

    .comments:before,
    .comment:before,
    .comment .text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 75px;
    }

    .comments:before {
        width: 3px;
        top: 0px;
        bottom: 0px;
        background: rgba(0,0,0,0.1);
    }

    .comment:before {
        width: 9px;
        height: 9px;
        border: 3px solid #fff;
        border-radius: 100px;
        margin: 16px 0 0 -6px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
        background: #ccc;
    }

    .comment:hover:before {
        background: orange;
    }

    .comment .text:before {
        top: 18px;
        left: 86px;
        width: 9px;
        height: 9px;
        border-width: 0 0 1px 1px;
        border-style: solid;
        border-color: #e5e5e5;
        background: rgba(255, 255, 204, 0.6);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.ActivityStreamCreatedBy {
    margin-right: 4px;
    font-weight: bold;
    color: #3A87F2;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.autotext {
    border: 1px orange solid !important;
    -webkit-box-shadow: 0 0 8px orange;
    -webkit-transition: border linear .2s,-webkit-box-shadow linear .5s;
}

.hotnew {
    background-image: url(./images/new.gif) !important;
    background-repeat: no-repeat;
    background-position-x: 75px;
    background-position-y: center;
    width: 80px;
}

.divOCR {
    width: 97%;
    height: 290px;
    overflow-y: scroll;
    overflow-x: scroll;
    margin-top: 5px;
}

.txtfocuson {
    width: 280px !important;
    position: absolute !important;
}

.autotext {
    border: 1px orange solid !important;
    -webkit-box-shadow: 0 0 8px orange;
    -webkit-transition: border linear .2s,-webkit-box-shadow linear .5s;
}

.divPin {
    position: fixed;
    left: 10px;
    top: 50px;
    width: inherit;
}
.imageIndexingDivSearch {
    width: 100%;
    border: 1px solid #d8d8d8;
    margin-top: 14px;
    background-color: #f3f3f3;
    padding-top: 4px;
    padding-left: 4px;
}
.imageIndexingDiv {
width: 100%; border: 1px solid #d8d8d8; margin-top: 14px; background-color: #f3f3f3; 
/*overflow-x: scroll;*/
}
.pending{background:url(images/Notes.gif) no-repeat; width:16px; height:16px; clear:both;border:none; }
.processed{background:url(images/checkmark16.png) no-repeat; width:16px; height:16px; clear:both; border:none;}

.QListView
{
    border: #E7E6E6 1px solid;

}
.QListView td a
{
    text-decoration: none;
    color:#333;
}
.QListView td, .QListView th
{
    padding: 0 10px;
    height: 30px;

}
.QListView th
{
    border-right: 1px #fff solid;
}
.QListView td
{
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
    word-wrap:break-word;
    white-space:normal !important;
}
.QTableTRS1 td {
  font-weight: 400;
}
.DescribQueue{
    border: 1px #eaeaea solid;
}
.DescribQueue td{
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    border: 1px #eaeaea solid;
}
table tr.QTableThS1 th
{
    height: 30px;
    background: #f9f9f9;
    color: #333;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
    border-top: 0;
}
.W500EditView {
    width:600px;
    PADDING: 0 10PX 10px 10PX;
    margin-left: 12px;
}
.ContactActivityForm {
    width:100%;
    border: 1px solid #cccccc;
    vertical-align: middle;
}
.highlight-bkg {
background-color:#b8f7e5 !important;
}
.highlight-bkg2 {
background-color:#b5daa1 !important;
}

.highlightOpt1 {
background-color:#FFFFCC;
color:red;
}
.mailtext {
width:375px;
}
.overLoading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    opacity:0.5;
    z-index: 1000;
       }
.layoutLoading {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    width: 20%;
    height: 20%;
    z-index: 1001;
    text-align:center;
}
.chk16 {
    width:16px;height:16px;vertical-align:text-top;margin-top:0;
}
    .blue1 {
        color: #0066cc !important;
    }

    .trBlock {
        line-height: 24px;        
    }
.oddBlockRowS1 {
background-color:#444;
}
.evenBlockRowS1 {
    background-color: #606060;
}

.ocrtext,.ocranchor {
    z-index: 999;
    display: block;
    position: absolute;
    color: red;
    border: 1px solid rgba(243, 106, 34, .6);
}
.ocr_template {
    width:280px;height:342px;margin-left:2px;margin-top:2px;cursor:pointer; margin-left: 20px;
}
    .textLayer {
        top: 0px;
        left: 0px;
        position: absolute;
    }
    .icon_p {
        font-family: monospace sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #000;
        letter-spacing:1px;
        background-color: #c7e8fc;
    }
.icon_block_name {
    color: #fff;
    font-weight: bold;
    width: 90px;
    display: inline-block;
    margin: 2px 2px 2px 4px;
    /*padding: 0px;*/
}
.icon_text {    
    color:#e61818 !important;
    font-weight: bold;
    width:460px;
}
.icon_text:hover {
        text-transform: uppercase;
    }
.icon_textarea {
padding-left:55px;width: 400px; height: 112px; resize: none; overflow: scroll; background: url(images/address_txta.png) no-repeat;background-color:rgb(255, 255, 153);
}
    .ui-menu {
        width: 160px;
        border: #444 1px solid;
        border-radius: 5px;
        padding: 4px;
    }

/*BPTS designed tabs*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 16px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
    background:url(./images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 14px;
	line-height: 14px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #444;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 10px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #007fff;
    color:#fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.m-field {
line-height:16px;
}
/*CSS3 loading gif*/
.loadingStyle1 {
    /*margin: 100px auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;*/
        width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    position: absolute;
}
.loadingStyle1 > div {
    background-color: #67CF22;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}
.loadingStyle1 .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loadingStyle1 .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.loadingStyle1 .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.loadingStyle1 .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
    0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    } 20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
    }
}
/*CSS3 loading gif*/

    /*.ui-autocomplete {
        max-height: 600px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 10px;
    }*/

    .pageschk {
        width: 18px;
        height: 18px;
        cursor: pointer;
        text-align: center;
    }

    .pagenum {
        font-size: 15px;
    }

    .pfs {
    height: 10px;
    background: #f00;
    color: #fff;
    font-size: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.8;
        padding: 4px;
        margin-right: 4px;
    }
.btn_edit {
    width: 20px;
    height: 20px;
    background: url(images/plus_inline.gif) no-repeat;
    border: 0;
}

.btn_del {
    width: 20px;
    height: 20px;
    background: url(images/Undelete.gif) no-repeat;
    border: 0;
}
.btn_MoveUp {
    width: 20px;
    height: 20px;
    background: url(images/uparrow_inline.gif) no-repeat;
    border: 0;
}
.btn_MoveDown {
    width: 20px;
    height: 20px;
    background: url(images/downarrow_inline.gif) no-repeat;
    border: 0;
}
.bkgcolorlightblue {
background-color:lightblue !important;
}
.EditingGif {
    background: url(images/throbber.gif) no-repeat !important;
    VERTICAL-ALIGN: bottom;
}

.topbar_system_name {
    font-size: 24px;
    border: 2px solid #fff;
    float: left;
    padding: 2px;

    border-radius: 4px;
    /* background: #def; */
    display: inline-block;
    font-weight: bold;
    color: #def;
    text-shadow: 0 0 1px currentColor,-1px -1px 1px #000,0 -1px 1px #000,1px -1px 1px #000,1px 0 1px #000,1px 1px 1px #000,0 1px 1px #000,-1px 1px 1px #000,-1px 0 1px #000;

    white-space: nowrap;
}
.btnW46px {
width:46px;
}
.remitZip {
    margin: 0 4px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    background-color:#e2fff8;
    color: darkblue;
}
#InfoEntryForm input {
    ime-mode:inactive;
    -webkit-ime-mode:inactive;
    -moz-ime-mode:inactive;
    -ms-ime-mode:inactive;
}
.billstype {
font-size:36px;width:360px;
}
.twiceinput {
background: #cdfff3; border: 1px solid orange;color:black;font-size:14px;font-weight:bold;
}
.risktext {
background-color:#000 !important;
color:red !important;
font-weight: bold !important;
}
.searchedtext {
background-color:#e2fff8 !important;
color:black !important;
}
.aThumbnail {
/*border-bottom:1px groove #000;*/
}
.thumbs {
float:left;border: 1px #ccc solid;padding-bottom:8px;margin-top: -4px;margin-left: 1px;
}
.spzval {
font-size: 20px;
text-decoration: none !important;
vertical-align: middle;
}
