﻿body {
    font: normal 11px/normal 'Tahoma', 'Arial', 'Sans-Serif';
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    height: 100%;
    background: url('../image/bgV2.png') top center repeat-y;
    text-align: justify;
    color: #2B4068;
}


img {
    border-width: 0;
}


input, select {
    font-size: 11px;
    font-family: 'Tahoma', 'Arial', 'Sans-Serif';
    line-height: normal;
}

h1 {
    font-size: xx-large;
}

h2 {
    font-size: x-large;
}

h3 {
    font-size: large;
}

h4 {
    font-size: medium;
}

hr {
    clear: both;
}

button {
    font: normal 11px/13px 'Tahoma', 'Arial', 'Sans-Serif';
    padding: 0px 5px !important;
    padding: 0px;
    margin: 0px;
}

    button img {
        height: 16px;
        margin: 0px 2px -3px 2px;
    }


p {
    margin: 2px 0px 6px 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

a, a:link {
    /*color: #a0410d;*/
    color: #2B4068;
}

    a:visited {
        color: #2B4068;
    }

    a:hover {
        color: #dd4e00;
    }

    a.Selected:link, a.Selected:hover, a.Selected:visited {
        color: #dd0000;
    }

#Header {
    position: relative;
    width: 870px;
    margin: 0px auto;
    padding: 0px;
    /*	background: url('../image/bg.page_content.png') repeat-y;*/
}

    #Header #Logo {
        overflow: hidden;
        max-height: 160px;
        max-width: 160px;
        width: 160px;
        margin: 0px;
        padding: 20px 20px 0px 30px;
        float: left;
    }

    #Header h2 {
        margin: 3px auto;
        padding: 0px;
        font: bold 12px/14px 'Arial', 'Tahoma', 'Verdana', 'Sans-Serif';
        color: #2B4068;
        text-align: center;
    }

    #Header h3 {
        margin: 0px auto;
        padding: 0px;
        font: bold 14px/16px 'Arial', 'Sans-Serif';
        color: #000;
        text-align: center;
    }


    #Header #Top {
        width: 640px;
        float: left;
        padding: 2px 0px 0px 10px;
    }

        #Header #Top .h1 {
            font: bold 12px/14px 'Arial', 'Tahoma', 'Verdana', 'Sans-Serif';
            font-size: large;
            color: #FFFFFF;
            margin: -2px 0px 0px 0px;
            padding: 11px 10px 10px 10px;
            background-color: #0A244E;
        }

    #Header #SafeLogo {
        margin: 10px 0 5px 22px;
        padding: 0;
    }

    #Header #ReturnDP {
        position: absolute;
        top: 131px;
        left: 711px;
    }

ul.nav {
    margin: 0;
    padding: 0;
}

    ul.nav li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.nav li a {
            display: block;
            padding: 5px;
            font-size: small;
        }

fieldset {
    margin: 5px;
    padding: 5px;
}

legend {
    font: bold 10px/11px Arial, 'Tahoma', 'Verdana', 'Sans-Serif';
    background: #2B4068;
    color: #FFFFFF;
    padding: 2px 5px 4px 7px;
}

    legend a {
        text-decoration: none;
    }

        legend a:hover {
            text-decoration: underline;
        }

        legend a:active {
            text-decoration: none;
        }

.ErrorBox {
    color: #f00;
    font-weight: bold;
    padding: 5px;
    margin: 5px 15px 5px 5px;
    border: 1px solid #f00;
    background: #fdd;
}

.divBodyWrap {
    margin: 0px auto;
    padding: 0px;
    height: 100%;
    width: 870px;
}

#Content {
    /*	background: url('../image/bg.page_content.png') repeat-y;*/
    padding: 0px;
    width: 870px;
    overflow-x: hidden;
    overflow-y: visible;
}

    #Content.SecureSend {
        width: 752px;
        margin: 0px auto;
    }

#clientHead {
    clear: none;
}

#Column1 {
    width: 22%;
    margin-left: 10px;
    float: left;
    clear: left;
}


#RightColumnShiftUp {
    margin: 0px 0px 0px 25%;
    padding: 1px 0px 0px 0px !important;
    clear: none;
}


#RightColumn {
    margin: 0px 0px 0px 25%;
    padding: 1px 0px 0px 0px !important;
    padding: 5px 0px 0px 0px;
    clear: none;
}

/* Center column */
#ColumnUpload {
    margin: 0px 0px 0px 25%;
    padding: 1px 0px 0px 0px !important;
    padding: 5px 0px 0px 0px;
    clear: none;
}

#ColumnCatEdit {
    margin: 20px 0px 0px 25%;
    padding: 1px 0px 0px 0px !important;
    padding: 40px 0px 0px 0px;
}


#ConfirmSplash {
    position: relative;
    width: 1002px;
    height: 711px;
    margin: 30px auto;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    background: url('../image/Inbound_SD.png') no-repeat;
}



#IstructsDiv {
    position: absolute;
    top: 283px;
    left: 10px;
    width: 900px;
    height: 115px;
    max-height: 115px;
    padding: 0;
    text-align: center;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
}


#SecureUploadSplash {
    position: relative;
}



#SecureSendSplash {
    position: relative;
    width: 1002px;
    height: 711px;
    margin: 30px auto;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    background: url('../image/Inbound_SD.png') no-repeat;
}

    #SecureSendSplash #AboutSecureDock {
        position: absolute;
        background: #ffffff;
        border: thick solid #939CA5;
        padding: 10px;
        width: 700px;
        top: 45px;
        left: 135px;
    }

        #SecureSendSplash #AboutSecureDock p {
            padding: 10px;
        }

    #SecureSendSplash span {
        display: none;
    }

    #SecureSendSplash .LinkAboutUs {
        position: absolute;
        top: 640px;
        left: 245px;
        width: 52px;
        height: 10px;
    }

    #SecureSendSplash .LinkProfiles {
        position: absolute;
        top: 640px;
        left: 305px;
        width: 45px;
        height: 10px;
    }

    #SecureSendSplash .LinkServices {
        position: absolute;
        top: 640px;
        left: 360px;
        width: 48px;
        height: 10px;
    }

    #SecureSendSplash .LinkIndustries {
        position: absolute;
        top: 640px;
        left: 418px;
        width: 57px;
        height: 10px;
    }

    #SecureSendSplash .LinkNewsletters {
        position: absolute;
        top: 640px;
        left: 485px;
        width: 71px;
        height: 10px;
    }

    #SecureSendSplash .LinkNews {
        position: absolute;
        top: 640px;
        left: 565px;
        width: 27px;
        height: 10px;
    }

    #SecureSendSplash .LinkResources {
        position: absolute;
        top: 640px;
        left: 603px;
        width: 58px;
        height: 10px;
    }

    #SecureSendSplash .LinkLinks {
        position: absolute;
        top: 640px;
        left: 670px;
        width: 29px;
        height: 10px;
    }

    #SecureSendSplash .LinkContact {
        position: absolute;
        top: 640px;
        left: 707px;
        width: 48px;
        height: 10px;
    }


    #SecureSendSplash #Error {
        position: absolute;
        top: 466px;
        left: 301px;
        width: 448px;
        text-align: center;
    }

        #SecureSendSplash #Error a:link, #SecureSendSplash #Error a:visited {
            color: #ff0000;
        }

        #SecureSendSplash #Error a:hover {
            color: #000;
        }

    #SecureSendSplash #Links {
        position: absolute;
        top: 483px;
        left: 770px;
        font: normal 11px/14px 'Arial', 'Sans-Serif';
    }

#divPsfLbl {
    position: absolute;
    top: 283px;
    left: 10px;
    width: 513px;
    height: 30px;
    text-align: center;
    font-size: medium;
    color: #000066;
}


#divExpressType {
    position: absolute;
    top: 283px;
    left: 10px;
    width: 513px;
    height: 30px;
    text-align: center;
    font-size: medium;
    color: #2B4068;
}

#divFeedback {
    text-align: center;
    font-size: small;
    color: #2B4068;
}


#SSIstructs {
    position: absolute;
    top: 283px;
    left: 11px;
    width: 600px;
    height: 115px;
    max-height: 115px;
    padding: 0;
    font-size: 12px;
}



#lblExpressType {
    position: absolute;
    top: 382px;
    left: 11px;
}



#SSExpressType {
    position: absolute;
    top: 383px;
    left: 10px;
    width: 615px;
    height: 30px;
    max-height: 30px;
    padding: 0;
    font: normal 14px/16px 'Tahoma', 'Arial', 'Sans-Serif';
}


#pnlCaptchaTEDOut {
    position: absolute;
    top: 300px;
    left: 610px;
    width: 304px;
    height: 75px;
    max-height: 75px;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    text-align: center;
}



#pnlCaptcha {
    position: absolute;
    top: 283px;
    left: 650px;
    width: 250px;
    height: 115px;
    max-height: 115px;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    text-align: center;
}

#SSCaptchaxx {
    position: absolute;
    top: 283px;
    left: 650px;
    width: 250px;
    height: 115px;
    max-height: 115px;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    text-align: center;
}


#pnlPassword {
    position: absolute;
    top: 283px;
    left: 650px;
    width: 250px;
    height: 100px;
    max-height: 100px;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    text-align: center;
}

#SSPasswordxx {
    position: absolute;
    top: 300px;
    left: 650px;
    width: 250px;
    height: 100px;
    max-height: 75px;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    text-align: center;
}

#SSRecipients {
    top: 0px;
    left: 0px;
    width: 625px; /* auto;  */
    max-height: 370px;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    overflow: auto;
}

#SecureSendForm {
    position: absolute;
    top: 194px;
    left: 52px;
    width: 620px;
    height: 403px;
}


#SSRecipients td {
    background: #ede9e6;
    border: 1px solid #fff;
    font: normal 12px/14px 'Arial', 'Sans-Serif';
    padding: 5px;
}

#SSRecipients div input {
    color: #000;
    width: 100px;
    font: normal 12px/14px 'Arial', 'Sans-Serif';
}

#SSRecipients h2 {
    margin: 0;
    padding: 0;
    font: bold 12px/14px 'Arial', 'Sans-Serif';
}



#divCaptcha {
    margin: 5;
    padding: 0;
    font: bold 12px/14px 'Arial', 'Sans-Serif';
    width: 395px;
    height: 270px;
}


#divNextStepButton {
    position: absolute;
    top: 375px;
    left: 827px;
    width: 80px;
    height: 30px;
    float: right;
    clear: none;
}

.instructsSide {
    margin-left: 10px;
    margin-right: 3px;
    font: bold 11px/13px 'Tahoma', 'Arial', 'Sans-Serif';
}


.instructsSideDX {
    padding-left: 10px;
    padding-right: 10px;
    font: italic 11px/13px 'Tahoma', 'Arial', 'Sans-Serif';
}

.instructsSideStep {
    margin-left: 0px;
    margin-right: 3px;
    font: bold 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
}


.UploadLabelCol1 {
    width: 130px;
    max-height: 100px;
    padding: 0px 0px 0px 50px;
}

#divUpload {
    position: absolute;
    top: 310px;
    left: 10px;
    width: 600px;
    height: 80px;
    overflow: auto;
    color: #2B4068;
}

    #divUpload .Label {
        color: #2B4068;
    }



#tblFilesContainer {
    width: 98%;
    border: solid 1px #BEC5DD;
}

    #tblFilesContainer tr td {
        border: dashed 0px black;
    }

    #tblFilesContainer tr.noborder td {
        border: none;
    }

    #tblFilesContainer tr td input {
        width: 99%;
    }


#Footer {
    font: normal 11px/13px 'Tahoma', 'Verdana', 'Sans-Serif';
    padding: 15px 0px 10px 0px;
    margin: 0px auto;
    color: #999;
    clear: both;
}

    #Footer div {
        padding: 0px 20px;
    }

    #Footer.SecureSend {
        width: 727px;
    }

    #Footer span {
        font-weight: bold;
    }

    #Footer a {
        text-decoration: none;
        color: #999;
    }

        #Footer a:hover {
            text-decoration: underline;
            color: #000;
        }

#StatusBar {
    margin: 0px;
}

    #StatusBar div.Actions {
        padding: 0px 15px 0px 20px;
    }

        #StatusBar div.Actions span {
            font-weight: bold;
        }

        #StatusBar div.Actions div {
            text-align: left;
            padding-top: 10px;
        }

        #StatusBar div.Actions a.ArrowLink {
            background: url('../image/bullet.gif') 0 6px no-repeat;
            margin: 0 0 5px 0;
            padding: 0 0 0 9px;
            line-height: 18px;
            display: block;
        }

#Error {
    font: bold 11px/14px 'Arial', 'Sans-Serif';
    color: #ff0000;
}

    #Error a:link, #Error a:visited {
        color: #ff0000;
    }

    #Error a:hover {
        color: #000;
    }



.TextContentWrapper {
    font-weight: normal;
}

    .TextContentWrapper legend {
        font-weight: bold;
    }

.TextContent {
    font: normal 11px/13px 'Tahoma', 'Verdana', 'Sans-Serif';
}

    .TextContent p {
        padding: 5px;
    }



.button {
    border: 1px solid #7e5c4a;
    margin: 0px 4px 0px 0px;
}

    .button a {
        display: block;
        text-decoration: none;
        background: url('../image/bg.button_brown.gif') bottom repeat-x;
        padding: 2px 6px;
        color: #222222;
        font-weight: bold;
        line-height: 160%;
        border: 1px solid #FFFFFF;
    }

        .button a:hover {
            padding: 1px 6px 3px 6px;
        }

        .button a:active {
            padding: 3px 6px 1px 6px;
        }

        .button a.Disabled, .button a.Disabled:hover {
            padding: 2px 6px;
            color: #AAAAAA;
            cursor: default;
        }



/* ----- Containers ----- START ----- */
#content {
    margin: 0px 10px;
}

.clearer {
    clear: both;
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    height: 1px;
}



/* ----- Containers ----- END ----- */



.Clearer {
    clear: both;
    font-size: 1%;
    line-height: 1px;
}

.Divider {
    margin: 20px 0px 10px 0px;
    background: url('https://www.mysecuredock.com/global/image/blue.divider.png') no-repeat;
    font-size: 1%;
    width: 180px;
    height: 5px;
    display: inline-table;
}

.DividerLong {
    margin: 0 0 10px 0px;
    background: url('https://www.mysecuredock.com/global/image/blue.divider.long.png') no-repeat;
    font-size: 1%;
    width: 542px;
    height: 11px;
    clear: both;
    display: inline-table;
}

.DividerOutbound {
    margin: 20px 10px 10px 10px;
    background: url('https://www.mysecuredock.com/global/image/blue.divider.png') no-repeat;
    font-size: 1%;
    width: 180px;
    height: 5px;
}

.DividerLongOutbound {
    margin: 0 0 10px 50px;
    background: url('https://www.mysecuredock.com/global/image/blue.divider.long.png') no-repeat;
    font-size: 1%;
    width: 542px;
    height: 11px;
    clear: both;
}

.Hidden {
    display: none;
}

.DividerBlueLong {
    margin: 0 0 10px 0;
    background: url('../image/blue.divider.long.png') no-repeat;
    font-size: 1%;
    width: 537px;
    height: 5px;
    clear: both;
}

#LoginSplash {
    position: relative;
    width: 1002px;
    height: 650px;
    margin: 30px auto;
    padding: 0;
    font: normal 12px/14px 'Tahoma', 'Arial', 'Sans-Serif';
    background: url('../image/Inbound_SD.png') no-repeat;
}

    #LoginSplash #AboutSecureDock {
        position: absolute;
        background: #ffffff;
        border: thick solid #939CA5;
        padding: 10px;
        width: 700px;
        top: 45px;
        left: 135px;
    }

        #LoginSplash #AboutSecureDock p {
            padding: 10px;
        }


    #LoginSplash .LinkAboutUs {
        position: absolute;
        top: 640px;
        left: 245px;
        width: 52px;
        height: 10px;
    }

    #LoginSplash .LinkProfiles {
        position: absolute;
        top: 640px;
        left: 305px;
        width: 45px;
        height: 10px;
    }

    #LoginSplash .LinkServices {
        position: absolute;
        top: 640px;
        left: 360px;
        width: 48px;
        height: 10px;
    }

    #LoginSplash .LinkIndustries {
        position: absolute;
        top: 640px;
        left: 418px;
        width: 57px;
        height: 10px;
    }

    #LoginSplash .LinkNewsletters {
        position: absolute;
        top: 640px;
        left: 485px;
        width: 71px;
        height: 10px;
    }

    #LoginSplash .LinkNews {
        position: absolute;
        top: 640px;
        left: 565px;
        width: 27px;
        height: 10px;
    }

    #LoginSplash .LinkResources {
        position: absolute;
        top: 640px;
        left: 603px;
        width: 58px;
        height: 10px;
    }

    #LoginSplash .LinkLinks {
        position: absolute;
        top: 640px;
        left: 670px;
        width: 29px;
        height: 10px;
    }

    #LoginSplash .LinkContact {
        position: absolute;
        top: 640px;
        left: 707px;
        width: 48px;
        height: 10px;
    }

    #LoginSplash #Error {
        position: absolute;
        top: 466px;
        left: 301px;
        width: 448px;
        text-align: center;
    }

        #LoginSplash #Error a:link, #LoginSplash #Error a:visited {
            color: #ff0000;
        }

        #LoginSplash #Error a:hover {
            color: #000;
        }

    #LoginSplash #Links {
        position: absolute;
        top: 483px;
        left: 770px;
        font: normal 11px/14px 'Arial', 'Sans-Serif';
    }

#LoginBox, #SendPassword {
    position: absolute;
    top: 465px;
    left: 230px;
    width: 530px;
}

    #LoginBox td, #SendPassword td {
        background: #F5F5F5;
        border: 1px solid #fff;
        font: normal 12px/14px 'Arial', 'Sans-Serif';
        padding: 5px;
    }

    #LoginBox div input, #SendPassword div input {
        color: #000;
        width: 100px;
        font: normal 12px/14px 'Arial', 'Sans-Serif';
    }

    #LoginBox h2, #SendPassword h2 {
        margin: 0;
        padding: 0;
        font: bold 12px/14px 'Arial', 'Sans-Serif';
    }



.menuGutter {
    background-color: red;
}


/*-----------------------------------------------------------
	#FS - File System
*/
#FSWrapper2 {
    border: none;
    text-align: center;
}

#fieldsetSearchResult {
    min-width: 330px;
    border: solid 1px #BFBFBF;
    display: inline;
    margin-left: 0px;
}

#FSWrapper {
    border: none;
    text-align: left;
}

.FSWrapperBody {
    width: 380px;
}


/*
.FSWrapperBody #MainContent {
	margin-bottom: 8px;
}
*html .FSWrapperBody #MainContent {
	margin-bottom: 0px;
}
*/

#FSWrapper h2 {
    margin: 3px 0 5px 20px;
    padding: 0px;
    font: bold 12px/14px 'Arial', 'Tahoma', 'Verdana', 'Sans-Serif';
    color: #2B4068;
    text-transform: capitalize;
}

.FS {
    overflow: auto;
}

    .FS a {
        color: #000;
        text-decoration: none;
    }

        .FS a:hover {
            color: #333;
            text-decoration: underline;
        }

    .FS h1 {
        font: bold 14px Tahoma, 'Tahoma', sans-serif;
        background: url('../image/folder_with_docBlue.png') no-repeat;
        padding: 0 0 0 25px;
        margin: 0 0 0 5px;
    }

    .FS h4 {
        font: bold 14px Tahoma, 'Tahoma', sans-serif;
        margin: 5px 0px 25px 0px;
    }

    .FS div.Dir {
        margin: 5px 0px;
        padding: 3px 0px 3px 5px;
    }

        .FS div.Dir div.ItemGreyed {
            padding: 1px 0px;
            margin-left: 11px !important;
            margin-left: 9px;
            text-transform: capitalize;
        }

    .FS div.Item {
        padding: 1px 0px;
        margin-left: 11px !important;
        margin-left: 9px;
    }

    .FS div.Dir div.Item {
        font-weight: bold;
        text-transform: capitalize;
    }

    .FS div.File div.Item {
        font-weight: normal;
        text-transform: none;
        margin: 6px 0px;
    }

    .FS div.SelectedDir {
        background: #def;
    }

    .FS div.DirToggle {
        margin: 4px 4px 0px 2px;
        height: 7px;
        width: 7px;
        border: 1px solid #999;
        float: left;
        font: normal 9px/7px Tahoma, 'Tahoma', sans-serif;
        color: #999;
        text-align: center;
    }

        .FS div.DirToggle a {
            text-decoration: none;
            color: #999;
        }

            .FS div.DirToggle a:hover {
                color: #00f;
            }

    .FS div.FileToggle {
        margin: 4px 4px 0px 2px;
        height: 7px;
        width: 7px;
        float: left;
    }

    .FS div.Type {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 16px;
        width: 16px;
        float: left;
        margin: 0 5px 0 0;
    }

    .FS div.FileAccess {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 15px;
        width: 20px;
        float: left;
        margin: 0 5px 0 0;
    }

    .FS div.SubDir {
        margin-left: 0px;
        display: none;
    }

    .FS div.SubDirArrow span {
        background: url('../image/bullet.gif') 0 4px no-repeat;
        margin: 0;
        padding: 0 0 0 9px;
        font-weight: normal;
        text-transform: capitalize;
        display: block;
    }

    .FS div.DirInfo {
        display: none;
        width: 200px;
        padding: 2px;
        background: #eee;
        border: 1px solid #ccc;
        font: normal 11px/13px 'Tahoma';
    }

    .FS div.OpenDirInfo {
        display: block;
    }

    .FS div.DirInfo div.DefaultRestrict {
        font-weight: bold;
        background: #ccc;
        padding: 2px;
        margin: 2px;
    }

    .FS div.DirInfo div.DirInfoUsers {
        height: 150px;
        margin: 2px;
        overflow: auto;
        color: #000;
    }

    .FS div.DirInfo div.DirInfoUsersDisabled {
        height: 150px;
        margin: 2px;
        overflow: auto;
        color: #999;
    }

    .FS div.FileInfo {
        display: none;
        width: 300px;
        z-index: 3;
    }

    .FS div.OpenFileInfo {
        display: block;
        width: 262px;
    }

    .FS div.FileInfo div.FileInfoToggle {
        position: relative;
        float: right;
        line-height: 10px;
        margin-right: 2px;
    }

        .FS div.FileInfo div.FileInfoToggle button {
            border: 0px;
            width: 14px;
            height: 14px;
            margin: 0px;
            padding: 0px;
            background: url('../image/close_btn.gif') no-repeat;
        }

            .FS div.FileInfo div.FileInfoToggle button span {
                display: none;
            }

    .FS div.FileInfo div.Details {
        font: normal 11px/13px 'Tahoma';
        z-index: 99;
    }

        .FS div.FileInfo div.Details h4 {
            margin: 0px 0px 5px 0px;
            padding: 2px 5px;
            font: bold 11px/13px 'Arial', 'Sans-Serif';
            text-transform: capitalize;
            white-space: nowrap;
            color: #fff;
            background: #2B4068;
        }

        .FS div.FileInfo div.Details dl {
            padding: 0px;
            margin: 0px 10px;
        }

        .FS div.FileInfo div.Details dt {
            font-weight: bold;
            color: #999;
            float: left;
        }

            .FS div.FileInfo div.Details dt.Block {
                float: none;
            }

        .FS div.FileInfo div.Details dd {
            margin-left: 80px;
        }

            .FS div.FileInfo div.Details dd.NoMargin {
                margin-left: 10px;
            }

        .FS div.FileInfo div.Details textarea {
            font: normal 11px/13px 'Tahoma';
            width: 180px;
            height: 38px;
            border: none;
            background: none;
            padding: 1px;
            margin: 1px;
        }

            .FS div.FileInfo div.Details textarea.Editable {
                margin: 0px;
                border: 1px solid #ddd;
                background: #efefef;
            }

            .FS div.FileInfo div.Details textarea.Editing {
                margin: 0px;
                border: 1px solid #666;
                background: #fff;
            }

    .FS div.FileInfo button.DescriptionSave {
        margin: 3px 0px 0px 35px;
        display: none;
    }

    .FS div.FileInfo div.FileActions {
        margin: 5px 0px 0px 5px;
        text-align: center;
        width: 310px;
    }

    .FS div.FileInfo div.Thumb {
        background: #E7F0F5;
        padding: 10px;
        margin-top: 10px;
        text-align: center;
    }

    .FS div.Type span {
        display: none;
    }
/*
.FS div.Dir div.Type {
/*	background: url('images/XF/folder.closed.sml.png') no-repeat !important;
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/t1/images/XF/folder.closed.sml.png', sizingMethod='crop');
	background: none;
    display: none;
}
*/


/* Contacts button on outbound/forward docs page */
.showcontacts {
    background-image: url(../Image/Contacts24.png);
    width: 32px;
    height: 24px;
}

.showcontactsDisabled {
    background-position: 0px -24px;
}

.showcontactsHottracked {
    background-position: 0px -48px;
}

.showcontactsPressed {
    background-position: 0px -72px;
}



/* Contacts button on outbound/forward docs page */
.searchcontacts {
    background-image: url(../Image/ContactSearch.png);
    width: 16px;
    height: 16px;
}

.searchcontactsDisabled {
    background-position: 0px -16px;
}

.searchcontactsHottracked {
    background-position: 0px -32px;
}

.searchcontactsPressed {
    background-position: 0px -48px;
}


/* Contacts button on outbound/forward docs page */
.clearsearchcontacts {
    background-image: url(../Image/clearText.png);
    width: 7px;
    height: 7px;
}

.clearsearchcontactsDisabled {
    background-position: 0px -7px;
}

.clearsearchcontactsHottracked {
    background-position: 0px -14px;
}

.clearsearchcontactsPressed {
    background-position: 0px -21px;
}


/* Contacts button on outbound/forward docs page */
.importcontacts {
    background-image: url(../Image/ImportContacts.png);
    width: 40px;
    height: 20px;
}

.importcontactsDisabled {
    background-position: 0px -20px;
}

.importcontactsHottracked {
    background-position: 0px -40px;
}

.importcontactsPressed {
    background-position: 0px -60px;
}




.importlists {
    background-image: url(../Image/ImportList.png);
    width: 40px;
    height: 20px;
}

.importlistsDisabled {
    background-position: 0px -20px;
}

.importlistsHottracked {
    background-position: 0px -40px;
}

.importlistsPressed {
    background-position: 0px -60px;
}




.addlistbutton {
    background-image: url(../Image/AddList.png);
    width: 32px;
    height: 20px;
}

.addlistbuttonDisabled {
    background-position: 0px -20px;
}

.addlistbuttonHottracked {
    background-position: 0px -40px;
}

.addlistbuttonPressed {
    background-position: 0px -60px;
}


.addcontactbutton {
    background-image: url(../Image/Addcontact.png);
    width: 32px;
    height: 20px;
}

.addcontactbuttonDisabled {
    background-position: 0px -20px;
}

.addcontactbuttonHottracked {
    background-position: 0px -40px;
}

.addcontactbuttonPressed {
    background-position: 0px -60px;
}




.addcontacttolist {
    background-image: url(../Image/newcontact.png);
    width: 16px;
    height: 16px;
}

.addcontacttolistDisabled {
    background-position: 0px -16px;
}

.addcontacttolistHottracked {
    background-position: 0px -32px;
}

.addcontacttolistPressed {
    background-position: 0px -48px;
}


.emailoptions {
    background-image: url(../Image/EmailOptions.png);
    width: 50px;
    height: 22px;
}

.emailoptionsDisabled {
    background-position: 0px -22px;
}

.emailoptionsHottracked {
    background-position: 0px -44px;
}

.emailoptionsPressed {
    background-position: 0px -66px;
}



.emailmonitor {
    background-image: url(../Image/emailmonitor.png);
    width: 50px;
    height: 22px;
}

.emailmonitorDisabled {
    background-position: 0px -22px;
}

.emailmonitorHottracked {
    background-position: 0px -44px;
}

.emailmonitorPressed {
    background-position: 0px -66px;
}



.clientaddress {
    background-image: url(../Image/clientaddress.png);
    width: 32px;
    height: 26px;
}

.clientaddressDisabled {
    background-position: 0px -26px;
}

.clientaddressHottracked {
    background-position: 0px -52px;
}

.clientaddressPressed {
    background-position: 0px -78px;
}



.clientbilling {
    background-image: url(../Image/clientbilling.png);
    width: 50px;
    height: 22px;
}

.clientbillingDisabled {
    background-position: 0px -22px;
}

.clientbillingHottracked {
    background-position: 0px -44px;
}

.clientbillingPressed {
    background-position: 0px -66px;
}





.clienttedoptions {
    background-image: url(../Image/clienttedoptions.png);
    width: 50px;
    height: 22px;
}

.clienttedoptionsDisabled {
    background-position: 0px -22px;
}

.clienttedoptionsHottracked {
    background-position: 0px -44px;
}

.clienttedoptionsPressed {
    background-position: 0px -66px;
}


.closeaccount {
    background-image: url(../Image/CloseAccount.png);
    width: 32px;
    height: 18px;
}

.closeaccountDisabled {
    background-position: 0px -18px;
}

.closeaccountHottracked {
    background-position: 0px -36px;
}

.closeaccountPressed {
    background-position: 0px -54px;
}




.messageOptions {
    background-image: url(../Image/messageOptions.png);
    width: 50px;
    height: 22px;
}

.messageOptionsDisabled {
    background-position: 0px -22px;
}

.messageOptionsHottracked {
    background-position: 0px -44px;
}

.messageOptionsPressed {
    background-position: 0px -66px;
}


.securityOptions {
    background-image: url(../Image/securityOptions.png);
    width: 50px;
    height: 22px;
}

.securityOptionsDisabled {
    background-position: 0px -22px;
}

.securityOptionsHottracked {
    background-position: 0px -44px;
}

.securityOptionsPressed {
    background-position: 0px -66px;
}

.statusPending {
    background-image: url(../Image/PendingtStack.png);
    width: 16px;
    height: 16px;
}

.statusPendingDisabled {
    background-position: 0px -16px;
}

.statusPendingHottracked {
    background-position: 0px -32px;
}

.statusPendingPressed {
    background-position: 0px -48px;
}



.statusInTransit {
    background-image: url(../Image/InTransitStack.png);
    width: 16px;
    height: 16px;
}

.statusInTransitDisabled {
    background-position: 0px -16px;
}

.statusInTransitHottracked {
    background-position: 0px -32px;
}

.statusInTransitPressed {
    background-position: 0px -48px;
}




.statusExpire {
    background-image: url(../Image/ExpireStack.png);
    width: 16px;
    height: 16px;
}

.statusExpireDisabled {
    background-position: 0px -16px;
}

.statusExpireHottracked {
    background-position: 0px -32px;
}

.statusExpirePressed {
    background-position: 0px -48px;
}



.statusRejected {
    background-image: url(../Image/RejectedStack.png);
    width: 16px;
    height: 16px;
}

.statusRejectedDisabled {
    background-position: 0px -16px;
}

.statusRejectedHottracked {
    background-position: 0px -32px;
}

.statusRejectedPressed {
    background-position: 0px -48px;
}



.statusCheckmark {
    background-image: url(../Image/CheckmarkStack.png);
    width: 16px;
    height: 16px;
}

.statusCheckmarkDisabled {
    background-position: 0px -16px;
}

.statusCheckmarkHottracked {
    background-position: 0px -32px;
}

.statusCheckmarkPressed {
    background-position: 0px -48px;
}




.statusCanceled {
    background-image: url(../Image/CanceledStack.png);
    width: 16px;
    height: 16px;
}

.statusCanceledDisabled {
    background-position: 0px -16px;
}

.statusCanceledHottracked {
    background-position: 0px -32px;
}

.statusCanceledPressed {
    background-position: 0px -48px;
}

.gridDetailButton {
    background-color: transparent;
}


    .gridDetailButton:hover {
        background-color: #2B4068;
    }







.stepcircle {
    width: 44px;
    height: 44px;
    background: #2B4068;
    color: #FFFFFF;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

.numberCircle {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 8px;
    background: #2B4068;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font: 34px Arial, sans-serif;
    font-weight: bold;
}

.cellLinkBgColor {
    text-decoration: none;
    padding-left: 0px;
}

    .cellLinkBgColor:hover {
        text-decoration: underline;
        padding-left: 0px;
    }

.hyperlinkInGrid {
    color: inherit;
}

    .hyperlinkInGrid:hover {
        color: inherit;
    }

    .hyperlinkInGrid a:visited {
        color: green;
    }
    .hyperlinkInGrid a {
        color: white;
    }


.imgDocStatNotDelivered:hover,
.imgDocStatNotDelivered {
    background-image: url('../Image/GridStatus/NotDeliveredIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatNotDelivered {
    background-position: 0px 0px;
}
.imgDocStatNotDelivered:hover {
    background-position: 0px -32px;
}





.imgDocStatInReview:hover,
.imgDocStatInReview {
    background-image: url('../Image/GridStatus/InReviewIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatInReview {
    background-position: 0px 0px;
}
.imgDocStatInReview:hover {
    background-position: 0px -32px;
}


.imgDocStatInProcesss:hover,
.imgDocStatInProcesss {
    background-image: url('../Image/GridStatus/InProcesssIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatInProcesss {
    background-position: 0px 0px;
}
.imgDocStatInProcesss:hover {
    background-position: 0px -32px;
}


.imgDocStatNeedsMoreInfo:hover,
.imgDocStatNeedsMoreInfo {
    background-image: url('../Image/GridStatus/NeedsMoreInfoIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatNeedsMoreInfo {
    background-position: 0px 0px;
}
.imgDocStatNeedsMoreInfo:hover {
    background-position: 0px -32px;
}



.imgDocStatRejected:hover,
.imgDocStatRejected {
    background-image: url('../Image/GridStatus/RejectedIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatRejected {
    background-position: 0px 0px;
}
.imgDocStatRejected:hover {
    background-position: 0px -32px;
}



.imgDocStatAvailable:hover,
.imgDocStatAvailable,
.imgDocStatDelivered:hover,
.imgDocStatDelivered {
    background-image: url('../Image/GridStatus/DownloadIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatAvailable,
.imgDocStatDelivered {
    background-position: 0px 0px;
}
.imgDocStatAvailable:hover,
.imgDocStatDelivered:hover {
    background-position: 0px -32px;
}


.imgDocStatViewable,
.imgDocStatViewable:hover {
    background-image: url('../Image/GridStatus/EyeIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatViewable  {
    background-position: 0px 0px;
}
.imgDocStatViewable:hover  {
    background-position: 0px -32px;
}


.imgDocStatGreenCheck:hover,
.imgDocStatGreenCheck,
.imgDocStatStored:hover,
.imgDocStatStored,
.imgDocStatDownloaded:hover,
.imgDocStatDownloaded,
.imgDocStatViewed:hover,
.imgDocStatViewed {
    background-image: url('../Image/GridStatus/GreenCheckIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatGreenCheck,
.imgDocStatStored,
.imgDocStatDownloaded,
.imgDocStatViewed {
    background-position: 0px 0px;
}
.imgDocStatGreenCheck:hover,
.imgDocStatStored:hover,
.imgDocStatDownloaded:hover,
.imgDocStatViewed:hover {
    background-position: 0px -32px;
}


.imgDocStatGreenCheck2:hover,
.imgDocStatGreenCheck2 {
    background-image: url('../Image/GridStatus/GreenCheck2Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatGreenCheck2 {
    background-position: 0px 0px;
}
.imgDocStatGreenCheck2:hover  {
    background-position: 0px -32px;
}


.imgDocStatJudge:hover,
.imgDocStatJudge {
    background-image: url('../Image/GridStatus/JudgeIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatJudge {
    background-position: 0px 0px;
}
.imgDocStatJudge:hover {
    background-position: 0px -32px;
}




.imgDocStatHeart:hover,
.imgDocStatHeart {
    background-image: url('../Image/GridStatus/heartIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatHeart {
    background-position: 0px 0px;
}
.imgDocStatHeart:hover {
    background-position: 0px -32px;
}


.imgDocStatPartialAccept:hover,
.imgDocStatPartialAccept {
    background-image: url('../Image/GridStatus/PartialAcceptIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatPartialAccept {
    background-position: 0px 0px;
}
.imgDocStatPartialAccept:hover {
    background-position: 0px -32px;
}



.imgDocStatLayoutGroup:hover,
.imgDocStatLayoutGroup {
    background-image: url('../Image/GridStatus/LayoutGroupIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatLayoutGroup {
    background-position: 0px 0px;
}
.imgDocStatLayoutGroup:hover {
    background-position: 0px -32px;
}


.imgDocStatSquare1:hover,
.imgDocStatSquare1 {
    background-image: url('../Image/GridStatus/Square1Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatSquare1 {
    background-position: 0px 0px;
}
.imgDocStatSquare1:hover {
    background-position: 0px -32px;
}


.imgDocStatSquare2:hover,
.imgDocStatSquare2 {
    background-image: url('../Image/GridStatus/Square2Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatSquare2 {
    background-position: 0px 0px;
}
.imgDocStatSquare2:hover {
    background-position: 0px -32px;
}


.imgDocStatSquare3:hover,
.imgDocStatSquare3 {
    background-image: url('../Image/GridStatus/Square3Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatSquare3 {
    background-position: 0px 0px;
}
.imgDocStatSquare3:hover {
    background-position: 0px -32px;
}


.imgDocStatSquare4:hover,
.imgDocStatSquare4 {
    background-image: url('../Image/GridStatus/Square4Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatSquare4 {
    background-position: 0px 0px;
}
.imgDocStatSquare4:hover {
    background-position: 0px -32px;
}


.imgDocStatSquare5:hover,
.imgDocStatSquare5 {
    background-image: url('../Image/GridStatus/Square5Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatSquare5 {
    background-position: 0px 0px;
}
.imgDocStatSquare5:hover {
    background-position: 0px -32px;
}


.imgDocStatStepA:hover,
.imgDocStatStepA {
    background-image: url('../Image/GridStatus/StepAIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatStepA {
    background-position: 0px 0px;
}
.imgDocStatStepA:hover {
    background-position: 0px -32px;
}


.imgDocStatStepB:hover,
.imgDocStatStepB {
    background-image: url('../Image/GridStatus/StepBIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatStepB {
    background-position: 0px 0px;
}
.imgDocStatStepB:hover {
    background-position: 0px -32px;
}


.imgDocStatStepC:hover,
.imgDocStatStepC {
    background-image: url('../Image/GridStatus/StepCIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatStepC {
    background-position: 0px 0px;
}
.imgDocStatStepC:hover {
    background-position: 0px -32px;
}


.imgDocStatStepD:hover,
.imgDocStatStepD {
    background-image: url('../Image/GridStatus/StepDIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatStepD {
    background-position: 0px 0px;
}
.imgDocStatStepD:hover {
    background-position: 0px -32px;
}


.imgDocStatStepE:hover,
.imgDocStatStepE {
    background-image: url('../Image/GridStatus/StepEIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatStepE {
    background-position: 0px 0px;
}
.imgDocStatStepE:hover {
    background-position: 0px -32px;
}


.imgDocStatStepF:hover,
.imgDocStatStepF {
    background-image: url('../Image/GridStatus/StepFIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatStepF {
    background-position: 0px 0px;
}
.imgDocStatStepF:hover {
    background-position: 0px -32px;
}





.imgDocStatHurdle:hover,
.imgDocStatHurdle {
    background-image: url('../Image/GridStatus/HurdleIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatHurdle {
    background-position: 0px 0px;
}
.imgDocStatHurdle:hover {
    background-position: 0px -32px;
}


.imgDocStatClockWarn:hover,
.imgDocStatClockWarn {
    background-image: url('../Image/GridStatus/ClockWarnIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatClockWarn {
    background-position: 0px 0px;
}
.imgDocStatClockWarn:hover {
    background-position: 0px -32px;
}


.imgDocStatThumbDown:hover,
.imgDocStatThumbDown {
    background-image: url('../Image/GridStatus/ThumbDownIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatThumbDown {
    background-position: 0px 0px;
}
.imgDocStatThumbDown:hover {
    background-position: 0px -32px;
}


.imgDocStatThumbUp:hover,
.imgDocStatThumbUp {
    background-image: url('../Image/GridStatus/ThumbUpIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatThumbUp {
    background-position: 0px 0px;
}
.imgDocStatThumbUp:hover {
    background-position: 0px -32px;
}


.imgDocStatSitemap:hover,
.imgDocStatSitemap {
    background-image: url('../Image/GridStatus/sitemapIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatSitemap {
    background-position: 0px 0px;
}
.imgDocStatSitemap:hover {
    background-position: 0px -32px;
}



.imgDocStatGear:hover,
.imgDocStatGear {
    background-image: url('../Image/GridStatus/GearIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatGear {
    background-position: 0px 0px;
}
.imgDocStatGear:hover {
    background-position: 0px -32px;
}


.imgDocStatPending:hover,
.imgDocStatPending {
    background-image: url('../Image/GridStatus/PendingIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatPending {
    background-position: 0px 0px;
}
.imgDocStatPending:hover {
    background-position: 0px -32px;
}



.imgDocStatMedalSilver:hover,
.imgDocStatMedalSilver {
    background-image: url('../Image/GridStatus/award_star_silver_1Icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatMedalSilver {
    background-position: 0px 0px;
}
.imgDocStatMedalSilver:hover {
    background-position: 0px -32px;
}

.imgDocStatCanceled:hover,
.imgDocStatCanceled {
    background-image: url('../Image/GridStatus/CanceledIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStaCanceled {
    background-position: 0px 0px;
}
.imgDocStatCanceled:hover {
    background-position: 0px -32px;
}


.imgDocStatExpired:hover,
.imgDocStatExpired {
    background-image: url('../Image/GridStatus/ExpiredIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStaExpired {
    background-position: 0px 0px;
}
.imgDocStatExpired:hover {
    background-position: 0px -32px;
}



.imgDocStatInTransit:hover,
.imgDocStatInTransit {
    background-image: url('../Image/GridStatus/InTransitIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStaInTransit {
    background-position: 0px 0px;
}
.imgDocStatInTransit:hover {
    background-position: 0px -32px;
}




.imgDocStatForward:hover,
.imgDocStatForward {
    background-image: url('../Image/GridStatus/ForwardIcon.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    width: 16px;
    height: 16px;
}
.imgDocStatForward {
    background-position: 0px 0px;
}
.imgDocStatForward:hover {
    background-position: 0px -32px;
}




.imgDocStatusExpired:hover,
.imgDocStatusComplete:hover,
.imgDocStatusInTransit:hover,
.imgDocStatusRejected:hover,
.imgDocStatusCanceled:hover,
.imgDocStatusPending:hover,
.imgDocStatusViewed:hover,
.imgDocStatusDownloaded:hover,
.imgDocStatusDelivered:hover,
.imgDocStatusMessage:hover {
    background-image: url('../Image/GridStatus/GridSentStatusIconsHover.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
}

.imgDocStatusExpired,
.imgDocStatusComplete,
.imgDocStatusInTransit,
.imgDocStatusRejected,
.imgDocStatusCanceled,
.imgDocStatusPending,
.imgDocStatusViewed,
.imgDocStatusDownloaded,
.imgDocStatusDelivered,
.imgDocStatusMessage {
    background-image: url('../Image/GridStatus/GridSentStatusIcons.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
}

.imgDocStatusPending {
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}

.imgDocStatusRejected {
    background-position: 0px -16px;
    width: 16px;
    height: 16px;
}

.imgDocStatusCanceled {
    background-position: 0px -32px;
    width: 16px;
    height: 16px;
}

.imgDocStatusInTransit {
    background-position: 0px -48px;
    width: 16px;
    height: 16px;
}

.imgDocStatusComplete {
    background-position: 0px -64px;
    width: 16px;
    height: 16px;
}

.imgDocStatusExpired {
    background-position: 0px -80px;
    width: 16px;
    height: 16px;
}

.imgDocStatusMessage {
    background-position: 0px -96px;
    width: 16px;
    height: 16px;
}

.imgDocStatusDelivered {
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}

.imgDocStatusDownloaded {
    background-position: 0px -64px;
    width: 16px;
    height: 16px;
}

.imgDocStatusViewed {
    background-position: 0px -64px;
    width: 16px;
    height: 16px;
}



.imgReqStatusDelivered:hover,
.imgReqStatusExpired:hover,
.imgReqStatusInTransit:hover,
.imgReqStatusRejected:hover,
.imgReqStatusCanceled:hover,
.imgReqStatusDeclined:hover,
.imgReqStatusPastDue:hover,
.imgReqStatusPartial:hover,
.imgReqStatusAlmostDue:hover,
.imgReqStatusFulfilled:hover,
.imgReqStatusPartComplete:hover,
.imgReqStatusComplete:hover,
.imgReqStatusPending:hover {
    background-image: url('../Image/GridStatus/GridReqStatusIconsHover.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    margin-left: -4px;
    margin-top: -1px;
}

.imgReqStatusDelivered,
.imgReqStatusExpired,
.imgReqStatusInTransit,
.imgReqStatusRejected,
.imgReqStatusCanceled,
.imgReqStatusDeclined,
.imgReqStatusPastDue,
.imgReqStatusAlmostDue,
.imgReqStatusPartial,
.imgReqStatusFulfilled,
.imgReqStatusComplete,
.imgReqStatusPartComplete,
.imgReqStatusPending {
    background-image: url('../Image/GridStatus/GridReqStatusIcons.png');
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 0px;
    margin-left: -2px;
    margin-top: 0px;
}

.imgReqStatusDelivered,
.imgReqStatusPending {
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}


.imgReqStatusRejected {
    background-position: 0px -16px;
    width: 16px;
    height: 16px;
}

.imgReqStatusCanceled {
    background-position: 0px -32px;
    width: 16px;
    height: 16px;
}


.imgReqStatusInTransit {
    background-position: 0px -48px;
    width: 16px;
    height: 16px;
}

.imgReqStatusFulfilled,
.imgReqStatusComplete {
    background-position: 0px -64px;
    width: 16px;
    height: 16px;
}

.imgReqStatusExpired {
    background-position: 0px -80px;
    width: 16px;
    height: 16px;
}


.imgReqStatusDeclined {
    background-position: 0px -96px;
    width: 16px;
    height: 16px;
}

.imgReqStatusPastDue {
    background-position: 0px -112px;
    width: 16px;
    height: 16px;
}

.imgReqStatusAlmostDue {
    background-position: 0px -128px;
    width: 16px;
    height: 16px;
}

.imgReqStatusPartial,
.imgReqStatusPartComplete {
    background-position: 0px -144px;
    width: 16px;
    height: 16px;
}


.imgExpandGrid:hover,
.imgCollapseGrid:hover {
    background-image: url('../Image/GridPlusMinus13hover.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.imgExpandGrid,
.imgCollapseGrid {
    background-image: url('../Image/GridPlusMinus13.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.imgCollapseGrid {
    background-position: 0px 0px;
    width: 13px;
    height: 13px;
}

.imgExpandGrid {
    background-position: 0px -13px;
    width: 13px;
    height: 13px;
}


.imgExpandGridGreen:hover,
.imgCollapseGridGreen:hover {
    background-image: url('../Image/GridPlusMinus13HoverGreen.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.imgExpandGridGreen,
.imgCollapseGridGreen {
    background-image: url('../Image/GridPlusMinus13.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.imgCollapseGridGreen {
    background-position: 0px 0px;
    width: 13px;
    height: 13px;
}

.imgExpandGridGreen {
    background-position: 0px -13px;
    width: 13px;
    height: 13px;
}


.expandGrid {
    background-image: url(../Image/expandGrid.png);
    width: 16px;
    height: 16px;
}

.expandGridDisabled {
    background-position: 0px -16px;
}

.expandGridHottracked {
    background-position: 0px -32px;
}

.expandGridPressed {
    background-position: 0px -48px;
}




.collapseGrid {
    background-image: url(../Image/collapseGrid.png);
    width: 16px;
    height: 16px;
}

.collapseGridDisabled {
    background-position: 0px -16px;
}

.collapseGridHottracked {
    background-position: 0px -32px;
}

.collapseGridPressed {
    background-position: 0px -48px;
}




/* Contacts button on outbound/forward docs page */
.searchboxes {
    background-image: url('../Image/BoxSearch.png');
    width: 16px;
    height: 16px;
}

.searchboxesDisabled {
    background-position: 0px -16px;
}

.searchboxesHottracked {
    background-position: 0px -32px;
}

.searchboxesPressed {
    background-position: 0px -48px;
}


/* box search button on outbound/forward docs page */
.clearsearchboxes {
    background-image: url('../Image/clearText.png');
    width: 7px;
    height: 7px;
}

.clearsearchboxesDisabled {
    background-position: 0px -7px;
}

.clearsearchboxesHottracked {
    background-position: 0px -14px;
}

.clearsearchboxesPressed {
    background-position: 0px -21px;
}

.devExSideBySide {
    display: inline-table;
}


.devExSideBySideFloat {
    float: left;
}



.outbound_TedVs_Msg {
    padding: 10px 0px 10px 0px;
    color: #999999;
    width: 100%;
    font-weight: bold;
    font-size: 9px;
}





.requestIDErrorRoundPanel {
    padding: 30px;
    margin: 30px 0px 0px 0px;
    background-color: #E9F7FF;
    text-align: left;
    border: 1px solid #2B4068;
    border-radius: 10px;
    color: #2B4068;
    overflow: hidden;
    min-width: 260px;
    max-width: 800px;
}

.requestIDErrorRoundPanelInstructs {
    float: left;
    clear: both;
}


.lblNoTEDVSStateDeny {
    font-weight: bold;
    color: #2B4068;
    border-style: dotted;
}

.lblUseTEDVSStateDeny {
    font-weight: normal;
    color: #A4C8E8;
    border-style: none;
}


.lblNoTEDVSStateAllow {
    font-weight: normal;
    color: #A4C8E8;
    border-style: none;
}

.lblUseTEDVSStateAllow {
    font-weight: bold;
    color: #2B4068;
    border-style: dotted;
}
