/* This CSS file overrides the CSS of Celtrino Express site to style it in the new 2014 style. */


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles the product view page, 
   this section is the product information. Page: ProductDetailsView.ascx */
div#InformationContents td, div#MeasureContents td, div#pricingContents td
{
    width: 16%;
}
div#PriceChangeRequest panel td
{
    width: auto !important;
}
div#PriceChangeRequest panel > table:first-child
{
    padding-top: 10px;
    width: 100%;
    border-top: 1px solid black;
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
div#divMainBody form#TabContents table, div#PriceChangeRequest panel table
{
    padding-left: 10px;
    padding-right: 10px;
}
div#divMainBody form#TabContents td, div#PriceChangeRequest panel td
{
    vertical-align: middle !important;
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: right;
}
div#divMainBody form#TabContents select, div#PriceChangeRequest panel select
{
    width: 155px;
    padding: 0px;
    height: 20px;
    margin: 0px;
}
div#divMainBody form#TabContents input, div#PriceChangeRequest panel input
{
    width: 150px;
    padding: 0px;
    height: 20px;
    margin: 0px;
    padding-left: 3px;
}
div.ImageContents td
{
    text-align: center !important;
}
div.ImageContents input
{
    margin: 3px !important;
}
div.wide div.formContents
{
    width: 100%;
}
div.formContents .innerThText, div.formContents .tdText
{
    background-color: White;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: auto !important;
    vertical-align: middle;
}
div.formContents .tdText
{
    text-align: left !important;
}
form#TabContents div#MainHeader
{
    border: 0px !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}
table#documentDetailsTable
{
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table#documentDetailsTable th, table#documentDetailsTable td
{
    border: 0px;
    padding: 8px !important;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px solid Black !important;
    border-bottom: 0px !important;
}
table#documentDetailsTable td
{
    border-right: 1px solid Black !important;
}
table#documentDetailsTable th
{
    border-right: 1px solid Black !important;
    background-color: #717171;
    font-weight: bold;
    color: White;
    font-size: 12px;
}
table#documentDetailsTable th a
{
    font-weight: bold;
    color: White;
}
div#PriceChangeRequest div.pricingContents table:first-child
{
}
div#PriceChangeRequest div.pricingContents table:first-child td
{
    width: auto !important;
}
div#PriceChangeRequest div.pricingContents table:first-child td input
{
    width: 130px !important;
}
div#PriceChangeRequest div.pricingContents table:first-child td select
{
    width: 135px !important;
}
div#PriceChangeRequest div.pricingContents table:first-child td input[type="radio"]
{
    width: 40px !important;
    margin-bottom: -6px !important;
}
div#PriceChangeRequest div.pricingContents table:first-child td input[type="button"]
{
    padding-left: 0px !important;
    width: 135px !important;
    color: #ffffff;
    height: 25px;
    border: 1px solid black;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
}
div#PriceChangeRequest div.pricingContents table:first-child td input[type="button"]:hover
{
    background-color: #0099CC;
}
div.formContents > table:first-child td
{
    width: 19%;
}
div#ProductIdentification div.formContents td
{
    width: auto !important;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles the main section of the product view page, 
   this section is the product information. Page: ProductDetailsView.ascx */
div.productView
{
    border: 1px solid #85a9cb;
    width: 160px;
    display: inline-block;
    padding: 0px;
    padding: 5px;
    margin: 0px;
    margin: 5px;
}
div.productView:hover
{
    background-color: #85a9cb;
}
div.productView:hover table
{
    /*color: White;*/
}
div.productView div
{
    display: block;
}
div.productView label, div.productView select, div.productView input
{
    padding: 0px;
    margin: 0px;
}
.productViewImage
{
    width: 150px;
    padding: 5px;
    margin: 0px;
    margin-bottom: 5px;
}
.productViewImageOverlay
{ 
    position:relative; 
    top:0px; 
    width:150px; 
    height:150px; 
    background:url(/ViewFile.ashx?include=img/overlay.png);  
    pointer-events: none;       
} 
.productPromoImageOverlay
{ 
    position:relative; 
    top:0px; 
    width:150px; 
    height:150px; 
    background:url(/ViewFile.ashx?include=img/promo_overlay.png);  
    pointer-events: none;       
} 
.productViewInfo
{
    width: 150px;
    padding: 5px;
    margin: 0px;
    float: left;
    background-color: #d6ebfe;
}
.productViewImage input
{
    border: 0px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}
.productViewImage select
{
    width: 150px;
    height: 25px;
    border: 0px;
    background-color: #015294;
    color: White;
}
table#productViewInfoTable
{
    width: 150px;
    border-collapse: collapse;
}
table#productViewInfoTable tr
{
    height: 22px;
    font-size: 10px;
    font-weight: bold;
}
table#productViewInfoTable td + td
{
    /*text-align: right;*/
}
div#TabContainer1_productPanel_ProductListing_updatePanel input[type="submit"]
{
    margin-top: 0px !important;
    border: 1px solid black;
    color: #ffffff;
    text-align: center !important;
    background-color: #717171;
}
div#TabContainer1_productPanel_ProductListing_updatePanel input[type="submit"]:hover
{
    color: #ffffff;
    background-color: #0099CC;
}
/*div#TabContainer1_productPanel_ProductListing_updatePanel table
{
}
div#TabContainer1_productPanel_ProductListing_ProductInformation_ctl00_4_spanContainer_4 + table td
{
    border: 0px;
    padding: 2px 5px 2px 5px !important;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid Black !important;
}
div#TabContainer1_productPanel_ProductListing_ProductInformation_ctl00_4_spanContainer_4 + table a,
div#TabContainer1_productPanel_ProductListing_ProductInformation_ctl00_4_spanContainer_4 + table span
{
    color:black;
    font-size:12px;
}
div#TabContainer1_productPanel_ProductListing_ProductInformation_ctl00_4_spanContainer_4 + table a:hover 
{
    color: #333;
    text-decoration: underline;
}*/

div#TabContainer1_productPanel_ProductListing_updatePanel table
{
    text-align: center;
    padding: 7px;
    margin: 3px;
}

div#TabContainer1_productPanel_ProductListing_updatePanel a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000000;
    text-decoration: none; /* no underline */
    color: #000000;
    display: inline-block;
}
div#TabContainer1_productPanel_ProductListing_updatePanel a:hover, div#TabContainer1_productPanel_ProductListing_updatePanel a:active
{
    border: 1px solid #000000;
    background-color: #000000;
    color: #fff;
}
div#TabContainer1_productPanel_ProductListing_updatePanel span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000000;
    font-weight: bold;
    background-color: #000000;
    color: #FFF;
}
div#TabContainer1_productPanel_ProductListing_updatePanel span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles the tree menu of the product view page, 
   this section is the left menu. Page: ProductDetailsView.ascx */
div#TabContainer1_productPanel_sideMenu_sideMenu > table td
{
    padding-top: 8px;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > table td a
{
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    color: #333333;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > table td a:hover
{
    color: Black;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div td
{
    padding-bottom: 5px;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div td a
{
    font-weight: bold;
    color: #939393;
    font-size: 12px;
    text-decoration: none;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div table
{
    width: 130px;
    border-collapse: collapse;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div tr td + td
{
    width: 10px;
    border-bottom: 1px solid #939393;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div tr td + td + td
{
    width: 100px;
    border-bottom: 1px solid #939393;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div tr:hover td + td
{
    border-bottom: 1px solid Black;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div tr:hover td + td + td
{
    color: Black;
    border-bottom: 1px solid Black;
}
div#TabContainer1_productPanel_sideMenu_sideMenu > div tr:hover a
{
    color: Black;
}
div#ProductIdentification, div#ProductInformation, div#ProductMeasurements, div#PriceInformation, div#StatusInformation, div#PriceChangeRequest, div#ManagePromotion, div#GalaProductInformation
{
    overflow: hidden;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles the menus of the my profile page. 
   Page: ManageUsers.aspx */
.rebrandedHeaderPanel
{
    margin-top: 20px;
}
.rebrandedBodyPanel label
{
    display: inline-block;
    margin-top: 8px;
}
.rebrandedBodyPanel select
{
    height: 28px;
    width: 23.2em;
}
div#divExistingPassword, div#divExistingPassword button, div#divExistingPassword label, div#divExistingPassword input
{
    padding: 0px;
    margin: 0px;
    height: 25px;
    display: inline-block;
}
div#divExistingPassword input
{
    padding-left: 10px;
    width: 13.7em;
}
div#divExistingPassword label
{
    margin-top: 4px;
}
div#divExistingPassword button
{
    width: 90px;
    height: 27px;
    text-align: center !important;
    background-color: #717171;
}
div#divExistingPassword button:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}

#removeUser_informationMessage_lblInformationMessage 
{
    width: 150px;
}

/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
form#frmPagination, form#frmPagination table
{
    border: 0px;
    background-color: transparent;
}
form#frmPagination
{
    width: 60%;
    float: left;
    display: inline-block;
}
/*form#frmPagination a
{
    width:20px;
    background-color:transparent;
    border:0px;
    color:Black;
}
form#frmPagination a:hover
{
    color:Blue;
}*/
div#PaginationIconButtons
{
    float: right;
    margin-right: 20px;
}
form#sidForm table
{
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
form#sidForm table th, form#sidForm table td
{
    border: 0px;
    padding: 2px 5px 2px 5px !important;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px !important;
    border-bottom: 1px solid Black !important;
}
form#sidForm table td
{
    border-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
form#sidForm table th
{
    text-align: center;
    vertical-align: middle;
    border-right: 0px !important;
    background-color: #717171;
    color: White;
}
form#sidForm table th a
{
    color: White;
}
div.ajax__tab_body
{
    background-color: White !important;
}
div.ajax__tab_header
{
    border-bottom: 1px solid black;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
table#PriceChangeHistory
{
    max-width: 96%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 2%;
    margin-right: 2%;
}
table#PriceChangeHistory tr
{
}
table#PriceChangeHistory th, table#PriceChangeHistory td
{
    width: 14%;
    padding: 8px !important;
    line-height: 20px;
    text-align: left !important;
    border-top: 1px solid #dddddd;
}
table#PriceChangeHistory th
{
    background-color: #717171;
    font-weight: bold;
    color: White;
}
table#PriceChangeHistory td
{
    border-bottom: 1px solid #dddddd; /*height:15px;*/
}


/*----------------Promotion--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
table#PromotionHistory
{
    max-width: 96%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 2%;
    margin-right: 2%;
}
table#PromotionHistory tr
{
}
table#PromotionHistory th, table#PromotionHistory td
{
    width: 14%;
    padding: 8px !important;
    line-height: 20px;
    text-align: left !important;
    border-top: 1px solid #dddddd;
}
table#PromotionHistory th
{
    background-color: #717171;
    font-weight: bold;
    color: White;
}
table#PromotionHistory td
{
    border-bottom: 1px solid #dddddd; /*height:15px;*/
}
div#ManagePromotion panel td
{
    width: auto !important;
}
div#ManagePromotion panel > table:first-child
{
    padding-top: 10px;
    width: 100%;
    border-top: 1px solid black;
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
div#divMainBody form#TabContents table, div#ManagePromotion panel table
{
    padding-left: 10px;
    padding-right: 10px;
}
div#divMainBody form#TabContents td, div#ManagePromotion panel td
{
    vertical-align: middle !important;
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: right;
}
div#divMainBody form#TabContents select, div#ManagePromotion panel select
{
    width: 155px;
    padding: 0px;
    height: 20px;
    margin: 0px;
}
div#divMainBody form#TabContents input, div#ManagePromotion panel input
{
    width: 150px;
    padding: 0px;
    height: 20px;
    margin: 0px;
    padding-left: 3px;
}
div#ManagePromotion div.pricingContents table:first-child
{
}
div#ManagePromotion div.pricingContents table:first-child td
{
    width: auto !important;
}
div#ManagePromotion div.pricingContents table:first-child td input
{
    width: 130px !important;
}
div#ManagePromotion div.pricingContents table:first-child td select
{
    width: 135px !important;
}
div#ManagePromotion div.pricingContents table:first-child td input[type="radio"]
{
    width: 40px !important;
    margin-bottom: -6px !important;
}
div#ManagePromotion div.pricingContents table:first-child td input[type="button"]
{
    padding-left: 0px !important;
    width: 135px !important;
    color: #ffffff;
    height: 25px;
    border: 1px solid black;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
}
div#ManagePromotion div.pricingContents table:first-child td input[type="button"]:hover
{
    background-color: #0099CC;
}


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
div#contentbody form > ul + ul h2, div#contentbody form > ul + ul p
{
    margin-right: 2em;
}
div#contentbody form > ul + ul h2
{
    padding-left: 7px;
    height: 22px;
    padding-top: 4px;
    background-color: #4b4b4b;
}
div#contentbody form > ul + ul p
{
    padding-left: 10px;
    padding-right: 3px;
    font-size: 12px;
}
div#contentbody form > ul li:first-child
{
    margin-right: 2em;
    margin-left: 0px !important;
    font-size: 16px;
    font-weight: bold;
}
div#contentbody form > ul
{
    list-style-type: none;
}
div#contentbody form > ul li
{
    margin-left: 15px;
    font-size: 12px;
}
div#contentbody form > ul li a
{
    text-decoration: none;
}
div#contentbody form > ul li a:hover
{
    color: Black;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
div#contentbody > h2, div#contentbody ol li
{
    margin-right: 2em;
    margin-left: 2em;
}
div#contentbody > h2
{
    padding-left: 7px;
    height: 22px;
    padding-top: 4px;
    background-color: #4b4b4b;
}
div#contentbody ol li
{
    margin-left: 35px;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles manage my colleagues page. 
   Page: ManageUsers.aspx*/
div#registerUserUpdatePanel button
{
    margin-top: 7px;
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #717171;
    float: right;
}
div#registerUserUpdatePanel input
{
    width: 345px;
}
div#registerUserUpdatePanel select
{
    width: 358px;
}
div#removeUserDiv div.rebrandedBodyPanel input
{
    width: 337px;
}
div#removeUserDiv div.rebrandedBodyPanel button.simpleFormButtonInput
{
    height: 26px;
    width: 100px;
    background-color: #717171;
    float: right;
}
div#removeUserDiv div.rebrandedBodyPanel button.simpleFormButton
{
    margin-top: 10px;
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #717171;
    float: right;
}
div.rebrandedBodyPanel
{
    border: 1px solid #4b4b4b;
    padding-bottom: 30px;
}
form#Form1 div.collapseHeaderPanel
{
    border: 1px solid #4b4b4b;
}
div#removeUserDiv div.rebrandedBodyPanel
{
    padding-bottom: 33px;
}
div#userPermissions_updatePanel tr:first-child input.button
{
    height: 30px;
    width: 70px;
    text-align: center !important;
    background-color: #717171;
}
/*
div#userPermissions_updatePanel tr:last-child input
{
    height: 30px;
    width: 190px;
    text-align: center !important;
    background-color: #717171;
}
*/
div#userPermissions_updatePanel tr:last-child input:hover, div#userPermissions_updatePanel tr:first-child input.button:hover, div#removeUserDiv div.rebrandedBodyPanel button.simpleFormButton:hover, div#registerUserUpdatePanel button:hover, div#removeUserDiv div.rebrandedBodyPanel button.simpleFormButtonInput:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}
div#userPermissions_updatePanel table.msGrid
{
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
div#userPermissions_updatePanel table.msGrid th, div#userPermissions_updatePanel table.msGrid td
{
    border: 0px;
    padding: 2px 5px 2px 5px !important;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid Black !important;
}
div#userPermissions_updatePanel table.msGrid th
{
    background-color: #717171;
    font-weight: bold;
    color: White;
    font-size: 12px;
}
div#userPermissions_updatePanel table.msGrid th a
{
    font-weight: bold;
    color: White;
}
.pgr table td:last-child
{
}
button#btnSaveFinishButton
{
    border: 1px solid black;
    text-align: center !important;
    margin-top: 7px;
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #717171;
}
button#btnSaveFinishButton:hover
{
    color: #ffffff;
    background-color: #0099CC;
}
div#retailerDetailsBody div table input:not([type='checkbox'])
{
    height: 25px;
    width: 210px;
    margin-top: 3px !important;
    margin-left: 10px !important;
}
div#retailerDetailsBody div table button
{
    height: 25px !important;
    width: 25px !important;
    margin-bottom: -3px !important;
}
div#retailerDetailsBody div table span
{
    display: inline-block;
    width: 155px;
    padding-left: 95px;
    margin-top: 2px;
    margin-bottom: 2px;
}
div#retailerDetailsBody div table span input, div#retailerDetailsBody div table span label
{
    margin: 0px;
    padding: 0px;
}
div#retailerDetailsBody div table span input
{
    margin-bottom: -6px;
    margin-right: 5px;
}


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles manage my trading relationships page. 
   Page: TradingRelationshipsControl.ascx*/
div#tradingRelationshipsControl_pnlTradingRelationshipBody .menu:first-child input
{
    margin: 0px;
    padding: 0px;
    height: 23px;
    padding-left: 10px;
}
div#tradingRelationshipsControl_pnlTradingRelationshipBody .menu:first-child input.button
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #717171;
}
div#tradingRelationshipsControl_pnlTradingRelationshipBody .menu:first-child input.button:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}
div#tradingRelationshipsControl_divResults table.msGrid
{
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
div#tradingRelationshipsControl_pnlTradingRelationshipBody .menu:first-child #tradingRelationshipsControl_btnRequestTR
{
    width: 200px;
    height: 25px;
}
div#tradingRelationshipsControl_divResults table.msGrid th, div#tradingRelationshipsControl_divResults table.msGrid td
{
    border: 0px;
    padding: 2px 5px 2px 5px !important;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid Black !important;
}
div#tradingRelationshipsControl_divResults table.msGrid th
{
    background-color: #717171;
    font-weight: bold;
    color: White;
    font-size: 12px;
}
div#tradingRelationshipsControl_divResults table.msGrid th a
{
    font-weight: bold;
    color: White;
}
.pgr table td:last-child
{
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles company profile page. 
   Page: EditCompanyProfile.ascx*/
div.c_bodyb form.simpleForm
{
}
div.c_bodyb form.simpleForm div.rebrandedHeaderPanel
{
    background-color: #4b4b4b;
    border: 1px solid #4b4b4b;
}
div.c_bodyb form.simpleForm div#companyDetailsBody div select
{
    width: 22em !important;
    height: 25px !important;
}
input#txtVatNumber_TextBox
{
    width: 180px !important;
    margin-top: 0.2em !important;
    margin-bottom: 0.2em !important;
    height: 25px !important;
}
button#txtVatNumber_Button
{
    margin-bottom: -0.3em !important;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles mass account uploader page. 
   Page: UploadAccounts.aspx*/
div.c_bodyb form.simpleForm button#btnUpload
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #717171;
}
div.c_bodyb form.simpleForm button#btnUpload:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}
div.c_bodyb form.simpleForm input#fileSource
{
    margin: 0px;
    padding: 0px;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles customer care dashboard page. 
   Page: CustomerCareDashboard.aspx*/
form#mainForm table.wide div.collapseHeaderPanel, form#mainForm table.wide rebrandedBodyPanel
{
    border: 1px solid #4b4b4b;
}

div#contentbody ul, div#pnlOnBoardingLinks ul
{
    list-style-type: none !important;
}
div#pnlUsefulLinks ul li, div#pnlOnBoardingLinks ul li
{
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
}
div#pnlUsefulLinks ul li a, div#pnlOnBoardingLinks ul li a
{
    text-decoration: none;
}
div#pnlUsefulLinks ul li a:hover, div#pnlOnBoardingLinks ul li a:hover
{
    color: Black;
}
div#pnlSwitchCompany button
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
}
div#pnlSwitchCompany button:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Invite Trading Partner page. 
   Page: AddNewTradingPartner.aspx*/
fieldset.simpleFormFieldset
{  
    padding: 17px 5px 5px 5px !important;
}
fieldset.simpleFormFieldset legend
{
    background: #4b4b4b;
    color: #FFF !important;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    margin: -6px;
    padding: 6px;
    display: block;
    width: 100%;
}
fieldset.simpleFormFieldset select
{
    width: 23.2em !important;
    height: 28px;
}
fieldset.simpleFormFieldset label.simpleFormLabel, fieldset.simpleFormFieldset label
{
    padding-top: 8px !important;
    display: block;
    float: left;
    text-align: left;
}
div#newCompany_divUserControl + br + div button.simpleFormButton
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;    
}
div#newCompany_divUserControl + br + div button.simpleFormButton:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles View User Details page. 
   Page: ViewUserDetails.aspx*/
form#viewUserDetailsForm select
{
    width: 23.2em;
    height: 28px;
}
form#viewUserDetailsForm textarea
{
    width: 23em;
}
form#viewUserDetailsForm label
{
    padding-top: 8px;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Change History page. 
   Page: DocumentChangeHistory.aspx*/
table#productHistory_grdProductHistoryListing
{
    border-collapse: collapse !important;
}
table#productHistory_grdProductHistoryListing th, table#productHistory_grdProductHistoryListing tr
{
    border: 0px;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px solid Black !important;
    border-bottom: 0px !important;
}
table#productHistory_grdProductHistoryListing th
{
    font-size: 14px;
    vertical-align: middle;
    border-right: 0px !important;
    background-color: #717171;
}
table#productHistory_grdProductHistoryListing th a
{
    color: White;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    text-decoration: none;
}
table#productHistory_grdProductHistoryListing th a:hover
{
    color: white;
}
table#productHistory_grdProductHistoryListing tr
{
    font-size: 12px;
}
table#productHistory_grdProductHistoryListing td a:hover
{
    color: black;
}




table#productAction_grdProductActionListing
{
    border-collapse: collapse !important;
}
table#productAction_grdProductActionListing th, table#productAction_grdProductActionListing tr
{
    border: 0px;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px solid Black !important;
    border-bottom: 0px !important;
}
table#productAction_grdProductActionListing th
{
    font-size: 14px;
    vertical-align: middle;
    border-right: 0px !important;
    background-color: #717171;
}
table#productAction_grdProductActionListing th a
{
    color: White;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    text-decoration: none;
}
table#productAction_grdProductActionListing th a:hover
{
    color: white;
}
table#productAction_grdProductActionListing tr
{
    font-size: 12px;
}
table#productAction_grdProductActionListing td a:hover
{
    color: black;
}


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles master page. 
   Page: {community page}*/
td.b a[href="ManageUserCompanies"]
{
    width: 100px;
    text-align: center;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 1px;
    margin-left: 5px;
}
td.b a[href="ManageUserCompanies"]:hover
{
    color: Black;
    margin-right: 0px;
    margin-left: 4px;
    border-right: 1px solid black;
    border-left: 1px solid black;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Manage Communities page. 
   Page: DeleteCommunity.aspx*/
div.rebrandedHeaderPanel
{
    background-color: #717171;
    border: 1px solid #717171;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Manage User Companies page. 
   Page: ManageUserCompanies.aspx*/
div#divBtnManageCompanies button, .r button
{
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
    color: #ffffff;
}
div#divBtnManageCompanies button:hover, .r button:hover
{
    background-color: #0099CC;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles is for General controls. */
input[type="checkbox"]
{
    height: 21px !important;
}
.buttonDisabledState
{
    background-color: #979797 !important;
    text-decoration: none !important;
    border: 1px solid #aaaaaa !important;
    color: #f4f4f4 !important;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section fixes small issues that arose from conflicting CSS. */
a#exportBtn
{
    height: 20px;
}
a#actionDownload
{
    padding: 3px 30px 5px 30px !important;
    height: 15px !important;
}
a#btnSendSupplierProduct, a#btnPrint, a#btnPublishProduct, a#btnSaveProductDraft, a#btnCancelProduct
{
    height: 18px;
}
a#historyLink:hover
{
    color: Black;
}
button#addNewCompanyButton
{
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
    color: #ffffff;
}
button#categories_btnAccept, button#categories_btnSave, button#categories_btnReset
{
    height: 28px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
    color: #ffffff;
}
button#categories_btnAccept:hover, button#addNewCompanyButton:hover, button#categories_btnSave:hover, button#categories_btnReset:hover
{
    background-color: #0099CC;
}
a[rel="sidebar"]:hover
{
    color: Black;
}
fieldset.simpleFormFieldset button#btnSubmit, fieldset.simpleFormFieldset button#btnMassResend, fieldset.simpleFormFieldset button#btnUserCommunitySearch
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
    color: #ffffff;
}
fieldset.simpleFormFieldset button#btnSubmit:hover, fieldset.simpleFormFieldset button#btnMassResend:hover, fieldset.simpleFormFieldset button#btnUserCommunitySearch:hover
{
    background-color: #0099CC;
}
input#txtPassword
{
    width: 20.8em !important;
    padding-top: 0px !important;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* CSS for icon buttons add, delete and process doc.*/
.processinv
{
    /* ADDAD TEST */
    background-image: url(/ViewFile.ashx?include=img/process_document.png);
    background-repeat: no-repeat;
    background-size: 28px 36px;
    border: 0px;
    margin-left: 5px;
    font-weight: 100;
    height: 38px;
    width: 30px;
}
.processinv:hover
{
}
.deleteinv
{
    /* ADDAD TEST */
    background-image: url(/ViewFile.ashx?include=img/delete_document.png);
    background-repeat: no-repeat;
    background-size: 28px 36px;
    border: 0px;
    margin-left: 5px;
    font-weight: 100;
    height: 38px;
    width: 30px;
}
.deleteinv:hover
{
}
.createinv
{
    /* ADDAD TEST */
    background-image: url(/ViewFile.ashx?include=img/create_document.png);
    background-repeat: no-repeat;
    background-size: 28px 36px;
    border: 0px;
    margin-left: 5px;
    font-weight: 100;
    height: 38px;
    width: 30px;
}
.createinv:hover
{
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* CSS for the dropdown menu */
.dropDownMenu
{
    float: right;
    padding: 0px;
    margin-left: 5px;
}
.dropDownMenu > li > a
{
    background-image: url(/ViewFile.ashx?include=img/control_panel_grey.png);
    background-size: 24px 23px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.dropDownMenu li
{
    list-style: none;
}
.dropDownMenu li a:link, .dropDownMenu li a:visited
{
    color: #FFFFFF;
    border-left-color: #C6C9C2;
    border-left-width: 1px;
    border-style: solid;
    padding: 14px 25px 14px 45px;
    margin-left: -5px;
}
.dropDownMenu li a:hover
{
    background-color: #125393;
    text-decoration: none;
}
.dropDownMenu > li > a:hover
{
    background-image: url(/ViewFile.ashx?include=img/control_panel_white.png);
    background-size: 24px 23px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
/*style the sub menu*/
.dropDownMenu li ul
{
    position: absolute;
    visibility: hidden;
    margin-left: -30px;
    margin-top: 14px;
    padding: 0;
}
.dropDownMenu li ul li
{
}
.dropDownMenu li ul li a:link, .dropDownMenu li ul li a:visited
{
    float: left;
    padding: 14px 15px 14px 15px;
    text-align: center;
    width: 150px;
    margin: 0px;
    background-color: #4B4B4B;
}
.dropDownMenu li ul li a:hover
{
    background-color: #125393;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Manage Standing Data page. 
   Page: ManageStandingData.aspx*/
form#managePendingUserForm button
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    margin-right: 0px;
    background-color: #717171;
    border: 1px solid black;
    color: #ffffff;
}
form#managePendingUserForm button:hover
{
    background-color: #0099CC;
}
form#managePendingUserForm input
{
    padding-top: 0px !important;
}
form#managePendingUserForm input, form#managePendingUserForm select
{
    float: right;
    display: inline-block;
}
form#managePendingUserForm label
{
    float: left;
}
form#managePendingUserForm fieldset div
{
    width: auto !important;
    overflow: hidden;
    margin-top: 0px;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Alert Management page. 
   Page: Alerts.aspx*/
div#contentbody form#Form1 .wide.line
{
}
div#contentbody form#Form1 .wide.line tr
{
    vertical-align: middle;
    height: 30px;
}
div#contentbody form#Form1 .wide.line th, div#contentbody form#Form1 .wide.line td
{
    vertical-align: middle;
    border: 0px;
    border-bottom: 1px solid #c6c9c1;
}
div#contentbody form#Form1 .wide.line th
{
    background-color: #4b4b4b;
    color: #ffffff;
}
div#contentbody form#Form1 .wide.line input
{
    margin: 0px;
    padding: 0px;
    margin-bottom: -4px;
}
div#contentbody form#Form1 .wide.line span
{
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    margin-left: 8px;
}
button#btnSwitchUser, button#btnSubmit
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
}
button#btnSwitchUser:hover, button#btnSubmit:hover
{
    background-color: #0099CC;
}


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Alert Management page. 
   Page: Alerts.aspx*/
div#promotions_pnlPromoCalendar input:not([type='checkbox'])
{
    width: 200px !important;
    margin: 0px !important;
}
div#promotions_pnlPromoCalendar span
{
    text-align: right;
    padding-right: 10px !important;
}
div#promotions_pnlPromoCalendar button
{
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
}
div#promotions_pnlPromoCalendar button:hover
{
    background-color: #0099CC;
}
div#promotions_pnlPromoCalendar table#promoHistory
{
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-left: 1px solid black !important;
    border-bottom: 1px solid black !important;
}
div#promotions_pnlPromoCalendar table#promoHistory th, div#promotions_pnlPromoCalendar table#promoHistory td
{
    border: 0px;
    padding: 8px !important;
    line-height: 20px;
    text-align: left !important;
    border-left: 0px solid Black !important;
    border-bottom: 0px !important;
}
div#promotions_pnlPromoCalendar table#promoHistory td
{
    border-right: 1px solid Black !important;
}
div#promotions_pnlPromoCalendar table#promoHistory th
{
    border-right: 1px solid Black !important;
    background-color: #717171;
    font-weight: bold;
    color: White;
    font-size: 12px;
}
div#promotions_pnlPromoCalendar table#promoHistory th a
{
    font-weight: bold;
    color: White;
}
div#promotions_pnlPromoCalendar table.menu 
{
    display:none;
}



/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* This section styles Reports page. 
   Page: Reports.aspx*/
form#mainform[action=reports]
{
    display: inline-block !important;
    text-align: center !important;
}
form#mainform[action=reports] select
{
    height: 28px !important;
}
form#mainform[action=reports] input[type=submit]
{
    color: #fff;
    padding-top: 0px;
    height: 25px;
    text-align: center !important;
    margin-top: 7px;
    margin-bottom: 10px;
    background-color: #717171;
    border: 1px solid black;
}
form#mainform[action=reports] input[type=submit]:hover
{
    background-color: #0099CC;
}
form#mainform[action=reports] input[type=text]
{
    height: 28px;
    width: 135px !important;
}
form#mainform[action=reports] img#visiblerelationStatus, form#mainform[action=reports] img#visiblecompanyStatus
{
    top: auto !important;
    left: auto !important;
    position: inherit !important;
    margin: 3px;
    margin-bottom: -4px;
}
div#listrelationStatus, div#listcompanyStatus
{
    height: auto !important;
    width: 133px !important;
    margin-top: 12px;
    padding-bottom: 8px;
}
div#listrelationStatus
{
    margin-left: -26px;
}
div#listcompanyStatus
{
    margin-left: -18px;
}
form#mainform[action=reports] input[type=checkbox]
{
    margin-bottom: -6px;
}
img#invisiblerelationStatus, img#invisiblecompanyStatus
{
    left:115px !important;
}