#masterMenu {
    z-index: 99999;
}

body {
    font-family: verdana,arial;
    font-size: 11px;
    background-color: #eee;
    margin-left: 10px;
}

#content {
    margin-left: 10px;
}

.numberAlign {
    text-align: right;
}

.sectionTitle {
    font-size: 20px;
    font-weight: bold;
}

.subTitle {
    font-size: 13px;
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.wrapper {
    overflow: hidden; /*make sure the wrapper has no dimension*/
    margin-bottom: 10px;
}

#masterSiteMap {
    padding-top: 10px;
    padding-bottom: 10px;
}

.masterLogo {
    display: inline-block;
    vertical-align: top;
}

.logo {
}

.logoText {
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
}

.masterFacilityAndValueStream {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}

.masterPreferences {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}

.masterSettings {
    display: inline-block;
    width: auto;
    margin: 5px;
    vertical-align: top;
}

#masterBody {
    display: inline-block;
    background-color: #fff;
    min-width: 1890px;
    border-bottom: 2px solid #808080;
    border-top: 2px solid #808080;
    min-height: 729px;
    /*max-height:735px;*/
    height: auto;
    padding-bottom: 10px;
    width: 842px;
}

#masterFooter {
    display: inline-block;
    height: auto;
    font-size: x-small;
}

.form {
    height: 100%;
}

.facility {
    padding: 5px;
}

    .facility span {
        font-weight: bold;
    }

#statusUpdates {
    display: none;
    background-color: #efcfaf;
    z-index: 9999;
    margin-top: 0px;
    position: absolute;
    top: 0;
    right: 0;
}

    #statusUpdates span {
        font-weight: bold;
        font-size: 16px;
        height: 50px;
    }


.border {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -border-radius: 20px;
}

.btn {
    /*width: auto;
    padding: 5px;
    color: #000;
    background-color: #e9e9e9;
    border: 1px solid;
    text-decoration: none;*/
}

    .btn:hover {
        background-color: #808080;
    }

.btndisabled {
    color: #fff;
    background-color: #808080;
}

.validationText {
    color: #f00;
}

.grid {
    font-size: 12px;
}

    .grid td {
        border: 0;
        padding-left: 5px;
        text-align: center;
        white-space: normal;
        word-break: break-all;
    }

    .grid th {
        padding-left: 10px;
        padding-right: 10px;
        white-space: normal;
        vertical-align: top;
        background-color: #5ca2f8;
        color: #fff;
    }

        .grid th a {
            /*text-decoration: none;*/
            color: #fff;
        }

    .grid tr + tr:hover {
        /*background-color: #f4f61b;*/
    }

    .grid tr {
        line-height: 20px;
    }

.gridRow {
    background-color: #eee;
}

.gridLoopHeader {
    white-space: normal;
    vertical-align: top;
    background-color: #5ca2f8;
}

    .gridLoopHeader th a {
        /*text-decoration: none;*/
        color: #fff;
    }

    .gridLoopHeader th {
        color: #fff;
    }

.gridAltRow {
    background-color: #fff;
}

.gridSelected {
    padding: 5px;
    background-color: #9ceea7;
}

.gridButton {
    background-repeat: no-repeat;
    padding-left: 24px;
}

.gridSelect {
    background-image: url("/images/select.png") !important;
}

.gridFocus {
    background-image: url("/images/search.png") !important;
}

.gridCopy {
    background-image: url("/images/Copy.jpg") !important;
}

.gridEdit {
    background-image: url("/images/edit.png") !important;
}

.gridDelete {
    background-image: url("/images/delete.png") !important;
}

.gridUpdate {
    background-image: url("/images/update.png") !important;
}

.gridCancel {
    background-image: url("/images/cancel.png") !important;
}

.gridPrint {
    background-image: url("/images/print.png") !important;
}

.gridReport {
    background-image: url("/images/report.png") !important;
}

.gridReportHistory {
    background-image: url("/images/report2.png") !important;
}

.gridRouting {
    background-image: url("/images/route.png") !important;
}

.gridEmpty td {
    text-align: left !important;
}

.bold {
    font-weight: bold;
}

/*Grid Sorting Header CSS */
th.sortAsc a {
    display: block;
    padding: 0 4px 0 15px;
    background: url("/images/asc.gif") right center no-repeat !important;
}

th.sortDesc a {
    display: block;
    padding: 0 4px 0 15px;
    background: url("/images/desc.gif") right center no-repeat !important;
}

.headerLinks {
    /*color: #fff;*/
    /*text-decoration: none;*/
}


.pfepMenu {
    height: 30px;
    border-bottom: #bbb 1px solid;
    border-left: #ddd 1px solid;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
    margin-top: 0px;
    margin-bottom: 5px;
    background: url(/images/navbg.png) #eee repeat-x 0px -66px;
    font-size: 13px;
    overflow: visible;
    padding-left: 20px;
    padding-right: 20px;
    /*width:1600px;*/
}

    .pfepMenu a {
        color: #000;
        height: 25px;
        padding-top: 5px;
    }

    .pfepMenu div.callOut a {
        font: bold 12.5pt/16pt arial, helvetica, sans-serif;
        background: url(/images/navbg.png) #eee repeat-x 0px -66px;
        color: #ffffff;
    }

.level1 {
    cursor: pointer;
    /*padding-left: 10px;*/
    text-align: center;
}

    .level1 li {
        /*padding-left: 10px;*/
        min-width: 130px !important;
    }

.level2 {
    border-bottom: #bbb 1px solid;
    border-left: #ddd 1px solid;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
    background: url(/images/navbg.png) #eee repeat-x 0px -66px;
    height: 25px;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

    .level2 li {
        width: 100%;
    }

    .level2:hover {
        color: #f2f2f2 !important;
        background: url(/images/navbg.png) #999 repeat-x 0px 0px !important;
    }

.pfepMenu li.currentParent ul li a {
    color: #f2f2f2 !important;
    background: url(/images/navbg.png) #999 repeat-x 0px 0px !important;
}

.level3 {
    border-bottom: #bbb 1px solid;
    border-left: #ddd 1px solid;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
    background: url(/images/navbg.png) #eee repeat-x 0px -66px;
    padding-top: 10px;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.dynamic-popout {
    border-bottom: #bbb 1px solid;
    border-left: #ddd 1px solid;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
    background: url(/images/navbg.png) #eee repeat-x 0px -66px;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.popout-dynamic {
    color: #000 !important;
}

.dynamic-popout a:hover {
    border-bottom: #bbb 1px solid;
    border-left: #ddd 1px solid;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
    background: url(/images/navbg.png) #eee repeat-x 0px -66px;
    color: #000;
}

/*"Hover"*/
.highlighted {
    color: #f2f2f2 !important;
    background: url(/images/navbg.png) #999 repeat-x 0px 0px;
}
/*"Selected"*/
.selected {
    background: url(/images/navbg.png) #999 repeat-x 0px -33px !important;
    color: #f2f2f2 !important;
}


.alertmsg {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 135%;
    font-weight: bold;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: static;
    top: 0px;
    left: 0px;
    background-color: #fff;
    height: 56px;
    color: #000;
    font: 20px/40px arial, sans-serif;
    display: none;
    padding-top: 12px;
    -webkit-box-shadow: 3px 3px 5px #888;
    -moz-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
}

.pfepMenu ul li ul {
    display: none;
}

.pfepMenu ul li {
    position: relative;
    float: left;
    list-style: none;
}

.fileUpload {
    width: 400px;
}

.sortArrows {
    height: 25px;
    vertical-align: middle;
}

.wrapItemText {
    width: 450px;
    text-wrap: normal;
    word-break: break-all;
}

.centerText {
    text-align: center;
}

.watermark {
    background: #D2DFF1;
}

.dummyBtn {
    display: none;
}

input[disabled], input[disabled]:hover {
    color: #000 !important;
}


/** common control width (even as an example)*/

.dateField {
    width: 102px;
}

.tenCharField {
    width: 135px;
}

.descriptionFields {
    width: 230px;
}

.descriptionFieldsTest {
    display: inline-block;
    text-align: left;
}

descriptorWidthTest {
    display: inline-block;
    min-width: 150px;
    max-width: 300px;
}


/*Modal Popup*/
.modalBackground {
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #f2ecde;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding-left: 20px;
    width: 350px;
    height: 100px;
}

/*Common Terminate on End Date*/
.TerminateOnEndDate {
    display: inline-block;
    border: 1px double #000;
    background-color: #f6efdc;
}

.changeReason {
    width: 1700px;
    border: 1px solid #000;
    background-color: #f6efdc;
    padding: 5px 0px 10px 10px;
}

.changeReasonText {
    width: 1680px;
}

.loopGrid {
    font-size: 12px;
}

    .loopGrid td {
        border: 0;
        /*padding-left: 5px;*/
        text-align: center;
        white-space: normal;
        word-break: normal;
    }

    .loopGrid th {
        /*padding-left: 10px;
        padding-right: 10px;*/
        white-space: normal;
        vertical-align: top;
        background-color: #5ca2f8;
        color: #fff;
    }

        .loopGrid th a {
            /*text-decoration: none;*/
            color: #fff;
        }

    .loopGrid tr {
        line-height: 20px;
    }


/*.gridDescriptor {    
}

    .gridDescriptor span {   
        display: block;
    min-width: 50px;
    max-width: 230px;     
    }

    .gridDescriptor th span {
        /*display: block;
        min-width: 50px;
        max-width: 230px;
    }

    .gridDescriptor th a {
        /*display: inline-block;
        min-width: 50px;
        max-width: 230px;
    }*/

.alignLeft {
    text-align: left !important;
}


/* 
 * All the Loops Common controls
*/
.matchCode {
    width: 50px;
}

.loopID {
    width: 120px;
}

.manualBldg {
    width: 30px;
}

.manualQuadrant {
    width: 50px;
}

.manualRack {
    width: 30px;
}

.manualShelf {
    width: 30px;
}

.manualPos {
    width: 30px;
}

.partNumber {
    width: 172px;
}

.partDescription {
    width: 172px;
}

.dateEntry {
    width: 72px;
}

.ddlRackLabelType {
    width: 120px;
}

.ddlCardSize {
    width: 100px;
}


.reasonText {
    width: 277px;
    height: 64px;
}

.commentsText {
    width: 277px;
    height: 64px;
}

.processDesc {
    width: 277px;
    height: 64px;
}

.ddlContainer {
    width: 140px;
}

.ddlDistanceUOM {
    width: 43px;
}

.containerDimension {
    width: 45px;
}

.ddlRouteInfo {
    width: 140px;
}

.container {
    width: 140px;
}

.address {
    width: 140px;
}

.valuestream {
    width: 140px;
}

.smallNumber {
    width: 25px;
}