/**************************************************************
** 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:2;
}
.mscFormTable td, .mscFormTable th {
    padding: 2px;
    vertical-align: top;
}
.mscFormLabel {
    text-align: right;

    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: 6px 0 6px 0;
}

.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
***************************************************************/

.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%; background-color:#FFFFFF; }
.mscGridTable {}
.mscGridTable a { color:#234D9C; }
.mscGridTable .mscGridHeaderRow { border-top:1px solid #EEEEEE;border-right:1px solid #EEEEEE;border-left:1px solid #EEEEEE; width:100%; background:url(../../images/gridheader_bg.jpg) repeat-x bottom; height:27px; color:#234D9C;  }
.mscGridTable .mscGridHeaderCell { border-top:1px solid #EEEEEE; font-weight: bold; padding:1px 6px 1px 6px; color:#27537a;  }
.mscGridTable .mscGridRow { padding:5px; }
.mscGridTable .mscGridCell { padding: 6px; }
.mscGridTable .mscGridAltRow { background-color:#F8F8F8 }
.mscGridTable .mscGridAltRow .mscGridCell { border-top: solid 1px #EEEEEE;  border-bottom: solid 1px #EEEEEE; }

.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;
}
.mscCartAddressForm .mscBilling {

}
.mscCartAddressForm .mscShipping {
}

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

/**************************************************************
** 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 {
    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 {
}
.mscReviewTable th {
    font-weight: bold;
}
.mscReviewTable td.mscLabel, .mscReviewTable th.mscLabel {
    padding: 0px 4px 0px 0px;
}
.mscReviewTable .mscLabel {
    text-align: right;
    font-weight: bold;
}
.mscReviewTable .mscLayoutTable td {
    padding: 0px;
    margin: 0;
}
.mscReviewTable .mscValue {
    font-weight: normal;
}
.mscReviewTable td.mscValue {
}
.mscReviewTable .mscValue .mscLayoutTable td {
    padding: 0px;
    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;
    clear:both;
    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 {}
.mscOrderDetailView td div.mscShipping {}
.mscOrderDetailView td div.mscPayment {  }
.mscOrderDetailView .mscItems { }
.mscOrderDetailView .mscItems  h5 { border: none; padding: 0; }
.mscOrderDetailView .mscItems .mscGridTable { border:1px solid #637A8C;  border-bottom: solid 1px black !important; } /* Total separator line */
.mscOrderDetailView .mscItems .mscGridHeaderRow {  }
.mscOrderDetailView .mscItems .mscGridHeaderCell { color:#27537a; background:url(../../images/gridheader_bg.jpg) repeat-x bottom;  }
.mscOrderDetailView .mscItems .mscGridCell { }

.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: #EEEEEE;
}
.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; }

a.mscPage { width:18px; padding:2px 0px; margin:2px 1px; border:1px solid #F47726; float:left; }
a.mscSelected { width:18px; padding:2px 0px; margin:2px 1px; float:left; background-color:#F47726; border:1px solid #F47726; color:#FFFFFF; }
a.mscPage:visited { }
a.mscPage:hover { background-color:#F47726; border:1px solid #F47726; color:#FFFFFF; }

a.mscNav { width:44px; padding:2px 2px; margin:2px 1px; border:1px solid #F47726; float:left; }
a.mscNav:hover { background-color:#F47726; border:1px solid #F47726; color:#FFFFFF; text-decoration:underline; }

/*
a.mscPage { width:20px; padding:0px; margin:0px 2px; float:left; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; outline:none; text-decoration:none; }
a.mscSelected { width:20px; padding:0px; margin:0px 2px; float:left; border-top:2px solid #F47726; border-bottom:2px solid #F47726; text-decoration:none;  }
a.mscPage:visited { text-decoration:none; }
a.mscPage:hover { border-bottom:2px solid #F47726; border-top:2px solid #F47726; text-decoration:none; }
*/

/**************************************************************
** 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;
}

.mscGalleryContents .mscGalleryItem { font-size:90%; background-color:#FFFFFF; padding: 4px;   }
.mscGalleryContents .mscGalleryItem .mscPhoto { vertical-align:top; text-align:center; }
.mscGalleryContents .mscGalleryItem .mscCategoryTitle { font-size: 120%; font-weight: bold; margin-top: 2px; margin-bottom: 4px;  }
.mscGalleryContents .mscGalleryItem .mscItemTitle { font-size: 130%; font-weight: bold; margin-top: 2px; margin-bottom: 6px;  }
.mscGalleryContents .mscGalleryItem .mscItemReadMore { font-weight: bold; margin-top: 3px; margin-bottom: 6px; }
.mscGalleryContents .mscGalleryItem .mscItemRetailPrice { font-size: 130%; color: #ff0000; text-decoration: line-through; }
.mscGalleryItem .mscItemPrice { font-size: 130%; font-weight:bold;  }
.mscGalleryItem .mscBuyContents { margin-top: 10px; }

.mscCategoryList .mscGalleryCell { vertical-align: top ; padding: 5px; }
.mscCategoryList .mscGalleryContents .mscGalleryItem .mscPhoto {  }

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



.mscSubCategories {  }
.mscSubCategories li { text-align:left;  }




/**************************************************************
** 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: 4px;  }
.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: #eeeeee; }
.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: 11px;
    font-weight: bold;
    vertical-align: baseline;
}
.mscItemDetailView .mscPhotoPanel {
    float: left;
    margin-bottom: 10px;
    text-align: center;
}
.mscItemDetailView .mscDetails .mscItemDescription {

}
.mscItemDetailView .mscItemAddForm {
    margin-top: 20px;
    margin-bottom: 10px;
}

.mscItemDetailView .mscHasImages .mscDetails {

}
.mscItemDetailView .mscHasImages .mscItemAddForm {

}

.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 {

}
.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;
    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 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;
}