/* Tag Redefinitions */
html {
    /* PrimeVue themes are defined in rem units, which are based on the font size of the HTML element.
       This font size sets the scale of the entire theme. */
    font-size: 12px;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: white;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h2
{
    background-image: url(../p7tp/img/tabs03header.jpg);
    background-repeat: repeat-x;
    background-position: left center;
    padding: 6px 6px;
    border: 2px solid #000000;
    background-color: black;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    color: #FFFFFF;
}

h3
{
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
}

    h3.subCategoryDisplay
    {
        background-color: gray;
        background-image: url("../p7tp/img/Silver/tabs03header.jpg");
        border-color: #DDDDDD;
        color: #000000;
        margin-top: 0;
        padding: 6px;
    }

div.systemTextEmailContainer {
    border: 1px solid #CCCCCC;
    padding-left: 5px;
}

div.systemTextEmailContainer h6 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

hr
{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

table
{
    border: none;
    border-spacing: 0;
    empty-cells: show;
    padding: 0;
    margin: 0;
}

th
{
    color: #FFFFFF;
    background-color: #222222;
    font-size: 12px;
    padding: 5px;
    border: solid 2px black;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

td
{
    vertical-align: top;
    padding: 5px;
}

input, select
{
    margin: 0;
    padding: 0;
    font-size: 10px;
}

    input[type=button], input[type=submit]
    {
        padding: 0 5px 0 5px;
    }

    input[type=checkbox], input[type=radio]
    {
        padding: 0 2px 0 5px;
    }

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

label {
    padding: 5px 15px 5px 2px;
}

acronym, abbr
{
    cursor: help;
}

fieldset
{
    margin-bottom: 10px;
}

form
{
    margin: 0;
    padding: 0;
}

dl
{
    width: 100%;
}

dt
{
    float: left;
    width: 30%;
    padding: 0;
    margin: 0;
}

dd
{
    font-style: italic;
    float: left;
    width: 70%;
    padding: 0;
    margin: 0;
}

/*IE6 and less hack for the floated dt/dd combo.*/
* html dd
{
    height: 0;
    padding-left: 0;
}

/* Link Styles */
a, a:link, a:visited
{
    color: #0000FF;
}

a:hover
{
    color: #00FF00;
}

/* IE10- shows a border around images in anchor tags by default. */
a img, a:link img, a:visited img, a:hover img, a:active img {
    border: 0;
}

/*a:active {color: #80B200;}*/

/* PSEUDO-CLASSES FOR SPECIAL ELEMENTS */
/*Table Styles*/

th.vertical
{
    text-align: right;
}

td.SubHeader
{
    background-color: #EEEEEE;
}

td.GroupHeader
{
    border: solid 2px #000000;
    background-color: White;
}

tr.GroupHeader td
{
    border: solid 2px #000000;
    background-color: White;
}

td.DetailHeader
{
    text-decoration: underline;
}

tr.status td, td.status
{
    font-weight: bold;
    color: #FF0000;
    border-collapse: separate;
    border-top: thin solid #0000FF;
    border-bottom: thin solid #0000FF;
}

tr.cstatus td, td.cstatus
{
    font-weight: bold;
    border-collapse: separate;
    border-top: thin solid #0000FF;
    border-bottom: thin solid #0000FF;
}

td.alternate, .alternate td
{
    background-color: #CCCCCC !important;
}

td.locked
{
    background-color: #99FF99;
}

td.NewInventory
{
    border: 1px double #FFCC66;
}

td.Urgent
{
    background-color: #FF0000;
    color: #FFFFFF;
}

td.High
{
    background-color: #FFFF80;
}

td.Standard
{
    background-color: #EEEEEE;
}

td.Low
{
    background-color: #EEEEEE;
}

table.grid td
{
    border: solid 1px #EEEEEE;
}

.subtotal td
{
    border: dotted 1px black;
}

.billingtotal td
{
    background-color: #EEEEEE;
}

.customertotal td
{
    background-color: #CCCCCC;
    font-weight: bold;
}

tr.selectedRow td
{
    background-color: #FFFF99;
}

td.highlightedCell
{
    background-color: #FFFF99;
    font-weight: bold;
}

._hoverRow td { background-color: #EEEEEE;}

/* Links */
a.disabled, a:link.disabled, a:visited.disabled, a:hover.disabled, a:active.disabled, .disabled a, .disabled a:link, .disabled a:visited, .disabled a:hover, .disabled a:active
{
    color: #00CCFF;
}

a.drillDown
{
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
}

a.UserLock
{
    background-color: #008B00;
}

a.MUTEXLock
{
    background-color: #FFA500;
}

a:link.UserLock, a:visited.UserLock, a:link.MUTEXLock, a:visited.MUTEXLock
{
    color: #FFFFFF;
}

a:hover.UserLock, a:hover.MUTEXLock
{
    color: #00FF00;
}

a:active.UserLock, a:active.MUTEXLock
{
    color: #FFFFFF;
}

/*Generic Styles*/
.disabled
{
    font-style: italic;
    color: #999999;
}
.pending
{
    font-style: italic;
    background-color: #ffff00!important;
}

.alertError, .validation-error, .field-validation-error, .error-message
{
    font-weight: bold;
    color: #FF0000;
}

.alertNeutral
{
    font-weight: bold;
    color: #0000FF;
}

.alertPositive
{
    font-weight: bold;
    color: #4AA02C;
}

.alertWarning
{
    background-color: #FFFF00;
}

.alertCritical
{
    background-color: #FF6600;
}

.alertEmergency
{
    background-color: #FF0000;
}

.stretch
{
    width: 100%;
}

.Spacer
{
    width: 14px;
}

.linkButton
{
    font-size: .8em;
    letter-spacing: 1px;
}

.publicNote
{
    color: #E00000;
    font-weight: bold;
}

.IntegratedNote
{
    color: #0000E0;
    font-weight: bold;
}

.statusNote, .statusNote td
{
    color: #E00000;
    font-weight: bold;
    border-top: solid 1px #0070C0 !important;
    border-bottom: solid 1px #0070C0 !important;
}

.carrierNote
{
    color: #0099FF;
    font-weight: bold;
}

.vendorNote
{
    color: #339900;
    font-weight: bold;
}

.notes
{
    font-style: italic;
}

.FinePrint
{
    font-size: 10px;
}

.printonly
{
    display: none;
}

.currentStep
{
    font-weight: bold;
}

.total
{
    font-weight: bold;
}

.navClose, .hide
{
    display: none;
}

input.doubleBoxButton
{
    width: 60px;
}

button.doubleBoxButton
{
    display: block !important;
    width: 3em !important;
    margin-bottom: 0.2em !important;
}

button.button.doubleBoxButton
{
    display: block !important;
    width: auto !important;
    margin-bottom: 0.2em !important;
}

.LayoutOnly
{
    border: 0;
    padding: 0;
    margin: 0;
}

table.LayoutOnly td
{
    border: 0;
    padding: 0;
    margin: 0;
}

    /* This crazily-specific rule prevents tables from inheriting the 0 padding
   from a layout table further up the DOM. */
    table.LayoutOnly td table td
    {
        padding: 5px;
    }

th.note-column, td.note-column {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1000px;
}

/* Removes cell padding from tables generated by the TreeView control.
   The superfluous "tr" in the selector chain adds specificity to override
   the rule above pertaining to tables nested within layout tables. */
div.TreeView table tr td
{
    padding: 0;
}

.popUpDiv
{
    visibility: hidden;
    background-color: white;
    border: solid 1px black;
    padding: 2px;
}

/*REDEFINE SPECIAL SECTIONS*/
#Calendar
{
    padding: 0;
    margin: 0;
    border: thin solid #222222;
    float: left;
    margin-right: 10px;
}

    #Calendar th
    {
        border: thin outset #222222;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    #Calendar td
    {
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        border: 1px solid black;
        vertical-align: middle;
        text-align: center;
    }

        #Calendar td.selected
        {
            background-color: #DADADA;
        }

    #Calendar a
    {
        text-decoration: none;
        display: block;
    }

.dragHandle
{
    cursor: move;
}

/* SPECIAL INVENTORY CLASSES */
.HuntTop td, .HuntTop tr
{
     border-top: 2px #0000FF solid;
     border-bottom: 2px #0000FF solid;
}

td.HuntLeft
{
    border-left: 2px #0000FF solid;
}

td.HuntRight
{
    border-right: 2px #0000FF solid;
}

.HuntBottom td, .HuntBottom tr
{
    border-top: 2px #0000FF solid;
}
.HuntTL 
{
  border-top: 2px #0000FF solid;
  border-left:  2px #0000FF solid;
}
.HuntTR 
{
  border-top: 2px #0000FF solid;
  border-right:  2px #0000FF solid;
}

/* Breadcrumb Navigation Styles */
#breadcrumbs
{
    font-size: .9em;
    color: #000;
    margin-bottom: 10px;
    height: 20px;
}

    #breadcrumbs span
    {
        background-attachment: fixed;
        margin: -2px;
        padding: 2px 20px 4px 10px;
        text-align: left;
        vertical-align: middle;
        height: 30px;
    }

    #breadcrumbs .earlyhistory
    {
        background: #d0dea0 url(../images/Breadcrumb_EarlyHistory.png) no-repeat right 0;
    }

    #breadcrumbs .history
    {
        background: #d0dea0 url(../images/Breadcrumb_History.png) no-repeat right 0;
    }

    #breadcrumbs .current
    {
        background: #afcc4e url(../images/Breadcrumb_Current.png) no-repeat right 0;
        color: #fff;
        font-weight: bold;
    }

    #breadcrumbs a:link, #breadcrumbs a.visited
    {
        text-decoration: none;
    }

/* ReportViewer 2010 Styles */
#ReportViewerDiv table
{
    border: none;
}

#ReportViewerDiv th, #ReportViewerDiv td
{
    padding: 0;
}

/* Cursor overrides for clickable elements that are not links or buttons */
img.ImageButton { cursor: pointer; }

/* Special button styling */
button.sortButton
{
    width: 16px !important;
    height: 16px !important;
}

button.iconOnlyButton, input.iconOnlyButton, a.iconOnlyButton, span.iconOnlyButton
{
    background: none !important;
    border: none!important;
    width: 10px !important;
    height: 10px;
}

button.button, input[type=button].button, input[type=submit].button, a.button
{
    display: inline-block;
    color: white;
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #050505 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#050505));
    background: -webkit-linear-gradient(top, #333333 0%,#050505 100%);
    background: -o-linear-gradient(top, #333333 0%,#050505 100%);
    background: linear-gradient(to bottom, #333333 0%,#050505 100%);

    font-size: 12px;
    border: 2px solid black;
    padding: 4px 18px;
    cursor: pointer;
    text-decoration: none;
}

button.mini.button, input[type=button].mini.button, input[type=submit].mini.button, a.mini.button
{
    padding: 0px 4px;
    font-size: 11px;
    border-width: 1px;
}

button[disabled].button, input[type=button][disabled].button, input[type=submit][disabled].button, a[disabled].button
{
    
    background: rgba(51, 51, 51, .35) !important;
    background: -moz-linear-gradient(top, rgba(51, 51, 51, .35) 0%, rgba(5, 5, 5, .35) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51, 51, 51, .35)), color-stop(100%,rgba(5, 5, 5, .35))) !important;
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, .35) 0%,rgba(5, 5, 5, .35) 100%) !important;
    background: -o-linear-gradient(top, rgba(51, 51, 51, .35) 0%,rgba(5, 5, 5, .35) 100%) !important;
    background: linear-gradient(to bottom, rgba(51, 51, 51, .35) 0%,rgba(5, 5, 5, .35) 100%) !important;

    color: rgba(255, 255, 255, .5);
    border-color: rgba(160, 160, 160, .2) !important;

    cursor: default !important;
}
button:hover.button, input[type=button]:hover.button, input[type=submit]:hover.button, a:hover.button {
    background: #222222 url("images/ui-bg_glass_75_222222_1x400.png") 50% 50% repeat-x;
}
button:active.button, input[type=button]:active.button, input[type=submit]:active.button, a:active.button
{
    background: #222;
}

th > .button
{
    border-color: #444 !important;
}

    th > .button[disabled]
    {
        color: rgba(255, 255, 255, .3) !important;
    }

/* jQuery UI Overrides */
.ui-widget-content a.button
{
    color: #fff;
}

.button.ui-button .ui-button-text
{
    padding: 0 !important;
    line-height: normal !important;
}

button.small.button, input[type=button].small.button, input[type=submit].small.button, a.small.button
{
    padding: 2px 12px;
    font-size: 12px;
}

button.mini.button, input[type=button].mini.button, input[type=submit].mini.button, a.mini.button
{
    padding: 1px 6px;
    font-size: 11px;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover
{
    border-right: none !important;
    background: transparent !important;
}

    .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon
    {
        background-image: url("images/ui-icons_cd0a0a_256x240.png");
    }

/* Other custom styles */
.NoRecordsExist
{
    text-align: center;
    font-style: italic;
}

.horizontal-list
{
    padding: 0;
    margin: 0;
    display: inline-block;
}

    .horizontal-list li
    {
        display: inline;
        padding-right: .75em;
    }

    .horizontal-list input
    {
        position: relative;
        top: 1px;
    }

.Support-Customer
{
    color: #0a0;
}

.Support-HostedProvider
{
    color: #aa0;
}

.Support-Simplify
{
    color: #a00;
}

.Support-Carrier
{
    color: #00a;
}
/*Journal Page*/
.publicRow {
    color: #ff0000;
    font-weight: 600;
}
.pjRow {
    background-color: #A2AAF7 !important;
}
/* Custom User Control - Additional Inventory Data*/
.AdditionalData td{ width: 120px!important;}
    .Header td {
       color: #FFFFFF;
        background-color: #222222;
        font-size: 12px;
        padding: 5px;
        border: solid 2px black;
        vertical-align: top;
        text-align: left;
        font-weight: normal; 
    }
/* Parameter Table is a table with a column of headings and a column of values; typically this is used to hold forms where the user selects report filters. */
table.parameterTable { width: 100%;}
table.parameterTable th { width: 1%;white-space: nowrap;}

/* Paragraph styles for drawing attention to information. */
p.info-box { background-color: #EEEEEE;padding: 5px;border: 1px #DDDDDD solid;border-radius: 5px;}

/* Special styling for search inputs */
input[type="search"], input.search-text {
    width: 94%;
    background-image: url(/css/v4/images/search.png);
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 20px;
    border-radius: 500px;
    outline: none;
}