﻿/* ----- Job Tickets ----- */

div.divSimpleHeading
{
    padding: 0 0 4px 0;
    border-bottom: solid 1px #555;
    font-size: 12pt;
    font-weight: bold;
    color: #555;
    margin: 0 0 10px 0;
}

div.divReallySimpleHeading
{
    padding: 0 0 4px 0;
    font-size: 10pt;
    font-weight: bold;
    color: #555;
}

div.divStatusCheckers
{
    margin: 0 0 15px 10px;
    font-size: 9pt;
}

div.divCampaignsList
{
    width: 1050px;
    margin: 0 0 15px 15px;
}

table.tblJobTicketsList
{
    width: 1050px;
}

td.tdJTL_CH
{
    background-color: #555;
    font-size: 9pt;
    font-weight: bold;
    padding: 3px;
}

    td.tdJTL_CH a:link
    {
        text-decoration: none;
        color: #fff;
    }

    td.tdJTL_CH a:visited
    {
        text-decoration: none;
        color: #fff;
    }

    td.tdJTL_CH a:active
    {
        text-decoration: none;
        color: #fff;
    }

    td.tdJTL_CH a:hover
    {
        text-decoration: none;
        color: #e1e1e1;
    }

tr.trJTL_Alternate
{
    background-color: #c1c1c1;
}

tr.trJTL_Regular
{
    background-color: #fff;
}

td.tdJTL_Item
{
    padding: 3px;
    font-size: 9pt;
}


div.divCampaign
{
    position: absolute;
    z-index: 52;
    left: -1200px;
    top: -1200px;
    background-color: #96b2c9;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: solid 1px #444;
    -webkit-box-shadow: 0 4px 8px 4px #222222;
    -moz-box-shadow: 0 4px 8px 4px #222222;
    box-shadow: 0 4px 8px 4px #222222;
    width: 1050px;
}

div.divCPHeader
{
    width: 97%;
    margin: 10px auto;
}

table.tblJTHeader
{
    width: 100%;
}

div.divCP_TicketNumber
{
    width: 525px;
    font-size: 15pt;
    color: white;
}

div.divCP_EditLinks
{
    width: 100%;
    text-align: right;
}

    div.divCP_EditLinks a:link
    {
        text-decoration: none;
        color: white;
    }

    div.divCP_EditLinks a:visited
    {
        text-decoration: none;
        color: white;
    }

    div.divCP_EditLinks a:active
    {
        text-decoration: underline;
        color: white;
    }

    div.divCP_EditLinks a:hover
    {
        text-decoration: underline;
        color: #790000;
    }

td.tdJT_HeaderLabel
{
    text-align: right;
    color: white;
    font-size: 8pt;
    padding: 3px;
}

td.tdJT_HeaderValue
{
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 9pt;
    padding: 3px;
}

div.divCPHeaderNavs
{
    background-color: #11558b;
    padding: 3px 3px 3px 17px;
    font-size: 9pt;
    font-weight: bold;
}

    div.divCPHeaderNavs div
    {
        display: inline-block;
        margin-right: 60px;
    }

    div.divCPHeaderNavs img
    {
        vertical-align: baseline;
        margin-left: 5px;
    }

    div.divCPHeaderNavs a:link
    {
        text-decoration: none;
        color: white;
    }

    div.divCPHeaderNavs a:visited
    {
        text-decoration: none;
        color: white;
    }

    div.divCPHeaderNavs a:active
    {
        text-decoration: none;
        color: white;
    }

    div.divCPHeaderNavs a:hover
    {
        text-decoration: none;
        color: #790000;
    }

div.divCPFormArea
{
    width: 100%;
    background-color: white;
    min-height: 250px;
    margin: 0 0 25px 0;
}

div.divCPForm
{
    width: 990px;
    margin: 0 0 0 17px;
    font-size: 9pt;
    color: #555;
}

table.tblJTForm
{
}

td.tdJTLabel
{
    padding: 3px;
    text-align: right;
    font-size: 9pt;
    font-weight: bold;
    color: #555;
    border-bottom: solid 1px #e1e1e1;
    width: 25%;
}

td.tdJTDataItem
{
    padding: 3px;
    text-align: left;
    font-size: 9pt;
    color: #000;
    border-bottom: solid 1px #e1e1e1;
    width: 25%;
}

div.divCampaignActivity
{
    padding: 0 0 20px 0;
}

div.divAddFileButton
{
    margin: 8px 0 0 0;
}

div.divAddFileMessage
{
    margin: 8px 0 8px 0;
    font-size: 9pt;
    color: #555;
}

div.divRemoveJobTicketOptions
{
    display: inline-block;
    margin: 0 0 0 10px;
}

div.divImportHeaderItems
{
    width: 500px;
    margin: 8px 0 8px 0;
    border-bottom: solid 2px #555;
}

table.tblImportHeaderItems
{
    width: 500px;
}

td.tdImportHeaderTitle
{
    font-size: 10pt;
    font-weight: bold;
    color: #555;
}

td.tdImportHeaderProfiles
{
    text-align: right;
}

div.divColumnMappings
{
    margin: 0 0 8px 0;
}

table.tblColumnMappings
{
    width: 500px;
}

td.tdColumnMappingsCH
{
    background-color: #555;
    color: white;
    padding: 3px;
    font-weight: bold;
    font-size: 9pt;
}

td.tdColumnMappingsItem
{
    color: #555;
    padding: 3px;
    font-size: 9pt;
    border-bottom: solid 1px #555;
}

div.divImportButtons
{
    width: 500px;
    padding: 0 0 16px 0;
}

table.tblImportButtons
{
    width: 500px;
}

div.divImportMessage
{
    color: #555;
    padding: 3px;
    font-size: 9pt;
}

table.tblISResults
{
    width: 950px;
}

td.tdDENotesHeading
{
    font-size: 8pt;
    font-weight: bold;
    padding: 3px;
    background-color: #e1e1e1;
}

td.tdISResultsCH
{
    background-color: #555;
    color: white;
    padding: 3px 10px 3px 3px;
    font-weight: bold;
    font-size: 9pt;
    white-space: nowrap;
}

td.tdISResults
{
    color: #555;
    padding: 3px 10px 3px 3px;
    font-size: 9pt;
    border-bottom: solid 1px #555;
}

td.tdDENotes
{
    color: #555;
    padding: 3px 10px 3px 3px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
}


div.divCPText
{
    color: #555;
    font-size: 9pt;
}

table.tblVBResults
{
    width: 950px;
}

td.tdVBResultsCH
{
    background-color: #555;
    color: white;
    padding: 3px;
    font-weight: bold;
    font-size: 9pt;
}

td.tdVBResults
{
    color: #555;
    padding: 3px;
    font-size: 9pt;
    border-bottom: solid 1px #555;
}

div.divVendorDataList
{
    padding: 0 0 15px 0;
}

div.divVendorDataMessage
{
    color: #555;
    font-size: 9pt;
}

div.divCreateDialerExport
{
    width: 575px;
    padding: 0 0 15px 0;
    display: none;
}

td.tdJTHeader
{
    color: white;
    font-weight: bold;
    background-color: #555;
    padding: 3px;
}

div.divCreateDialerExportMessage
{
    width: 100%;
    min-height: 16px;
    margin: 5px 0;
}

div.divDialerExportsList
{
    padding: 0 0 15px 0;
}

.selSmall
{
    font-size: 8pt;
}

div.divAddJournalNote
{
    width: 350px;
    padding: 15px;
    border: solid 1px black;
    background-color: white;
    z-index: 100;
    position: absolute;
    left: -1200px;
    top: -1200px;
}

div.divAddJournalNoteHeading
{
    font-size: 11pt;
    font-weight: bold;
    color: #555;
    margin: 0 0 8px 0;
}

div.divAddJournalNoteLinks
{
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    padding: 8px
}

div.divStatsSummary
{
    width: 100%;
    padding: 5px;
    border-radius: 8px;
    background-color: #555;
    margin: 10px 0 15px 0;
}

tbl.tblStatsSummary
{
    width: 800px;
}

td.tdStatsLabel
{
    font-size: 10pt;
    color: #e1e1e1;
    padding: 3px 3px 3px 10px;
    white-space: nowrap;
}

td.tdStatsValue
{
    font-size: 12pt;
    color: #ffffff;
    padding: 3px 30px 3px 3px;
    white-space: nowrap;
}

table.tblAgentStatusLayout
{
    width: 900px;
}

td.tdAgentSummaryLeft
{
    width: 400px;
    padding: 0 20px 0 0;
    vertical-align: top;
}

td.tdStatusSummaryRight
{
    width: 500px;
    vertical-align: top;
}

div.divStatusSummaryChart
{
    width: 500px;
    height: 325px;
}

div.divAgentSummary
{
    padding: 0 0 15px 10px;
}

table.tblAgentSummary
{
    width: 300px;
}

td.tdASCH
{
    font-weight: bold;
    font-size: 9pt;
    background-color: #555;
    color: white;
    padding: 3px;
}

td.tdASItem
{
    font-size: 9pt;
    border-bottom: solid 1px #e1e1e1;
    color: #555;
    padding: 3px;
}

div.divChartSeparator
{
    border-top: 2px solid #e1e1e1;
    margin: 10px 0;
}
