/*  */


    /* Integration-MAIN.CSS */

    .details-popup-box {
            font-size:85%;
    }
        .details-popup-box table {
            margin:0 auto !important;    
        }
        .details-popup-box td {
            padding:4px !important; /* override the TB_Window class settigs */
        }
        .details-popup-box .colHeader {
            font-weight:bold; background-color:#666; color:#fff;
        }
        
    #cboxContent h3.heading-list {
        margin:10px 0 0 0; font-weight:normal; font-size:98%;
    }

    table.data td {
        vertical-align:top;    
    }
        table.data th a.sortBy {
            border-bottom:1px solid #666; color:#fff;
        }
        table.data th a.sortBy:hover {
            text-decoration:none; color:#fff; border-bottom:1px dotted #fff;
        }
        table.data th a.sortBy {
            display:inline-block; background-position:right; background-repeat:no-repeat; padding-right:14px;
        }
        table.data th.active-col-ASC {
            background-color:#494949; 
        }
            table.data th.active-col-ASC a.sortBy {
                background-image:url("ARR-sort-active-ASC.gif"); border-bottom:1px solid #444;
            }
            table.data th.active-col-ASC a.sortBy:hover {
                border-bottom:1px dotted #999;
            }
        
        table.data th.active-col-DESC {
            background-color:#444; 
        }
            table.data th.active-col-DESC a {
                background-image:url("ARR-sort-active-DESC.gif"); border-bottom:1px solid #444;
            }
            table.data th.active-col-DESC a.sortBy:hover {
                border-bottom:1px dotted #999;
            }
        table.data th.inactive-col {
            
        }
            table.data th.inactive-col a {
                background-image:url("ARR-sort-inactive.gif"); 
            }
            
        table.data th.row {
            vertical-align:top;    
        }
    
    
    tr td span.creditStatus {
        background-image:url("ICON-green-tick.gif"); background-repeat:no-repeat; display:inline-block; width:16px; height:16px;
    }
    
    tr.creditWarning td,
    tr.creditWarning td * {
        color:#F44 !important;
    }
        tr.creditWarning td span.creditStatus {
            background-image:url("ICON-delete.gif");
        }
    



    .btn-icon {
        border:1px solid #ccc; font-weight:normal; text-align:center; color:#559; background-color:#f4f4f4; width:130px; padding:4px 24px 6px 2px; background-position:132px 4px; background-repeat:no-repeat;
    }
    .btn-icon:hover {
        background-color:#e4e4e4;
    }
    
    .btn-left {
        display:inline-block;
    }
    .btn-right {
        display:block; float:right;
    }
    
    a.downloadLink {
        background-image:url("ICON-save.gif");
    }
    
    a.createNewItemLink {
        background-image:url("ICON-new.gif"); background-repeat:no-repeat;
    }
    
    a.searchLink {
        background-image:url("ICON-search.gif"); 
    }
    
    a.icon-item {
        width:16px; height:16px; display:inline-block; padding:0;    
    }
    a.icon-item:hover,
    a.icon-item:hover span {
        text-decoration:none !important;
    }
    a.icon-item span {
        display:none;
    }
    a.delete-item {
        background-image:url("ICON-delete.gif"); 
    }


    .btnStd {
        display:inline-block; border:1px solid #bbb; padding:4px; text-align:center; font-style:normal; background-color:#eee; color:#333; font-size:95%; font-weight:normal !important;
    }
    
    h3.heading-list {
        margin:4px 0; font-weight:normal;
    }


/* DATA TABLES
------------------------------------------------------ */
    
    
    .feature-data table.data tr.std td {
        border-right:1px dotted #777;
    }
    
    .feature-data table.data tr.sub-heading td {
        background-color:#222;  /* background-image:url(BG-stdRowLightBorder.jpg); */ background-position:left; background-repeat:no-repeat; padding-top:12px; 
    }
        .feature-data table.data tr.sub-heading td h3 {
            padding:0; margin:0; color:#fff;
        }
            .feature-data table.data tr.sub-heading td h3 a {
                padding:0 0 0 50px; margin:0; color:#fff; display:block; background-image:url("ARR-tri-sml-org-xparent.gif"); background-position:28px 3px; background-repeat:no-repeat; /*  ../images/Applications/ARR-tri-sml-org-xparent.gif */
            }
            
            .feature-data table.data img.thumb {
                /* border:1px solid #000; */ max-width:48px; max-height:48px;
            }

    .feature-data table.data tr th {
        background-image:url("BG-hdr-datatbl.jpg"); background-repeat:repeat-x; padding:0; background-color:#000; /*  ../images/Applications/BG-hdr-datatbl.jpg */
    }
        .feature-data table.data tr th .border {
            background-image:url("BG-header-featuredata-bdr.jpg"); background-repeat:repeat-y; background-position:right; display:block; padding:4px; /*  ../images/Applications/BG-header-featuredata-bdr.jpg */
        }
        .feature-data table.data tr th .pad-header-row {
            display:block; padding:4px;
        }
    
    .feature-data table.data tr a.btn-Order {
        background-image:url(""); background-repeat:no-repeat; color:#fff; /* ../images/Applications/BTN-hdr-featuredata.gif */
    }
    .feature-data table.data td.date-range {
        white-space:nowrap;
    }
    .feature-data table.data td.descr,
    .feature-data table.data td.descr a {
        color:#aaa; 
    }
    .feature-data table.data td.descr a {
        font-weight:normal; text-decoration:underline;
    }
    .feature-data table.data td.descr a:hover {
        color:#ddd; 
    }
        .feature-data table.data td.descr strong {
            color:#fff;
        }    
    
/* MEMBER SPECIALS LIST
------------------------------------------------------ */
    
    .feature-data table.data .colorBoxIMG {
        background-color:#FFFFFF; border:1px solid #000000; display:inline-block; height:48px; text-align:center; vertical-align:middle; width:48px;
    }
        .feature-data table.data .colorBoxIMG img {
            width:auto !important; height:auto !important;
        }


    
/* SUPPLIER DETAILS
------------------------------------------------------ */
    
    .supplier-details-box {
        margin:0 0 20px 0;
    }
        .supplier-details-box table.data th.row {
            width:25%;
        }




/* 
    Application Forms 

    [integration.forms.css]

*/



.form {
    /*font-size:80%; */ padding:0;
}
.form * {
    font-family:Arial; 
}
    .form fieldset {
        border:1px dotted #aaa;    padding:8px;
    }
        .form fieldset legend {
            color:#612154; background-color:#FFF; border:1px solid #999; background-color:#666; color:#fff;
        }
.form label {
    float:left;
    width:130px;
}
.form .instruct label {
    float:none;
}
.form .inputGroup {
    float:left; width:278px; 
}
    .form .inputGroup .select {
        width:280px;
    }
    .form .inputField {
        width:274px;    
    }
    .form .inputField-small {
        width:80px;    
    }
    .form .inputField_Date {
        float:left; width:248px;
    }
    .form .inputGroup label,
    .form .inputSelectionsGroup label {
        clear:left; width:100%; font-weight:normal;
    }
    .form .inputGroup .instruct {
        font-style:italic; display:inline-block; padding:2px 0; color:#888;
    }
    
.form .inputSelectionsGroup {
    max-height:90px; overflow:auto; border:1px solid #bbb; width:278px; display:inline-block; 
}
.form .errGroup {
    float:left; width:140px; 
}
.form em.req {
    font-weight:bold; padding-right:5px; vertical-align:top; color:#f00; float:left; width:16px; text-align:center;
}
.form p {
    clear:both; padding:6px 0 2px 0;
}
    .form p span.offset-inline {
        display:inline-block; width:155px; 
    }

.form label.error {
    color:#f00; /* float:none;    */ float:left; padding-left:1em; width:200px; vertical-align:top; font-weight:normal;
}
.form .inputField.error, 
.form .inputField-small.error, 
.form .inputField_Date.error,
.form select.error {
    background-color:#F49D9F;
}

.form .submit {
    margin-left:12em;
}

.checked {
    background-color:#BCD9E8; color:#333;
}
.notChecked {
    background-color:#fff;
}
.btnActivate, .btnActivateWPrefix {
    display:inline-block; width:140px; border:1px solid #bbb; border-top:1px solid #DCD9DE; padding:4px; text-align:center; font-style:normal; width:270px; background-color:#eee; color:#333; font-size:95%; font-weight:normal !important;
}
.btnActivateWPrefix {
    text-decoration:none;
}
    .btnActivateWPrefix span {
        text-decoration:underline;
    }
    .btnActivateWPrefix span.prefix {
        border:1px solid #999; text-decoration:none; padding:0 1px;
    }


/* Member Listing Data */

.suburbCol {
    
}
.streetCol {
    
}
table.data .memberLinkCol {
}
    table.data .memberLinkCol a {
        /* text-decoration:underline; */
        border-bottom:1px dotted #999;
    }    


/* ----------------------
    JQUERY UI Integration - Customisations
   ---------------------- */
.ui-datepicker-trigger {
    margin:2px 0px 2px 4px;
}
.form-container .ui-widget { font-size:100%; }
.uix-alertMsg { padding: 1.25em; margin-top: 10px; }
    .uix-alertMsg .ui-icon { float: left; margin-right: 0.3em; }

/* --- UILITY ----*/

.clearspace { height:5px; clear:both; font-size:0; line-height:0; }