﻿a:hover {
    opacity: 0.5;
}

#table_main {
    padding: 0;
    border: 1px solid #ccc;
    width: 912px;
    margin: 3px auto 0 auto;
}

#table_footer {
    font-family: Verdana, Arial, Sans-Serif;
    width: 911px;
    margin: 0 auto 86px auto;
}

    #table_footer td {
        text-align: right;
    }

        #table_footer td.text {
            font-size: 9px;
            text-align: center;
        }

#table_footer_clone {
    font-family: Verdana, Arial, Sans-Serif;
    width: 854px;
    margin: 0 auto 86px auto;
}

    #table_footer_clone td {
        text-align: right;
    }

        #table_footer_clone td.text {
            font-size: 9px;
            text-align: center;
        }

#main_menu {
    font-family: Verdana, Arial, Sans-Serif;
}

#LoginName1, #lsLogOut {
    padding: 0.5em 0;
    font-size: 11px;
}

.grey-background {
    background: #eeeeee !important;
    padding: 5px;
}

.blue-background,
ul.menu li {
    background: #FFFFFF;
    padding: 5px;
}

.blue-background-hover {
    background: #e31270;
    color: #FFFFFF;
    /*padding: 5px;*/
    z-index: 1000;
}

    .blue-background-hover:hover,
    ul.menu li:hover {
        background: #e31270;
        color: #FFFFFF;
        /* padding: 5px;*/
        z-index: 1000;
    }

ul.autocomplete_Dlg,
ul.autocomplete {
    border: 1px solid #aaa;
    display: none;
    position: absolute;
    z-index: 999;
    max-height: 350px;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

    ul.autocomplete_Dlg li,
    ul.autocomplete li {
        padding: 0.5em 2em 0.5em 1em;
        cursor: pointer;
        border-bottom: 1px solid #ccc;
        list-style: none;
        background: #fff;
    }

        ul.autocomplete_Dlg li:hover,
        ul.autocomplete li:hover {
            background: #e6e6e6;
        }

#progress {
    display: none;
    opacity: 0.75;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 32618;
}

    #progress.visible {
        display: table;
        *display: block;
        *filter: alpha(opacity=75);
    }

    #progress tr td {
        text-align: center;
        vertical-align: middle;
    }

div.content {
    font-family: Verdana, Arial, Sans-Serif;
    min-height: 600px;
}


/** Company name search is used on many pages. This will fix it for all of them **/
#company_name_Dlg
#company_name {
    width: 35em;
}

#company_name_results_Dlg,
#company_name_results {
    left: .1em;
    top: 3.1em;
    width: 36.2em;
}



.staticcompanyName {
    display: inline-block;
    font-family: Tahoma, Verdana, Arial;
    color: #000000;
    font-size: 21px;
    height: auto;
    width: auto;
    text-align: left;
    margin-right: 1em;
    float: left;
}

.listbar {
    border: 1px solid #58585a;
    border-width: 1px 0px 0px 0px;
    /* background-image: url(../images/explorerBarHeader.jpg);*/
    background-repeat: repeat-x;
    background-color: #999999; /*#e6e6e6; #D9DCE0;*/
    height: 22px;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial;
    padding-left: 2px;
    padding-right: 11px;
}


.listbarcontainer {
    border-right: #6593cf 1px solid;
    border-top: #6593cf 0px;
    border-bottom: #6593cf 1px solid;
    border-left: #6593cf 1px solid;
    padding-bottom: 10px;
}

.activedocs-heading {
    background-color: #e31270; /*#D4D7DB;*/
    /*background-image: url('../images/igwgHeader.jpg');
    background-repeat: repeat-x;*/
    font-family: Verdana;
    font-size: 11pt;
    line-height: 37px;
    height: 37px;
    text-indent: .6em;
    font-weight: bold;
}

.activedocs-page-heading {
    font-size: 1.3em;
    text-align: center;
    color: #16467A;
    margin: 0.67em 0;
    font-weight: normal;
}

.content_title {
    font: bold 14pt Arial, Helvetica, sans-serif;
    color: #000066;
    text-decoration: none;
}

.content_h3 {
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
    color: black;
}

.content_text {
    font: 10pt Verdana, Arial, Helvetica, sans-serif;
    color: black;
}

.content_error {
    font: 10pt Verdana, Arial, Helvetica, sans-serif;
    color: #ff6666;
}

.button-icon {
    position: relative;
    display: inline-block;
    margin: -2px 8px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.button-orange {
    /*padding: 15px 40px !important;*/
    color: #fff !important;
    background: #e31270;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    border: 0px;
    /* color: #ffffff;
    background-color: #FF7F00;*/
    padding: 3px;
    /*border-radius: 4px;*/
}

#pass_req {
    padding-left: 12px;
    list-style: none;
    text-align: left;
}

a.ServicesDescription:link {
    font-size: 12px;
    color: #0078AE;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

a.ServicesDescription:active {
    font-size: 12px;
    color: #0078AE;
}

a.ServicesDescription:visited {
    font-size: 12px;
    color: #0078AE;
}

a.ServicesDescription:hover {
    font-size: 12px;
    color: #75B2D5;
}

.iframe_style {
    width: 100%;
    height: 100%;
    display: none;
}

.iframe_div {
    height: 550px;
}

.ui-widget-content {
    border: 1px solid #dddddd !important;
    background: #eeeeee !important;
    color: #333333 !important;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0; /* padding: .5em 1em; */
    background: none;
    overflow: auto;
    zoom: 1;
}

.dialogButton {
    /*padding: 15px 40px !important;*/
    color: #fff !important;
    background: #e31270;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    width: 60px;
    font-size: 11px !important;
    margin-right: 10px !important;
    bottom: 0 !important;
    margin-bottom: 10px !important;
    /*  background: url(../images/neutral.jpg);*/
    height: 26px !important;
    min-width: 60px;
    display: inline-block;
    /* border-radius: 3px !important;*/
    /*  color: #000000 !important;*/
    text-decoration: none !important;
    cursor: pointer !important;
    border: 0px;
}

.dialogCancel {
    /*width: 200px !important;*/
    /* margin: 100px auto;*/
    background-color: #eeeeee !important;
    border: 1px solid #000 !important;
    padding: 15px !important;
    text-align: center;
    font-family: Verdana,Arial,sans-serif !important;
    font-size: .10em !important;
    z-index: 100000 !important;
}

    .dialogCancel .ui-widget-header {
        background: none !important;
        border-bottom: none !important;
        color: inherit !important;
    }

    .dialogCancel .ui-widget-content {
        border: none !important;
        background: inherit !important;
        color: inherit !important;
    }

.dialogiLink {
    width: 200px;
    /* margin: 100px auto;*/
    padding: 15px;
    text-align: center !important;
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 11px !important;
    border: 1px solid #FFFFFF !important;
    position: relative !important;
    padding: 10px !important;
    border-radius: 3px !important;
    background: #eeeeee !important;
    z-index: 100000000 !important;
    position: fixed !important;
}

    .dialogiLink .ui-widget-header {
        background: none !important;
        border-bottom: none !important;
        color: inherit !important;
    }

    .dialogiLink .ui-widget-content {
        border: none !important;
        background: inherit !important;
        color: inherit !important;
    }

.ui-dialog-content {
    background: inherit !important;
}

.dialogCancel .ui-dialog-content {
    overflow: hidden !important;
}

.ui-dialog-titlebar {
    text-align: center !important;
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 11px !important;
    position: relative !important;
    padding: 10px !important;
    border-radius: 3px !important;
}

.ui-dialog .ui-dialog-titlebar {
    border: none !important;
}

.ui-dialog .ui-dialog-title {
    /*white-space: normal !important;*/
    float: none !important;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center !important;
    background: inherit !important;
    /*background-color: #eeeeee !important;*/
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none !important;
        background: inherit !important;
    }

.ui-dialog .ui-dialog-titlebar-close {
    background: inherit !important;
    /*background: #2b2b2b !important;*/
}

.controlEdit {
    background: url(../images/edit.png);
    width: 18px;
    height: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

.controlDelete {
    background: url(../images/remove_red.png);
    width: 13px;
    height: 14px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

.controlEmail {
    background: url(../images/mail.gif);
    width: 25px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 1px;
    cursor: pointer;
}

.controlOrderSummary {
    background: url(../images/paste.gif);
    width: 23px;
    height: 22px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 1px;
    cursor: pointer;
}

.controlPrint {
    background: url(../images/print.jpg);
    width: 24px;
    height: 24px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 1px;
    cursor: pointer;
}

.controlPlus {
    background: url(../images/ig_tblPlus.gif);
    width: 12px;
    height: 12px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 1px;
    cursor: pointer;
}

.controlMinus {
    background: url(../images/ig_tblMinus.gif);
    width: 12px;
    height: 12px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 1px;
    cursor: pointer;
}

.controlOpen {
    background: url(../images/open.gif);
    width: 30px;
    height: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

.controlPdf {
    background: url(../images/pdfIcon.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    margin-top: 0px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 0px;
    cursor: pointer;
}

    .controlDelete:hover, .controlEdit:hover, .controlEmail:hover, .controlOpen:hover, .ui-button-x:hover, .ui-button:hover, .paginate_button:hover, .controlOrderSummary:hover, .controlPrint:hover, .controlMinus:hover, .controlPlus:hover, .controlPdf:hover, button:hover, input[type="button"]:hover {
        opacity: 0.5;
    }

.paginate_button_disabled:hover {
    opacity: 1.0;
    cursor: auto;
}

.form_item {
    padding-left: 10px;
}

.ui-button {
    /*padding: 15px 40px !important;*/
    color: #fff !important;
    background: #e31270;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    margin-left: 15px;
    margin-right: 15px;
    bottom: 0;
    margin-bottom: 10px;
    /*background: url(../images/neutral.jpg);*/
    height: 24px;
    display: inline-block;
    /*  border-radius: 3px;
    color: #000000;*/
    text-decoration: none;
    padding: 0 8px;
    font-size: 12px;
    border: 0px;
    cursor: pointer;
}

.ui-button-x {
    /*padding: 15px 40px !important;*/
    color: #fff !important;
    background: #e31270;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    margin-left: 10px;
    margin-right: 10px;
    bottom: 0 !important;
    margin-bottom: 10px;
    /*background: url(../images/neutral.jpg);*/
    height: 24px !important;
    min-width: 60px;
    display: inline-block;
    border-radius: 3px !important;
    /*color: #000000 !important;*/
    text-decoration: none !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    border: 0px;
    cursor: pointer !important;
}

    .ui-button-x:disabled, .ui-button:disabled, .controlDelete:disabled, .controlEdit:disabled, .controlEmail:disabled, .controlOpen:disabled, .paginate_button:disabled, .controlOrderSummary:disabled, .controlPrint:disabled, .controlMinus:disabled, .controlPlus:disabled, .controlPdf:disabled {
        opacity: 0.4;
    }

button:disabled, input[type="button"]:disabled {
    opacity: 0.4;
}

.ui-widget-overlay {
    position: fixed !important;
    opacity: 0.3 !important;
    filter: alpha(opacity = 30) !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: Black !important;
    color: White !important;
}

.dateFilter_divRadio {
    margin-bottom: 10px;
    margin-left: 20px;
}

.dateFilter_divRadio_Range {
    margin-bottom: 10px;
    margin-left: 20px;
    width: 400px;
}

    .dateFilter_divRadio_Range span {
        float: right;
        margin-right: 15px;
    }

.datesFilter {
    line-height: 20px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-right: 15px;
    border: 1px solid black;
    background: lightgray;
    width: 45%;
    float: left;
    height: 180px;
}

.filterItems {
    line-height: 20px;
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-right: 15px;
    border: 1px solid black;
    background: lightgray;
    width: 45%;
    float: right;
    height: 180px;
}

.ordersSearchFiltersForm {
    width: 100%;
    float: right;
    font-size: 12px;
    margin-top: 10px;
    border: 1px solid black;
    display: inline-block;
}

.filterItem {
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 20px;
    margin-right: 15px;
}

.filterItemInput {
    margin-right: 50px;
    width: 180px;
    float: right;
}

.filterItemSelect {
    margin-right: 50px;
    width: 187px;
    float: right;
}

.filterButtons {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sortControls {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.btnFilters {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}

.date_Radio {
    cursor: pointer;
}

.error {
    border-color: red !important;
    margin-left: 10px;
}

.exception_error {
    font-weight: bold;
    color: red;
    margin-left: 10px;
}

.login_error {
    color: red;
    margin-right: 130px;
    margin-top: 3px;
    margin-bottom: 3px;
}

@media all {
    .page-break {
        display: none;
    }
}
