/**************************************************************
** COLOR CONSTANTS
** ------------------------------------------------------------
** Dark Gray: #a9a9a9
** Light Gray: #dcdcdc
** Success Green (light): #ccffcc
** Success Green (dark): #99cc66
** Info Blue (light): #ccffcc
** Info Blue (dark): #ccffcc
** Warning Yellow (light): #ccffcc
** Warning Yellow (dark): #ccffcc
***************************************************************/



/**************************************************************
** NORMAL FORM
** Basic layout and styling for all data entry forms.
***************************************************************/
.mscForm {
    margin: 0;
    padding: 0;
}
.mscFormTable {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none;
}
.mscFormTable td, .mscFormTable th {
    padding: 4px;
    vertical-align: middle;
}
.mscFormLabel {
    text-align: right;
    width: 140px;
    font-weight: bold;
}
.mscFormLabel .mscLayoutTable td {
    padding: 0;
    padding-left: 4px;
    margin: 0;
}
.mscFormInput {
    font-weight: normal;
}
.mscFormInput .mscLayoutTable td {
    padding: 0;
    padding-right: 8px;
    margin: 0;
}
.mscFormInput .mscTips {
    font-size: 90%;
}

.mscFormValidation {
}
.mscForm .mscActions {
    margin-top: 12px;
    padding-left: 150px;
}
.mscForm .mscInstructions {
    margin-top: 8px;
    margin-bottom: 8px;
}
.mscForm .mscSubNotes {
    padding: 6px;
    margin: 8px 0 8px 0;
    font-size: 90%;
}
.mscForm .mscSubNotes h6 {
    margin: 0;
    padding: 0;
    font-size: 110%;
}
.mscForm .mscValidationSummary, .mscForm .mscValidationSummary ul {
    margin-top: 3px;
    padding-top: 0;
    margin-bottom: 3px;
    padding-bottom: 0;
}
.mscForm .mscValidationSummary li {
    color: red;
}
.mscForm .mscValidator {
    color: red;
}
.mscForm .mscStatus {
    font-size: 120%;
    color: #ff0000;
}


/**************************************************************
** SMALL FORM
** Tweaks a standard form for a smaller overall display
** Enclose a .mscForm in a 'Small' container (div) for this behavior.
***************************************************************/
.mscSmall .mscFormTable td, .mscSmall .mscFormTable th{
    padding: 2px;
}
.mscSmall .mscFormLabel {
    text-align: right;
    width: 100px;
}
.mscSmall .mscForm .mscActions {
    margin-top: 6px;
    padding-left: 104px;
}
    
/**************************************************************
** MICRO FORM
** Tweaks a standard form for a very compacted display.
** Enclose a .Form in a 'Micro' container (div) for this behavior.
***************************************************************/
.mscMicro .mscForm .mscActions {
    margin-top: 6px;
    padding-left: 0px;
}
.mscMicro .mscForm .mscValidationSummary ul {
    margin-left: 0px;
    padding-left: 20px;
}

/* IE specific styling since doesn't support td display change */
html.ie .mscMicro .mscFormTable {
    display: table;
}
html.ie .mscMicro .mscFormTable tr {
    display: table-row;
}
html.ie .mscMicro .mscFormTable td, html.ie .mscMicro .mscFormTable th {
    display: table-cell;
    padding: 2px;
}
html.ie .mscMicro .mscFormLabel {
    text-align: left;
    width: 50px;
}

/* Other browsers */
.mscMicro .mscFormTable {
    display: block;
}
.mscMicro .mscFormTable tr {
    display: block;
}
.mscMicro .mscFormTable td, .mscMicro .mscFormTable th {
    display: block;
    padding: 2px;
}
.mscMicro .mscFormLabel {
    text-align: left;
}


/* for the ms_order_print.aspx page */
body.PRINT { margin:15px; }


/**************************************************************
** POPUP
** Basic layout for popup windows
***************************************************************/
body.mscPopup {
    padding: 15px;
}
.mscPopup .mscCardQuestion {
    margin-top: 10px;
}
.mscPopup .mscActions {
    margin-top: 20px;
}


/**************************************************************
** MESSAGE BOXES
***************************************************************/
.mscMsgBoxSuccess {
    border: #99cc66 1px solid;
    background-color: #ccffcc;
    padding: 15px;
    font-size: 120%;
}
.mscMsgBoxSuccess .mscActions { margin-top: 20px; font-size: 120%; }
.mscMsgBoxSuccess .mscActions a { font-weight: bold; }

.mscMsgBoxError {    
    border: #ffffff 1px solid;
    background-color: #ffb3b3;
    padding: 15px;
    font-size: 120%;
}

.mscMsgBoxWarning {    
    border: #f4f400 1px solid;
    background-color: #ffff97;
    padding: 15px;
    font-size: 120%;
}

.mscMsgBoxInfo {    
    border: #0000cc 1px solid;
    background-color: #d5ddff;
    padding: 15px;
    font-size: 120%;
}

/**************************************************************
** GRIDS
***************************************************************/
.mscGridContents { clear: both; width: 100%; }
.mscGridTable { border-collapse: collapse; border: solid 1px darkgray; width: 100%;  }
.mscGridTable .mscGridHeaderRow { background-color: #dcdcdc; }
.mscGridTable .mscGridHeaderCell { font-weight: bold; padding-left: 6px; padding-right: 6px; border-bottom: solid 1px black; }
.mscGridTable .mscGridRow { }
.mscGridTable .mscGridAltRow .mscGridCell { border-top: solid 1px #dcdcdc;  border-bottom: solid 1px #dcdcdc; }
.mscGridTable .mscGridCell { padding: 6px;  }

.mscGridContents .mscGridTable .mscGridCell .mscDetails { margin: 0; padding: 0; }


/**************************************************************
** LOGIN FORM (Control)
***************************************************************/
.mscLoginForm .mscFormInput input {
    width: 200px;
}
.mscSmall .mscLoginForm .mscFormInput input {
    width: 140px;
}
.mscMicro .mscLoginForm .mscFormInput input {
    width: 100px;
}

/**************************************************************
** LOGIN FORM (Control)
***************************************************************/
.mscPreCheckoutForm .mscLoginForm, .mscPreCheckoutForm .mscRegistrationForm  {
    margin-left: 20px;
}

/**************************************************************
** CUSTOMER FORM (Control)
***************************************************************/
.mscCustomerForm .mscMsgBoxSuccess {
	margin-bottom: 20px;
}


/**************************************************************
** CART ADDRESS FORM (Control)
***************************************************************/
.mscCartAddressForm .mscShipSame .mscActions {
    margin-top: 4px;
    margin-bottom: 15px;
}
.mscCartAddressForm .mscBilling {
    /*padding-top: 10px; */
    padding-bottom: 10px;
}
.mscCartAddressForm .mscShipping {
    padding-top: 10px;
    padding-bottom: 10px;
}

/**************************************************************
** CART PAYMENT FORM (Control)
***************************************************************/
.mscCartPaymentForm  .mscPaymentSection {
    margin-bottom: 15px;
}
.mscCartPaymentForm  .mscPaymentForm {
    margin-left: 30px;
}
.mscCartPaymentForm .mscTerms {
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #dcdcdc;
}
.mscCartPaymentForm .mscPaymentSelector .mscFormTable {
    margin-left: 30px;
}
.mscCartPaymentForm .mscPaymentSelector .mscPaymentType .mscFormLabel {
   	font-size: 18px;
    font-weight: bold;
}
.mscCartPaymentForm .mscPaymentSelector .mscPaymentType .mscFormInput select {
   	font-size: 18px;
    font-weight: bold;
}

/**************************************************************
** CART MULTI-PAYMENT FORM (Control)
***************************************************************/
.mscCartMultiPaymentForm .mscPaymentMethodContents { position: relative; }
.mscCartMultiPaymentForm .mscPaymentMethodContents .mscRemove { position: absolute; top: 7px; left: 350px; }
.mscCartMultiPaymentForm .mscPaymentMethodContents { margin-bottom: 25px; }
.mscCartMultiPaymentForm .mscActions { margin-top: 35px; }
.mscCartMultiPaymentForm .mscActions select { font-size: 130%; font-weight: bold; }

/**************************************************************
** CART SHIPPING FORM (Control)
***************************************************************/
.mscCartShippingForm .mscTerms {
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #dcdcdc;
}

/**************************************************************
** LAYOUT TABLE
** Use for horizontal or vertical layouts
** Typically a horizontal usage would have one row and multiple columns
***************************************************************/
.mscLayoutTable {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}
.mscTopAlign td {
    vertical-align: top;
}

/**************************************************************
** REVIEW TABLE
** Use read only form like layouts
***************************************************************/
.mscReviewTable {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
}
.mscReviewTable h5 {
    margin: 0;
    padding: 0;
}
.mscReviewTable td, .mscReviewTable th {
    padding: 4px;
}
.mscReviewTable th {
    font-weight: bold;
}
.mscReviewTable td.mscLabel, .mscReviewTable th.mscLabel {
    padding: 4px 4px 4px 0px;
}
.mscReviewTable .mscLabel {
    text-align: right;
    font-weight: bold;
}
.mscReviewTable .mscLayoutTable td {
    padding: 0;
    padding-left: 4px;
    margin: 0;
}
.mscReviewTable .mscValue {
    font-weight: normal;
}
.mscReviewTable td.mscValue {
    padding: 4px 0px 4px 4px;
}
.mscReviewTable .mscValue .mscLayoutTable td {
    padding: 0;
    padding-right: 8px;
    margin: 0;
}

/**************************************************************
** ORDER DETAIL VIEW
***************************************************************/
.mscOrderDetailView .mscOrderHeaderBar {
    width: 100%;
    margin-bottom: 6px;
    clear: both;
    font-weight: bold;
}
.mscOrderDetailView h5 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 0;
    padding-bottom: 4px;
    font-size: 110%;
    border-bottom: solid 1px darkgray;
}
.mscOrderDetailView .mscOrderHeaderBar .mscOrderType {
    float: left;
}
.mscOrderDetailView .mscOrderHeaderBar .mscOrderDate {
    float: right;
}
.mscOrderDetailView .mscReviewTable .mscLabel {
    width: 70px;
    text-align: right;
}
.mscOrderDetailView .mscBilling { margin-right: 10px; }
.mscOrderDetailView td div.mscShipping { margin-left: 10px; margin-right: 10px; }
.mscOrderDetailView td div.mscPayment { padding-left: 10px; }

.mscOrderDetailView .mscItems  h5 { border: none; padding: 0; }
.mscOrderDetailView .mscItems .mscGridTable { border-bottom: solid 1px black !important; } /* Total separator line */
.mscOrderDetailView .mscItems .mscGridHeaderRow { background-color: #dcdcdc; }
.mscOrderDetailView .mscItems .mscGridHeaderCell { padding: 2px 10px; }
.mscOrderDetailView .mscItems .mscGridCell { padding: 4px 10px; }

.mscOrderDetailView .mscItems .mscGridCell.mscItemShipTo {
    border-top: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc;
    text-align: left;
}
.mscOrderDetailView .mscItems .mscItemShipTo .mscShippingMethod {
    margin-top: 10px;
}
.mscOrderDetailView .mscItems mscItemCode {
    text-align: left;
}
.mscOrderDetailView .mscItems .mscItemDescription {
    text-align: left;
}
.mscOrderDetailView .mscItems .mscItemPromiseFulfillDate {
    width: 60px;
    text-align: center;
}
.mscOrderDetailView .mscItems .mscItemPromiseDate {
    width: 60px;
    text-align: center;
}
.mscOrderDetailView .mscItems .mscItemQuantity {
    width: 30px;
    text-align: right;
}
.mscOrderDetailView .mscItems .mscItemOrigPrice {
    width: 70px;
    text-align: right;
}
.mscOrderDetailView .mscItems td.mscItemOrigPrice {
    color: #a9a9a9; 
}
.mscOrderDetailView .mscItems .mscItemUnitPrice {
    width: 70px;
    text-align: right;
}
.mscOrderDetailView .mscItems .mscItemExtPrice {
    width: 75px;
    text-align: right;
}
.mscOrderDetailView .mscItems .mscNotes h5 {
    margin: 4px 0;
    padding: 0;
}
.mscOrderDetailView .mscOrderTotals {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
}
.mscOrderDetailView .mscOrderTotals {
    width: 200px;
}
.mscOrderDetailView .mscOrderTotals .mscLabel { 
    padding: 2px 10px;
    font-weight: bold;
    text-align: right;
}
.mscOrderDetailView .mscOrderTotals .mscValue { 
    padding: 2px 10px;
    width: 75px;
    text-align: right;
    background-color: #dcdcdc;
}
.mscOrderDetailView .mscOrderTotals .mscShipping td { 
    padding: 2px 10px 6px;
}
.mscOrderDetailView .mscOrderTotals .mscTotal td { 
    border-top: solid 1px #000000;
    padding: 6px 10px 8px;
    font-weight: bold;
    font-size: 120%;
}

.mscOrderDetailView .mscObjectAttributesView { border: solid 1px #dcdcdc; margin-top: 6px; margin-bottom: 6px; padding: 6px; }
.mscOrderDetailView .mscObjectAttributesView th { padding: 2px 6px; }
.mscOrderDetailView .mscObjectAttributesView td { padding: 2px 0; }

.mscOrderDetailView .mscShipments h5 { border: none; padding-bottom: 0; }
.mscOrderDetailView .mscShipments .mscEmpty { border-top: solid 1px darkgray; padding-top: 8px; }
.mscOrderDetailView .mscShipments .mscGridHeaderCell { text-align: left; }

/**************************************************************
** COMPANY HEADER
***************************************************************/
.mscCompanyHeader .mscLogo { padding-left: 0px; }
.mscCompanyHeader .mscCompanyInfo { text-align: right; padding-right: 8px; }


/**************************************************************
** PAGER
***************************************************************/
.mscPager { clear: both; }
.mscPager .mscFound { font-size: 85%; font-weight: bold; }
.mscPager .mscPage { vertical-align : middle; display: block; float: left; }
.mscPager .mscNav { vertical-align : middle; display: block; float: left; }
.mscPager .mscSeparator { vertical-align : middle; display: block; float: left; padding-left: 3px; padding-right: 3px; }
.mscPager .mscSelected { font-weight: bold; }
.mscPager a { }
.mscPager a:visited { }
.mscPager a:hover { }
.mscPager.mscTop { border-bottom: solid 1px black; }
.mscPager.mscBottom { border-top: solid 1px black; }


/**************************************************************
** CATEGORY INFO
***************************************************************/
.mscBullet {
    display: list-item;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 15px;
    padding-left: 0px;
}

/**************************************************************
** GALLERY
** ------------------------------------------------------------
** Change to the following styles to float the description 
** beside the photo (instead of below).
** ------------------------------------------------------------
** .mscGalleryItem .mscPhoto { float: left; margin-right: 10px; display: block; }
** .mscGalleryItem .mscDetails { float: left; width: 150px; }
***************************************************************/
.mscGalleryContents { clear: both; }
.mscGalleryTable {     
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
}
.mscGalleryCell { vertical-align: top; }
.mscGalleryContents .mscGalleryItem { font-size: 90%; }
.mscGalleryContents .mscGalleryItem .mscPhoto { margin-right: 10px; display: block; }
.mscGalleryContents .mscGalleryItem .mscDetails { margin: 0; padding: 0; }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemCode { font-size: 90%;   }
.mscGalleryContents .mscGalleryItem .mscDetails .mscCategoryTitle { font-size: 130%; font-weight: bold; margin-top: 2px; margin-bottom: 4px;  }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemTitle { font-size: 130%; font-weight: bold; margin-top: 2px; margin-bottom: 6px;  }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemReadMore { font-weight: bold; margin-top: 3px; margin-bottom: 6px; }
.mscGalleryContents .mscGalleryItem .mscDetails .mscItemRetailPrice { font-size: 130%; color: #ff0000; text-decoration: line-through;
}
.mscGalleryItem .mscDetails .mscItemPrice { font-size: 130%;  }
.mscGalleryItem .mscDetails .mscBuyContents { margin-top: 10px; }

.mscCategoryList .mscGalleryCell { vertical-align: middle ; padding: 6px 0px; }
.mscCategoryList .mscGalleryContents .mscGalleryItem .mscPhoto { width: 50px;  }

.mscResultsView .mscGalleryCell { vertical-align: top; padding: 10px; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto { height: 130px; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto table { width: 100%; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto td { height: 130px; }
.mscResultsView .mscGalleryContents .mscGalleryItem .mscPhoto img { max-height: 125px; }


/**************************************************************
** CATEGORY INFO
***************************************************************/
.mscCategoryInfo { clear: both; }
.mscCategoryInfo .mscPhoto { float: left; margin-right: 10px; margin-bottom: 10px; display: block; width: 40px; }
.mscCategoryInfo .mscDetails { }
.mscCategoryInfo .mscCategoryName { font-size: 120%; font-weight: bold; }
.mscCategoryInfo .mscCategoryDescription { }

/**************************************************************
** BREAD CRUMB NAVIGATION
***************************************************************/
.mscBreadCrumbs { clear: both; margin-bottom: 10px; font-weight: bold; }
.mscBreadCrumbs a.mscNone { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscBreadCrumbs a.mscNone:hover { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscBreadCrumbs a.mscNone:visited { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscBreadCrumbs a.mscNone:active { text-decoration: inherit; color: inherit; cursor: inherit; }
.mscSearchDescription { }



/**************************************************************
** CART VIEW
***************************************************************/
.mscCartView {}
.mscCartView .mscInstructions { margin-bottom: 10px; font-style:italic; }
.mscCartView .mscGridTable { border: none; }
.mscCartView .mscGridHeaderRow { background-color: #ffffff; }
.mscCartView .mscGridHeaderRow th { border-bottom: solid 1px black; padding-bottom: 4px; }
.mscCartView .mscGridFooterRow td { border-top: solid 1px black; padding-top: 4px; background-color: #e3e3e3; }
.mscCartView .mscPhoto {}
.mscCartView .mscCompoundCodeTable {}
.mscCartView .mscItemCode {}
.mscCartView .mscItemDescription {}
.mscCartView .mscItemQuantity { text-align: right; white-space: nowrap; }
.mscCartView .mscItemQuantity input { width: 25px; text-align: right; }
.mscCartView td.mscItemOrigPrice { text-align: right; white-space: nowrap; color: #a9a9a9;  }
.mscCartView .mscItemUnitPrice { text-align: right; white-space: nowrap; }
.mscCartView .mscItemExtPrice { text-align: right; white-space: nowrap; }
.mscCartView .mscGridFooterRow .mscItemQuantity { font-weight: bold; text-align: right; width: 100% }
.mscCartView .mscGridFooterRow .mscItemExtPrice { font-weight: bold; }

/**************************************************************
** CART REVIEW FORM
***************************************************************/
.mscCartReviewForm {
}

.mscCartReviewForm h5 {
    margin: 0;
    margin-top: 15px;
    margin-bottom: 4px;
    padding: 0;
    padding-bottom: 4px;
    font-size: 14px;
    border-bottom: solid 1px darkgray;
}
.mscCartReviewForm .mscBillingAddress {
    padding-right: 16px;
}
.mscCartReviewForm .mscPaymentInfo, .mscCartReviewForm .mscShippingInfo {
    padding-top: 10px;
}
.mscCartReviewForm .mscPromotion {
    font-style: italic;
}
.mscCartReviewForm .mscOrderSummary {
    border-top: solid 1px #000000;
}

.mscCartReviewForm .mscOrderSummary .mscOrderTotalDivider td {
    padding-left: 6px;
    padding-top: 6px;
    font-weight: bold;
}

.mscCartReviewForm .mscOrderSummary .mscOrderSubTotal td {
    padding-top: 6px;
}
.mscCartReviewForm .mscOrderSummary td {
    padding-right: 6px;
    font-weight: bold;
}
.mscCartReviewForm .mscOrderSummary td.mscLabel {
    width: 150px;
}
.mscCartReviewForm .mscOrderSummary td.mscValue {
    background-color: #d3d3d3;
    width: 60px;
}
.mscCartReviewForm .mscOrderSummary .mscOrderShipping td {
    padding-bottom: 6px;
}
.mscCartReviewForm .mscOrderSummary .mscOrderTotal td {
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: solid 1px #000000;
    font-size: 120%;
}

/**************************************************************
** CART FINISH VIEW
***************************************************************/
.mscCartFinishView .mscStatus { color: green; font-size: 110%; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }


/**************************************************************
** ITEM DETAIL VIEW (Control)
***************************************************************/
.mscItemDetailView .mscItemHeader {
    margin-bottom: 10px;
}
.mscItemDetailView .mscItemTitle h1 {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.mscItemDetailView .mscItemHeader .mscItemCode {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    vertical-align: baseline;
}
.mscItemDetailView .mscPhotoPanel {
    float: left;
    margin-bottom: 10px;
    text-align: center;
}
.mscItemDetailView .mscDetails .mscItemDescription {
    margin-top: 10px;
    margin-bottom: 20px;
}
.mscItemDetailView .mscItemAddForm {
    margin-top: 20px;
    margin-bottom: 10px;
}

.mscItemDetailView .mscHasImages .mscDetails {
    margin-left: 190px;
}
.mscItemDetailView .mscHasImages .mscItemAddForm {
    margin-left: 190px;
}

.mscItemDetailView .mscPriceTable {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mscItemDetailView .mscPriceTable td.mscLabel {
    font-weight: bold;
    font-size: 125%;
    padding-right: 10px;
    text-align: right;
}
.mscItemDetailView .mscPriceTable td.mscValue {
    font-weight: bold;
    font-size: 125%
}
.mscItemDetailView .mscPriceTable tr.mscItemRetailPrice td.mscValue {
    color: #ff0000;
    text-decoration: line-through;
}

/**************************************************************
** ITEM SUB DETAIL VIEW (Control)
***************************************************************/
.mscItemSubDetailView {
}
.mscItemSubDetailView .mscPhoto {
    float: left;
    text-align: left;
    width: 100px;
}
.mscItemSubDetailView .mscDetails {
    margin-left: 100px;
    float: none;
}
.mscItemSubDetailView .mscSubDetails {
    float: left;
    padding-bottom: 10px;
}
.mscItemSubDetailView .mscItemTitle {
    padding-top: 6px;
    font-weight: bold;
    font-size: 120%;
}
.mscItemSubDetailView .mscItemDescription {
    width: 350px;
}
.mscItemSubDetailView .mscPriceTable {
    border-collapse: collapse;
    margin: 0;
}
.mscItemSubDetailView .mscPriceTable td.mscLabel {
    font-weight: bold;
    font-size: 110%;
    padding-right: 10px;
    text-align: right;
}
.mscItemSubDetailView .mscPriceTable td.mscValue {
    font-weight: bold;
    font-size: 110%
}
.mscItemSubDetailView .mscPriceTable tr.mscItemRetailPrice td.mscValue {
    color: #ff0000;
    text-decoration: line-through;
}
.mscItemSubDetailView .mscBuyContents {
    float: left;
    padding-top: 6px;
    margin: 0px;
    margin-top: 4px;
}

/**************************************************************
** ITEM ATTRIBUTES VIEW (Control)
***************************************************************/
.mscItemAttributesView table {
    border-collapse: collapse;
    border: solid 1px darkgray;
    padding: 6px;
}
.mscItemAttributesView td {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}
.mscItemAttributesView .mscLabel {
    font-weight: bold;
    text-align: right;
    padding-left: 20px;
}
.mscItemAttributesView .mscValue {
    padding-right: 20px;
}

/**************************************************************
** ITEM ASSOCIATION VIEW (Control)
***************************************************************/
.mscItemAssociationView .mscAssociationGridTable {
    border-collapse: collapse;
    border: none;
}
.mscItemAssociationView .mscAssociationGridTable .mscGridHeaderCell {
    padding: 4px;
    border: none;
}
.mscItemAssociationView .mscAssociationGridTable td {
    padding: 4px;
    border: none;
}


/**************************************************************
** ITEM IMAGES LARGE VIEW (Control)
***************************************************************/
.mscItemImagesLargeView { 
    text-align: center;
    width: 100%;
}
.mscItemImagesLargeView .mscMainPhoto {
    margin-bottom: 30px;
}
.mscItemImagesLargeView .mscMainPhoto span {
    font-size: 130%;
    font-weight: bold;
    display: block;
    margin-top: 6px;
}
.mscItemImagesLargeView .mscSecondaryPhotos .mscSecondaryPhotosTable td {
    padding: 4px;
}
.mscItemImagesLargeView .mscSecondaryPhotos .mscSelected a {
    display: block;
    border: solid 2px red;
    padding: 4px;
}

/**************************************************************
** ITEM ADD FORM (Control)
***************************************************************/
.mscItemAddForm ol { margin-left: 20px; padding-left: 0px; }
.mscItemAddForm ol.mscSingleStep { list-style-type: none; margin: 0; padding: 0; }
.mscItemAddForm ol li { font-weight: bold; }
.mscItemAddForm ol li div.mscVariationsSection { font-weight: normal; }
.mscItemAddForm ol li div.mscQuantitySection { font-weight: normal; }
.mscItemAddForm ol li .mscLabel { text-align: right; }
.mscItemAddForm ol li span.mscLabel { display: block; float: right; }
.mscItemAddForm h5 { padding-bottom: 2px; }
.mscItemAddForm .mscVariationsSection { margin-bottom: 14px; }
.mscItemAddForm .mscQuantitySection { margin-bottom: 14px; }
.mscItemAddForm .mscQuantity { width: 50px; }
.mscItemAddForm .mscQuantitySection .mscBuy { 
    float: inherit;
    margin: inherit;
    padding-top: 0;

    margin-left: 4px; 
    vertical-align: top; 
}

/**************************************************************
** TREE VIEW
***************************************************************/
.mscTreeView { }

.mscTreeView .mscNode { cursor: default;  }
.mscTreeView .mscNodeRow { }
.mscTreeView .mscSel { font-weight: bold; }
.mscTreeView .mscSelRow { }
.mscTreeView .mscChildSel { font-weight: bold; }
.mscTreeView .mscChildSelRow { }
.mscTreeView .mscMultiSel { font-weight: bold; }
.mscTreeView .mscMultiSelRow { }

.mscTreeView .mscHover { cursor: pointer; text-decoration: underline; }
.mscTreeView .mscHoverRow { }
.mscTreeView .mscSelHover { cursor: pointer; text-decoration: underline; font-weight: bold; }
.mscTreeView .mscSelHoverRow { }
.mscTreeView .mscChildSelHover { cursor: pointer; text-decoration: underline; font-weight: bold; }
.mscTreeView .mscChildSelHoverRow { }

.mscTreeView .mscNodeEdit { }
.mscTreeView .mscCut { }
.mscTreeView .mscCutRow { }
.mscTreeView .mscDropChild { }
.mscTreeView .mscDropSibling { }
.mscTreeView .mscFocused { }
.mscTreeView .mscPop { }
.mscTreeView .mscLoading { }
.mscTreeView .mscMargin { }


/**************************************************************
** MENU
***************************************************************/
.mscMenu { 
    width: 100%; 
}
.mscMenuGroup {
/*  background-color: #98DD98;*/
  width: 100%;
}
.mscMenuSubGroup {
  background-color:#98DD98;
  border: 0px;
  /*border-color: #ffffff;*/
  border-style: solid;  
}
.mscMenuBreak {
  padding-left: 27px; 
  padding-right: 2px; 
}
.mscMenuItem, .mscMenuItemHover {
/*  background-color: #ffffff;*/
  width: 100%;
  color: #08204F;
  font-size: 12px;
/*  font-weight: bold; */
  padding: 1px 15px 1px 0px;
  cursor: pointer;
}
.mscMenuItemSpacerHover{}
.mscMenuItemSpacer{}


/**************************************************************
** DEPLOYMENT BANNER
** The deployment banner will be displayed by default
** when in a deployment safe mode or there is a debug compiled build.
** The following classes will cause the banner to be display
** in a translucent overlay in the top right corner.
** That behavior can be modified by changing these classes.
***************************************************************/
/* this is the default styling */
.mscDeployBanner {
	font-size: 11px;
	font-family: sans-serif;
	text-align: left;
	background: #808080;
	color: #fff;
	padding: 0;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
	opacity: .25;
	filter: alpha(opacity = 25);
}
/* when hovering over the banner this class is added. */
.mscDeployBannerHover 
{
	opacity: 1; 
	filter: alpha(opacity = 100);
}
.mscDeployBanner .mscHeader {
	background: #000;
	padding: 1px 4px;
	height: 16px;
	cursor: pointer;
}
.mscDeployBanner .mscHeader .mscTitle{
	position: absolute;
	top: 1px;
}
.mscDeployBanner .mscHeader a {
	position: absolute;
	top: 1px;
	right: 4px;
	display: block;
}
.mscDeployBanner .mscContent {
	padding: 2px 6px 4px;
	clear: both;
}
.mscDeployBanner label { 
	width: 80px;
	padding-right: 6px;
	display: block;
	float: left;
	text-align: right;
}
.mscDeployBanner .mscContent a {
	color: #ffffff;
}
.mscDeployBanner .mscContent a:link {
	color: #ffffff;
}
.mscDeployBanner .mscContent a:hover {
	color: #ff0000;
}
.mscDeployBanner .mscContent a:visited {
	color: #ffffff;
}
.mscDeployBanner .mscContent a:active {
	color: #ffffff;
	text-decoration: none;
}
.mscDeployBanner .mscContent a.mscCacheReset:hover {
	color: #ff0000;
}
.mscDeployBanner .mscContent a.mscMore {
	margin-bottom: 4px;
	display: block;
	width: 80px;
	padding-right: 6px;
	text-align: right;
}
.mscDeployBanner .mscContent .mscHelp {
	font-weight: normal;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	margin: 6px auto;
	padding: 2px 5px;
	width: 95%;
	text-align: center;
}