﻿/************* RESET CSS *********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}
/************* RESET CSS END *****************/

body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: #000000;
    font-size: .95em;
}

.div_body {
}

.div_body_content {
    padding: 20px 10px 20px 10px;
}

.div_Footer {
    padding: 3px 10px 3px 10px;
    font-size: 0.75em;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 99%;
    background-color: black;
    color: white;
    z-index:20;
}

.div_small_font {
    font-size: 0.80em;
}

.div_UserInfo {
    float: left;
    padding-right: 20px;
}

    .div_UserInfo .label {
        font-weight: bold;
    }

    .div_UserInfo .data {
    }

.div_copyright {
    float: right;
}

.div_centered_table_on_page {
}

    .div_centered_table_on_page .tblDetail {
        margin: 0px auto 0px auto;
    }

.div_add_button {
    float: right;
    padding-right: 60px;
}

.divPageColumn {
    float: left;
    padding: 20px 10px 20px 10px;
}

.divPagePart {
    display: inline-block;
    padding: 20px 10px 20px 10px;
}

.divPageSection {
    /*border: solid 1px gray;
    background-color: aliceblue;
    border-radius: 5px;*/
    border-top: solid 3px gray;
    border-left: solid 1px gray;
    /*border-right: solid 1px whitesmoke;
    border-bottom: solid 1px whitesmoke;*/
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    overflow: hidden;
}

.divPageSection_selectedContacts {
    /*position: -webkit-sticky; /* Safari */
    position: fixed;
    top: 70px;
    right: 50px;
    background-color: #FFFFFF;
    /*display: inline-block;*/
    /*float: left;*/
    border: solid 1px #888888;
    box-shadow: -15px 15px 15px #888888;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
}

.divContactDetail {
    /*max-width: 30%;*/
}
.divNoteAdd {
    /*max-width: 65%;*/
}
.divNoteDetail {
    /*max-width: 50%;*/
}
.divQuickTask {
    /*max-width: 43%*/
}

.divPageSectionTitle {
    padding: 0px 0px 0px 15px;
    font-size: 1.25em;
}


.divSearchParams {
    display: table;
    margin: 0px auto;
}

    .divSearchParams .searchParam {
        padding: 0px 20px 0px 20px;
    }

    .divSearchParams .paramColumn {
        float: left;
    }

    .divSearchParams .paramCenter {
        text-align: center;
    }

    .divSearchParams .searchParam .paramTitle {
        padding-bottom: 10px;
        color: darkblue;
    }

    .divSearchParams .searchParam .paramValueList {
        font-size: .70em;
        text-align: left;
    }

    .divSearchParams .searchButtons {
        clear: both;
        padding: 10px 10px 10px 10px;
    }

.divGvc {
}
.divGvh {
    font-weight: bold;
    color: darkblue;
    font-size: 1.05em;
}
    .divGvh .subText {
        
    }
.divGvf {
    padding-bottom: 15px;
}
.divGvb {
    vertical-align: middle;
    text-align: center;
}

.divTemplateUpload {
}

    .divTemplateUpload .divItem {
        padding-bottom: 10px;
        font-size: .95em;
        font-weight: bold;
    }

.documentStatus_proofPending {
    color: green;
    font-weight: bold;
}

.documentStatus_active {
    color: blue;
    font-weight: bold;
}

.documentStatus_obsolete {
    font-style: italic;
}

.divEmailNavButton {
    display: inline;
    padding: 0px 10px 0px 0px;
}

.divCheckBoxList {
}

    .divCheckBoxList .listLabel {
        font-weight: bold;
    }

    .divCheckBoxList table {
        margin: 10px 0px 0px 0px;
    }

    .divCheckBoxList td {
        padding: 5px 0px 5px 10px;
    }

.div_menu_page {
    margin: 0px auto 0px auto;
    padding: 50px 50px 50px 50px;
    text-align: center;
}

.lblMessage {
    color: blue;
}

.pleaseWait {
}

rfv {
    color: Red;
}

.rfv {
    color: Red;
}

rev {
    color: Red;
}

.rev {
    color: Red;
}

/*----------------------------------------------------
standard button
*/
.btn_standard {
    padding: 5px 10px 5px 10px;
    border: none;
    color: #000000;
    font-size: 0.95em;
    cursor: pointer;
    font-variant: small-caps;
    background-color: #cccccc;
    border: solid 2px #cccccc;
}

    .btn_standard:hover {
        color: #000000;
        cursor: pointer;
        background-color: #cccccc;
        border: solid 2px Gray;
    }

    .btn_standard[disabled] {
        color: Silver;
        background-color: Gray;
        border: solid 2px Gray;
    }

        .btn_standard[disabled]:hover {
            color: Silver;
            cursor: not-allowed;
        }
/* standard button end 
----------------------------------------------------*/

/*----------------------------------------------------
standard button
*/
.btn_small {
    padding: 2px 5px 2px 5px;
    border: none;
    color: #000000;
    font-size: 0.95em;
    cursor: pointer;
    font-variant: small-caps;
    background-color: #cccccc;
    border: solid 1px #cccccc;
}

    .btn_small:hover {
        color: #000000;
        cursor: pointer;
        background-color: #cccccc;
        border: solid 1px Gray;
    }

    .btn_small[disabled] {
        color: Silver;
        background-color: Gray;
        border: solid 1px Gray;
    }

        .btn_small[disabled]:hover {
            color: Silver;
            cursor: not-allowed;
        }
/* standard button end 
----------------------------------------------------*/

.btn_pleasewait {
}

.GridView {
    margin: 2px 2px 2px 2px;
    font-size: .85em;
}

    .GridView caption {
        text-align: left;
        font-size: .70em;
    }

    .GridView table {
        empty-cells: hide;
    }

    .GridView td {
        padding: 13px 5px 12px 5px;
        empty-cells: hide;
    }

    .GridView table td {
        padding: 1px 2px 1px 2px;
    }

    .GridView th {
        padding: 15px 8px 0px 8px;
        empty-cells: hide;
        font-size: 1.15em;
    }

    .GridView table .tdLabel {
        text-align: right;
        font-weight: bold;
        color: darkblue;
        vertical-align: bottom;
    }

    .GridView table .tdLeft {
        text-align: left;
    }

    .GridView table .tdCenter {
        text-align: center;
    }

    .GridView table .tdSpacer {
        padding-top: 10px;
    }

    .GridView table .tdNote {
        max-width: 600px;
    }

    .GridView table .tdNoteSmall {
        max-width: 400px;
    }

.gridViewList {
    margin: 2px 2px 2px 2px;
    font-size: .85em;
}

    .gridViewList caption {
        text-align: left;
        font-size: .70em;
    }

    .gridViewList table {
        empty-cells: hide;
    }

    .gridViewList td {
        padding: 5px 3px 4px 3px;
        empty-cells: hide;
    }

    .gridViewList table td {
        padding: 1px 2px 1px 2px;
    }

    .gridViewList table .tdLabel {
        text-align: right;
        font-weight: bold;
        color: darkblue;
        vertical-align: bottom;
    }

    .gridViewList table .tdLeft {
        text-align: left;
    }

    .gridViewList table .tdCenter {
        text-align: center;
    }

    .gridViewList table .tdSpacer {
        padding-top: 10px;
    }

    .gridViewList table .tdNote {
        max-width: 600px;
    }

    .gridViewList table .tdNoteSmall {
        max-width: 400px;
    }

.divSiteImage {
    float: left;
}

.divGroup {
    float: left;
    padding: 9px 3px 3px 10px;
}

.divIncludeCheckboxes {
    float: left;
    padding: 6px 3px 3px 10px;
    font-size: small;
}

.divIncludeCheckboxesTitle {
    float: left;
    padding: 9px 3px 3px 10px;
    color: darkblue;
    font-weight: bold;
    font-size: small;
}

.divPageTitle {
    text-align: center;
}

    .divPageTitle .divPageTitleImage {
        display: inline;
    }

        .divPageTitle .divPageTitleImage image {
            max-height: 20px;
        }

.lblPageTitle {
    font-variant: small-caps;
}

.lblSmallerItalic {
    font-size: smaller;
    font-style: italic;
}

.div_login {
    text-align: center;
    margin: 0px auto 0px auto;
    padding: 125px 25px 25px 25px;
}

    .div_login .tblPageSection {
        margin: 0px auto 0px auto;
        empty-cells: hide;
    }

        .div_login .tblPageSection td {
            padding: 25px 25px 25px 25px;
            font-size: 1.15em;
        }

        .div_login .tblPageSection .tdLeft {
            text-align: left;
        }

        .div_login .tblPageSection .tdRight {
            text-align: right;
        }

    .div_login .tblQuestions {
        width: 100%;
    }

        .div_login .tblQuestions td {
            padding: 0px 0px 0px 0px;
            font-size: 0.75em;
        }

        .div_login .tblQuestions .tdQuestion {
            padding: 20px 0px 0px 10px;
            text-align: left;
        }

        .div_login .tblQuestions .tdAnswer {
            padding: 10px 0px 0px 0px;
            text-align: right;
        }

    .div_login .tblAccountActions {
        text-align: left;
    }

        .div_login .tblAccountActions td {
            padding: 0px 0px 0px 0px;
            font-size: 1.00em;
            max-width: 600px;
        }

        .div_login .tblAccountActions .tdAASpaceAfter {
            padding-bottom: 70px;
        }

    .div_login .div_login_help {
        text-align: center;
        font-size: 0.85em;
        padding: 5px;
    }

.tblDetail {
    empty-cells: hide;
}

    .tblDetail .rblDetail {
        text-align:left;
    }
        .tblDetail .rblDetail input[type="radio"] {
            margin: 7px 0px 7px 7px;
        }
        .tblDetail .rblDetail input[type="checkbox"] {
            margin: 7px 0px 7px 7px;
        }
        .tblDetail .rblDetail label {
            margin: 7px 17px 7px 7px;
        }

    .tblDetail .tdLabel {
        text-align: right;
        padding: 0px 7px 7px 0px;
        color: darkblue;
        vertical-align: middle;
    }

    .tblDetail .required {
        font-weight: bold;
    }

    .tblDetail .tdLeft {
        text-align: left;
    }
    .tblDetail .tdRight {
        text-align: right;
    }

    .tblDetail .tdCenter {
        text-align: center;
    }

    .tblDetail .tdData {
        text-align: left;
        padding: 0px 7px 7px 0px;
    }

    .tblDetail .tdCkEditor {
        border-left: solid 1px #f2f2f2;
        min-width: 800px;
    }

    .tblDetail .tdEmailSig {
        border-left: solid 1px #f2f2f2;
        border-bottom: solid 21px #f2f2f2;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .tblDetail .tdEmailThread {
        border-left: solid 1px #f2f2f2;
        border-bottom: solid 21px #f2f2f2;
        padding-left: 10px;
        padding-bottom: 10px;
    }

        .tblDetail .tdEmailThread .pnlThread {
            max-height: 400px;
        }

    .tblDetail .tdAttachments {
        border-left: solid 1px #f2f2f2;
        border-bottom: solid 21px #f2f2f2;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .tblDetail .tdSpacer {
        padding-top: 10px;
    }

    .tblDetail .tdDoubleSpacer {
        padding-top: 20px;
    }

    .tblDetail .tdSpaceAfter {
        padding-bottom: 10px;
    }

    .tblDetail .tdDoubleSpaceAfter {
        padding-bottom: 20px;
    }

    .tblDetail .tdSpacey {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tblDetail .tdButtons {
        text-align: center;
    }

    .tblDetail .tdLastModifiedBy {
        font-size: 0.80em;
        font-style: italic;
    }

    .tblDetail .cblEmails {
        font-size: 0.80em;
    }
        .tblDetail .cblEmails td {
            padding: 0px 10px 0px 0px;
        }

    .tblDetail .tdPopUpSection {
        border-top: solid 3px gray;
        border-left: solid 1px gray;
        padding: 15px 15px 15px 15px;
        margin: 10px 10px 10px 10px;
    }

        .tblDetail .tdPopUpSection .tdPopUpSectionTitle {
            padding: 0px 0px 0px 0px;
            font-size: 1.25em;
        }
        .tblDetail .tdPopUpSection .tdStatusHistory {
            padding: 10px 0px 0px 0px;
            font-size: .85em;
            text-align: left;
        }
        .tblDetail .tdHightlight {
            background-color: yellow;
        }

.tblCompare {
}

    .tblCompare .sectionH1 {
        font-size: 1.50em;
        border-bottom: 2px solid black;
        padding: 20px 0px 0px 0px;
    }

    .tblCompare .rowHeading {
        text-align: right;
        font-weight: bold;
        color: darkblue;
        padding: 5px 10px 5px 10px;
    }

    .tblCompare .columnHeading {
        text-align: center;
    }

    .tblCompare .column1 {
        text-align: left;
        border-top: 1px solid black;
        border-left: 1px solid black;
        padding: 5px 10px 5px 10px;
    }

    .tblCompare .column2 {
        text-align: left;
        border-top: 1px solid black;
        border-left: 1px solid black;
        padding: 5px 10px 5px 10px;
    }

.cblSelection td {
    padding: 0px 20px 0px 0px;
}

.spnLabel {
    font-weight: bold;
    color: darkblue;
}


.emailUnread {
    color: #017ac1;
    font-weight: bold;
}

.tblAgenda {
    empty-cells: hide;
}

    .tblAgenda td {
        padding: 20px 7px 10px 7px;
        font-size: .75em;
    }

    .tblAgenda .tdSectionGroup {
        font-size: 1.25em;
        color: gray;
        border-bottom: solid 3px gray;
        padding-top: 30px;
    }

    .tblAgenda .tdComplete {
        font-style: italic;
    }

.divEffectivePermissions {
    max-width: 500px;
}

    .divEffectivePermissions table {
        empty-cells: hide;
    }

        .divEffectivePermissions table .tdHeader {
            padding: 0px 0px 5px 0px;
            font-weight: bold;
        }

        .divEffectivePermissions table .tdName {
            padding: 10px 0px 2px 10px;
            font-weight: bold;
            font-size: 0.90em;
        }

        .divEffectivePermissions table .tdMember {
            padding: 10px 0px 2px 10px;
            font-size: .75em;
            font-style: italic;
            font-weight: bold;
        }

        .divEffectivePermissions table .tdInherit {
            padding: 10px 0px 2px 10px;
            font-size: .75em;
            font-style: italic;
        }

        .divEffectivePermissions table .tdDescription {
            padding: 0px 0px 5px 20px;
            font-size: .75em;
            font-style: italic;
        }

.lblHot {
    color: orangered;
    font-weight: bold;
}

.lblCold {
    color: blue;
    font-weight: bold;
}

.lblHighInterest {
    color: green;
    font-weight: bold;
}

/* system messages */
.divSystemMessages {
    padding: 10px 0px 10px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
    background-color: cornflowerblue;
}

    .divSystemMessages .systemMessages {
        margin: 0px auto 0px auto;
        text-align: center;
    }

        .divSystemMessages .systemMessages .divHideButton {
            float: right;
            padding-right: 10px;
        }

.gridViewSystemMessage {
    margin: 2px auto 2px auto;
    font-size: .85em;
}

    .gridViewSystemMessage caption {
        text-align: left;
        font-size: .70em;
    }

    .gridViewSystemMessage table {
        empty-cells: hide;
    }

    .gridViewSystemMessage td {
        padding: 5px 3px 4px 3px;
        empty-cells: hide;
        text-align: left;
    }

    .gridViewSystemMessage table td {
        padding: 5px 2px 5px 2px;
    }

    .gridViewSystemMessage table .tdButtons {
        font-weight: bold;
        padding-left: 20px;
    }

    .gridViewSystemMessage table .tdMessage {
        max-width: 800px;
    }

    .gridViewSystemMessage table .tdAge {
        width: 115px;
        text-align: center;
        font-style: italic;
    }
/* end system messages */

.tooltip {
}

    .tooltip ol, ul {
        padding: 5px 0px 5px 15px;
        list-style: square;
    }

    .tooltip li {
        padding: 2px 0px 3px 0px;
        font-weight: normal;
    }


.selectedRow {
    background-color: silver;
    color: black;
}

/* reports */
/*----------------------------------------------------
report title button
*/
.btn_reportTitle {
    padding: 5px 10px 5px 10px;
    color: #000000;
    font-size: 1.55em;
    cursor: pointer;
    font-variant: small-caps;
    background-color: #cccccc;
    border: none;
    text-align: left;
    background-image: url(../../images/report_title_background.png);
    background-position: left top;
    background-repeat: repeat-y;
    border-radius: 1px;
    width: 800px;
}

    .btn_reportTitle:hover {
        color: darkblue;
        cursor: pointer;
        background-color: #cccccc;
    }

    .btn_reportTitle[disabled] {
        color: Silver;
        background-color: Gray;
    }

        .btn_reportTitle[disabled]:hover {
            color: Silver;
            cursor: not-allowed;
        }
/* report title button end 
----------------------------------------------------*/

.divReportPage {
    text-align: center;
}

    .divReportPage .divReportParameters {
        display: inline-block;
    }

.divReportsMenu {
    text-align: center;
}

    .divReportsMenu .divReport {
        padding: 5px 35px 35px 25px;
        width: 800px;
        display: inline-block;
    }

        .divReportsMenu .divReport .button {
            border-top: solid 1px Darkblue;
            border-left: solid 1px Darkblue;
        }

        .divReportsMenu .divReport .description {
            font-size: .95em;
            border-left: solid 1px Darkblue;
            padding: 5px 5px 5px 10px;
            text-align: left;
        }

/* end reports*/

/* dull springs api testing
----------------------------------------------------*/

.divSSTesting {
}
    .divSSTesting .divLookup {
        text-align: left;
        float: left;
        background-color: silver;
        max-width:30%;
    }
        .divSSTesting .divLookup .divLookupItem {
            padding: 25px;
            border-top: solid 2px black;
            border-right: solid 2px black;
        }
    .divSSTesting .divDump {
        text-align: left;
        float: left;
        border-left: solid 2px black;
        border-top: solid 2px black;
        padding: 25px;
        max-width: 65%;
    }
        .divSSTesting .divDump .dlabel {
            font-weight: bold;
        }
        .divSSTesting .divDump .ddata {
        }

/* dull springs api testing */