@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* new workcenter */
:root {
    --workcenter-primary-color: #333333 !important;
    --workcenter-primary-text-color: #ffffff !important;
    --primary-font-family:"Montserrat", sans-serif !important;
}
.workcenter-buttonToggleContainer, .workcenterdefault .toggle {
    display: none;
}
/* end */
/* defaults */

:root {
    /* --primarysitecolor: #1e4494;
    --secondarysitecolor: #1e4494;
    --accentsitecolor: #1e4494;
    --accentredcolor: #1e4494;
    --sitemainfont: "Arial";	
    --sitesecondryfont: "Arial";	
    --commonfontstyle: normal;
    --commonfontsize: 13px; */
    --accentdarkgraycolor: #333333;
    --accentsitecolor: #333333;
    --primarybuttoncolor: #cc1000;
    --primarybuttonhovercolor:#cc1000;
    --secondarybuttoncolor: #cc1000;
    --secondarybuttonhovercolor: #cc1000;
    --CTAlinkcolor:#0052cc;
}
html,
body {
    color: #333333;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 1000px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

h2,
h3,
h4,
h5 {
    padding: 10px 10px 15px 10px;
    margin: 0;
}

h2 {
    font-size: 28px;
    font-weight: 600;
}

h3 {
    font-size: 24px;
    font-weight: 600;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}
/* 9-OCT-23 */
span.resultsCount, .title-container, .facet-multi-select-list .header, .col-2.pagination-total, .page-circle {
    color: var(--CTAlinkcolor) !important;
}
.page-circle, span#MainContent_lblPageHeader {
    color: var(--CTAlinkcolor);
}
span#MainContent_lblInstruction {
    color: var(--accentdarkgraycolor);
}

.wishlist-heart-group input[type=checkbox]:checked + label svg #heart-path {
    -webkit-animation: wishlist-heart-add 300ms forwards;
    animation: wishlist-heart-add 300ms forwards;
    stroke: var(--CTAlinkcolor) !important;
    fill: var(--CTAlinkcolor) !important;
}


/* 12-sep-23  start*/
#SelfRegistrationContent{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 30px 0px;
    border: 4px solid #979797 !important;
    font-family: Arial;
    min-width: 450px;
    max-width: 650px;
}
#SelfRegistrationFields select#Custom1 {
    height: 40px;
    border-radius: 4px !important;
    border: 2px solid #333333;
    font-size: 14px;
    margin-bottom: 5px;
    width: 81% !important;
}
#SelfRegistrationFields input[type="text" i] {
  height: 35px;
  /* background: #f1f1f1; */
  border-radius: 4px !important;
      border: 2px solid #333333;
  /* border-bottom: none;
  border: none; */
  font-size: 14px;
  margin-bottom: 5px;
  width: 80% !important;
}
#Custom2Field4 {
 height: 35px;
  /* background: #f1f1f1; */
  border-radius: 4px !important;
     border: 2px solid #333333;
  /* border-bottom: none;
  border: none; */
  font-size: 14px;
  margin-bottom: 5px;
  width: 80% !important;

}
div#SelfRegistrationButtons {
  margin-top: 20px;
  text-align: center;
}
#SubmitButton, #ClearButton {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 35px;
    background-color:  #333333;
    border-color:  #333333;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
}
#googlereCaptchaPanel{
padding-left: 85px;
}
.button {
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #333333;
    background-color: #333333;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0.25rem !important;
    margin-top: 20px;
    -webkit-border-radius: 0.25rem !important;
    cursor: pointer;
}
.page_title {
    color: #333333;
    font-family: arial;
    font-size: 28px !important;
    margin-left: 0px !important;
}
.instructions{
    color: #333333;
    font-family: arial;
    font-size: 16px !important;
}
.totaldiv.VerticalAllignment{
    padding-left: 0px;
}
p{
    padding-left: 80px;
}
.Heading_H6{
    padding-left: 50px;
}
.totaldiv.VerticalAllignment .labeldiv {
    margin-bottom: 5px !important;
}

/* 12-sep-23  end*/

/* 15-sep-23 start */

#pageHeaderContainer {
    margin-bottom: -50px;
}
.row {
    border: none;
}

/* 15-sep-23 end*/







/* 18-sep-23  start*/
#SiteWideSearchWidgetControls {
    display: none;#SelfRegistrationFields 
}
#SelfRegistrationFields {
    margin-left: 85px;
}
#SelfRegistrationContent p{
    padding-left: 80px !important;
}
.ActionButton {
    display: none;
}

@media (min-width: 375px) and (max-width: 667px) { 
.rmFirst{
padding-top: 40px !important;
}


 }







select {
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    font-size: 10px;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    font-family: var(--sitemainfont);
}

img {
    border: 0px none;
}

p {
    margin: 0;
    padding: 0;
}

/* layout modes */

html.layout-iframe .pageHeaderWrapper,
html.layout-iframe .pageBodyWrapper {
    padding: 0;
}

html.layout-iframe,
html.layout-iframe body {
    min-width: auto;
    width: 100%;
}

/* util */

.clearfix:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

/* page containers */

#footer {
    background-color: #333333 !important;
    height: 100px;
}

.bgcol {
    background-color: #333333 !important;
}

iframe#oidcloginframe {
    display: none;
}

.pageBodyWrapper {
    padding: 10px 42px !important;
}

.LandingPagesLandingPageLayout4 #pageBodyContainer .pageBodyWrapper,
.searchdefault #pageBodyContainer .pageBodyWrapper,
.Searchdefault #pageBodyContainer .pageBodyWrapper {
    padding: 0px 0px !important;
}

.LandingPagesLandingPageLayout4 #pageHeaderContainer {
    display: none;
}

.MyAccountUser #pageHeaderContainer,
.MyAccountSearchUser #pageHeaderContainer {
    display: block !important;
    font-family: var(--sitesecondryfont);
    margin-bottom: 0px;
}

.MyAccountUser #pageHeaderContainer h1,
.MyAccountSearchUser #pageHeaderContainer h1 {
    font-family: var(--sitesecondryfont);
    margin-bottom: 0px;
	color:var(--CTAlinkcolor)
}

.MyAccountUser .pageHeaderWrapper,
.MyAccountSearchUser .pageHeaderWrapper {
    padding: 0px 52px;
}

.MyAccountUser .wayFinderImageContainer,
.MyAccountSearchUser .wayFinderImageContainer {
    display: none;
}

#pageHeaderContainer,
#pageBodyContainer {
    width: 100%;
}

#pageHeaderContainer {
    background-color: transparent;
    margin-bottom: 10px;

}

#pageHeaderContainer div {
    /* Tarun */
    display: inline-block;
}

#pageHeaderContainer #subscriptionManagementContainer,
#subscriptionManagementContainer div {
    display: block;
}

.button {
    font-size: 16px;
    font-weight: 400;
    border: 1px solid var(--accentsitecolor);
    background-color: var(--primarybuttoncolor);
    color: #fff;
    padding: 10px 15px;
    border-radius: 0.25rem !important;
    margin-top: 20px;
    -webkit-border-radius: 0.25rem !important;
    cursor: pointer;
    border: 1px solid var(--primarybuttoncolor);
}

.button:hover,
#MainContent_SavedSearchControls1_btnClear:hover {
    color: #fff;
    border: 1px solid var(--primarybuttoncolor);
    background: var(--primarybuttonhovercolor);
}

#MainContent_Cancel.button,
#MainContent_Clear.button,
#btnCopy.button,
#MainContent_btnCancel.button,
#MainContent_SavedSearchControls1_btnClear {
    background-color: var(--primarybuttoncolor);
    border: 1px solid var(--primarybuttoncolor);
    color: #fff;
}

.page-circle.selected {
    color: #006EF5 !important;
    background: var(--accentredcolor) !important;
}

.pageHeaderWrapper {
    padding: 25px 42px;
}

.pageBodyWrapper {
    padding: 10px 42px;
}

/* page title */

.page_title {
    color: #333333;
    font-size: 28px;
    /**/
    font-weight: bold;

}

/* link */

a,
.link {
    font-size: 13px;
    font-weight: 500;
    color: var(--CTAlinkcolor);
    cursor: pointer;
    text-decoration: underline;
}
.searchdefault .mdc-button__label{
    font-weight: normal !important;
}
.build-button-text, .template-title{
    border-radius: 8px !important;
}

span.view,
.sort-selector .sortByLabel,
.favourite-item {
    color: var(--accentdarkgraycolor) !important;
}

.btn-link {
    color: var(--CTAlinkcolor) !important;
}

.link {
    padding-left: 10px;
}

/* Tarun */

a:hover,
.link:hover {
    text-decoration: underline;
}

button.link,
input[type="submit"].link,
input[type="button"].link {
    background-color: inherit;
    border: 0;
    padding: 0;
    margin: 0;
}

/* table */

.table {
    font-size: 13px;
}

.table .columnHeader {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #747072;
    border: 1px solid #333333;
    font-weight: bold;
    padding: 0 10px;
    text-align: left;
}

.table .columnHeader.columnHeaderEmpty {
    border: none;
    background-color: #fff;
}

.table td {
    border: 1px solid #333333;
}

/* button */

.ActionButtonContainer {
    margin: 10px 0;
}

.ActionButtonContainer a,
.ActionButtonContainer button,
.ActionButtonContainer input[type="button"],
.ActionButtonContainer input[type="submit"] {
    margin: 0 10px 0 10px;
    display: inline-block;

}

.orderManagement .ActionButtonContainer {
    text-align: right;
}

.ActionButtonContainer .ActionButton {
    display: inline-block;
}

.orderManagement .ActionButtonContainer a,
.orderManagement .ActionButtonContainer button,
.orderManagement .ActionButtonContainer input[type="button"],
.orderManagement .ActionButtonContainer input[type="submit"] {
    margin: 0 0 0 10px;
}



.SecondaryActionButton {
    background-color: #747072;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 2px;
}

.PrimaryActionButton {
    background-color: var(--primarybuttoncolor);
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    border: 0;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 0.25rem !important;
    margin-top: 4px !important;
    font-family: var(--sitemainfont);
    border: 1px solid var(--primarybuttoncolor);
}

.btn-primary {
    color: #fff;
    background-color: var(--accentsitecolor) !important;
    border-color: var(--accentsitecolor) !important;
}

.SecondaryActionButton:hover,
.PrimaryActionButton:hover {
    background-color:  var(--primarybuttoncolor);
    border: 1px solid var(--primarybuttoncolor);
    color: #fff;
}

.PrimaryActionButton:disabled {
    background-color: #827E80;
    color: #D3D3D3;
    border: none;
    cursor: default;
}

/* form */

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

.formValue {
    font-size: 13px;
}




.form-label,
.form-value,
.PaymentContainer .label,
.PaymentContainer input {
    font-size: 13px;
    float: none;
    padding: 8px;
    margin: 10px;
}

.form-label,
.PaymentContainer .label {
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
}

.form-value,
.PaymentContainer input {
    display: inline-block;
}

.PaymentContainer .controldiv {
    float: none;
}

.form-field {
    font-size: 13px;
    display: block;
    padding-bottom: 10px;
}


.form {
    font-size: 13px;
}

.form-field,
.form-field .form-field-label,
.form-field .form-field-message,
.file-manager input {
    display: block;
}

.form-field,
.file-manager input {
    padding: 10px;
}

.form-field>.form-field-label {
    font-weight: bold;
}


.form-field>input,
.form-field img.ui-datepicker-trigger {
    display: inline-block;
    vertical-align: middle;
}

.form-error,
.form-field-required,
.form-field-message {
    color: red;
}

.ui-datepicker-trigger:hover {
    cursor: pointer;
}

.form-field-required {
    padding-left: 5px;
}

/* copy */



/* misc below.. */

.PageTitle {
    color: var(--accentdarkgraycolor);
    font-family: var(--sitemainfont);
    font-size: 18px;
}

.FormLabelRightConsolOrder {
    float: left;
    width: 75px;
    position: relative;
    padding: 5px 5px 0px 0px;
    margin-top: 2px;
    text-align: right;
}

.FormFieldConsolOrder {
    padding: 5px 5px 0px 0px;
    margin-left: 80px;
}

.segoeConsolOrder {
    font-family: var(--sitemainfont);
    font-size: 12px;
    line-height: 10px;
}

.inline-list ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.inline-list ul li {
    display: inline;
}

.inline-list ul li a {
    font-weight: normal;
    padding: .2em .6em;
    text-decoration: none;
    color: Black;
}

.inline-list ul li a:hover {
    text-decoration: underline;
}

.inline-list ul li:after {
    content: "|";
}

ol.upper-roman {
    list-style-type: upper-roman;
}

ol.lower-alpha {
    list-style-type: lower-alpha;
}

ol.lower-alpha,
ol.upper-roman {
    margin-top: -1em;
    padding: 0;
}

ol.lower-alpha li,
ol.upper-roman li {
    margin-left: 30px;
    padding: 0;
}

.GridView {
    width: 100%;
}

.GridView table,
.GridView th,
.GridView td {
    border: 1px solid #bbb;
}

.GridViewPager table,
.GridViewPager th,
.GridViewPager td {
    border: 0;
}

.PageInfoContainer {
    float: right;
}

.PageInfoContainer img {
    cursor: pointer;
}

.section_headers {
    color: #6a6a6a;
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
}

.totaldiv.section_headers {
    background-color: var(--accentdarkgraycolor);
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    margin-bottom: 10px;
}

.totaldiv.section_headers .controldiv {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(../images/SectionArrowDown.gif);
}

.totaldiv.section_headers .controldiv.up {
    background-image: url(../images/SectionArrowUp.gif);
}

.column_data {
    padding: 4px;
    border-bottom: 1px solid #999999;
    vertical-align: middle;
    height: 30px;
}

.column_header {
    padding-left: 4px;
    vertical-align: bottom;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    line-height: 22px;
    text-align: left;
}

.label {
    font-family: var(--sitemainfont);
    font-size: 12px;
    font-weight: bold;
    color:var(--CTAlinkcolor);
	
}

.Indent0 {
    padding-left: 0px;
}

/*
.Indent1
{
    padding-left: 10px;
    background-image: url('../images/icons/bullet.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

.Indent2
{
    margin-left: 10px;
    padding-left: 10px;
    background-image: url('../images/icons/bullet.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

.Indent3
{
    margin-left: 20px;
    padding-left: 10px;
    background-image: url('../images/icons/bullet.gif');
    background-position: left center;
    background-repeat: no-repeat;
}
*/
.LandingPagesLandingPageLayout4 #LPTabs {
    display: none;
}

/*Bread Crumb*/
#BreadCrumb {
    height: 20px;
    width: 100%;
}

.AdminOverride {
    width: 100%;
    text-align: center;
}

.AdminOverride span {
    border: 1px solid #666;
    padding: 3px;
    text-align: center;
    background-color: White;
    font-weight: bold;
    color: Red;
}


.DivIndent {
    margin: 5px 5px 5px 15px;
    padding: 0px;
}

.DivIndentSmall {
    margin: 5px 5px 5px 5px;
    padding: 0px;
}



/* Page Header Display
----------------------------------------------------------*/
.HeaderLeftBanner {
    position: absolute;
    left: 0px;
    height: 100px;
}

.HeaderCenterBanner {
    position: absolute;
    left: 40%;
    height: 100px;
}

.HeaderRightBanner {
    position: absolute;
    right: 0px;
    height: 100px;
}

.PageHeaderLoginDisplay {
    display: block;
    text-align: right;
    padding: 5px;
}

.PageHeaderLoginDisplay a:link {
    color: #333333;
}

.PageHeaderLoginDisplay a:visited {
    color: #333333;
}

.PageHeaderLoginDisplay a:hover {
    color: #333333;
}
.login-logo
{
    text-align: center;
}

.CombinedShoppingCartWidgetPosition {
    position: absolute;
    top: 25px;
    width: 270px;
    left: 80%;
    z-index: 950;
}

#SiteWideSearchWidget {
    position: absolute;
    top: 42px;
    width: 230px;
    left: 30%;
    z-index: 950;
}

.PageHeaderShoppingCartTextDisplay {
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
}

.PageHeaderSearchDisplay {
    position: absolute !important;
    top: 35px;
    width: 150px;
    left: 45%;
    z-index: 300;
    float: right !important;
}

.coopWidgetContainer {
    position: absolute;
    top: 55px;
    width: 275px;
    right: 20%;
    z-index: 950;
}

.AdminRibbonContainer {
    height: 30px;
    background: white;
    position: fixed;
    z-index: 1000;
    font-size: 9pt;
}

.AdminRibbonContainer a {
    color: var(--CTAlinkcolor);
    font-size: 9pt;
}

.AdminRibbonContainer a:hover {
    color: var(--CTAlinkcolor);
}

.AdminDebugging {
    float: left;
    height: 26px;
    padding-left: 4px;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}

.AdminRibbonToggle {
    float: left;
    height: 30px;
}

.AdminRibbonContainer .DebugItem {
    display: inline;
}

.AdminRibbonContainer .DebugSeparator {
    display: inline;
    font-weight: bold;
    font-size: 11.5pt;
}

.PageHeaderBar {
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0 3px 5px;
    list-style: none;
}

.PageHeaderBar ul {
    margin: 0;
    padding: 0;
}

.PageHeaderBar li {
    margin: 0;
    padding: 0;
    display: inline;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-position: 5px 0;
}

/*
    Mini Page Header Display
*/
.MiniHeaderLeftBanner {
    position: absolute;
    left: 0px;
    height: 50px;
}

.MiniHeaderCenterBanner {
    position: absolute;
    left: 40%;
    height: 50px;
}

.MiniHeaderRightBanner {
    position: absolute;
    right: 0px;
    height: 50px;
}

#MiniPageHeader {
    background-color: #ffffff;
    background-image: url(../Images/miniheader-bg.png);
    overflow: hidden;
    height: 50px;
    clear: both;
}

/* Page Footer Display
----------------------------------------------------------*/
#PageFooter {
    overflow: hidden;
    float: right;
    width: 500px;
    margin: 10px;
    position: relative;
    bottom: 0;
    width: 98%;
    height: 80px;
    z-index: 10;
}

/* Default for all corps...Beam needs this for floating footer */
.footerHeight {
    margin-top: 0px;
}

#FooterCopyright {
    font-size: 9pt;
    margin-top: 12px;
    margin-left: 194px;
    text-align: center;
}

#FooterLinks {
    font-size: 9pt;
    margin-left: 194px;
    text-align: center;
}

#FooterLogo {
    float: right;
    margin-right: 50px;
    margin-top: 3px;
}

#FooterRuler {
    background-color: #141826;
    margin: auto;
    /*height: 1px;*/
    width: 96%;
}

#PageContent {

    min-height: 400px;
}

/* ---------- Form Content Layout  -------------------------------- */
div.FormContentSection {
    position: relative;
    margin: 0px 0x 5px 15px;
    padding-bottom: 5px;
    clear: both;
    width: 100%;
}

div.FormFieldLabelRight {
    float: left;
    width: 120px;
    position: relative;
    padding: 0px 5px 0px 0px;
    margin-top: 5px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldLabelRightNoMargin {
    float: left;
    width: 120px;
    position: relative;
    padding: 0px 5px 0px 0px;
    margin-top: 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldLabel {
    float: left;
    width: 120px;
    position: relative;
    padding: 0px 5px 0px 0px;
    margin-top: 0px;
    text-align: left;
    vertical-align: middle;
}

div.FormField {
    padding: 0px;
    margin-left: 130px;
}

div.FormFieldLabelLarge {
    float: left;
    width: 200px;
    position: relative;
    padding: 0px 5px 0px 0px;
    margin-top: 0px;
    text-align: right;
    vertical-align: middle;
}

div.FormFieldLarge {
    padding: 10px;
    margin-left: 210px;
}



.DataTableHeader {
    padding: 3px 5px 3px 5px;
    font-size: 13px;
}

.DataTableRow {
    margin: 0px;
    padding: 3px 7px 3px 7px;
    font-size: 12px;
}

.SmallText {
    font-size: 10px;
}


.templateContainer {
    background-color: #ccc;
    border: 1px solid #666;
    width: 350px;
    height: 300px;
    margin: 10px;
}

.featuredtemplate {
    bottom: 160px;
    width: 150px;
    height: 150px;
}

.templateDescription {
    position: relative;
    left: 160px;
    bottom: 150px;
    font-family: var(--sitemainfont);
    font-size: 12px;
    font-weight: bold;
    color: #b20838;
    width: 190px;
    margin-bottom: 10px;
}

.templateHTMLDescription {
    position: relative;
    left: 170px;
    bottom: 158px;
    width: 175px;
}

.templateContainerList {
    background-color: #ccc;
    border: 1px solid #666;
    width: 1000px;
    /*height: 150px;*/
    margin: 10px;
}


/*  http://www.iwebtoolsonline.com/html-and-css-rounded-corner-button-generator Corner radius = 4*/
/* Rounded Button Normal *****************************/
div.clearbutton {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 1px;
}

a.RoundedButtonNormal,
a.RoundedButtonNormal_disabled {
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
}

a.RoundedButtonNormal span,
a.RoundedButtonNormal_disabled span {
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
}

a.RoundedButtonNormal:hover span {
    background-position: 0 -30px;
}

a.RoundedButtonNormal:hover {
    background-position: right -30px;
}

/* Rounded Button Normal (Customizations) *****************************/
a.RoundedButtonNormal {
    background: transparent url('../images/btn-right.png') no-repeat top right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

a.RoundedButtonNormal span {
    background: transparent url('../images/btn-left.png') no-repeat 0 0;
    color: #fff;
}

a.RoundedButtonNormal:hover span {
    color: #fff;
    text-decoration: none;
}


a.RoundedButtonNormal_disabled {
    background: transparent url('../images/btn-disabled-right.png') no-repeat top right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

a.RoundedButtonNormal_disabled span {
    background: transparent url('../images/btn-disabled-left.png') no-repeat 0 0;
    color: #fff;
}

a.RoundedButtonNormal_disabled:hover span {
    color: #fff;
    text-decoration: none;
    cursor: progress;
}


/* --- Rad Scheduler Calendar -- */
.rsContentTable {
    width: 100%;
}

.rsHorizontalHeaderTable {
    width: 100%;
}

.rsAllDayTable {
    width: 100%;
}

.CoverFlowWrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 96%;
    background-color: transparent;
    overflow: hidden;
}

.CoverFlowImage:hover {
    cursor: pointer;
}


.CarouselItem {
    position: absolute;
    top: -10px;
    left: -130px;
    border: 5px solid #666;
    background-color: White;
    padding: 10px 10px 3px 10px;
}

.CarouselItemLabel {
    color: black;
}



.RotatorItemLabel {
    margin-left: 10px;
    margin-top: 10px;
}

.RotatorTitle {
    color: Red;
    font-weight: bold;
    margin-bottom: 7px;
}

.RotatorFeaturesTitle {
    color: Black;
    font-weight: bold;
    text-decoration: undlerline;
    margin-bottom: 5px;
}

.RotatorFeaturesList {
    color: Black;
    font-weight: normal;
    margin-left: 10px;
}

.RotatorButtonsContainer {
    height: 18px;
    line-height: 18px;
    padding: 7px 0 0 0;
}

.RotatorButtonsContainer .buttonClass {
    display: inline-block;
    width: 18px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 11px;
}

.RotatorButtonsContainer .buttonClass {
    background: url('../images/Telerik/ArrowSprite.gif') no-repeat;
}

.RotatorButtonsContainer .buttonClass:hover,
.btnHighlight {
    background-position: 0 -90px !important;
    color: #0066cc !important;
}

.RotatorButtonsContainer .buttonClass {
    background-position: 0 0;
}


/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: black;
    background-color: #cccccc;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionHeader a {
    color: black;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover {
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: black;
    background-color: #aaaaaa;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionHeaderSelected a {
    color: black;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover {
    background: none;
    text-decoration: underline;
}

.accordionContent {
    background-color: #eee;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 5px;
}

dt {
    font-weight: bold;
    color: #c60000;
}

dd p {
    margin-bottom: 5px;
}

.displayNone {
    display: none;
}



#RootLandingPageContentWrapper {
    margin-top: 10px;
}

#navstrip {
    clear: both;
}


#LPTabs {
    float: left;
    width: 100%;
    background: #ccc url("../images/tabs-bg_gray.gif") repeat-x bottom;
    padding-top: 10px;
    line-height: normal;
    margin-bottom: 7px;
}

#LPTabs ul {
    margin: 0;
    padding: 3px 10px 0 9px;
    list-style: none;
}

#LPTabs li {
    float: left;
    background: url("../images/tab-left.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
    border-bottom: 1px solid #765;
}

#LPTabs a {
    float: left;
    display: block;
    width: .1em;
    background: url("../images/tab-right.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

#LPTabs>ul a {
    width: auto;
}

#LPTabs a {
    float: none;
}

#LPTabs a:hover {
    color: #333;
}

#LPTabs li#selectedTab {
    background-position: 0 -150px;
    border-width: 0;
}

#LPTabs li#selectedTab a {
    background-position: 100% -150px;
    padding-bottom: 5px;
    color: #333;
}

#LPTabs li:hover,
#LPTabs li:hover a {
    background-position: 0% -150px;
    color: #333;
}

#LPTabs li:hover a {
    background-position: 100% -150px;
}


.DockZone {
    border: 1px solid transparent;
}

.SearchList h2 {
    margin: 0;
    padding: 0;
}

.SearchList ul {
    margin: 5px 0 0 5px;
    padding: 0;
}

.SearchList li {
    margin: 0;
    padding: 0;
}

.SearchList li {
    line-height: 1.5em;
}

.roundedButton:hover {
    background-position: right -30px;
}


.roundedButton {
    background: transparent url('../images/smButton.png') no-repeat top right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    width: 80px;
    display: block;
    float: right;
    height: 30px;
    text-decoration: none;
    border: 0;
    color: #FFFFFF;
}

.modalPopUpBackground {
    background-color: transparent #FFFFFF;
}


.PanelLayoutCentered {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

.ContentLineBreak {
    height: 12px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}

.ContentLineBreakSmall {
    height: 6px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}

.ContentLinkBreakLarge {
    height: 24px;
    clear: both;
    padding-top: 0px !important;
    width: 100%;
}


.processingContainer span {
    font-size: 20px;
    padding-left: 20px;
}

/* Overlay display
----------------------------------------------------------*/
.OverlayBackground {
    position: fixed;
    background-color: #333333;
    z-index: 9000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity:50);
}

.OverlayContainer {
    position: fixed;
    background-color: #FFFFFF;
    z-index: 9001;
    border: 4px solid #BBBBBB;
    width: 60%;
    max-width: 800px;
    left: 50%;
    top: 10%;
    height: 525px;
    overflow: hidden;
    transform: translate(-50%, 0%);
}

#KitItemsDetailOverlay {
    width: 30%;
    height: 30%;
}

.OverlayHeader {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    width: 97%;
}

.OverlayBodyHtml {
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 10px;
    right: 0px;
    /*overflow-y: scroll; Tarun*/
    overflow-y: auto;
    overflow-x: hidden;
}

.OverlayFooter {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    /* height: 50px; */
}

.OverlayHeaderClose {

    height: 17px;
    width: 17px;
    display: inline-block;
    float: right;
    margin-right: 3%;
    /*Tarun*/
    margin-top: 7px;
}


/* Delivery Option display
----------------------------------------------------------*/

.DeliveryOptionsContainer {}

.DeliveryOptionsContainer td {
    line-height: 40px;
}

.DeliveryOptionContainer {
    margin-bottom: 20px;
    float: left;
    display: block;
}

.DeliveryOptionsContainer input[type=radio] {
    float: left;
    display: block;
    margin-right: 20px;
}

.OptionDescription {
    display: block;
}

.OptionName {}

.primary-delivery-option.OptionName {
    font-size: 16px;
    font-weight: bold;
}

.btn-group a,
.btn-group input[type=button],
.btn-group input[type=submit] {
    margin: 0 5px;
}

/* Delivery Form display
----------------------------------------------------------*/
.popup {
    display: none;
}

.button_quicktips {
    display: none;
}

.required_star {
    color: Red;
}

.alert {
    color: Red;
}

.success {
    color: Green;
}

.DeliveryNavigationButtonContainer {
    text-align: right;
}

.JobCenterAdvancedSearchIcon {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
}

.JobCenterSearchLabelContainer {
    float: left;
    margin-left: 10px;
}

.JobCenterSearchLabel {
    color: #333333;
    font-weight: bold;
    padding-right: 10px;
    position: relative;
    top: 19px;
}

.JobCenterDeliveryForm #ParentContentDiv {
    margin-left: 15%;
}

.JobCenterDeliveryForm #ParentContentDiv:after {
    clear: both;
    content: ".";
    visibility: hidden;
    height: 0;
    display: block;
}

.DeliverySubmitContainer {

    width: 80%;
    text-align: center;
}

.LocationSearchContainer {
    width: 80%;
    text-align: center;
}

/* Job Center
----------------------------------------------------------*/
.JobCenterSearchTab {
    height: 50px;
}

.JobCenterSearchIcon {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
}

.JobCenterSavedSearch {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -7px;
}

.JobCenterAddressSearchBackgroundImageContainer {
    float: left;
    background-repeat: repeat;
    height: 50px;
}

.JobCenterSearchContainer {
    padding: 5px;
    border: solid 2px #427dc7;
}

.JobCenterHeaderContainer {
    border-collapse: collapse;
    border: 0;
}

.JobCenterHeaderContainer th {
    text-align: left;
    font-weight: bold;
}

.JobCenterHeaderContainer .OrderManagementOrderDetailsContainer {
    text-align: left;
    font-weight: bold;
}

.JobCenterOrderHeightFix {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

.JobCenterOrderContainer {
    border: solid 1px #bbbbbb;
    margin-bottom: 10px;
}

.JobCenterJobContainer {
    /*padding: 10px;*/
}

#PageContent .JobOrderTable {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    margin: 0;
}

.JobCenterJobContainer table td.Preview {
    width: 200px;
}

.JobCenterJobContainer table td.Preview img {
    max-height: 150px;
    max-width: 200px;
}

.JobCenterJobContainer table td {
    /*border: 0;*/
}

.OrderManagementOrderDetailsContainer {
    padding: 10px;
    border-left: solid 1px #bbbbbb;
    width: 350px;
}

.OrderManagementOrderDetailsHeader {
    text-align: center;
    font-size: larger;
    margin-bottom: 10px;
}

.JobCenterOrderAttribute {
    overflow: hidden;
    margin-bottom: 7px;
}

.OrderAttributeLabel {
    float: left;
    padding-right: 5px;
}

.OrderAttributeValue {
    float: left;
}

.JobCenterOrderAttribute.OrderPaidDate {
    font-size: 12pt;
    font-weight: bold;
}

.JobCenterOrderAttribute.CreatedDate .OrderAttributeLabel,
.JobCenterOrderAttribute.CreatedDate .OrderAttributeValue {
    float: none;
}

.OrderManagementOrderDetailsContainer .JobCenterActionDropDown {
    margin-left: auto;
    margin-right: auto;
}

.JobCenterJobCenter .searchResultHeader>div.result-header-results {
    margin-left: 250px;
}

.JobCenterJobCenter .searchResultHeader>div {
    margin-left: 20px;
}

/*
.JobCenterActionDropDown
{
    cursor: pointer;
    background-image: url('../images/dropdown.png');
    background-repeat: no-repeat;
    width: 202px;
    height: 46px;
}

.JobCenterActionDropDown:hover
{
    background-image: url('../images/dropdown_hover.png');
}
*/
.JobCenterActionDropDown div {
    padding-left: 40px;
    padding-top: 12px;
}

.CloseToolTip {
    background-image: url('../images/icons/close.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 13px;
    height: 11px;
    float: right;
    position: relative;
    z-index: 10;
}

div.RadToolTip table.rtWrapper td.rtWrapperContent {
    width: 300px;
}

.ActionList {
    padding: 10px;
}

.ActionListMultiSelectControl {
    padding-left: 20px;
}

.ActionToolTip .ActionList li a {
    color: #2E33CB;
}

.buttonContainer {
    float: right;
    margin-top: -20px;
    margin-bottom: 10px;
}

.searchResultHeader {
    overflow: hidden;
    clear: both;
    background-color: transparent;
    /*Tarun*/
    padding-left: 10px;
    padding-right: 10px;
}

.searchResultHeader>div {
    margin-left: 10px;
    line-height: 30px;
    float: left;
}

.searchResultHeader>div input[type=image] {
    vertical-align: middle;
}

.searchResultHeader>div.result-header-sort {
    margin-right: 10px;
    float: right;
}

.searchResultHeader .sortby_title {
    display: none;
}

.savedSearchOverlayContainer {
    background-color: #ffffff;
    width: 25%;
    height: 25%;
    left: 35%;
    top: 40%;
    padding: 5px;
}

.SavedSearchButtonContainer {
    padding-top: 5px;
}

.SavedSearchControlContainer {
    width: 600px;
    overflow: hidden;
}

.SavedSearchControlContainer .totaldiv {
    float: left;
    ction width: 250px;
}

.SavedSearchControlContainer .JobCenterValidationSummary {
    float: none;
    width: 600px;
}

.SavedSearchControlContainer .labeldiv {
    float: none;
}

/* Search Creative
----------------------------------------------------------*/
.AdBuilderSearchCreative #PageContent {
    min-width: 1300px;
}

#ActionImgBtns {
    left: 425px;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    right: 900px;
    top: 165px;
    visibility: visible;
}

#DivActionLinks {
    position: absolute;
    bottom: 200px;
    left: 200px;
    padding-bottom: 0;
    padding-top: 0;
    top: 55px;
    visibility: visible;
    height: 5%;
}

.result-header-label {
    float: left;
}

.result-header-info {
    float: left;
}

.result-header-sort {
    text-align: center;
    float: right;
}

.sortby_title {
    font-size: 16px;
    color: #646464;
    font-style: normal;
    font-family: var(--sitemainfont);
    font-weight: bold;
    text-decoration: none;
    padding-left: 2px;
    display: inline;
}

.sort_row_bg {
    background-color: #e8e8e8;
    padding-left: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    text-align: left;
    height: 26px;
}

.KeywordHeader {
    color: #6a6a6a;
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
}

.CategoryHeader {
    color: #6a6a6a;
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
}

.searchCreativeTable {
    width: 100%;
    border-collapse: separate;
    /*border-spacing: 5px;*/
    /*Tarun*/
    border-spacing: 20px 20px;
}

.template_cont_border_location {
    border: 1px solid #989898;
    vertical-align: top;
    width: 50%;
    /*padding: 5px;*/
    /*Tarun*/
    padding: 0;
}

.name_phone {
    font-weight: normal;
    font-size: 18pt;
    color: #999999;
    font-style: normal;
    font-family: var(--sitemainfont);
}

.num_of_location {
    font-weight: normal;
    font-size: 18pt;
    color: var(--accentdarkgraycolor);
    font-style: normal;
    font-family: var(--sitemainfont);
}

.divNameYourAdErrorSummary {
    color: Red;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    font-family: var(--sitemainfont);
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
}

.divNameYourAdStep1Controls {
    padding-left: 10px;
    width: 350px;
    display: block;
}

.divNameYourAdStep1Instr {
    padding-left: 10px;
    width: 100%;
    display: block;
}

#divNameYourAdStep1Controls>rfvJobName {
    color: Red;
}

.NameYourad_Step2 {
    padding-left: 10px;
}

.text_success_msg {
    color: Green;
    padding-left: 5px;
}

.divPanelApproval {
    padding-top: 10px;
    width: 350px;
    display: block;
    padding-bottom: 0px;
    height: auto;
    /* top:100px; */
}

.divPanelUserAcceptance {
    display: none;
    padding-top: 6px;
}

.divNameYourAdStep1Controls input[type="Text"] {
    width: 300px;
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    padding-left: 3px;
}

.NameYourAdHeader {
    width: 100%;
    padding-bottom: 15px;
    padding-left: 10px;
}

#divHeader span {
    padding-right: 15px;
}

.divPanelApproval textarea {
    width: 300px;
    height: 100px;
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    padding-left: 3px;
}

#lblJobnameReqFieldStar {
    color: Red;
}

#lblApprvalCommReqFieldStar {
    color: Red;
    vertical-align: middle;
}

#txtApprovalComments {
    vertical-align: middle;
}

#divPanelApproval {
    display: block;
    width: 350px;
}

#lblPilotTemplateNamesRequiringApprovalLabel {}

#pilotTemplateNamesRequiringApprovalList {
    list-style-type: none;
    margin: 0;
}

.pilotTemplateNameRequiringApproval {
    margin: 8px 0;
}

#lblUserAcceptanceError {
    color: Red;
    display: none;
}

#divStep2Controls>panelStep2>lblStep2Inst {
    padding-bottom: 50px;
}

.creativeSearchResultsHeaderAndFooter {
    background-color: #8e8e8e;
    text-align: left;
    height: 26px;
    float: left;
    width: 100%;
}

.searchResultsPageTextBox {
    width: 20px;
}

#searchResultsTitleDiv {
    width: 80%;
    float: left;
}

#searchResultsBackButtonDiv {
    padding-bottom: 1px;
    width: 40%;
    float: right;
    text-align: right;
}

#searchResultsInstructionsDiv {
    clear: both;
}

#searchResultsSearchDiv {
    width: 20%;
    float: left;
    min-width: 125px;
}

#searchResultsDiv {
    width: 80%;
    float: left;
}

#searchResultsSearchFieldsDiv select {
    max-width: 250px;
}

#searchResultsKeywordDivTop,
#searchResultsKeywordDivBottom {
    overflow: hidden;
}

#searchResultsKeywordTextDivTop,
#searchResultsKeywordTextDivBottom {
    float: left;
    padding-top: 3px;
}

#searchResultsKeywordButtonDivTop,
#searchResultsKeywordButtonDivBottom {
    float: left;
    padding-left: 10px;
}

#searchResultsCategorySearchButtonsDiv {
    padding-top: 5px;
}

#divSearchResultsInstructions {
    width: 80%;
    float: left;
}

.divCampaignIncludesHeader {
    clear: both;
    padding-top: 10px;
}

.divTemplateSelectionHeader {
    clear: both;
    padding-top: 10px;
}

.divRadioButtonList {
    clear: both;
}

.divText {
    width: 50%;
    float: left;
}

.divTextItemValue {
    margin-bottom: 5px;
}

.divThumbnail {
    width: 50%;
    float: left;
    text-align: right;
    height: 50%;
}

#imgThumbnail {
    max-width: 150px;
    max-height: 150px;
}

.JobCenterDownloadToDesktop #imgPreview {
    max-width: 150px;
    max-height: 150px;
}

.searchResultsDivButtons {
    clear: both;
    overflow: hidden;
}

.searchResultsButtons {
    float: left;
    padding-right: 8px;
}

#primarySearchDiv {
    width: 40%;
    float: left;
}

#primarySearchCategorySearchButtonsDiv {
    padding-top: 25px;
}

#quickSearchDiv {
    width: 60%;
    float: left;
}

#processingDiv {
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    text-align: center;
    border: 0;
    /*filter:alpha(opacity=30) !important;           opacity:0.3 !important;   */
}

.divKeywordBreadCrumbs {
    float: left;
}

.breadCrumbsText {
    float: left;
    padding-top: 7px;
}

.BreadCrumbSearchFieldContainer {
    float: left;
}

.BreadCrumbSearchFieldText {
    float: left;
    font-weight: bold;
}

.BreadCrumbSearchFieldImg {
    float: left;
    margin-left: 3px;
}

.BreadCrumbSearchFieldImg img {
    cursor: pointer;
}

.ChildSearchField {
    float: left;
}

.BreadCrumbSearchFieldSeparatorText {
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}

.BreadCrumbSearchFieldSelectionText {
    float: left;
}

#hlExpandAllSearchFieldsTop,
#hlExpandAllSearchFieldsBottom {
    padding-right: 5px;
}

#hlCollapseAllSearchFieldsTop,
#hlCollapseAllSearchFieldsBottom {
    padding-left: 5px;
}

#searchResultsSearchFieldsDiv .controldiv {
    margin-bottom: 10px;
    /* Tarun */
    margin-left: 10px;
}

#searchResultsSearchFieldsDiv .controldiv label.checked {
    font-weight: bold;
}

#searchResultsSearchFieldsDiv .labeldiv {
    overflow: hidden;
}

#searchResultsSearchFieldsDiv .labeldiv .label {
    float: left;
}

.hLinkReset {
    float: left;
    padding-left: 10px;
}

.SearchFieldExpandCollapseImg {
    float: left;
    margin-top: -1px;
    margin-right: 5px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-image: url('../images/plus_new.png');
}

.SearchFieldExpandCollapseImg.expanded {
    background-image: url('../images/minus_new.png');
}

.actionlink {
    display: none;
}

.customSizeOverlayWindow {
    bottom: 500px;
    display: block;
    left: 1290px;
    right: 50px;
    top: 150px;
    background-color: white;
    border: 6px solid black;
    height: 250px;
    left: 10%;
    position: absolute;
    top: 14%;
    width: 410px;
    z-index: 9000;
    padding-top: 10px;
    padding-left: 10px;
}

.results_title {
    font-weight: bold;
}

.customSizeHeaderText {
    color: #6a6a6a;
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
    padding-bottom: 10px;
}

.customSizeInstructionsTextDiv {
    padding-bottom: 20px;
}

.customSizeHeaderTextDiv {
    padding-bottom: 20px;
}

.customSizeInstructions {
    color: #333333;
    font-family: var(--sitemainfont);
    font-size: 12px;
    padding-right: 10px;
    vertical-align: top;
    width: 100%;
    padding-bottom: 5px;
}

.layOverWindow_CloseImage {
    position: absolute;
    bottom: 300px;
    margin-top: 0;
    right: 1px;
    top: 1px;
}

.customSizeWidthdiv {
    float: left;
    padding-top: 10px;
    padding-right: 35px;
}

.customSizeHeightdiv {
    float: left;
    padding-top: 10px;
}

.customSizeSearchDiv {
    padding-left: 350px;
    padding-top: 35px;
}

.customSizeInput {
    width: 175px;
}

.ebrochureDelOptionInput {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    width: 250px;
    padding-left: 3px;
}

.ebrochureDelOptionInput select {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    width: 125px;
    padding-left: 3px;
}

.delOptionInput {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
}

.delOptionInputDate {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    width: 250px;
    padding-left: 3px;
}

.delOptionInputMulti {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
    height: 50px;
}

.WebPageTempDeliver {
    height: 500px;
    width: 100%;
}

.WebPageTempDeliverSuccess {
    position: relative;
    text-align: center;
    font-family: var(--sitemainfont);
    font-weight: 600;
    color: Green;
    top: 300px;
}

.divActions {
    display: inline;
    width: 250px;
    padding-left: 3px;
    padding-bottom: 15px;
}

.actions {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 3px;
}

.NameYourad_Step3 {
    padding-left: 3px;
    padding-top: 30px;
}

#panelUserAcceptance .UserAcceptanceheader {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: var(--sitemainfont);
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.UserAcceptanceInstructions {
    padding-top: 8px;
    display: inline;
    font-family: var(--sitemainfont);
    color: #333333;
}

.AdBuilderSearchCreative .openFullScreenButton {
    display: block;
    position: absolute;
    right: 10px;
    color: #333333;
    background: #fff;
}

.AdBuilderSearchCreative .closeFullScreenButton {
    display: none;
    color: #333333;
    background: #fff;
}

.AdBuilderSearchCreative .jp-state-full-screen .closeFullScreenButton {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

.AdBuilderSearchCreative .jp-state-full-screen .openFullScreenButton {
    display: none;
}


/* -------------- Featured Items ----------------- */
.templateContainer {
    background-color: #ccc;
    border: 1px solid #666;
    width: 350px;
    height: 300px;
    margin: 10px;
}

.showtip {
    display: block;
    position: absolute;
    z-index: 10;
    border-bottom-style: outset;
    border-left-style: outset;
    border-right-style: outset;
    border-top-style: outset;
    border-color: #e0e0e0;
}

.showClick {
    display: block;
    position: absolute;
    z-index: 10;
    border-bottom-style: outset;
    border-left-style: outset;
    border-right-style: outset;
    border-top-style: outset;
    border-color: #e0e0e0;
}

.imgConfig {
    width: 600px;
    height: 600px;
}

.imgConfigImageLayout {
    width: 300px;
    height: 300px;
}

.PaddingZoomFromLeft {
    padding-left: 3px;
}

.linkbtnOffHovering {
    color: Black !important;
    vertical-align: middle;
    padding-left: 22px;
}

.linkbtnOnHovering {
    color: Red !important;
    vertical-align: middle;
    padding-left: 22px;
}

.linkbtnOffHovering:hover {
    color: Red !important;
}

.twoColumnImage:hover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/2column_on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.twoColumnImagehover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/2column_on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.twoColumnImage {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/2column_off.png) no-repeat;
    position: absolute;
    top: 22px;
}

.threeColumnImage:hover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/3column-on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.threeColumnImagehover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/3column-on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.threeColumnImage {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/3column_off.png) no-repeat;
    position: absolute;
    top: 22px;
}

.listColumnImage:hover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/list_on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.listColumnImagehover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/list_on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.listColumnImage {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/list_off.png) no-repeat;
    position: absolute;
    top: 22px;
}

.imageGallery:hover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/gallery_on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.imageGalleryhover {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/gallery_on.png) no-repeat;
    position: absolute;
    top: 22px;
}

.imageGallery {
    width: 20px;
    height: 20px;
    background: transparent url(../images/icons/gallery_off.png) no-repeat;
    position: absolute;
    top: 22px;
}

ul {
    padding-left: 15px;
    margin-left: 0;
}

.imgThumbnailView {
    float: left;
    border: 1px;
    border-style: solid;
    border-color: Black;
    padding: 10px;
    margin: 10px;
    width: 150px;
    height: 150px;
}

.hoverDescriptionText {
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
}

.hoverImagePadding {
    padding-left: 3px;
}

.searchWidget {
    position: absolute !important;
    top: 0px;
    width: 150px;
    z-index: 300;
    float: right !important;
    right: 0px !important;
}

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

/* ----------------  Text Options ----------------------------------------- */
.BoldText {
    font-weight: bold;
}

.BoldSmallText {
    font-weight: bold;
    font-size: 8pt;
    font-family: var(--sitemainfont);
    text-decoration: none;
}

.LabelSmallText {
    font-weight: normal;
    font-size: 8pt;
    font-family: var(--sitemainfont);
    text-decoration: none;
}

.LabelText {
    font-weight: normal;
    font-size: 10pt;
    font-family: var(--sitemainfont);
    text-decoration: none;
}

.ErrorText {
    font-weight: normal;
    font-size: 8pt;
    font-family: var(--sitemainfont);
    color: Red;
}

.SuccessText {
    font-weight: normal;
    font-size: 8pt;
    font-family: var(--sitemainfont);
    color: Green;
}

.NoteText {
    font-weight: normal;
    font-size: 8pt;
    font-family: var(--sitemainfont);
    color: Gray;
}

.labeldiv {
    float: left;
    padding-right: 20px;
}

.totaldiv {
    overflow: hidden;
    /*padding-bottom:1%;*/
    padding-bottom: 5px;
}

.controldiv {
    float: left;
}

.spacer {
    padding-bottom: 6%;
}

.totaldiv.VerticalAllignment .controldiv,
.totaldiv.VerticalAllignment .labeldiv {
    float: none;
}

.totaldiv.VerticalAllignment {
    padding-bottom: 5px;
}

.totaldiv.viewDetails .labeldiv {
    font-size: 12px;
    font-family: var(--sitemainfont);
    color: #333333;
}

.totaldiv.viewDetails.VerticalAllignment {
    padding-bottom: 1%;
}

.eventimage {
    overflow: visible;
}

.event_gridview {
    clear: left;
}

.customOptionInput select {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
}

.customOptionInputDate input[type="text"] {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    width: 250px;
    padding-left: 3px;
}

.customOptionInputMulti textarea {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
    height: 50px;
}

.customforminstructions {
    outline: none;
    font-size: 18px;
    color: var(--accentdarkgraycolor);
    margin-bottom: 0px;
    font-weight: normal;
    width: 100%;
}

.multilistbox select {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    width: 150px;
}

.multilistbox input {
    font-weight: bold;
    font-size: 10px;
    background-image: url(../images/bg_rec_button.gif);
    background: var(--accentsitecolor);
    cursor: pointer;
    color: #FFFFFF;
    font-style: normal;
    font-family: var(--sitemainfont);
    height: 20px;
    border: 1px solid #333333;
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
    content: <<;
}

.text_error_msg {
    font-weight: normal;
    font-size: 12px;
    color: Red;
    font-style: normal;
    font-family: var(--sitemainfont);
}

.warningMessage {
    font-size: 12px;
    color: Maroon;
    font-family: var(--sitemainfont);
}

.totaldiv.linkheaders {
    float: left;
    width: auto;
    padding-top: 5px;
    padding-right: 4px;
}

.QuickLinks {
    width: auto;
    padding-top: 5px;
    padding-right: 5px;
    float: left;
    color: var(--accentdarkgraycolor);
    font-family: var(--sitemainfont);
    font-size: 16px;
}

.section_collapse div>span {
    background-image: url(../images/SectionDownArrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.BMIMLCLeftLabel {
    display: block;
    font-family: var(--sitemainfont);
    font-size: 12px;
    font-weight: bold;
    color: var(--CTAlinkcolor);
}

.BMIMLCRightLabel {
    display: block;
    font-family: var(--sitemainfont);
    font-size: 12px;
    font-weight: bold;
    color: var(--CTAlinkcolor);
}

.multilistbox .controldiv span>div {
    float: left;
}

.BMIMLCButtonsDiv {
    padding-top: 25px;
}

.customGoButton {
    border: none !important;
    width: auto !important;
    padding-left: 5px !important;
    vertical-align: middle;
}

#MainContent_Div1 {
    clear: both;
}

.divSetID {
    width: 65px;
}

.divSetName {
    width: 180px;
    word-wrap: break-word;
}

.divTemplate {
    white-space: nowrap;
}

.divTagList {
    width: 120px;
    word-wrap: break-word;
}

.divWFS {
    width: 175px;
    word-wrap: break-word;
}

.divWFS ul {
    padding: 0;
    list-style: none;
}

.divWFS .aspNetDisabled {
    text-decoration: none;
    cursor: default;
    color: #333333;
}

.divPreview {
    width: 70px;
}

.divbtnTemplate {
    width: 70px;
}

.divEdit {
    width: 70px;
}

.divRegion {
    width: 70px;
}

.divCaptureForm {
    width: 70px;
}

.divSPSBrand {
    width: 70px;
}

.divDetails {
    width: 150px;
}

.divCopy {
    width: 70px;
}

.divDelete {
    width: 70px;
}

.divItemMapping {
    width: 70px;
}

.MetaDatacolumn_header th {
    padding-bottom: 15px;
    /* padding-right: 75px;*/
}

.MetaDatacolumn_header {
    display: table-header-group;
    height: 20px;
    padding-left: 2px;
}

.MetaDataSet_header {
    display: table-header-group;
    background-color: #e8e8e8;
    padding-left: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    text-align: left;
    height: 26px;
    vertical-align: top;
}

.MetaDatagrd {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding-top: 3px;
    padding-left: 3px;
    display: table;
    border-collapse: collapse;
}

.divMetaData A {
    font-weight: normal;
    text-decoration: underline;
    color: blue;
}

.divMetaData {
    padding-top: 10px;
    padding-left: 4px;
    display: table;
    border-collapse: collapse;
}

.templatePropertyTitleCell {
    background-color: #1888CA;
    width: 100%;
    height: 15px;
}

/*--Shopping Cart--*/
.creditCardPaymentOptions {
    width: 200px;
    height: 40px;
    background: transparent url(../images/CreditCardLogos.png) no-repeat;
}

.leftframebg

/* background color of left frame of every page  */
    {
    background-color: #ffffff;
    border: 0px solid #98999b;
    line-height: 22px;
}

.Table_Raw_bg {
    background-color: #e8e8e8;
    line-height: 22px;
    text-decoration: none;
}

.Table_border {
    border: 1px solid #FFE3A4;
    line-height: 22px;
    text-decoration: none;
    border-collapse: collapse;
}

#divApprovalHeader {
    display: block;
}

.divStepBuilderWFSet {
    display: inline;
}

.divStepBuilderWFSet Select {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
}

.divStepBuilderWFSet span {
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 3px;
}

#drpSetName {
    padding-right: 200px;
    width: auto;
}

.WFSetSteps {
    display: inline;
}

.StepBuilderSort_header {
    color: #6a6a6a;
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 3px;
    display: table-header-group;
    height: 20px;
    padding-left: 2px;
}

.divStepBuilderSort {
    border: 1px solid #FFE3A4;
    text-decoration: none;
    border-collapse: collapse;
    display: table;
    width: auto;
    line-height: 0px;
}

.divSortID {
    width: 50px;
    float: left;
}

.divSortName {
    width: auto;
    float: left;
    word-wrap: break-word;
}

.SBSortGrid {
    width: 100%;
}

#wcSearchOptions {
    width: 100%;
}

#wcSearchOptions>.SearchOptionHeader {
    padding-bottom: 10px;
}

#wcSearchOptions>.pnlSearchControls {
    padding-left: 30px;
}

#wcSearchOptions>.SearchJobCenterBtns {
    padding-bottom: 10px;
}

.creativeDetailsInstructions {
    margin-bottom: 20px;
}

.creativeDetailsContent {
    /*border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
     border-left: 1px solid #989898;
      border-right: 1px solid #989898;
    overflow: hidden;
    Margin-top:15px;
    margin-bottom:15px;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:10px;*/
    /*Tarun*/
    position: relative;
    height: 100%;
}

.creativeDetailsFields {
    /*float: left;
    max-width: 50%;*/
    /*Tarun*/
    text-align: left;
    max-width: 50%;
}

.creativeDetailsFields td {
    padding-bottom: 10px;
}

.creativeDetailsFields .detailLabel {
    min-width: 200px;
}

.divAssetsDownloadCheckBoxList {
    float: right;
}

.downloadCartDiv {
    display: inline;
    float: right;
    padding-bottom: 5px;
}

.instructions {
    padding-left: 0px;
    font-size: 18px;
    color: var(--accentdarkgraycolor);
    margin-bottom: 0px;
    font-weight: normal;
}

#divAddToDownloadsChk {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 2px;
    float: left;
    clear: both;
}

.user_searched_for {
    color: #6a6a6a;
    font-family: var(--sitemainfont);
    font-size: 14px;
    font-weight: bold;
}

#LocationResultGrid {
    border-width: 0px;
    width: 90%;
}

#SelfRegistrationContent {
    padding-left: 40px;
}

/* -------------- Order Details ----------------- */
.OneOffFulfillmentDetailContainer {
    margin-bottom: 5px;
}

.OneOffFulfillmentDetails {
    float: left;
    margin-left: 100px;
}

.OrderDetails {
    overflow: hidden;
}

.OrderDetailContainer {
    float: left;
    padding-right: 15px;
}

.OrderDetailName {
    font-weight: bold;
}

.OrderDetailsSeparator {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px #aaaaaa;
    margin-left: auto;
    margin-right: auto;
}

.CreativeContainer {
    overflow: hidden;
}

.CreativeHeader {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 5px;
}

.CreativePreview {
    float: left;
}

.CreativePreview img {
    max-height: 300px;
    max-width: 300px;
}

.CreativeDetails {
    float: left;
    margin-left: 100px;
}

.CreativeCost {
    float: right;
    margin-right: 100px;
}

.CreativeDetailContainer {
    margin-bottom: 5px;
}

.CreativeDetailName {
    font-weight: bold;
}

.DeliveryFormContainer {
    border-top: solid 1px #aaaaaa;
    margin-top: 10px;
    padding-top: 5px;
    float: right;
    padding-right: 30%;
    display: table;
}

.DeliveryFormHeader {
    padding-left: 20px;
    background-image: url('../images/SectionDownArrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.DeliveryFormHeader.expanded {
    background-image: url('../images/SectionUpArrow.png');
}

.gvSearchUserResultView {
    width: 100%;
}

.submitButton {
    float: left;
}

.LocationSearchResultGrid {
    display: inline;
}

.buttonsContainer {
    margin-bottom: 10px;
    text-align: left;
}

.locationsResultsGrid {
    width: 100%;
}

.CheckBoxRow {
    float: left;
    position: relative;
    text-align: left;
    width: 150px;
}

.RadGrid a {
    text-decoration: none;
}

.RadGrid a:hover {
    text-decoration: underline;
}

.HeaderBarInLine {
    background-color: #ffffff;
    background: #999999 url(../Images/menu-bg-dark.png) repeat-x scroll left top;
    padding: 2px 0px 5px 3px;
    width: 100%;
    border: 0px;
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.HeaderBarInLineTitle {
    font-family: var(--sitemainfont);
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
}

.customSizeTextboxes {
    width: 40px;
}

.divWareHouseItems {
    clear: both;
    display: block;
}

.divWareHouseItems input[type="text"] {
    width: 30px;
}

.divWareHouseItems span {
    font-weight: bold;
}

.divNativeResize .divTemplateSelectionHeader,
.divNativeResize .divCampaignIncludesHeader {
    font-weight: bold;
}

.ButtonAsLink {
    background-color: transparent;
    border: none;
    color: blue;
    cursor: pointer;
}

.ButtonAsLinkDisabled {
    background-color: transparent;
    border: none;
    color: gray;
}

.ButtonAsLinkBold {
    background-color: transparent;
    border: none;
    color: blue;
    cursor: pointer;
    font-weight: bold;
}

.PriceBreakGrid {
    width: 200px;
}

.PriceBreakGrid th {
    background-color: #cccccc;
}

.PriceBreakGrid tr {
    background-color: #ffffff;
}

.PriceBreakGrid tr.PriceBreakAlternateRow {
    background-color: #dddddd;
}

.PriceBreakGrid tr.PriceBreakSelectedRow {
    background-color: Yellow;
}

.OrderManagementProductSelection .PriceBreakGridContainer {
    margin-left: -220px;
}

.DimensionGridHeader {
    font-weight: bold;
    font-size: 12pt;
}

input.Quantity {
    width: 75px;
}

select.Quantity {
    width: 60px;
}

.SubTotalContainer {
    text-align: right;
    font-size: 12pt;
    padding-top: 20px;
}

.SubTotalContainer h3,
.SubTotalContainer h5 {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.SubTotalContainer .Amount {
    font-weight: bold;
}

.OrderLineContainer {
    overflow: hidden;
}

.OrderLineDetailContainer {
    margin-left: 160px;
    margin-bottom: 5px;
}

.OrderLineSingleLineContainer .OrderLineDetailContainer {
    margin-left: 10px;
    margin-right: 10px;
}

.OrderLineDetailContainer.Preview {
    margin-left: 0px;
    width: 150px;
    float: left;
}

.OrderLineDetailContainer.Preview img {
    max-height: 150px;
    max-width: 150px;
}

.OrderLineDetailContainer.Name .OrderLineDetailValue {
    font-size: 16px;
}

.OrderLineDetailContainer.Title .OrderLineDetailValue {
    font-size: 13px;
    font-weight: bold;
}

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

.OrderLineDetailName {
    display: inline-block;
}

.OrderLineDetailValue {
    display: inline-block;
}

.OrderLineDetailPrice {
    float: right;
    width: 120px;
    text-align: right;
}

.OrderLineDetailQty {
    font-weight: normal;
    float: right;
}

.OrderLineDropShipContainer {
    clear: both;
    margin-left: 220px;
}

.OrderLineDirectMailContainer {
    clear: both;
    margin-left: 220px;
    margin-top: 20px;
}

#lnkEditFamilyOnTopHalf {
    margin-left: 0px;
}

.lnkEditQuantity {
    margin-top: 10px;
}

.lnkEditQuantity,
.txtQuantity,
.ddlQuantity,
.lblQuantity {
    display: block;
}

table.ReadOnlyAddresses {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    border-color: gray;
    border-collapse: separate;
    background-color: white;
}

table.ReadOnlyAddresses th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: gray;
    background-color: white;
    padding: 2px;
}

table.ReadOnlyAddresses td {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: gray;
    background-color: white;
    padding: 2px;
}

.tableOrderLine {
    border-collapse: collapse;
    font-size: 13px;
    width: 950px;
}

.JobCenterReviewOrderApprovals .tableOrderLine,
.OrderManagementOrderDetails .tableOrderLine,
.OrderManagementShippingInformation .tableOrderLine {
    table-layout: fixed;
    width: 100%;
}

.EditableAddresses {
    table-layout: fixed;
    width: 100%;
}

#divAddress,
#divList,
#addAddressText {
    display: inline-block;
    padding: 3px 5px 3px 0;
}

.JobCenterReviewOrderApprovals .tableOrderLine>tbody>tr>td,
.OrderManagementOrderDetails .tableOrderLine>tbody>tr>td,
.OrderManagementShippingInformation .tableOrderLine>tbody>tr>td {
    padding: 8px;
}

.JobCenterReviewOrderApprovals .OrderLineDetailContainer.FirstAttribute,
.OrderManagementOrderDetails .OrderLineDetailContainer.FirstAttribute,
.OrderManagementShippingInformation .OrderLineDetailContainer.FirstAttribute {
    overflow: hidden;
    background-color: #eeeeee;
    border: solid 1px #aaaaaa;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 2px;
}

.tableOrderLine .thRemoveOrderLine {
    padding-left: 0;
}

.tableOrderLine .thOrderLineDetails {
    max-width: 650px;
}

.tableOrderLine .thOrderLineDeliveryMethod {
    width: 140px;
}

.tableOrderLine .thOrderLinePrice {
    width: 75px;
}

.tableOrderLine .thOrderLineQuantity {
    width: 140px;
}

.OrderManagementPaymentInformation .tableOrderLine .thOrderLineQuantity,
.OrderManagementPaymentInformation .tableOrderLine .thOrderLinePrice {
    width: 75px;
}

.tableOrderLine .thOrderLineTotal {
    text-align: right;
    width: 75px;
}

.tableOrderLine td.tdDeliveryMethod {
    width: 100px;
}

.tableOrderLine td.tdOrderLine {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

.tableOrderLine td.tdRemoveOrderLine {
    vertical-align: middle;
    text-align: center;
    border-right: none;
    padding: 0;
    width: 50px;
}

.OrderManagementPaymentInformation .tableOrderLine td.tdOrderLineDetails {
    border-left: 1px solid #333333;
    padding-left: 10px;
    width: 600px;
}

.tableOrderLine td.tdOrderLineDetails {
    vertical-align: top;
    border-left: none;
    max-width: 650px;
    border-left: none;
    padding-left: 0;
}

.tdOrderLineQuantity {}

.tableOrderLine td.tdOrderLineQuantity input[type=text] {
    width: 60px;
}

.tableOrderLine td.tdOrderLineTotal {
    text-align: right;
    font-weight: bold;
}

.tdOrderLines {
    vertical-align: top;
}

.tdShippingGroupTotal {
    vertical-align: bottom;
    text-align: right;
    font-size: 13pt;
    font-weight: bold;
    max-width: 300px;
}

.tdShippingMethods {
    vertical-align: top;
    width: 300px;
}

.PriceBreakGridContainer {
    position: absolute;
    padding: 10px;
    padding-top: 3px;
    background-color: #dddddd;
    text-align: right;
}

.PriceBreakContainer {
    margin-top: 10px;
    font-size: 10pt;
    font-weight: normal;
}

.PriceBreakGridClose img {
    cursor: pointer;
}

.ShowItemPricing {
    cursor: pointer;
}

.OrderManagementShoppingCart .PriceBreakGridContainer {
    margin-left: -30px;
}

.ShippingMethodsContainer {
    border: 2px dashed #999999;
    padding: 8px;
}

.ShippingMethod {
    overflow: hidden;
}

.ShippingMethodsHeader {
    text-align: center;
    font-weight: bold;
}

.ShippingMethodText {
    float: left;
}

.ShippingMethodPrice {
    float: right;
    padding-top: 3px;
}

.ShippingInformationContainer {
    /*border-top: solid 1px #333333;*/
}

.BasicShippingContainer {
    padding: 8px;
}

.ShippingGroupContainer {
    /*border-right: solid 1px #333333;
	border-left: solid 1px #333333;
    border-bottom: solid 1px #333333;
	*/
    border: solid 1px #333333;
}

.ShippingNotRequiredContainer {
    margin-top: 25px;
    margin-bottom: 20px;
    border: solid 2px #333333;
}

.OrderTotalsContainer {
    border-top: solid 15px #333333;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
}

.tdOrderLineShippingQuantity input[type=text] {
    width: 40px;
}

.SetShippingAddress {
    font-weight: bold;
    display: inline-block;
}

.SetShippingContact {
    font-weight: bold;
    float: right;
}

.OrderLineSingleLineContainer {
    border-bottom: solid 1px #333333;
    padding-bottom: 10px;
}

.OrderLegalContainer {
    padding: 8px;
    float: right;
    text-align: right;
}

.OrderInformationContainer {
    padding-bottom: 10px;
}

.OrderInformation {
    overflow: hidden;
    margin-bottom: 5px;
}

.OrderInformationName {
    float: left;
    width: 75px;
}

.OrderInformationValue {
    float: left;
}

.OrderInformation textarea {
    width: 300px;
    height: 80px;
}

.OrderInformation input[type=text] {
    width: 302px;
}


.OrderLegalText {}

.OrderLinesHeader {
    padding-top: 20px;
}

.PaymentDetailsContainer {
    overflow: hidden;
    padding-top: 20px;
}

.PaymentMethodsHeading {
    clear: both;
}

.PaymentSelectionContainer {
    float: left;
    min-width: 200px;
}

.PaymentSelectionContainer table {
    width: 100%;
    border-spacing: 0;
}

.PaymentSelectionContainer table td {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    padding: 8px 3px;
}

.PaymentSelectionContainer table td.active {
    background-color: #fff;
    border-right: 0;
    font-weight: bold;
}

.OptionalPaymentContainer {
    border: solid 1px #ccc;
    float: left;
    padding: 20px 20px 0 20px;
}

.AdditionalPaymentContainer {}

.PaymentHeading h5 {
    padding-bottom: 0;
}

.PaymentContainer {
    padding-bottom: 20px;
}

.PaymentContainer .PaymentInfo {
    display: inline-block;
}

.PaymentContainer .PaymentInfo img {
    width: 100px;
}

/* channel funds */

.ChannelFundTable {
    font-size: 13px;
    line-height: 28px;
    width: 100%;
}

.ChannelFundTableAmount {
    padding-left: 20px;
    text-align: right;
}

.PaymentAmountTable {
    text-align: right;
    border-top: 1px solid #333333;
    margin-top: 10px;
    width: 100%;
}

.PaymentText {
    padding-right: 20px;
}

.PaymentAmount {
    font-weight: bold;
}

.ChannelFundsUnavailableSystemMessage {
    color: #FF0000;
}

.ChannelFundsUnavailableVendorMessage {
    color: #FF0000;
}

/* Corporate Billing */

.UIPayment h5,
.CBPayment h5 {
    padding-bottom: 15px;
}

.CBPayment input,
.CBPayment textarea {
    min-width: 200px;
}

.CBPayment textarea {
    min-height: 100px;
}

.PaymentFields .label {
    font-weight: bold;
    float: none;
    display: block;
    font-size: 13px;
    padding-bottom: 5px;
}

.PaymentFields .controldiv {
    float: none;
    display: block;
    padding-bottom: 10px;
}

/* credit card information */

.newBillingAddress {
    padding-top: 20px;
    padding-left: 40px;
}

.creditCardNew {
    padding: 20px 0 20px 40px;
}

.orderManagement .paymentFieldGroup {
    padding-bottom: 10px;
}

.orderManagement .paymentFieldGroup .label {
    float: none;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
    display: block;
}

.JobCenterFundBalance .ChannelFundTable {
    width: auto;
}

.ChannelFundTable .ChannelFundTableHeading {
    color: #333333;
    font-weight: bold;
    min-width: 150px;
    text-align: right;
}

.ChannelFundAccountName {}

.ChannelFundAvailableAmount {
    text-align: right;
    color: #999999;
}

.ChannelFundAvailableAmountError {
    color: #FF0000;
}

.ChannelFundAmountToApply {
    text-align: right;
}

.ChannelFundAmountToApply input {
    width: 70px;
}

#txtCCNumber {
    width: 300px;
}

#txtCCSecurityCode {
    width: 60px;
}

#txtCCAddress {
    width: 300px;
}

#txtCCState {
    width: 80px;
}

#txtCCZip {
    width: 100px;
}

.OrderConfirmationBannerContainer {
    padding: 8px;
    background-color: var(--accentdarkgraycolor);
    color: #ffffff;
    font-weight: bold;
    font-size: 12pt;
}

.ShippingGroupName {
    font-weight: bold;
    font-size: 12pt;
}

.ContactInfoImage {
    cursor: pointer;
}

.SCItems {
    background-color: #cccccc;
}

/* payment information */

.orderTotalSmall {
    background-color: #F2F2F2;
    display: block;
    text-align: right;
    line-height: 28px;
}

.orderTotalSmall .orderTotalLabel {
    display: inline-block;
    padding-right: 10px;
}

.orderTotalSmall .orderTotalValue {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

.paymentInformationWidth {
    width: 600px;
}

.PaymentMethodDescription {
    width: 800px;
    padding-bottom: 10px;
}

/* order total */

.JobCenterReviewOrderApprovals .OrderTotals,
.OrderManagementOrderDetails .OrderTotals,
.OrderManagementShippingInformation .OrderTotals {
    padding-right: 10px;
    padding-left: 10px;
}

.OrderTotalsHeader {
    font-size: 11pt;
    font-weight: bold;
}


.OrderTotalTable {
    float: right;
    padding-top: 10px;
    padding-left: 20px;
}

.OrderChargesTable,
.OrderGrandTotalTable {
    border-top: 1px solid #333333;
}

.OrderGrandTotalTable h3,
.OrderGrandTotalTable h5 {
    margin: 0;
    padding: 0;
}

.OrderTotalTable td {
    text-align: right;
}

.CostTotalName,
.CostTotalValue {
    font-size: 16px;
}

.CostTotalName {
    padding-right: 10px;
}

.CostTotalValue {
    font-weight: bold;
    min-width: 60px;
}

/* order confirmation */

.OrderManagementOrderConfirmation #lblSubHeader {
    /*float:left;*/
}

.OrderManagementOrderConfirmation .orderManagement .ActionButtonContainer,
.OrderManagementOrderConfirmation .orderManagement .ActionButtonContainer.top {
    float: left;
    margin: 0;
}

.OrderManagementOrderConfirmation .orderManagement .ActionButtonContainer .PrimaryActionButton {
    margin: 0;
}

.OrderManagementOrderConfirmation .orderManagement .ActionButtonContainer.top {
    padding-left: 40px;
}

.orderConfirmationWidth {
    width: 600px;
}

.orderConfirmationLine,
.orderConfirmationLineAttributes,
.orderConfirmationLineAddresses,
.orderConfirmationLineDeliveryMethod {
    display: block;
    clear: both;
}

.orderConfirmationLine {
    padding-bottom: 20px;
}

.orderConfirmationLine .formLabel {
    display: block;
    padding-bottom: 10px;
}

.orderConfirmationLineAddresses,
.orderConfirmationLineDeliveryMethod {
    padding-left: 40px;
}

.orderConfirmationLineShippingAddress .quantity,
.orderConfirmationLineShippingAddress .address {
    float: left;
}

.orderConfirmationLineShippingAddress .address {
    padding-left: 40px;
}

.orderConfirmationLineShippingAddress .contact {
    clear: both;
}

.orderConfirmationLineShippingAddress,
.orderConfirmationLineShippingAddress .quantity,
.orderConfirmationLineShippingAddress .address,
.orderConfirmationLineAddress .address,
.orderConfirmationLineAddress .quantity,
.orderConfirmationLineAddress .contact,
.orderConfirmationLineAddress .subscriptionNumber {
    padding-bottom: 20px;
}

.confirmationPayment {
    padding-bottom: 20px;
}

.confirmationPaymentCc {
    padding-bottom: 0;
}

.confirmationPayment .paymentFieldGroup {
    padding-bottom: 20px;
}

.PaymentFields .formLabel,
.PaymentFields .label,
.PaymentFields .labeldiv,
.PaymentFields .totaldiv,
.PaymentFields .controldiv,
.orderManagement .formLabel,
.orderManagement .label,
.orderManagement .labeldiv,
.orderManagement .totaldiv,
.orderManagement .controldiv,
.MediaSavePayment .formLabel,
.MediaSavePayment .label,
.MediaSavePayment .labeldiv,
.MediaSavePayment .totaldiv,
.MediaSavePayment .controldiv .form-custom-controls .formLabel,
.form-custom-controls .label,
.form-custom-controls .labeldiv,
.form-custom-controls .totaldiv,
.form-custom-controls .controldiv {
    display: block;
    padding-bottom: 5px;
    float: none;
    padding-left: 0;
}

.OrderManagementOrderConfirmation .orderTotalsContainer {
    min-width: 200px;
    max-width: 300px;
    padding-bottom: 20px;
}

.OrderManagementOrderConfirmation .orderTotalsContainer,
.OrderManagementOrderConfirmation .orderTotalsContainer .CostTotalName,
.OrderManagementOrderConfirmation .orderTotalsContainer .CostTotalValue,
.OrderManagementOrderConfirmation .orderTotalsContainer h5,
.OrderManagementOrderConfirmation .orderTotalsContainer h3,
.OrderManagementOrderConfirmation .orderTotalsContainer {
    font-size: 12px;
}

.nextStepContainer {
    padding-bottom: 20px;
}

/* shopping cart items */

.ShoppingCartItems {
    width: 100%;
}

.ShoppingCartItems td {
    border: solid 1px #333333;
    padding: 5px;
}

#displaySCdetails {
    border: solid 1px #333333;
    width: 260px;
    float: right;
}

.SCMoreItems {
    background-color: #eeeeee;
    text-align: center;
    color: #ff0000;
}

.SCOverlayHeader {
    background-color: #333333;
    color: #ffffff;
    font-size: 14pt;
    font-weight: normal;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.SCOverlayHeader img {
    height: 15px;
    width: 15px;
}

.SCOverlaySubTotal {
    background-color: #eeeeee;
    overflow: hidden;
    padding: 5px;
}

.SCGoToShoppingCart {
    text-align: left;
    padding-top: 1px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: white;
    border-top: solid 1px #999999;
}

.SCOverlaySubTotalText {
    float: left;
    color: black;
    font-weight: bold;
    font-size: 8pt;
}

.SCOverlaySubTotalValue {
    float: right;
    color: Red;
    font-weight: bold;
    font-size: 12pt;
}

.tdSCPrice {
    text-align: right;
}

.PRCOverlayHeader {
    background-color: #333333;
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.PRCOverlayHeader img {
    height: 15px;
    width: 15px;
}

.LinkedCartButtonNoTopMargin {
    margin-top: 0px;

}

.PRCGoToShoppingCart {
    text-align: center;
    padding: 5px;
    background-color: #eeeeee;
    border-top: solid 1px #999999;
}

.fieldLabel {
    text-align: right;
    font-size: 85%;
}

.ReportingBgImage {
    background-image: url('../images/Reporting_arrow_BM.png');
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-right: 0%;
    border-bottom: 0px;
    height: 40px;
}

.repeaterDiv {
    margin-left: 5%;
    margin-right: 8%;
    border-bottom: 1px solid black;
    height: 40px;
}

.graphButton {
    background-color: #302217;
    color: White;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: x-small;
    width: 90px;
    height: 30px;
    border: 1px solid #000500;
}

.header {
    font-size: 30px;
    color: #0298d5;
    font-weight: bold;
}

.description {
    font-size: 12px;
    color: #808080;
}

.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: Black;
    opacity: .50;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    z-index: 101;
    display: none;
}

.web_dialog {
    display: none;
    position: fixed;
    width: 40%;
    height: 75%;
    top: 25%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #333333;
    border: 0px;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.rblist {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    width: 100%;
}

.close {
    position: absolute;
    top: -10px;
    right: -20px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 202;
}

.qlist {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 60px;
}

.reportLabels {
    background-color: #EBEBEB;
    color: #4F4F4F;
    width: 25%;
    bottom: 0px;
    float: left;
    left: 0px;
    height: 600px;
}

#reportDiv {
    min-height: 600px;
    width: 70%;
    float: right;
}

.error_message {
    color: Red;
}

.Line {
    width: 1450px;
    background-image: url(/wc/Branding/DefaultSkin/images/line.png);
    background-repeat: repeat-x;
    height: 18px;
}

/*Address*/
/*
.AddressSearchTab
{
    /*background-image: url('../images/tab-background.png');
    background-repeat: no-repeat;
    width: 100%;*/
height: 50px;
/*padding-left: 15px;*/
background-image: url('../images/tab-background_1px.png');
background-repeat: repeat;
float:left;
}

*/ .AddressAdvancedSearchIcon {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -6px;
    cursor: pointer;
}

.AddressSearchLabelContainer {
    float: left;
}

.AddressSearchLabel {
    color: White;
    font-weight: bold;
    padding: 0 10px;
    position: relative;
    top: 20px;
}

.AddressSearchIcon {
    float: left;
    position: relative;
    top: 35%;
    cursor: pointer;
}

.AddressSearch {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -7px;
}

.AddressSearchContainer {
    padding: 5px;
    border: solid 2px #427dc7;
}

/*
.AddressSearchLeftTabCurve
{
    top: 20%;
    float: left;
    height: 50px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: url('../images/tab-background_lt_curve.png') !important;
    cursor: pointer;
}
.AddressSearchRightTabCurve
{
    top: 20%;
    float: left;
    height: 50px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: url('../images/tab-background_rt_curve.png') !important;
    cursor: pointer;
} */
.processingOverlay {
    padding: 0;
    margin: 0;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: #333333;
    border: 3px solid #aaaaaa;
    background-color: #ffffff;
    cursor: default;
}

.breadCrumbs {
    display: block;
}

.breadCrumbContainer {
    max-width: 78%;
    /* Tarun */
    text-align: left;
    overflow: auto;
    min-height: 26px;
    float: left;
}

.divBreadCrumbHeading {
    padding-right: 6px;
    float: left;
}

.addressBookHeadingSection {
    border-bottom: 1px solid gray;
    height: 25px;
    font-size: 15px;
    font-weight: bold;
}

.addressBookDataTileHeader {
    width: 20%;
    float: left;
}

.addressBookActionTileHeader {
    width: 10%;
    float: left;
}

.addressBookDataSection {
    width: 100%;
    float: left;
    border-bottom: 1px solid gray;
    padding-top: 10px;
}

.addressBookDataTile {
    width: 20%;
    float: left;
}

.addressBookActionTile {
    width: 10%;
    float: left;
}

.addressBookTileControl {
    width: 100%;
    float: left;
}

#addressOverylay {
    height: 600px;
}

#addressOverylay .OverlayHeader {
    height: 50px;
}

#addressOverylay .OverlayBodyHtml {
    top: 50px;
}

#OrderAlert {
    height: 300px;
}

#OrderAlert.OverlayContainer .OverlayBodyHtml {
    top: 0px;
    bottom: 0px;
    padding: 8px;
}

.OrderAlertHeader {
    text-align: center;
    font-weight: bold;
}

.OrderAlertItemContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

.OrderAlertItemAcceptance {
    margin-left: 10px;
}

.OrderAlertSubmit {
    text-align: center;
}

.BreadCrumbSearchFieldSeparator {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

#expandCollapseAllSearchFieldsTop {
    padding-bottom: 10px;
}

.ExportPrint {
    font-size: 1px;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: transparent;
}

.addressHeaderControls {
    text-align: right;
}

#divBreadCrumbsClearAll {
    float: none;
    margin-left: 10px;
    display: inline-block;
    /* Tarun */
}

#DivFulfillmentItemsErrorSummary {
    width: 100%;
    display: block;
    overflow: hidden;
    float: left;
}

#DivfulfillmentItemsQty {
    width: 100%;
    display: inline;
}

#fulfillmentItemsQty {
    width: 40%;
    float: left;
}

.UploadContainer {
    overflow: hidden;
    width: 500px;
    line-height: 30px;
}

.UploadContainer div {
    vertical-align: top;
    clear: both;
}

.UploadText {
    float: left;
}

.UploadControl {
    float: left;
}

.UploadHasHeaders {
    float: left;
    clear: left;
    margin-left: -3px;
}

.UploadButton {
    margin: 0 0 15px 0;
}

.AddressImportGridActions {
    text-align: right;
}

.AddressImportErrorRow {
    color: Red;
    font-weight: bold;
}

.AddressImportWarnRow {}

.AddressImportErrorCell {
    background-color: #ff8888;
}

.AddressImportWarnCell {
    background-color: #ffff88;
}

.AddressColumnHeaderLabel {
    padding-right: 5px;
}

.MyAccountAddressImport .RadGrid_Default {
    border-width: 0px;
}

/*.MyAccountAddressImport .RadGrid_Default thead
{
    border: 1px solid #828282;
}*/
.MyAccountAddressImport .RadGrid .rgMasterTable {
    border-collapse: collapse;
}

.MyAccountAddressImport .RadGrid .rgBatchContainer {
    max-width: 100%;
}

.MyAccountAddressImport .RadGrid .rgBatchContainer input {
    width: 100%;
}

.MyAccountAddressImport .RadGrid_Default thead th {
    border: solid 1px black;
    font-weight: bold;
}

.MyAccountAddressImport .RadGrid_Default .rgAltRow {
    background-color: White;
}

.MyAccountAddressImport .RadGrid_Default .rgRow td {
    border: solid 1px black;
}

.MyAccountAddressImport .RadGrid_Default .rgAltRow td {
    border: solid 1px black;
}

.MailOptionsContainer {
    overflow: hidden;
}

.MailOptionContainer {
    float: left;
    width: 300px;
}

.MailOptionImage {
    float: left;
}

.MailOptionText {
    float: left;
    margin-top: 17px;
    margin-left: 10px;
}

.USADataIframe {
    height: 650px;
    width: 100%;
}

div.divAddressLists table.rtWrapper td.rtWrapperContent {
    width: 100%;
}

.listContainer {
    width: 25%;
    margin-left: 5px;
    float: left;
}

.addressList {
    float: left;
}

.addressListActions {
    float: left;
}

#MainContent_divListActions {
    float: left;
    height: 50px;
    text-align: center;
    background-image: url('../images/tab-background_1px.png');
    background-repeat: repeat;
}

#MainContent_divListActions div {
    float: left;
}

#MainContent_divListActions a {
    position: relative;
    top: 40%;
    color: White !important;
    font-weight: bold;
    bottom: 50%;
}

/*
#divSlideHorizontal
{
    top: 20%;
    float: left;
    height: 50px;
    width: 16px;
    background-repeat:no-repeat;
    background-image: url('../images/tab-background_rt_curve.png') !important;
    cursor: pointer;
}
*/

.disableLink {
    text-decoration: none;
    color: Gray;
}


.DivErrSummary {
    float: none;
    width: 600px;
}

.ApprovalControls {

    padding-top: 10px;
    margin-left: 300px;

}

.divApprovalPanelContainer {
    overflow: hidden;
    margin-top: 15px;
}

.pnlDeliveryApprovalPnl {
    display: table;
    overflow: hidden;
}

#divEscalate input[type="Text"] {
    overflow: hidden;
    display: block;
    width: 150px;
    margin-left: 20px;

}

#divEscalate span {
    padding-bottom: 5px;
    padding-left: 20px;

}

.ApproverActions {
    padding-top: 5px;
    float: left;
    max-width: 50%;
}


.template_cont_preview_img {
    max-width: 200px;
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.template_cont_border_subtemplate {
    border: 1px solid #989898;
    vertical-align: top;
    width: 90%;
    height: 175px;
    padding: 5px;
    margin-top: 30px;
}


.DivErrSummary {
    float: left;
    display: table;
}

.show-hide {
    display: none;
}

.returnAddressDivShow {}

#divtxtComments #MainContent_txtComments {
    width: 350px;
    height: 100px;
}

#divEscalate {
    display: table;
}

#divbtnContainer {
    text-align: center;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 1010px;
}

#MainContent_rfComments {
    color: Red;
}

.addressBookContinue {
    width: 100%;
    text-align: right;
}

.CancelLiveOrderLine {
    float: right;
}

.selectedLocationsContainer {
    position: fixed;
    overflow: hidden;
    text-align: left;
    margin-left: 100px;
}

.OrderNotesContainer {
    float: left;
    overflow: hidden;
    display: block;
    margin-left: 50px;
}

.location_template_result_table .template_cont_border_location img {
    max-width: 350px;
    max-height: 40px;
}

.location_template_result_table .template_cont_border_location {
    width: 350px;
}

/* begin WebPageDelivery form */

.DeliverNewWebPage #Div1 .delOptionInput {
    width: 235px;
    padding: 5px;
}

.DeliverNewWebPage #Div1 input[type=text] {
    width: 225px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 22px;
    line-height: 22px;
}

.UpdateExistingWebPage #Div1 .delOptionInput {
    width: 235px;
    padding: 5px;
}

.UpdateExistingWebPage #Div1 input[type=text],
.UpdateExistingWebPage #Div1 select {
    width: 225px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 22px;
    line-height: 22px;
}

#txtJobComment input[type=text] {
    width: 325px;
}

/* end WebPageDelivery form CSS */


.OrderApprovalRightColumnWrapper {
    float: left;
    width: 100%;
}

.OrderApprovalRightColumn {
    margin-left: 25%;
    /* This should match width in .OrderApprovalLeftColumn */
}

.OrderApprovalLeftColumn {
    float: left;
    width: 25%;
    /* This should match margin-left in .OrderApprovalRightColumn */
    margin-left: -100%;
}

.OrderApprovalLeftColumnContents {
    padding: 10px;
}

.OrderApprovalActionBar {
    background: #E8E8E8;
    text-align: right;
    margin-bottom: 5px;
    padding: 1px;
}

.OrderApprovalFormButton {
    color: #FFFFFF;
    border-width: 0px;
    padding: 5px;
}

.OrderApprovalToggleApproveForm {
    background-color: #00B000;
    font-weight: bold;
    margin: 0px 3px;
}

.OrderApprovalToggleRejectForm {
    background-color: #CC0000;
    font-weight: bold;
    margin: 0px 3px;
}

.OrderApprovalToggleEscalateForm {
    margin: 0px 3px;
}

.OrderApprovalCommentHistoryHeader {
    margin: 10px 0px;
    font-weight: bold;
}

.OrderApprovalCommentHistory {
    background: #E8E8E8;
    max-height: 300px;
    overflow: auto;
    border-top: 2px solid #E8E8E8;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
}

.OrderApprovalComment {
    background: #FFFFFF;
    margin: 5px;
    padding: 5px;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
}

.OrderApprovalCommentFormWrapper {
    position: relative;
}

.OrderApprovalCommentForm {
    position: absolute;
    right: 0px;
    top: 0px;
    background: var(--accentdarkgraycolor);
    text-align: center;
}

.OrderApprovalCommentFormEscalateUser {
    width: 280px;
    margin-top: 7px;
}

.OrderApprovalCommentFormTextBox {
    width: 280px;
    height: 152px;
    margin: 7px;
}

.OrderApprovalCommentFormApproveButton {
    background-color: #00B000;
    margin: 7px;
}

.OrderApprovalCommentFormRejectButton {
    background-color: #CC0000;
    margin: 7px;
}

.OrderApprovalCommentFormEscalateButton {
    background-color: #0099FF;
    margin: 7px;
}

.OrderApprovalCommentFormCancelButton {
    text-decoration: none;
    color: #FFFFFF;
    margin: 7px;
}

/* --------------Review Approvals ----------------- */

.ReviewApprovalsOrderDetails {
    overflow: hidden;
}

.ReviewApprovalsOrderDetailContainer {
    float: left;
    padding-right: 15px;
}

.ReviewApprovalsOrderDetailName {
    font-weight: bold;
}

.ReviewApprovalsOrderDetailsSeparator {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px #aaaaaa;
    margin-left: auto;
    margin-right: auto;
}

.ReviewApprovalsCreativeContainer {
    overflow: hidden;
}

.ReviewApprovalsCreativeHeader {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 5px;
}

.ReviewApprovalsCreativePreview {
    float: left;
}

.ReviewApprovalsCreativePreview img {
    max-height: 300px;
    max-width: 300px;
}

.ReviewApprovalsCreativeDetails {
    float: left;
    margin-left: 10px;
}

.ReviewApprovalsCreativeCost {
    float: right;
    margin-right: 100px;
}

.ReviewApprovalsCreativeDetailContainer {
    padding-left: 25%;
    margin-bottom: 5px;
}

.ReviewApprovalsCreativeDetailName {
    font-weight: bold;
}

.ReviewApprovalsDeliveryFormHeader {
    padding-left: 20px;
    background-image: url('../images/SectionDownArrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.ReviewApprovalsDeliveryFormHeader.expanded {
    background-image: url('../images/SectionUpArrow.png');
}

.ReviewApprovalsDeliveryFormContainer {
    display: table;
    padding-top: 5px;

    padding-left: 20%;
}

.ReviewApprovalsCreativeDetailsContainer {
    width: auto;
    max-width: 600px;
    float: left;
    margin-left: 150px;
}

#divbtnContainerReviewOrder {

    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 300px;

}

.OrderNoteText>.OrderDetailsOrderNotes {
    Margin-top: 5px;
    width: 320px;
    height: 150px;
}

.OrderDetailsDeliveryFormContainer {
    padding-right: 35%;
    display: table;
}

.OrderDetailsCreativeContainer {
    width: 50%;
    float: left;
}

.BackButtons {
    overflow: hidden;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.BackButtons2 {
    overflow: hidden;
    float: right;
    vertical-align: bottom;
    text-align: right;

}

.OrderLine {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 5px;
    display: inline;
}

.cellpadding {
    padding-right: 100px;
    margin-left: 30px;

}

.OrderLineShippingTable {
    float: right;
    margin-bottom: 5px;
}

.OrderDetailValuesDiv {
    padding-left: 30px;
}

.OrderDetailsCell {
    Min-width: 300px;
    float: left;
}

.OrderDetailHeaderName {
    overflow: hidden;
    font-weight: bold;
    padding-left: 30px;
}

.OrderLineDetailsCell {
    Min-width: 260px;
    float: left;
}

.OrderLineHeaderName {
    overflow: hidden;
    font-weight: bold;
    padding-bottom: 10px;

}

.OrderLineShippingDetailsDiv {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.OrderLineDeatilsContainer {
    overflow: hidden;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    Margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    Margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.OrderDetailsDiv {
    background-color: #F3F3F3;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;

}

.btnsContainer {
    text-align: center;
}

.OrderLineDiv {
    background-color: #ECECEC;
    overflow: hidden;
}

.Orderheaders {
    color: Black;
    font-family: var(--sitemainfont);
    font-size: 12px;
    font-weight: bold;
}

.AddressbookUnsubRecord {
    width: 100%;
    float: left;
    border-bottom: 1px solid gray;
    padding-top: 10px;
    background-color: lightgray;
    color: gray;

}

.AddressImportUnsubRecord {
    background-color: lightgray;
    color: gray;

}

.graphButton {
    background-color: #302217;
    color: White;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: x-small;
    width: 90px;
    height: 30px;
    border: 1px solid #000500;
}


.description {
    font-size: 12px;
    color: #808080;
}

.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: Black;
    opacity: .50;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    z-index: 101;
    display: none;
}

.web_dialog {
    display: none;
    position: fixed;
    width: 40%;
    height: 75%;
    top: 25%;
    left: 40%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #333333;
    border: 0px;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);


}

.rblist {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    width: 100%;
}

.close {
    position: absolute;
    top: -10px;
    right: -20px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 202;

}

.qlist {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 60px;
}

/*.reportLabels         --- This class overrides .reportLabels declared above
{
    background-color:#EBEBEB;
    color:#4F4F4F;
    width: 380px;
    top: 0px;
    bottom: 0px;
    position: absolute;
    left:0px;
        
}*/
.disabledbutton,
.categorybutton {
    font-weight: bold;
    font-size: 11pt;
    background-image: url('../images/icons/category_button.png');
    color: #FFFFFF;
    font-style: normal;
    font-family: var(--sitemainfont);
    height: 36px;
    width: 120px;
    border: 1px solid white;
    background-color: white;
}

.disabledbutton {
    cursor: text;
}

.categorybutton

/*AA05*/
    {
    cursor: hand;
}


#upper {
    overflow: hidden;
}

#piechartimage {
    width: 700px !important;
    position: relative !important;
}

#piechartinfo1 {
    width: 300px !important;
    float: left !important;
}

#lowerdiv1 {
    position: relative !important;
    margin-top: 20px !important;
    overflow: hidden !important;
}

#lowerdiv2 {
    position: relative !important;
    margin-top: 0px !important;
    overflow: hidden !important;
}

#dashboardheaderright {
    width: 150px !important;
}

#dashboardheaderexport {
    left: 1250px !important;
}


#ExportOpenByRecipientGraphic:hover,
#ExportOpenByRecipientData:hover,
#ExportBounceGraphic:hover,
#ExportBounceData:hover,
#ExportNoInfoGraphic:hover,
#ExportNoInfoData:hover,
#ExportUnsubGraphic:hover,
#ExportUnsubData:hover,
#ExportForwardGraphic:hover,
#ExportForwardData:hover,
#ExportDeliveryGraphic:hover,
#ExportDeliveryData:hover,
#ExportDeliveryData:hover,
#ExportEmailDashBoardGraphic:hover,
#ExportEmailDashBoardData:hover,
#ExportOpenOverTimeGraphic:hover,
#ExportOpenOverTimeData:hover,
#ExportClicksByLinksGraphic:hover,
#ExportClicksByLinksData:hover,
#ExportClicksOverTimeGraphic:hover,
#ExportClicksOverTimeData:hover,
#ExportClicksByRecipientGraphic:hover,
#ExportClicksByRecipientData:hover {
    cursor: hand;
}

.caption {
    font-size: 24px;
    background-color: black;
    color: white;
}

.dashboardleft {
    color: green;
    font-weight: bold;
    font-size: 22px;
    vertical-align: top;
}

.dashboardright {
    text-align: center;
    background-color: green;
    color: white;
}

div.htmltooltip {
    position: absolute;
    /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #1794d0;
    border: 0px solid #1794d0;
    color: white;
    padding: 3px;
    width: 500px;
    /*width of tooltip*/
}

#tmps_chk_25_Title,
#tmps_chk_26_Keywords,
#tmps_chk_28_DefaultFamilyTemplate,
#tmps_chk_29_TemplateFamilyName,
#tmps_chk_32_NoofLocations,
#tmps_chk_33_HasLocations,
#tmps_chk_35_FolderName,
#tmps_chk_37_DeliveryOptions,
#tmps_chk_59_SizeAlias,
#tmps_chk_60_WorkflowSetName,
#tmps_chk_61_StudioKeyword {
    outline: solid #91268F 5px;
}

#tmps_chk_153_MaxAspectRatio,
#tmps_chk_154_MinAspectRatio,
#tmps_chk_30_Color,
#tmps_chk_34_PrinterKey,
#tmps_chk_38_TemplateCategory,
#tmps_chk_39_BusinessType,
#tmps_chk_40_ResizeInfo,
#tmps_chk_41_TemplateColor,
#tmps_chk_47_PAYMENTMODE,
#tmps_chk_50_SingleOrMultipleOutputAndResizeOptions,
#tmps_chk_53_ResizeType,
#tmps_chk_57_LocationImageCategory,
#tmps_chk_64_RegistrationCodes,
#tmps_chk_69_MaxScaleFactor,
#tmps_chk_70_MinScaleFactor {
    outline: solid #2e2e8e 5px;
}

.mappingsection {
    margin: 10px;
    border-top: 1px dashed grey;
    border-bottom: 1px dashed grey;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mappingtotaldiv {
    overflow: hidden;
    /*padding-bottom:1%;*/
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.mappingmultilistbox select {
    font-size: 11px;
    font-family: var(--sitemainfont);
    color: #333333;
    width: 150px;
}

.mappingmultilistbox input {
    font-weight: bold;
    font-size: 10px;
    background-image: url(../images/bg_rec_button.gif);
    background: var(--accentsitecolor);
    cursor: pointer;
    color: #FFFFFF;
    font-style: normal;
    font-family: var(--sitemainfont);
    height: 20px;
    border: 1px solid #333333;
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
    content: <<;
}

.mappingmultilistbox .mappingcontroldiv span>div {
    float: left;
}

.mappingcontroldiv {
    float: left;
}

.businessunitdiv {
    background-color: #F5F5F5;
    border: 2px solid #999999;
    width: 400px;
    margin-top: 30px;
    height: 30px;
}

.MyAccountUser .businessunitdiv {
    width: 100%;
}

.mappingdiv {
    background-color: #F5F5F5;
    border: 2px solid #999999;
    margin-top: 5px;
    margin-bottom: 5px;
}

.businessunitlabeldiv {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 7px;
}

.businessunitcontroldiv {
    margin-top: 7px;
    float: left;
}

.businessunitlinkbutton {
    float: left;
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 7px;
}

.divFulfillmentDate {}

.lblFulfillmentDate {}

.txtFulfillmentDate {}

.txtFulfillmentDate {}

.rfvFulfillmentDate {
    color: Red;
}

.revFulfillmentDate {
    color: Red;
}

.cvDateBlockingRules {
    color: Red;
}

.btnAccept {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.showdisabledLocations {
    text-decoration: none;
    color: gray;
}

.DivDeliveryAcceptance {
    display: block;
}

.DivDeliveryAcceptance #MainContent_lblUserAcceptanceHeader {
    padding-bottom: 5px;
    font-weight: bold;
}

.DivDeliveryAcceptance #MainContent_cbUserAcceptanceAgree {
    padding-top: 5px;
    padding-left: 2px;
}

.DivDeliveryAcceptance label {

    white-space: nowrap;
}

.confirmation_message_div {
    text-align: center;
}

.confirmation_ok_btn {
    float: left;
}

.confirmation_button_div {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    width: 32%;
}

#ConfirmationOverlay.OverlayContainer .OverlayBodyHtml {
    overflow: hidden;
}

#ConfirmationOverlay {
    height: 200px;
    width: 350px;
}

.divEmailAcceptanceCopy {
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}

#AcceptanceOverlay {
    height: 500px;
}

/* 4983 Cross Media */

/* Search Creative Pilot Handler */

.pilotTemplateList {
    width: 80%;
}

.pilotTemplateList li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 25px;
}

.SearchCreativeExpandedContent {
    margin-top: 15px;
}

.SearchCreativeExpandedContent input[type=checkbox] {
    vertical-align: middle;
    margin: 4px;
}

.SearchCreativeExpandedContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.SearchCreativeExpandedContent .TemplateFamilyList {
    width: 30%;
    overflow: auto;
}

.SearchCreativeExpandedContent .TemplateFamilyList li {
    background-color: #AAAAAA;
}

.SearchCreativeExpandedContent .AddDynamicSizeSpan {
    font-weight: bold;
    cursor: pointer;
    margin-left: 5px;
    font-size: 20px;
    vertical-align: middle;
}

.SearchCreativeExpandedContent .errorDisplayDiv {
    color: Red;
    margin: 5px 0;
}

.SearchCreativeExpandedContent .TemplateFamilyList .SelectedTemplateListItem {
    font-weight: bold;
    background-color: #DDDDDD;
}

.SearchCreativeExpandedContent .SearchPropertySet {
    cursor: pointer;
}

.SearchCreativeExpandedContent .TemplateFamily {
    margin-bottom: 25px;
}

.SearchCreativeExpandedContent .TemplateContents {
    background-color: #DDDDDD;
    float: left;
    padding-left: 25px;
    width: 70%;
    box-sizing: border-box;
}

.SearchCreativeExpandedContent .TemplateFamilyList {
    background-color: White;
    float: left;
}

.SearchCreativeExpandedContent .TemplateResizeDiv {
    height: 35px;
    display: inline-block;
    margin-right: 20px;
}

.SearchCreativeExpandedContent .TemplatePreviewImage {
    float: left;
    max-width: 60%;
}

.SearchCreativeExpandedContent .TemplateDetailsTableWrapper {
    float: right;
    width: 40%;
    overflow: auto;
}

.SearchCreativeExpandedContent .TemplateDetailsTable {}

.SearchCreativeExpandedContent .invalidSearchPropertySet {
    background-color: red;
}

.SearchCreativeExpandedContent .SearchPropertySetTitle {
    line-height: 20px;
}

.SearchCreativeExpandedContent .selectAllCheckboxContainer {
    margin-bottom: 5px;
}

.pilotMarginPlaceHolder {
    height: 10px;
}

/*.PilotSliderNativeResize {display:inline-block; margin-right:20px;}*/
.PilotSliderNativeResize {
    display: block;
    margin-left: 40px;
    margin-top: 10px;
}

/* Tarun Project #5696*/
.PilotSliderNativeResize .rslSelectedregion {
    display: none;
}

.searchCreativePilotTDAbsolute {
    position: absolute;
    z-index: 99;
    background-color: White;
    width: 1000px;
    height: 800px;
    margin: 15px 0 0 0;
}

.searchCreativePilotTDFixed {
    position: fixed;
}

.searchCreativePilotTDAbsolute .divThumbnail {
    height: auto;
}

.searchCreativePilotTDInvisible {
    visibility: hidden;
}

.searchCreativePilotShadowOverlay {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: Black;
    z-index: 98;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.pilotHandlerLoadingImageContainer {
    text-align: center;
    padding: 50px;
}

.searchCreativeTemplateSelectionContainer {
    display: none;
}

/* Common Template Navigation Panel */
.ctnpTemplateBlock {
    width: 146px;
    height: 146px;
    max-height: 150px;
    border: 2px solid #CCCCCC;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.ctnpSelectedTemplateBlock {
    background-color: #CCCCCC;
}

.ctnpErrorTemplateBlock {
    border: 2px solid red;
}

.ctnpTemplateBlockCompleted {
    border: 2px solid Green;
}

.ctnpDisabledTemplateBlock {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.ctnpTemplateImage {
    vertical-align: top;
    z-index: 99;
    width: 50px;
}

.ctnpTemplateImageContainer {
    margin: 0;
    text-align: center;
}

.ctnpTemplateNameContainer {
    text-align: center;
    padding: 5px;
    overflow: hidden;
}

.ctnpComposerWindowMenu {
    padding: 5px 0;
}

.ctnpTemplateJobNameContainer {
    text-align: center;
    padding-top: 4px;
}

.ctnpTemplateJobNameLink {}

.ctnpHamburgerImageContainer {
    text-align: center;
    padding: 2px 0;
    background-color: #AAAAAA;
}

.ctnpHamburgerImage {
    width: 20px;
    vertical-align: top;
}

.ctnpHamburgerMenuOverlay {
    display: none;
    position: absolute;
    border: 2px solid #CCCCCC;
    z-index: 4001;
    background-color: White;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ctnpWorkflowListItem {
    padding: 5px;
    cursor: pointer;
    border-bottom: 2px solid #CCCCCC;
}

.ctnpWorkflowListItem:last-child {
    border: 0;
}

.ctnpWorkflowListItem:hover {
    background-color: #AAAAAA;
}

.ctnpWorkflowListItem:hover:last-child {
    border: 0;
}

.ctnpWorkflowListItem:active {
    background-color: #CCCCCC;
}

.ctnpWorkflowListItem:active:last-child {
    border: 0;
}

.ctnpWorkflowListItemInvalid {
    background-color: Red;
}

.ctnpStepOverlay {
    display: none;
    position: absolute;
    border: 2px solid #CCCCCC;
    z-index: 4001;
    background-color: White;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cntpStepListItem {
    padding: 5px;
    cursor: pointer;
    border-bottom: 2px solid #CCCCCC;
}

.cntpStepListItem:last-child {
    border: 0;
}

.cntpStepListItem:hover {
    background-color: #AAAAAA;
}

.cntpStepListItem:hover:last-child {
    border: 0;
}

.cntpStepListItem:active {
    background-color: #CCCCCC;
}

.cntpStepListItem:active:last-child {
    border: 0;
}

.cntpStepListItemInvalid {
    background-color: Red;
}

.ctnpTemplateJobNameTextbox {
    display: none;
    width: 95%;
    height: 12px;
}

#ctnpPreventPostBackButton {
    display: none;
}

#ctnpTemplateBlockContainerDiv {
    height: 150px;
    overflow: hidden;
    margin-bottom: 5px;
}

/* #ctnpTemplateBlockContainerDiv height should be equal to the total height (border, margin, etc) of .ctnpTemplateBlock */
#ctnpLeftButtonDiv {
    float: left;
    width: 50px;
    padding-top: 60px;
    display: none;
}

#ctnpRightButtonDiv {
    float: right;
    width: 50px;
    padding-top: 60px;
}

/* stacked template images */
/* top/left should exceed border width to get proper effect */
.ctnpImageInnerWrapper {
    display: inline-block;
    background-color: White;
    border: 1px solid #AAAAAA;
    vertical-align: top;
    position: relative;
    top: 3px;
    left: -3px;
}

.ctnpImageOuterWrapper {
    display: inline-block;
    background-color: White;
    border: 1px solid #AAAAAA;
    vertical-align: top;
    position: relative;
    left: 3px;
    top: -3px;
}

.ctnpImageRelativePosition {
    position: relative;
    top: 3px;
    left: -3px;
}

.ctnpTemplateInvalidJobName {
    color: Red;
}

.ctnpLoadingImage {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 199;
    display: none;
}

.ctnpApprovalRequiredTemplateBlock {
    border: 2px solid Blue;
}

/* SubTemplateSelection */
.stsCellListContainer {
    width: 33%;
    float: left;
}

#stsCellList {
    width: 100%;
    list-style-type: none;
    padding: 0;
    display: none;
}

.stsCell {}

.stsCellHeader {
    text-align: center;
    font-size: 16px;
    padding: 7px;
    background-color: #868686;
    border: 1px solid #797979;
    cursor: pointer;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.stsCellBody {
    background-color: White;
    padding: 10px 10px 50px;
    border: 1px solid #797979;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.selectedStsCell .stsCellHeader {
    background-color: #AAAAAA;
}

.stsCellError .stsCellHeader {
    background-color: Red;
}

.selectedStsCell.stsCellError .stsCellHeader {
    background-color: #8C1717;
}

.stsCellDisabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
    display: none;
}

.stsCellCompleted .stsCellHeader {
    background-color: Green;
}

.selectedStsCell.stsCellCompleted .stsCellHeader {
    background-color: #006400;
}

#stsSubTemplateHeaderContainerDiv {
    /*width:66%; float:right; display:none;*/
    /*Tarun*/
    float: none;
    margin-top: 0px;
    margin-left: 10px;
}

.stsSubTemplate {
    /*width:350px; height:200px; margin:10px 50px 45px 0; border:1px solid #797979; padding:5px; display:inline-block; cursor:pointer; vertical-align:top; text-align:center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
    /*Tarun*/
    cursor: pointer;
    margin: 0px 15px 0px 0;
    width: 275px;
    height: 175px;
}

.selectedStsSubTemplate {
    background-color: #AAAAAA;
}

.stsSubTemplatePreviewImage {
    max-width: 350px;
    max-height: 40px;
    height: auto;
    width: auto;
}

#sslNextButtonContainer,
#stsNextButtonContainer {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
}

#sslNextButtonContainer .ActionButton,
#stsNextButtonContainer .ActionButton {
    display: block;
    padding-bottom: 10px;
}

#stsSingleTemplateNavigationContainer {
    text-align: right;
    padding-bottom: 10px;
    display: none;
}

.stsHeadlineLabel {
    font-size: 20px;
    display: block;
}

.stsSubHeadlineLabel {}

/* SearchSelectLocations */
.sslLeftColumn {
    width: 33%;
    float: left;
}

#sslRightColumn {
    width: 66%;
    float: right;
    background-color: White;
}

#sslParentContainerDiv {
    background-color: #CCCCCC;
    padding: 10px;
}

#sslSelectedLabels {
    padding: 10px;
    text-align: center;
}

.sslHeadlineLabel {
    font-size: 20px;
    display: block;
}

.sslSubHeadlineLabel {}

#sslLocationSearchContainerDiv {
    margin: 5px;
    border: 3px solid #CCCCCC;
}

.sslLocationTile {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}

.sslLocationTileHeader {
    display: inline-block;
    width: 25%;
    font-weight: bold;
    vertical-align: top;
}

#sslLocationPanelHeaderContainer {
    padding: 10px 10px 0 10px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.sslLocationPanel {
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    padding: 10px;
    cursor: pointer;
}

.sslLocationPanel:hover {
    background-color: #CCCCCC;
}

.sslLocationPanel:active {
    background-color: #AAAAAA;
}

.sslLocationPanel:last-child {
    border: 1px solid #CCCCCC;
}

#sslLocationPanelTemplate {
    display: none;
}

#locationSortableList {
    list-style-type: none;
    padding: 0;
}

.locationListItem {

    background-color: #868686;
    border: 1px solid #797979;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.locationSortableUpDownArrow {
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: ns-resize;
}

.locationSortableDelete {
    vertical-align: middle;
    cursor: pointer;
}

.locationSortableDeleteContainer {
    float: right;
    text-align: right;
}

.sslSearchImage {
    vertical-align: middle;
    cursor: pointer;
}

#sslLocationGeneralSearch {
    padding: 0 10px;
}

#sslLocationSpecificSearch {
    display: none;
    padding: 10px;
    padding-top: 0;
}

#sslSelectedLocationTemplate {
    display: none;
}

.selectedLocationCustomizableDiv {
    display: inline-block;
    vertical-align: middle;
}

#sslInvalidDiv {
    color: Red;
}

.sslDisabledLocation {
    cursor: default;
    color: gray;
    background-color: white;
}

.sslDisabledLocation div {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.sslDisabledLocation:hover {
    background-color: #FFFFFF;
    cursor: default;
    color: gray
}

.sslEnabledLocation:hover {
    cursor: pointer;
    background-color: #bbb;
}

#sslSingleTemplateNavigationContainer {
    float: right;
    display: none;
}

#sslLoadingContainer {
    text-align: center;
    padding: 40px;
}

.locationSortableDraggableContainer {
    padding: 15px;
    margin-right: 25px;
}

.locationSortableDraggableHandle {
    cursor: ns-resize;
}

#sslInstructionsHeader {
    text-align: center;
    font-size: 16px;
    padding: 7px;
    background-color: #868686;
    border: 1px solid #797979;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

#sslInstructionsBody {
    background-color: White;
    padding: 10px 10px 50px;
    border: 1px solid #797979;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.sslInstructionsBodyLabel {
    display: block;
    padding-bottom: 10px;
}

.expandImage {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: sub;
}

.sslLeftTabCurve {
    float: left;
    height: 50px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: url('../images/tab-background_lt_curve.png') !important;
    cursor: pointer;
    display: none;
}

.sslCenterTabContainer {
    float: left;
    height: 50px;
    /*
    background-image: url('../images/tab-background_1px.png');
    background-repeat: repeat;
    */
}

.sslRightTabCurve {
    float: left;
    height: 50px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: url('../images/tab-background_rt_curve.png') !important;
    cursor: pointer;
    display: none;
}

.sslCenterTabContainerPaddingDiv {
    padding-top: 13px;
}

/* AdBuilderControlPanel */
.abcpContainer {
    width: 100%;
    background-color: #868686;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #797979;
    box-sizing: border-box;
    margin-bottom: 5px;
}

#abcpContainer .iconContainer {
    float: right;
    height: 24px;
}

#abcpContainer .saveContainer {
    float: left;
}

#abcpContainer .zoomContainer {
    float: left;
}

#abcpContainer .proofContainer {
    float: left;
}

#abcpContainer .autoRefreshContainer {
    float: left;
}

#abcpContainer .refreshContainer {
    float: left;
}

#abcpContainer .toolbarActionContainer {
    cursor: pointer;
}

#abcpContainer .toolbarActionContainer div {
    float: left;
}

#abcpContainer .toolbarActionContainer .toolbarText {
    display: none;
}

#abcpContainer .toolbarActionContainer img {
    height: 24px;
    padding: 0 5px;
}

#abcpContainer .controlBarContainer {
    background-color: #FFFFFF;
    padding: 5px;
    border: 1px solid #797979;
    border-top: 0;
    border-bottom: 0;
    height: 27px;
    /*line-height:27px;*/
    vertical-align: middle;
}

#abcpContainer .titleContainer {
    display: none;
}

#abcpContainer .jobNameTextBox {
    display: none;
}

#abcpContainer .pageNavigationContainer {
    background-color: #FFFFFF;
    padding-bottom: 10px;
    border: 1px solid #797979;
    border-top: 0;
    text-align: center;
    display: none;
}

#abcpContainer .pageNavigationPageNumberTextBox {
    width: 30px;
    margin-top: 0;
}

#abcpContainer .pageNavigationLeftArrow {
    cursor: pointer;
}

#abcpContainer .pageNavigationRightArrow {
    cursor: pointer;
}

#abcpContainer .templateBlock {
    width: 146px;
    height: 146px;
    max-height: 150px;
    border: 1px solid #797979;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    background-color: White;
}

#abcpContainer .templateBlockDisabled {
    opacity: 0.50;
    filter: alpha(opacity=50);
    cursor: default;
}

#abcpContainer .templateBlockInvalid {
    border: 1px solid Red;
}

#abcpContainer .templateBlockCompleted {
    border: 1px solid Green;
}

#abcpContainer .templateBlockContainer {
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #868686;
    border-bottom: 0;
}

#abcpContainer .templateBlockContainerSelected {
    background-color: #FFFFFF;
    border: 1px solid #797979;
    border-bottom: 0;
}

#abcpContainer .navigationButtonContainer {
    padding: 10px;
    text-align: center;
}

#abcpContainer .titleContainerImage {
    width: 20px;
    cursor: default;
    padding-right: 5px;
    vertical-align: sub;
}

#abcpContainer .titleContainerImageArrow {
    cursor: pointer;
    padding-right: 5px;
}

#abcpContainer .roundedCorners {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #797979;
    border-bottom: 0;
}

#abcpContainer .applyButtonImage {
    height: 16px;
}

#abcpContainer .finishButtonCheckMark {
    height: 24px;
    float: right;
}

#abcpContainer .navigationButton {
    /*display:inline-block;
    text-align:center;*/
    vertical-align: top;
    color: White;
    cursor: pointer;
    box-sizing: border-box;
}

#abcpContainer .navigationButtonRight {
    background: url('../images/icons/right.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right.png',
            sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right.png', sizingMethod='scale')";
}

#abcpContainer .navigationButtonAlert {
    background: url('../images/icons/right_finish.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right_finish.png',
            sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right_finish.png', sizingMethod='scale')";
    color: White;
}

#abcpContainer .navigationButtonRightFinish:hover {
    background: url('../images/icons/right_finish.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right_finish.png',
            sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right_finish.png', sizingMethod='scale')";
}

#abcpContainer .navigationButtonRight:hover {
    background: url('../images/icons/right_hover.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right_hover.png',
            sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right_hover.png', sizingMethod='scale')";
}

#abcpContainer .navigationButtonLeft {
    padding-left: 16px;
    background: url('../images/icons/left.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/left.png',
            sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/left.png', sizingMethod='scale')";
}

#abcpContainer .navigationButtonLeft:hover {
    background: url('../images/icons/left_hover.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/left_hover.png',
            sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/left_hover.png', sizingMethod='scale')";
}

#abcpContainer .navigationButtonMiddle {
    padding-right: 10px;
    background: url('../images/icons/middle.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/middle.png',
            sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/middle.png', sizingMethod='scale')";
}

#abcpContainer .navigationButtonMiddle:hover {
    background: url('../images/icons/middle_hover.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/middle_hover.png',
            sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/middle_hover.png', sizingMethod='scale')";
}

#abcpContainer .navigationButton.buttonDisabled {
    cursor: default;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#abcpContainer .navigationButtonRight.buttonDisabled:hover {
    color: Black;
    background: url('../images/icons/right.png') top center no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/right.png', sizingMethod='scale')";
}

#abcpContainer .buttonDisabled {
    opacity: 0.60;
    filter: alpha(opacity:60);
    cursor: default;
}

#abcpContainer .buttonHeader {
    display: block;
    font-size: 20px;
}

#abcpContainer .buttonSubHeader {
    display: block;
    padding-top: 2px;
}

#abcpContainer .applyButton {
    width: 57px;
    height: 42px;
    background: url('../images/adbuilder/apply.png') top center no-repeat;
    margin-top: 2px;
    padding-top: 22px;
    float: right;
    margin-right: 10px;
}

#abcpContainer .applyButton:hover {
    background: url('../images/adbuilder/apply_hover.png') top center no-repeat;
}

#abcpContainer .navigationButtonForward {
    width: 174px;
    height: 44px;
    background: url('../images/adbuilder/finish.png') top center no-repeat;
    text-align: left;
    color: Black;
    padding: 5px;
    float: right;
}

#abcpContainer .navigationButtonBack {
    padding-left: 35px;
    background: url('../images/adbuilder/select_templates.png') left center no-repeat;
    text-align: left;
    /*float:left;*/
    margin-right: 10px;
    padding-top: 5px;
    width: 38%;
}

#abcpContainer .navigationButtonForward:hover,
#abcpContainer .navigationButtonAlert.navigationButtonForward:hover {
    background: url('../images/adbuilder/finish_hover_green.png') top center no-repeat;
    color: White;
}

#abcpContainer .navigationButtonAlert.navigationButtonForward {
    background: url('../images/adbuilder/finish_green.png') top center no-repeat;
}

#abcpContainer .jobNameLink,
#abcpContainer .lblSeparator,
#abcpContainer .lblTemplateInfo {
    font-size: 16px;
}

#abcpContainer .lblSeparator {
    padding: 0 5px;
    display: none;
}

#abcpContainer .jobNameLink {
    text-decoration: none;
}

#abcpContainer .hamburgerImageContainer {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 2px 0;
    background-color: #AAAAAA;
    width: 100%;
    box-sizing: border-box;
    border-right: 2px solid #AAAAAA;
    border-left: 2px solid #AAAAAA;
}

#abcpContainer .pageNavigationWorkflowIndexList {
    position: absolute;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pageNavigationWorkflowIndexListItem {
    border: 1px solid #aaaaaa;
    padding: 5px;
    width: 100px;
    text-align: left;
    background-color: White;
    cursor: pointer;
}

.pageNavigationWorkflowIndexListItem.ctnpWorkflowListItemInvalid {
    background-color: Red;
}

.pageNavigationWorkflowIndexListItem:hover {
    background-color: #aaaaaa;
}

.pageNavigationWorkflowIndexListItem:hover {
    background-color: #aaaaaa;
}

.pageNavigationWorkflowIndexListItem:active {
    background-color: #E4E4E4;
}

.pageNavigationWorkflowIndexListItemSelected {
    font-weight: bold;
}

.pageNavigationWorkflowIndexListItemInvalid {
    background-color: Red;
}

#abcpContainer .ctnpContainer {
    height: 169px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#abcpContainer .leftArrowImage {
    position: absolute;
    height: 30px;
    top: 0;
    left: 0;
    z-index: 120;
    cursor: pointer;
    display: none;
}

#abcpContainer .rightArrowImage {
    position: absolute;
    height: 30px;
    top: 0;
    right: 0;
    z-index: 120;
    cursor: pointer;
    display: none;
}

#abcpContainer .disabledArrow {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
}

.preventDefaultButton {
    display: none;
}


.AdBuilderSubTemplateSelection .stickyWrapper {
    float: left;
}

.AdBuilderSearchSelectLocations .stickyWrapper {
    float: left;
}

.stickyWrapper>.outOfView {
    position: fixed;
    z-index: 1;
    top: 0px;
}

/* search creative dynamic resize updates 10-9-14 */

.divCustomSize {
    margin-left: 3px;
    margin-top: 1px;
}

.divCustomSizeInvalid {
    border: 1px solid red;
}

.customSizePlusSignSpan {
    font-size: 20px;
    font-weight: bold;
    vertical-align: sub;
}

.divAddCustomSize {
    cursor: pointer;
    margin-left: 5px;
    display: inline-block;
}

.customResizeErrorDiv {
    color: Red;
}

.customSizeContentDivHiddenTemplate {
    display: none;
}

/* Job Center Updates 11/11/2014 */

.JobCenterJobContainer table tr th {
    text-align: left;
}

.JobCenterJobContainer table tr th,
.JobCenterJobContainer table tr td {
    padding: 10px;
}

.JobCenterJobContainer table tr th:last-child {
    border-left: 1px solid #bbbbbb;
}

.JobCenterJobContainer table tr {}

.JobCenterJobContainer table thead tr:first-child {
    /*border-bottom:solid 1px #bbbbbb;*/
}

.OrderManagementOrderDetailsContainer {
    padding: 10px;
    border-left: solid 1px #bbbbbb;
    width: 350px;
}

.JobCenterJobContainer {
    border: 1px solid #bbbbbb;
}

.JobCenterDividingTableRow {
    border-top: 1px solid #bbbbbb;
}

.JobCenterJobContainer table td img {
    max-height: 150px;
    max-width: 200px;
}

.JobCenterTileKey {
    display: block;
    font-weight: bold;
    padding-right: 5px;
}

.PageNumberLink {
    display: inline-block;
    padding: 0 5px;
}

.PageNumberLinkSelected {
    color: var(--accentredcolor);
    font-weight: bold;
}

.ellipsis {
    display: inline-block;
    padding: 0 10px;
}

.JobCenterOrderActionsHoverLink {
    color: var(--CTAlinkcolor);
    cursor: pointer;
    margin-top: 10px;
}

.JobCenterHyperLinkContainerDiv {
    margin-bottom: 5px;
}

.JobCenterHyperLinkContainerDiv:last-child {
    margin-bottom: 0;
}

.JobCenterHyperLinkContainerDiv a {
    text-decoration: none;
    color: var(--CTAlinkcolor);
}

.JobCenterDeliveryOptionsDropDown {}

#jobCenterFooterRow {
    display: none;
}

.JobCenterDeliveryOptionsImageButtonDiv {
    width: 143px;
    height: 47px;
    background-image: url(/Skinning/chamberlaingroup/Locales/en/images/deliverypagebutton-v2.png);
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    line-height: 47px;
    font-weight: bold;
    color: #fff;
    text-indent: -29px;
}

.JobCentercancelOrderLineImageButtonDiv {
    width: 200px;
    height: 100px;
    background-image: url(/Skinning/golocal/Locales/en/images/cancelOrderLineBackground.png);
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 100px;
    font-weight: bold;
    margin-top: 10px;
}

.jobCenterButtonSize {
    width: 190px;
    height: 75px;
    line-height: 65px;
    background-repeat: no-repeat;
    background-size: 100% 90%;
}

.JobCenterLoadingTableCell {
    text-align: center;
}

.JobCenterHoverListContainerDiv {
    padding: 10px;
}

.JobCenterPaginationLinkDisabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

/* end Job Center Updates */



/*  5202 CSS Classes                      */
.wp_header {
    display: block;
    height: 20px;

    background-color: Grey;
    padding: 4px 20% 4px 40px;
    margin: 10px 0px;
    text-align: left;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: White;
    font-weight: bold;
}

.tabHeader {
    display: block;
    height: 20px;
    width: 100%;
    background-color: #C9CACC;
    cursor: pointer;
    padding: 4px 20% 4px 40px;
    margin: 10px 0px;
    text-align: left;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
    font-weight: bold;
}

.validation.AccordionHeader:after {
    content: '!';
    color: #f00;
}

.Control,
.lbl_Control {
    clear: both;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.lbl_Control {
    margin-top: 10px;
    /* Fix for Bug 35500 */
    Font-weight: bold;
}

.divControls {

    width: 100%;
    display: inline-block;
    height: 100%;
}

.divControls>div>div {
    padding-right: 10px;
}

.rfv,
.rev,
.validation {
    color: Red;
    visibility: visible !important;
}

.rfv {
    display: inline-block;
    float: left;
}

.wp_gridView {
    width: 90%;
    align: center;
}

.controlContainers {
    display: block;
}

.summaryContainers {
    display: block;
}

.divControls>div {
    float: left;
    padding-left: 20px;
}

.divControls>div:first-child {
    display: block;
}

/*CSS for Regions and CaptureForms*/
.groupheader {
    display: block;
    height: 20px;
    width: 100%;
    padding: 4px 0 4px 0px;
    margin: 10px 0px;
    text-align: left;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
    font-weight: bold;

}

.groupTab {
    float: left;
    width: 100%;
}

.groupNameHeader {
    display: inline-block;
    float: left;
    clear: both;
    margin-top: 20px 0;
}

.templateMapping {
    float: left;
    padding-left: 100px;
    width: 100%;
    height: 60%;
    display: inline-block;
}

.templateMapping>div {
    display: inline-block;
}

.RegionControlList {
    margin-bottom: 50px;
}

.validation {
    color: #f00;
}

.WrapStyle TD {
    word-break: break-all;
}

.WrapStyle td:first-child {
    word-break: keep-all;
}

/* .listBox
        {
            width:auto;
             align: center;  
        }*/
.URL {
    display: block;
    margin-left: 34px;
}

.AvailableActions {
    background-color: lightGrey;

}

.URLTable {
    border-bottom: 2pt solid black;
}

.wp_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.5;
    background: #333333;
    z-index: 10;
}

.dialogbox {
    width: 550px;
    height: 150px;
    position: fixed;
    background: grey;
    Visibility: hidden;
    opacity: 0.9;
    border-color: Red;
    border-style: solid;
    display: block;
    left: 30%;
    top: 40%;
    text-align: center;
    z-index: 11;
    border-radius: 10px;
}

.dialogbox>div {
    padding: 10px 0;
}

.dialogOffline {
    border-color: Red;
}

.dialogExpiry {
    border-color: yellow;
}

.imgBtnOffline {
    background-image: url('/Skinning/Default/Locales/en/images/wp/TakeOffline.png');
}

.imgBtnExpiry {
    background-image: url('/Skinning/Default/Locales/en/images/wp/Expiry.png');
}

.imgBtnPreview {
    background-image: url('/Skinning/Default/Locales/en/images/wp/Preview.png');
}

.imgBtnCopy {
    background-image: url('/Skinning/Default/Locales/en/images/wp/Copy.png');
}

.imgBtnDelete {
    background-image: url('/Skinning/Default/Locales/en/images/wp/Delete.png');
}

.imgBtnFields {
    background-image: url('/Skinning/Default/Locales/en/images/wp/Fields.png');
}

.imgBtnTemplates {

    background-image: url('/Skinning/Default/Locales/en/images/wp/Templates.png');
}

.imgBtnCopy,
.imgBtnDelete,
.imgBtnFields,
.imgBtnTemplates {
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
}

.divBtn {
    padding-top: 5px;
    border: none;
    background-color: Aqua;
    width: auto;
    text-align: center;
}

.divBtnCancel {
    padding-top: 5px;
    border: none;
    background: inherit;
    color: Blue;
}

.wp_divText {
    float: none;
    color: White;
    font-family: Tahoma;
    font-size: medium;
}


.WebPageRefreshIcon {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: -7px;
    position: relative;
    top: 50%;
}

.submitTab {
    display: block;
}

.URLDetailsRow>Div {
    padding: 10px 10px;
    display: inline-block;
    width: 250px;
}

.URLDetailsRow2>Div {
    padding: 10px 10px;
    display: inline-block;
    width: 250px;
}

.preview {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    margin: auto;
    width: 100px;
}

.NoUnderLine {
    text-decoration: none;
}

.NewRegion {
    right: 5%;
    position: absolute;
    display: block;
}

.NewRegion>input {
    width: 120px;
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.EditRegion {
    display: inline-block;
    width: 100%;
}

.verticalLine {
    border-left: 3px solid gray;
    height: 200px;
    width: 1%;
}

.TemplateMapping {
    display: inline-block;
    padding: 15px 10px;
    width: 100%;
    border: 1px solid gray;
}

.left_List,
.right_List {
    width: 40%;
}

.mappingList {
    min-height: 200px;
    min-width: 200px;
}

.TemplateMapping>div {
    position: relative;
    display: inline-block
}

.RegionTemplateAddLinks {
    position: absolute;
    top: 50%;
    margin-left: 400px;
}

.RegionTemplateRemoveLinks {
    position: absolute;
    top: 50%;
    margin-left: 350px;
}

.publish {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.RegionTemplateMappingButton {
    border: none !important;
    height: 25px;
    width: 70px;
    cursor: pointer;
}

.BackToRegionAdmin {
    border: medium none;
    height: 25px;
    width: 200px;
    color: blue;
    cursor: pointer;
    float: right;
    font-weight: bold;
    background: none;
}

.assignedSearch,
.availablesearch {
    margin-bottom: 10px;
}

.imgAssignedSearchIcon,
.imgAvailableSearchIcon {
    background-image: url('../images/wp/searchIcon.png');
}

.HTMLButtonLookLinkButton {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
    color: Blue !important;

}

.WrapStyle td:first-child {
    min-width: 60px;
}

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

/**
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
.cf {
    *zoom: 1;
}

/* End 5202 */


#OneOffFulfillmentOverlay {
    background-color: #F2F2F2;
    height: 300px;
    width: 450px;
}

#OneOffFulfillmentOverlay.OverlayContainer .OverlayBodyHtml {
    overflow: hidden;
}

#OneOffFulfillmentOverlay>div {
    top: 0px;
}

.fulfillment_choice_button_div {
    text-align: center;
    padding-top: 30px;
}

.oneoff_upload_choice_button_div {
    display: inline-block;
}

.oneoff_reject_choice_button_div {
    display: inline-block;
}

.oneoff_button_div {
    display: inline-block;
    width: 75px;
}

.fulfillment_upload_button_div,
.fulfillment_reject_button_div {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


#lblOneOffFulfillmentUploadComments,
#lblOneOffFulfillmentRejectComments {
    vertical-align: top;
}

.oneoff_fulfillment_reject_div {
    padding: 5%;
    padding-top: 15%;
}

.oneoff_fulfillment_upload_div {
    padding: 5%;
}

.oneoff_uploadchoice_btn {
    border-top-left-radius: .5em;
    border-bottom-left-radius: .5em;
    width: 80px;
    height: 22px;
}

.oneoff_rejectchoice_btn {
    border-top-right-radius: .5em;
    border-bottom-right-radius: .5em;
    width: 80px;
    height: 22px;
}

.oneoff_activechoice {
    color: White;
    border: none;
    background: linear-gradient(#5894C4, #3B6BA7);
    font-weight: bold;
}

.oneoff_inactivechoice {
    color: Black;
    border: 1px solid silver;
    background-color: White;
    font-weight: bold;
}

.comments_label {
    vertical-align: top;
}

.oneoff_fulfillment_overlay_header_msg {
    font-size: small;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 10px;
}

.divAddCustomSizePilot {
    cursor: pointer;
    padding-left: 4px;
}

.CustomSizeListItemHidden {
    display: none;
}

.approvalRequiredTrigger {
    background-color: #ff0000;
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.approvedAlreadyMessage {
    background-color: #088A08;
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.WebPageManualUploadInstructions {
    display: block;
    padding-bottom: 10px;
}

.WebPageManualFileUplaod {
    padding-top: 10px;
}

.WebPageManualUploadbtnContainer {
    padding-top: 20px;
}

.WebPageManualUploadInstructions #lblPageTitle {
    padding-bottom: 50px;
}

.WebPageManualUploadtitle {
    color: var(--accentdarkgraycolor);
    font-family: var(--sitemainfont);
    font-size: 18px;
    padding-bottom: 2px;

}

.WebPageMaunalUploadinstructions {
    margin-bottom: 20px;
}

.WebPageManualFileUplaod {
    display: block;
    padding-bottom: 10px;
}

.TargetedListErrorCol {
    color: red
}

.WebpageUserUploadImg {
    clear: both;
    display: inline-block;
    float: left;
    cursor: pointer;
    Width: 100px;
    Height: 100px;
}

#divWebpagePreviewControls {
    position: relative;
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
}

.WpControlPane {
    position: relative;
    width: 33.75%;
    cursor: default;
    float: left;
    background-color: White;
}

#WpPreviewPane {
    position: relative;
    width: 66%;
    float: right;
}

#divWebPagePreviewBtnContainer {
    text-align: left;
}

#WpPreviewWindowFrame {
    border: 1px solid Black;
    overflow-y: hidden;
}

#MainContent_MainContent_iFrameWebPagePreview {
    width: 100%;
    height: 600px;
    overflow-y: hidden;
}

#WpUrl {
    text-align: center;
    padding-bottom: 5px;
}

#wpManualUploadtxtUrl {
    padding-bottom: 5px;

}

.ManualUploadWPExpiryDate {
    padding-bottom: 10px;
}

.requestedTotalCSS {
    text-align: right;
}

.emulationStatusBar {
    background-color: #FFFF66;
    vertical-align: central;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

/* 5443 - Video Spot */

.bvstContainer {
    width: 800px;
    border: 3px solid #CCCCCC;
    padding: 15px;
    margin: 20px 0;
}

.bvstLabel {
    font-weight: bold;
}

.bvstRequiredField {
    color: Red;
}

.bvstTable {
    width: 500px;
    text-align: center;
}

.bvstArrowContainer {
    cursor: ns-resize;
}

.bvstVisualAudioDivider {
    color: Blue;
    background-color: Blue;
    height: 3px;
    margin: 10px 0;
    border: 0;
}

.bvstButtonSubmitTable td {
    padding: 10px;
}

.bvstErrorLabelContainer {}

.divVideoContainer {
    margin-bottom: 30px;
}

.divVideoContainer h3 {
    margin-bottom: 0;
}

#vpLoadingContainer {
    margin-top: 15px;
    text-align: center;
}

#vpAudioContainer {
    width: 0;
    height: 0;
}

#vpTimelineContainer {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: Gray;
    z-index: 1;
    cursor: pointer;
}

#vpProgressBar {
    height: 40px;
    width: 0;
    background-color: Teal;
}

#vpPreloadImageContainer {
    display: none;
}

#vpSlate {
    position: absolute;
    vertical-align: top;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline;
}

#vpTransitionPoint {
    height: 18px;
    position: absolute;
    width: 3px;
    background-color: white;
    z-index: 99;
    top: 1px;
}

#vpPlayerContainer {
    width: 0;
    height: 0;
    margin: 25px auto;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

#videoSpotPlayImage {
    position: absolute;
    display: none;
}

#videoSpotPauseImage {
    position: absolute;
    display: none;
}

#vpVideoContainer {
    width: 0;
    height: 0;
    margin: 25px auto;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.vpVideoControlButton {
    opacity: 0.67;
    z-index: 3;
}

.vpVideoControlButton.vpVideoControlButtonOpaque {
    opacity: 1;
}

#AudioVideoUploadMessage {
    display: none;
    padding-top: 15px;
}

#AudioVideoUploadMessage.AudioVideoUploadSuccess {
    color: green;
    display: block;
}

#AudioVideoUploadMessage.AudioVideoUploadError {
    color: red;
    display: block;
}

#uploadAudioVideoButton {
    display: none;
}

/* END 5443 - Video Spot */

.sortable-list-picker img:hover {
    cursor: pointer;
}

.sortable-list-picker .img-arrow {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

.sortable-list-picker .disabled {
    opacity: .3;
    background-color: red;
}

.sortable-list-picker .disabled:hover {
    cursor: default;
}

.utilitybar {
    background-color: transparent;
    vertical-align: top;
}

.Co-Opmessage {
    font-size: 13px;
    font-weight: bold;
    /*color: #ffffff;*/
    display: none;
}

#LinkedCartInstructions {
    width: 425px;
    height: 225px;
    border-width: 1px;
}

#LinkedCartInstructions .OverlayBodyHtml {
    overflow: hidden;
}

#LinkedCartContinueButton {
    margin-right: 5px;
}


/******************** Tarun ******************/

.pageTitleInstructionContainer {
    /*background-color:#cccccc;*/
    padding-top: 25px;
    padding-bottom: 25px;
}

.wayFinderImageContainer {
    vertical-align: text-top;
}

.wayFinderImage {
    max-height: 35px;
}

/******** Search material Page ************/
.ResultCellHeader {
    font-size: 16px;
    font-weight: bold;
    background-color: #333333;
    min-height: 20px;
    padding: 8px;
}

.ResultCellHeader span {
    color: #ffffff;
}

.CellContainer {
    padding: 8px;
}

.TemplateDetailsContent {
    width: 60%;
    height: 550px;
    border: 3px solid #cccccc;
    overflow: hidden;
    position: fixed;
    background-color: #ffffff;
    text-align: center;
    z-index: 1001;
    padding: 10px;
    max-width: 800px;
    display: none;
}

#searchResultsKeywordDivTop {
    padding-bottom: 20px;
}

.creativeDetailsFields ul {
    list-style: none outside;
    padding: 0;
    margin: 0;
}

.creativeDetailsFields ul li {
    display: block;
    height: auto;
    float: left;
    padding-bottom: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.clr {
    clear: both;
    font-size: 0;
}

.creativeDetailsPreviewImage img {
    max-height: 150px;
    max-width: 150px;
}

#jPlayerVideoParentContainer {
    max-width: 100%;
    max-height: 100%;
    margin-right: 10px;
    margin-top: 3px;
}

.jp-jplayer {
    width: 100%;
    height: 100%;
}

#jPlayerVideoContainer {
    border: 0;
    cursor: pointer;
    background-color: transparent;
}

#jPlayerVideo {
    display: inline;
    vertical-align: top;
}

#LinkedCartCancelButton {
    margin-left: 5px;
}

#LinkedCartInstructions .OverlayFooter {
    height: 45px
}



.LinkedCartOrderLine {
    width: 100%;
    background-color: white;
    border-bottom: 1px solid #333333;
}


.LinkedCartRowOrderLine {
    border-bottom: 1px solid #333333;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;

}

.LinkedCartRowOrderLineLast {
    border-bottom: 0px;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.LinkedShoppingCartAddress {
    font-weight: bold;
}

.ContinueToPromoItems {
    width: 265px;
    margin-right: 15px;
}

#LinkedCartOrderConfirmation .OverlayFooter {
    height: 70px;

}

#LinkedCartOrderConfirmation .OverlayBodyHtml {
    overflow: hidden;
}

#LinkedCartOrderConfirmation {
    height: 400px;
    border-width: 1px;
}

.LinkedCartCompleteTitle {
    text-align: center;
    font-weight: bold;
}

#breadCrumbDivCntPart1 div {
    display: block;
    float: left;
}

.NumberOfSearchResultsDivCnt {
    padding-right: 5px;
}

/********* common css classes ***********/
.Heading_H3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 15px;
}

.Heading_H4 {
    font-size: 20px;
    color: #333333;
    padding-bottom: 15px;
    display: block;
}

.Heading_H5 {
    color: #333333;
    font-size: 18px;
    padding-bottom: 15px;
    display: block;
}

.Heading_H6 {
    color: #333333;
    font-size: 16px;
    margin-left: -4px;
    display: block;
}

.Heading_H7 {
    color: #333333;
    font-size: 14px;
    margin-left: -4px;
    display: block;
}

/*.FormLabel{font-size: 13px;color: #333333;font-weight: bold;}
.FormValue{font-size: 13px;color: #333333;}*/
.Link_Flow_navigation {
    font-size: 13px;
    font-weight: bold;
    color: var(--CTAlinkcolor);
    padding-left: 25px;
    text-decoration: underline;
    cursor: pointer;
}

.PrimaryButton {
    font-size: 16px;
    color: #333333;
    height: 32px;
    margin-top: 20px;
}

.PrimaryButtonFlowNavigation {
    padding-left: 10px
}

.FormLabel_Link {
    font-size: 12px;
    color: var(--CTAlinkcolor);
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 10px;
}

.page_subtitle {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 15px;
    padding-top: 15px;
}

.CategorySearchLink {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.DisplayAsInline {
    display: inline-block;
}

/****** Sub Template Selection Page *****/
#stsSubTemplateContainerDiv {
    max-width: 740px;
    min-width: 740px;
}

.stsSubTemplateInner {
    overflow: hidden;
}

.stsSubTemplateInner input[type="radio"] {
    display: inline-block;
    vertical-align: top;
}

.hideInnerInputField input[type="radio"] {
    display: none;
}

.hideInnerInputField input[type="checkbox"] {
    display: none;
}

.stsSubTemplateInner label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.stsSubTemplateInner .text {
    margin-bottom: 5px;
}

.ax_image {
    max-width: 250px;
    max-height: 250px;
}

#stsSubTemplateContainerDiv ul {
    list-style: none outside;
    margin-left: -2.5%;
}

#stsSubTemplateContainerDiv ul li {
    display: block;
    height: auto;
    float: left;
    padding-bottom: 0;
    position: relative;
}

.locatorCellTemplate {
    display: inline-block;
    padding-top: 0px;
}

#stsLoadingContainer {
    text-align: center;
    padding: 40px;
    width: 185px;
}

/****** selectsearchlocations1 *********/
#ssl1ParentContainerDiv {
    padding: 10px;
    padding-bottom: 0;
    max-height: 60%;
    padding-left: 0;
}

#ssl1LocationSearchContainerDiv {
    height: 100%;
    overflow: hidden;
}

#ssl1SearchResultsDiv {
    height: 100%;
    overflow: hidden;
}

.ssl1LeftColumn {
    width: 65%;
    float: left;
    background-color: White;
    height: 98%;
    max-width: 65%;
}

.ssl1RightColumn {
    width: 30%;
    display: inline-block;
    padding-left: 10px;
}

#ssl1BucketContainer {
    background-color: White;
    width: 40%;
}

#sslTableGridContainer {
    display: none;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

#ssl1InvalidDiv {
    color: Red;
    margin-top: 20px;
}

#ssl1LocationCellContainer {
    display: table !important;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 60px;
}

#locationSortableList1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    opacity: 0;
    width: 200px;
}

.locationListItem1 {
    width: 100%;
    -ms-word-wrap: hyphenate;
    -ms-word-break: normal;
    word-break: normal;
    word-wrap: hyphenate;
}

#locationSortableList1 li:last-child .locationSortableDraggableContainer1 {
    border-bottom: 1px solid
}

.locationSortableDeleteContainer1 {
    display: table-cell;
    vertical-align: middle;
}

.locationSortableDraggableContainer1 {
    display: table-cell;
    vertical-align: middle;
    background-color: #eeeeee;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    width: 85%;
}

.locationSortableUpDownArrow1 {
    width: 20px;
    cursor: ns-resize;
}

.displayAsTable-Cell {
    display: table-cell;
    vertical-align: middle;
}

.locationBucketItemRight {
    display: table !important;
    overflow: hidden;
    width: 100%;
}

.selectedLocationCustomizableDiv1 {
    display: table-cell;
    vertical-align: middle;
    width: 90%;
    text-align: left;
    padding: 5px;
}

.backGroundColorAsTransparent {
    background-color: transparent !important
}

.bottomBorderForScrollTable {
    border-bottom: 1px solid #848484;
}

#ssl1Seperator {
    height: 92%;
    float: left;
    margin-left: 15px;
    border-left: thin solid #333333;
    display: none;
}

#ssl1BucketInstructions {
    display: none;
}

.locationBucketHeading {
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: bold;
}

.locationBucketSubHeading {
    margin-bottom: 14px;
    font-size: 12px;
    color: var(--accentdarkgraycolor)
}

.BucketSeperator {}

/******** for scrollable table *********/
fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: hidden;
    position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
    overflow: hidden;
    height: 1px;
}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
    top: 0;
    left: 0;
    position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
    z-index: 1;
}

/* @end */

/******** for actual table *********/
.locationsTable {
    font-family: var(--sitemainfont);
    background-color: #fff;
    text-align: left;
    border-spacing: 0;
    max-width: 100%;
    border-collapse: collapse;
    border: 1px solid #cccccc;
    max-height: 98%;
}

.locationsTable thead tr th:last-child {
    padding-right: 0px !important;
}

.locationsTable th {
    border: 1px solid #778899;
    /* size */
    padding: 0px;
    font: bold 12px/18px Arial, Sans-serif;
    color: #fff;
    border-collapse: collapse;
}

.locationsTable thead tr:first-child {
    background-color: #333333;
}

.locationsTable thead tr:last-child {
    background-color: #bbbbbb;
}

.locationsTable td {
    padding: 8px;
}

.locationsTable tbody tr td {
    font-size: 12px;
}

.locationsTable th,
.locationsTable td {
    border: #848484 1px solid;
    border-width: 0 1px 1px 0;
    overflow: hidden;
}

/*.locationsTable tbody tr:hover{cursor: pointer;background-color: #bbb;}  */
/*.locationsTable tbody #sslDisabledLocation tr:hover{cursor: default;background-color:white;} */
.bottomBorderForScrollTable {
    border-bottom: 1px solid #848484;
}

.headerTitle,
.headerSearch {
    padding: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    font-family: var(--sitemainfont);

}

.headerTitle {
    cursor: pointer;
}

.headerSearch {
    padding-top: 0px !important;
    display: none;
}

.headerSearch span {
    color: #333333;
    font-size: 11px;
}

.headerSearch input[type="text"] {
    width: 65% !important;
    margin-right: 5px;
    display: inline-block;
}

#sslTableGridContainer_Inner {
    max-height: 96%;
    overflow: auto;
}

.headerSearch input[type="button"] {
    width: 25px;
    height: 20px;
    padding: 0;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    margin-top: 1px;
}

/*************************/

/*[Bug id - 35965 ]*/
.UploadContainerInnerContainer {
    display: inline-table;
}

.multiselectfilterContainer {
    display: inline-block;
}

.multiselectfilter {
    display: inline-block;
}

#lblUploadTextDummy {
    visibility: hidden;
}

.ImportOptionsMainCnt {
    margin-top: 30px;
}

.ImportOptionsRightCnt {
    margin-left: -8px;
}

.ImportOptionsRightCntActionButton {
    margin-left: 5px;
}

/*************************/

.imgTooltip {
    cursor: pointer;
}

.orderName,
.orderId {
    padding-bottom: 20px;
}

.CCPayment table {
    width: 300px;
    border-spacing: 0;
}

.CCPayment table td {
    vertical-align: top;
    border-spacing: 0;
    line-height: 21px;
}


/* temporary fix for project 5548, order details needs to still apply old styling */

.JobCenterReviewOrderApprovals .PaymentMethodsHeading,
.OrderManagementOrderDetails .PaymentMethodsHeading {
    font-weight: bold;
    font-size: 12pt;
    padding: 8px;
    border-bottom: solid 1px #333333;
}

.JobCenterReviewOrderApprovals .PaymentDetailsContainer,
.OrderManagementOrderDetails .PaymentDetailsContainer {
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    padding: 0;
}

.JobCenterReviewOrderApprovals .PaymentHeading,
.OrderManagementOrderDetails .PaymentHeading {
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 10px;
}

.JobCenterReviewOrderApprovals .CFPaymentConfirm,
.OrderManagementOrderDetails .CFPaymentConfirm {
    border-bottom: solid 1px #333333;
}

.JobCenterReviewOrderApprovals .PaymentContainer,
.OrderManagementOrderDetails .PaymentContainer {
    padding: 8px;
    min-height: 90px;
    padding-bottom: 8px;
}

.JobCenterReviewOrderApprovals .AdditionalPaymentContainer,
.OrderManagementOrderDetails .AdditionalPaymentContainer {
    border-top: solid 1px #333333;
}

.JobCenterReviewOrderApprovals .PaymentContainer .AmountToPay,
.OrderManagementOrderDetails .PaymentContainer .AmountToPay {
    float: right;
    padding-bottom: 8px;
}

.JobCenterReviewOrderApprovals .PaymentContainer .PaymentText,
.OrderManagementOrderDetails .PaymentContainer .PaymentText {
    padding-right: 0;
}

.JobCenterReviewOrderApprovals .PaymentContainer .PaymentAmount,
.OrderManagementOrderDetails .PaymentContainer .PaymentAmount {
    float: right;
    width: 120px;
    text-align: right;
    font-weight: bold;
    font-size: 12pt;
}

/* end temp 5548 fix */

.paymentOptionsContainer {
    display: inline-block;
}

/* BugId - 37181 */
.SearchResultsTitleContainer {
    width: 78%;
    text-align: left;
    overflow: hidden;
    padding-left: 19px;
    min-height: 26px;
    float: left;
}

.SearchResultsCountContainer {
    text-align: left;
    overflow: hidden;
    padding-left: 19px;
    min-height: 26px;
    float: left;
}

/*********/

.WarehouseWarehouseDashboard .pageBodyWrapper,
.WarehouseWarehouseItem .pageBodyWrapper,
.WarehouseWarehouseItemInventory .pageBodyWrapper,
.WarehouseWarehouseOrder .pageBodyWrapper,
.WarehouseWarehouseOrderInventory .pageBodyWrapper,
.WarehouseWarehouseOrders .pageBodyWrapper,
.WarehouseAdminDashboardMessage .pageBodyWrapper,
.WarehouseAdminTypesAdmin .pageBodyWrapper,
.WarehouseAdminUserTransfer .pageBodyWrapper,
.WarehouseAdminWarehouseAdmin .pageBodyWrapper,
.WarehouseAdminWarehouseBrands .pageBodyWrapper,
.WarehouseAdminWarehouseUsers .pageBodyWrapper,
.WarehouseWarehouseOrderReportBatch .pageBodyWrapper {
    padding: 0;
}

.WarehouseWarehouseDashboard #pageHeaderContainer,
.WarehouseWarehouseItem #pageHeaderContainer,
.WarehouseWarehouseItemInventory #pageHeaderContainer,
.WarehouseWarehouseOrder #pageHeaderContainer,
.WarehouseWarehouseOrderInventory #pageHeaderContainer,
.WarehouseWarehouseOrders #pageHeaderContainer,
.WarehouseAdminDashboardMessage #pageHeaderContainer,
.WarehouseAdminTypesAdmin #pageHeaderContainer,
.WarehouseAdminUserTransfer #pageHeaderContainer,
.WarehouseAdminWarehouseAdmin #pageHeaderContainer,
.WarehouseAdminWarehouseBrands #pageHeaderContainer,
.WarehouseAdminWarehouseUsers #pageHeaderContainer,
.WarehouseWarehouseOrderReportBatch #pageHeaderContainer {
    display: none !important;
}

.ConsolidatorConsolidatorProgramCreation .pageBodyWrapper,
.ConsolidatorConsolidatorProgramItemCreation .pageBodyWrapper,
.ConsolidatorConsolidatorCreateProgramGroup .pageBodyWrapper,
.ConsolidatorConsolidatorCreatePrograms .pageBodyWrapper,
.ConsolidatorConsolidatorPrograms .pageBodyWrapper,
.ConsolidatorDashboard .pageBodyWrapper,
.ConsolidatorOrder .pageBodyWrapper,
.ConsolidatorOrderInventory .pageBodyWrapper,
.ConsolidatorOrderItems .pageBodyWrapper,
.ConsolidatorReports .pageBodyWrapper,
.ConsolidatorBatchOrder .pageBodyWrapper,
.ConsolidatorExcelIntegration .pageBodyWrapper {
    padding: 0;
}

.ConsolidatorConsolidatorProgramCreation #pageHeaderContainer,
.ConsolidatorConsolidatorProgramItemCreation #pageHeaderContainer,
.ConsolidatorConsolidatorCreateProgramGroup #pageHeaderContainer,
.ConsolidatorConsolidatorCreatePrograms #pageHeaderContainer,
.ConsolidatorConsolidatorPrograms #pageHeaderContainer,
.ConsolidatorDashboard #pageHeaderContainer,
.ConsolidatorOrder #pageHeaderContainer,
.ConsolidatorOrderInventory #pageHeaderContainer,
.ConsolidatorOrderItems #pageHeaderContainer,
.ConsolidatorReports #pageHeaderContainer,
.ConsolidatorBatchOrder #pageHeaderContainer,
.ConsolidatorExcelIntegration #pageHeaderContainer {
    display: none !important;
}

.ConsolidatorConsolidatorProgramCreation #PageHeader,
.ConsolidatorConsolidatorProgramItemCreation #PageHeader,
.ConsolidatorConsolidatorCreateProgramGroup #PageHeader,
.ConsolidatorConsolidatorCreatePrograms #PageHeader,
.ConsolidatorConsolidatorPrograms #PageHeader,
.ConsolidatorDashboard #PageHeader,
.ConsolidatorOrder #PageHeader,
.ConsolidatorOrderInventory #PageHeader,
.ConsolidatorOrderItems #PageHeader,
.ConsolidatorReports #PageHeader,
.ConsolidatorBatchOrder #PageHeader,
.ConsolidatorExcelIntegration #PageHeader {
    height: 85px;
}

/*BugId - 37187*/
#divDetailsButton {
    margin-bottom: 10px;
    margin-left: -10px;
    float: left;
    width: 100%;
}

/****/

/*Fix for bug 37246*/
.ActionButton.BackToDeliveryOptions {
    display: block;
    float: right;
}

#LinkedShoppingCartTable {
    border-collapse: collapse;
    width: 100%;
    background-color: transparent;

}

.ListCartRowOrderLine {
    border-bottom: "1px solid black";
}

#imgProcessingImage {
    padding-left: 22px;
}

.blockUI.processingOverlay.blockPage {
    border: 0px !important;
    width: 11% !important;
    min-width: 117px;
    left: 43% !important;
    border-radius: 16px !important;
    padding: 12px 3px !important;
    -webkit-box-shadow: -14px 14px 29px -13px rgba(0, 0, 0, 0.49) !important;
    -moz-box-shadow: -14px 14px 29px -13px rgba(0, 0, 0, 0.49) !important;
    box-shadow: -14px 14px 29px -13px rgba(0, 0, 0, 0.49) !important;
}

/* Tarun - Project #5696 */

.trCustomSize td span {
    padding-left: 15px;
}

.customSizeULList {
    list-style-type: none;
    padding-left: 40px;
    margin-top: 5px;
}

.customSizeULList li {
    margin-bottom: 5px;
}

.liSizeItem div {
    display: inline-block;
}

.liSizeItem div span {
    display: block;
    padding-left: 0;
}

.liSizeItem input[type=text] {
    width: 32px;
    height: 22px;
}

.spacer {
    width: 10px;
    height: 0px;
}

.addCustomSizeButton {
    background-color: #ffffff;
    border: solid 2px #747072;
    border-radius: 8px;
    width: 135px;
    height: 24px;
    color: #747072;
    font-weight: bold;
    outline: 0;
}

.sizeUnitText {
    vertical-align: top;
    margin-top: -2px;
    margin-left: 2px;
}

.deleteCustomLIItem {
    display: none;
}

.PilotHandlerHideSelection input[type=checkbox] {
    display: none;
}

.PilotHandlerSelectAll {
    font-weight: bold;
}

.textFieldErrorMessage {
    font-weight: bold;
    color: #FF0000;
}

/************************/

div.jp-seeking-bg {
    background: url("../images/jplayer.pink.flag.seeking.gif");
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.jp-progress {
    height: 20px;
    overflow: hidden;
    position: relative;
}

div.jp-video .jp-progress {
    border-top: 1px solid #180a1f;
    width: 100%;
    background-image: none;
    padding: 0;

}

.jp-seek-bar {
    background: url("../images/jPlayerTimeline.jpg");
    background-repeat: repeat-x;
    background-size: auto 100%;
    width: 0px;
    height: 100%;
    overflow: hidden;
    cursor: pointer;

}

.jp-play-bar {
    background: url("../images/jPlayerElapsed.jpg");
    background-repeat: repeat-x;
    background-size: auto 100%;
    width: 0px;
    height: 100%;
    overflow: hidden;
}

.jp-jplayer {
    position: relative;
    z-index: 1;
}

.jp-type-single {
    position: relative;
}

/* set 1px width so TD expands to accomodate content insetad of evenly spacing across full table width */
#TemplateSystemPropertiesTable .labelTD {
    width: 1px;
    white-space: nowrap;
}

/* Tarun - Project #5681 */
.secondaryMenuNavigation {
    position: absolute;
    top: 30px;
    display: inline-block;
    width: auto;
    left: 315px;
}

.secondaryMenuNavigation table {
    width: 100%;
    height: 75px;
}

.secondaryMenuNavigation td {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.secondarymenulistwrapper {
    width: 100%;
}

.secondarymenulistwrapper ul {
    list-style: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    white-space: nowrap;
    padding-left: 0;
}

.secondarymenulistwrapper ul li {
    display: inline-block;
    margin-right: 10px;
}

.KeyWordSearchWidget {
    /*top: 60px;
    left: 29%;*/
    overflow: hidden;
    margin-left: 12px;
    margin-top: 10px;
    width: 380px;
    height: 45px;
}

.KeyWordSearchWidgetText {
    float: left;
    padding-top: 0px;
    margin-left: 3px;
}

.KeyWordSearchWidgetText input[type=text] {
    width: 300px;
    height: 26px;
}

.KeyWordSearchWidgetButton {
    display: inline-block;
    margin-left: 10px;
    margin-top: 1px;
}

/* changes done for bug - 38393 */
.secondarymenulistwrapper ul li a {
    font-size: 12px;
}

/* fix for bug - 38409 */
/************************/


#tmps_lst_35_FolderName {
    width: auto !important;
}


.GenerateAccessContainer {
    overflow: hidden;
    margin-top: 10px;
}

.GenerateAccessContainer div {
    float: left;
}

.GenerateAccessButtonContainer input {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.GenerateAccessTokenContainer {
    font-weight: bold;
    margin-left: 20px;
}

.AccessDetailsContainer {
    margin-top: 20px;
}

/* 5691 FedEx */
.FedExFormWidth .labeldiv {
    width: 300px
}

.fedexiframe {
    width: 100%;
    height: 800px;
    border: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

#ParentContentDiv.DeliverToFedexOffice {
    margin-left: 0%;
}

#LocaleIDCaption {
    width: 50px;
}

#LocaleNameCaption {
    width: 100px;
}

#LocaleDescriptionCaption {
    width: 300px;
}

#LocaleEditCaption {
    width: 50px;
}

#LocaleDeleteCaption {
    width: 50px;
}

.LocaleItemCommand {
    text-align: center;
}

.pushNotificationSuccessResponse {
    color: green;
}

.pushNotificationErrorResponse {
    color: red;
}

.stsSubTemplateDisabledContainerDiv {
    width: 241px;
    height: 100px;
    background-color: #999999;
    border: 3px solid black;
    display: table-cell;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
}

/************* BEGIN 5747*******************/
#displayMSCdetails {
    border: solid 1px black;
    width: 260px;
    float: right;
}

#MediaShoppingCartTable {
    border-collapse: collapse;
    width: 100%;
    background-color: transparent;
}

#MediaOrderWidgetHeaderText {
    text-align: center;
    position: relative;
    font-size: 14px;
    color: #333333;
    text-decoration: underline;
}

.MSCGoToShoppingCart {
    background-color: #ffffff;
}

.MSCOverlayHeader img {
    height: 15px;
    width: 15px;
}

.MSCItems {
    background-color: #cccccc;
}

.MShoppingCartWidgetPosition {
    position: absolute;
    top: 45px;
    width: 150px;
    z-index: 950;
    right: 10%;
}

.MediaCartOrder {
    width: 100%;
    background-color: white;
    border-bottom: 1px solid black;
}

.MSCOverlayHeader {
    background-color: #333333;
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.MediaCartRowOrder {
    border-bottom: 1px solid black;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;

}

.MediaCartOrderLine {
    width: 100%;
    background-color: white;
}

.ListMediaCartRowOrder {
    border-bottom: 1px solid black;
}

.MediaCartRowOrderLine {
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 5px;
}

.MediaCartRowOrderLineLast {
    bottom: 1px;
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 1px;
}

.DataOrderButton {
    border-bottom: 1px solid black;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 1px;
}

.MediaCartNoItems {
    border-bottom: 1px solid black;
}

#MediaCancelControlDiv .formLabel {
    font-size: 13px;
    display: block;
    padding: 0;
}

#MediaCancelControlDiv .formValue {
    font-size: 13px;
    display: block;
    padding-bottom: 15px;
}

#CancelSubmittedDiv {
    float: right;
}

#CancelSubmittedButtonContainer {
    float: left;
}

#CancelSubmittedWrapper {
    width: 500px;
    margin-top: 10px;
    overflow: auto;
}

#CancelSubmittedOrderWrapper h3,
#CancelSubmittedOrderNameWrapper h3 {
    padding: 0px;
}

#CancelSubmittedOrderWrapper .CancelSubmittedHeader,
#CancelSubmittedOrderNameWrapper .CancelSubmittedHeader {
    display: block;
    padding: 0;
}

#CancelSubmittedOrderWrapper .form-value,
#CancelSubmittedOrderNameWrapper .form-value {
    font-size: 13px;
    display: block;
    padding-bottom: 15px;
}

.MediaOrderCancellationSubmitted #lblSubHeader {
    padding: 0;
}

/******************END 5747****************/

.control-time-ddl {
    margin-right: 5px;
}

.control-timeRange .startContainer,
.control-timeRange .endContainer,
.control-timeRange .control-timeRange-separator {
    display: inline-block;
}

.control-timeRange .startContainer {
    padding-right: 5px;
}

.control-timeRange .endContainer,
.control-timeRange .control-timeRange-separator {
    padding-right: 10px;
}

.alerts-container {
    padding-bottom: 20px;
}

.order-alert {
    padding-bottom: 10px;
    display: block;
}

/*************Project 5537 ****************/

.dimensions {
    padding-bottom: 10px;
}

.dimension {
    padding-bottom: 10px;
}

.dimensionValue {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.table-items {
    border: solid black 1px;
    border-collapse: collapse;
    text-align: center;
}


.table-items>tbody>tr>th,
.table-items>tbody>tr>td {
    border: solid black 1px;
    width: 200px;
    padding: 5px 10px;
}

.table-items-gray {
    border: solid gray 1px;
    color: gray;
}

.table-items-gray>tbody>tr>th,
.table-items-gray>tbody>tr>td {
    padding: 5px 10px;
    border: solid gray 1px;
}

.added-to-cart-body-itemlabel {
    display: block;
    pading: 10px;
}

.multitext-add-button {
    background-color: #747072;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 0;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 2px;
}

.multitext-delete-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    color: blue;
}

.multitext-delete-button: hover {
    text-decoration: underline;
}

.multitext-label {
    display: inline;
}

.updateQuantity-gray {
    color: gray;
}

.updateQuantity-gray:hover {
    cursor: default;
}

#NameYourSubscriptionHeader {
    display: inline;
}

#fulfillmentform-notice {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.subscription-order-cart-orderline {
    border-bottom: none !important;
}

.setup-order-cart-orderline {
    border-top: none !important;
}

.USADataIframeCell {
    width: 820px;
}

.USADataNonIframeCell {
    width: 5px;
}

/****************Project 5536**************/
#NewAssetDisplayOverlay {
    max-width: inherit;
}

/*Widget*/
.AssetFolderWidgetPosition {
    position: absolute;
    top: 40px;
    width: 100px;
    z-index: 950;
    right: 7%;
}

.AssetFolderContainer {
    text-align: center;
}

.AssetFolderCounter {
    height: 11px;
    font-weight: bold;
}

.AssetFolderIcon {
    height: 27px;
}

/* Asset Folder Page */
#tblAssets {
    width: 1300px;
}

#divEmptyFolder {
    text-align: right;
}

#divAvailableActions {
    padding-top: 1%;
}

#divSelectAllContainer {
    display: inline-block;
}

#divSearchHeaderContainer {
    position: relative;
    float: right;
    display: inline-block;
}

.assetThumbnail {
    padding-bottom: 3%;
}

.AssetFolderThumbs {
    max-height: 100px;
    max-width: 100px;
    height: auto;
    width: auto;
    display: block;
    margin: auto;
    text-align: center;
}

.assetFolderTableHeader {
    padding-top: 10px;
    padding-bottom: 10px;
}

.assetFolderDividingTableRow {
    border-top: 1px solid #bbbbbb;
    padding-top: 1%;
    text-align: center;
}

.tableAssetCollection {
    border: 1px solid #bbbbbb;
}

.assetFolderText {
    vertical-align: top;
}

.assetFolderActionsLabel {
    padding-bottom: 0%;
}

.assetListRadioDisabled {
    color: grey;
}

.AssetFolderUnavailableRow {
    background-color: grey;
}

.AssetFolderImageOverlay {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15%;
}

.JobCenterDownloadToDesktop .AssetFolderImageOverlay {
    max-width: 100%;
}

.JobCenterDownloadToDesktop .OverlayBodyHtml {
    right: 10px;
}

/****************Project 5536**************/
/*Widget*/
.AssetFolderWidgetPosition {
    position: absolute;
    top: 40px;
    width: 100px;
    z-index: 950;
    right: 7%;
}

.AssetFolderContainer {
    text-align: center;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(352deg) brightness(102%) contrast(104%); */
}

.AssetFolderCounter {
    height: 11px;
    font-weight: bold;
}

.AssetFolderIcon {
    height: 27px;
}

.divPageBodyClass {
    margin: auto;
    width: 90%;
}

.imgOverlay {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15%;
}

.dvAssetCollection {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 100%;
    width: 1300px;
}

/****************END 5536*****************/
.adpickupheader {
    margin-left: 10%;
}

.assetImage {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid;
    text-align: center;
}

.assetControls {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid;
    text-align: center;
}

.downloadtodesktopheader {
    font-size: 30px;
    font-weight: bold;
}

.adpickuptable {
    margin-left: 10%;
    width: 60%;
}

.localizedchooseurformatdiv {
    padding-top: 5px;
    padding-bottom: 5px;
}

.divStaticMessage {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cmbFormatdiv {
    padding-top: 5px;
    padding-bottom: 5px;
}

.lblAssetDownloaddiv {
    padding-top: 5px;
    padding-bottom: 5px;
}

.btnSubmitdiv {
    padding-top: 5px;
    padding-bottom: 5px;
}


.signup-table-col-length,
.signup-table-col-cost {
    text-align: left;
}

.breakdown-seperator {
    display: block;
    padding-bottom: 5px;
    height: 0px;
    clear: both;
}

.breakdown-per-month {
    font-size: 12px;
}

.breakdown-asterisk {
    color: red;
}

.corporate-account-detail {
    padding-bottom: 10px;
}

/***********#5536 - SearchCreative.css */


.dvimgThumbnailEditlnk {
    float: right;
    margin-top: 0;
    text-align: center;
    width: 150px;
}


.dvrbdeliveryOptionsCSS input[type="radio"] {
    display: none;
    vertical-align: middle;
}

.dvrbdeliveryOptionsCSS label {
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    vertical-align: middle;
}

.dvrbdeliveryOptionsCSS input[type="radio"]:checked+label {
    background-color: unset;
}

.AdBuilderAssetReplacement {
    overflow-x: hidden;
    padding: 20px;
    width: 100%;
}

/* end ReplaceAssetOverlay*/


/*SearchPropertySetManagementOverlay*/
#SearchPropertySetManagementOverlay {
    max-width: inherit;
    width: 77%;
    height: 77%;
    min-width: 1000px;
    /* this should really be calculated dynamically, same with left% */
}

#SearchPropertySetManagementOverlay .OverlayBodyIframe {
    text-align: center;
    padding-top: 35px;
    vertical-align: middle;
    height: 95%;
}

#SearchPropertySetManagementOverlay iframe {
    border: 0;
    width: 95%;
    height: 95%;
}

/* end SearchPropertySetManagementOverlay*/

/*DeliveryFormOverlay*/
#DeliveryFormOverlay .OverlayBodyIframe {
    text-align: center;
    padding-top: 35px;
    vertical-align: middle;
    height: 90%;
}

#DeliveryFormOverlay iframe {
    border: 0;
    height: 90%;
    width: 90%;
}

#DeliveryFormOverlay {
    max-width: inherit;
    width: 77%;
    height: 77%;
}

/* end DeliveryFormOverlay*/

.dvlnkEditMetadataID {
    align-content: center;
}

.lnkEditMetadata {
    align-content: center;
}

#tdOverlayDetailEntireImage {
    vertical-align: top;
    box-sizing: border-box;
    width: 40%;
}

.spnDividerBetweenTopAndBottom {
    font-size: 16px;
    font-weight: bold;
}

.lblrbdeliveryOptions {
    font-size: 22px;
}

.tddeliveryOptionsemptyRB,
.tddeliveryOptionsemptyTD,
.tbldeliveryOptionsemptyTD {
    border: none
}

/*AssetFolderOverlay*/

#AssetFolderOverlayID .OverlayContainer {
    width: 2500px;
    height: 1500px;
    max-width: 95%;
}


#AssetFolderOverlayID {
    padding: 20px;
    max-width: initial;
    width: 2500px;
    height: 1500px;
}

#AssetFolderOverlayID .OverlayBodyIframe {
    /*overflow-x:scroll;*/
    /*overflow-y:scroll;*/
    overflow: scroll;
    overflow: visible;
    width: 100%;
    height: 900px;
}

#AssetFolderOverlayID iframe {
    border: 0;
    width: 2500px;
    height: 900px;
}

/* end AssetFolderOverlay*/

/**************************************/

/****************#5536 - CreateHTMl Control sortableListbox.css*******/
.SortableListPickerUnselectedOptionsUnselected {
    background-color: transparent
}


LEFT LISTBOX select {
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    font-size: 10px;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    font-family: var(--sitemainfont);
}

select[multiple],
select[size][multiple] {
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border: 1px solid rgb(169, 169, 169);
}

select:-internal-list-box {
    -webkit-appearance: listbox;
    align-items: flex-start;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    overflow-x: hidden;
    overflow-y: scroll;
    vertical-align: text-bottom;
    -webkit-user-select: none;
    white-space: nowrap;
    border: 1px inset grey;
    border-radius: initial;
}

DISABLED .sortable-list-picker .disabled {
    opacity: .3;
    background-color: red;
}

.sortable-list-picker .img-arrow {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

img {
    border: 0px none;
}

ENABLED .sortable-list-picker .img-arrow {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

img {
    border: 0px none;
}

.imgArrowsAllDirections {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

.imgArrowsAllDirectionsDisabled {
    opacity: .3;
    background-color: red;
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

/************************/

.order-alert-table {
    display: table;
}

.order-alert-col {
    display: table-cell;
}

/*5793*/
#MainContent_MainContent_cmpLwResPreview {
    max-height: 200px;
    max-width: 200px;
}

/*End 5793*/

.delete-card-hook {
    display: none !important;
}


.order-alert-table {
    display: table;
}

.order-alert-col {
    display: table-cell;
}

/*5793*/
#MainContent_MainContent_cmpLwResPreview {
    max-height: 200px;
    max-width: 200px;
}

/*End 5793*/

#delete-credit-card-overlay {
    padding: 20px;
    max-width: initial;
    width: 70%;
    height: 70%;
    min-width: 900px;
    /* this should really be calculated dynamically, same with left% */
}

#delete-credit-card-overlay .OverlayBodyIframe {
    width: 100%;
    height: 100%;
}

#delete-credit-card-overlay iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.delete-card-hook {
    display: none !important;
}

.delete-card-entity-name,
.delete-card-entity-sub-name {
    display: block;
}

.delete-card-entity-name {
    padding-bottom: 5px;
}

.delete-card-entity-sub-name {
    padding-bottom: 10px;
    font-size: 12px;
    font-style: italic;
}

/**************************************/

/****************#5536 - CreateHTMl Control sortableListbox.css*******/
.SortableListPickerUnselectedOptionsUnselected {
    background-color: transparent
}


LEFT LISTBOX select {
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    font-size: 10px;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    font-family: var(--sitemainfont);
}

select[multiple],
select[size][multiple] {
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border: 1px solid rgb(169, 169, 169);
}

select:-internal-list-box {
    -webkit-appearance: listbox;
    align-items: flex-start;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    overflow-x: hidden;
    overflow-y: scroll;
    vertical-align: text-bottom;
    -webkit-user-select: none;
    white-space: nowrap;
    border: 1px inset grey;
    border-radius: initial;
}

DISABLED .sortable-list-picker .disabled {
    opacity: .3;
    background-color: red;
}

.sortable-list-picker .img-arrow {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

img {
    border: 0px none;
}

ENABLED .sortable-list-picker .img-arrow {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

img {
    border: 0px none;
}

.imgArrowsAllDirections {
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

.imgArrowsAllDirectionsDisabled {
    opacity: .3;
    background-color: red;
    width: 20px;
    height: 20px;
    margin: 2px;
    display: block;
}

/************************/


.order-alert-table {
    display: table;
}

.order-alert-col {
    display: table-cell;
}

/*asset folder styles*/
.thAssetCheckbox {
    width: 30px;
}

.thAssetPreview {
    width: 140px;
}

.thAssetName {
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
}

.thAssetFileName {
    width: 350px;
    padding-left: 10px;
    padding-right: 10px;
}

.thAssetStatus {
    width: 125px;
    padding-left: 10px;
    padding-right: 10px;
}

.thAssetDateAdded {
    width: 180px;
    padding-left: 10px;
    padding-right: 10px;
}

.thAssetLastActivity {
    width: 180px;
    padding-left: 10px;
    padding-right: 10px;
}

.thAssetScrollBarSpacer {
    width: 15px;
}

.tdAssetCheckbox {
    width: 30px;
}

.tdAssetPreview {
    width: 140px;
}

.tdAssetName {
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: break-word;
}

.tdAssetFileName {
    width: 350px;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: break-word;
}

.tdAssetStatus {
    width: 125px;
    padding-left: 10px;
    padding-right: 10px;
}

.tdAssetDateAdded {
    width: 180px;
    padding-left: 10px;
    padding-right: 10px;
}

.tdAssetLastActivity {
    width: 180px;
    padding-left: 10px;
    padding-right: 10px;
}

/************************/


#EditMetaDataConfirmationOverlay {
    height: 200px;
    width: 375px;
}

#EditMetaDataConfirmationOverlay.OverlayContainer .OverlayBodyHtml {
    overflow: hidden;
}

.editmetadata_confirmation_message_div {
    text-align: center;
}

.editmetadata_confirmation_button_container_div {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    width: 65%;
}

.editmetadata_confirmation_button_div {
    display: inline;
}

/**Asset folder empty confirmation overlay**/
#AssetFolderConfirmationOverlay {
    height: 200px;
    width: 350px;
}

#AssetFolderConfirmationOverlay.OverlayContainer .OverlayBodyHtml {
    overflow: hidden;
}

.assetfolder_confirmation_message_div {
    text-align: center;
}

.assetfolder_confirmation_button_container_div {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    width: 65%;
}

.assetfolder_confirmation_button_div {
    display: inline;
}

/**********Bugfix 41236 JPB**************/
.creativeDetailsPreviewImageEditLink {
    display: block;
}

.creativeDetailsPreviewImageEditLink2 {
    display: block;
}

/***********END Bugfix 41236**************/

/*********** Bugfix 41376 ***************/
#dvFileUploadOverlayHeader {
    margin-bottom: 20px;
}

#dvFileUploadOverlayHeaderLbl {
    font-weight: bold;
    font-size: 16px;
}

/********** End Bugfix 41376 ***************/

/*********** Bugfix 41381 ***************/

div[id*='dvrbdeliveryOptions'] {
    margin-left: 20px;
}

/*********** End Bugfix 41381 ***************/

/*********** Bugfix 41441 ***************/
.divTextItemValue {
    word-wrap: break-word;
}

/*********** End Bugfix 41441 ***************/

/*********** Bugfix 41526 ***************/
.MetadataEditTblTDClass {
    padding-top: 10px;
    width: 50%;
}

.tdHeaderName_DividerBetweenTopAndBottom {
    padding-top: 10px;
}

/*********** End Bugfix 41526 ***************/

.creativeDetailsPreviewImageEditLink {
    display: inline;
}

/*5536 CR01*/

.AssetOnlyPrevThumbItem {
    list-style-type: none;
}

/*End 5536 CR01*/

.tblOverlayDetailEntire {
    width: 100%;
}

#tdOverlayDetailEntiretoparea2 {
    width: 60%;
    word-break: keep-all;
    vertical-align: top;
    box-sizing: border-box;
}

.asset-overlay-body {}

.asset-overlay-header {
    font-size: 16px;
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
}

.asset-overlay-error {
    color: red;
    display: block;
    padding-bottom: 10px;
}

.asset-overlay-file {
    display: inline-block;
    padding-right: 10px;
}

.asset-overlay-btn-upload {
    display: none;
}

.asset-overlay-image {
    max-width: 350px;
    max-height: 350px;
    display: block;
}

.asset-overlay-btn-save {}

.asset-overlay-btn-cancel {}

#NewAssetDisplayOverlay .OverlayBodyIframe,
#NewAssetDisplayOverlay iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.tblMetadataEdit {
    width: 100%;
}

.MetadataEditTblTDClass2 {
    padding-top: 10px;
}

#imgPreview {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.searchResultFooter {
    text-align: center;
    width: 100%;
    background: #F2F2F2;
}

/* Don Mobile Notifications */

.MobileNotificationTable {
    border: 0;
}

/* Don Mobile Notifications */

#accountSummaryLastRetrievedDiv {
    float: left;
}

#btnExportTableDiv {
    float: right;
}

#reportGridDiv {
    clear: both;
}

.sortImage {
    padding-left: 5px;
    float: right;
}

.thirtySixtyNinetyCombo {
    width: 100% !important;
}

.rgFilterBox {
    width: 80%;
}

#MainContent_btnExportTable {
    margin-bottom: 4px;
}

#MainContent_lblSubjectLine {
    display: inline;
}

.dashboardDiv {
    margin-top: 15px;
    margin-bottom: 15px;
}

.dashboardSummaryHeader {
    padding-bottom: 0px;
}

.summaryTable {
    padding-bottom: 15px;
    text-align: left;
    width: 60%;
}

.rateSection {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid black;
}

.rateSection:last-of-type {
    border-right: 0px solid black;
}

.rateHeader {
    display: inline;
}

div#EmailReportOverlay>.OverlayBodyIframe {
    width: 100%;
    height: 100%;
}

#EmailReportOverlayIframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 30px;
}

#overlayReportGridDiv {
    width: 700px;
}

.lblViewPreview {
    text-align: center;
}

.rateText {
    font-size: 20px;
}

.outerRateSectionContainer {
    border-top: 1px solid black;
}

.innerRateSectionContainer {
    padding-top: 15px;
}

.PreviewLinkCell {
    text-align: center;

}

/* EmailReports.aspx RadGrid filter menu text*/
div.EmailReportingRadGridMenu>ul>li>a>span {
    color: #333333;
}

div.EmailReportingRadGridMenu>ul>li>a:hover>span {
    color: #ffffff;
}

/*EmailReports.aspx column widths*/
/* The combined percentages for each group should not exceed 99%*/
.ViewDashboard_GridColumn {
    width: 10%;
}

.ViewEmail_GridColumn {
    width: 5%;
}

.OrderID_GridColumn {
    width: 7%;
}

.EmailName_GridColumn {
    width: 25%;
}

.SendStartTime_GridColumn {
    width: 8%;
}

.Sends_GridColumn {
    width: 7%;
}

.ImplicitDeliveryRate_GridColumn {
    width: 7%;
}

.OpenRate_GridColumn {
    width: 7%;
}

.ClickRate_GridColumn {
    width: 7%;
}

.OverallBounceRate_GridColumn {
    width: 7%;
}

.UnsubscribeRate_GridColumn {
    width: 7%;
}

.ViewDashboard_GridColumnHeader {
    width: 10%;
}

.ViewEmail_GridColumnHeader {
    width: 5%;
}

.OrderID_GridColumnHeader {
    width: 7%;
}

.EmailName_GridColumnHeader {
    width: 25%;
}

.SendStartTime_GridColumnHeader {
    width: 8%;
}

.Sends_GridColumnHeader {
    width: 7%;
}

.ImplicitDeliveryRate_GridColumnHeader {
    width: 7%;
}

.OpenRate_GridColumnHeader {
    width: 7%;
}

.ClickRate_GridColumnHeader {
    width: 7%;
}

.OverallBounceRate_GridColumnHeader {
    width: 7%;
}

.UnsubscribeRate_GridColumnHeader {
    width: 7%;
}

/* EmailReports.aspx column widths*/

.EmailReportingRadGridTable {
    overflow: inherit !important;
}

.EmailReportGridColumnHeader:hover {
    cursor: help !important;
}

#BuildEmailTemplateLeft {
    width: 70%;
    display: block;
    float: left
}

#BuildEmailTemplateRight {
    float: right;
    display: block;
    width: 30%;
}

.txtHtmlContent {
    width: 100%;
}

.tblEmailTemplate {
    table-layout: fixed;
    width: 100%;
}

#EmailTemplatesTagsLabel {
    display: inline-block;
    float: left;
    padding: 0px 5px 0px 0px;
}

#EmailTemplatesTags {
    width: 100%;
    overflow: auto;
    display: inline-block;

}

.divAvailableResources {
    overflow: auto;
    width: 100%;
}

.tooltipFulfillment {
    color: blue;
    background-color: yellow;
    position: absolute;
    margin: 8px;
    padding: 8px;
    border: 1px solid blue;
}


/*PreviewOverlay*/
#PreviewOverlay .OverlayBodyIframe {
    text-align: center;
    padding-top: 35px;
    vertical-align: middle;
    height: 90%;
}

#PreviewOverlay iframe {
    border: 0;
    height: 90%;
    width: 90%;
}

#PreviewOverlay {
    max-width: inherit;
    width: 77%;
    height: 77%;
}

/* end PreviewOverlay*/

img.JobCenterPreview {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.expirationDateTextBox {
    vertical-align: top;
}

#AssetOnlyRightHandPanel {
    float: right;
    padding-right: 30px;
}


.totaldiv HiddenForValidation {
    visibility: hidden;
}

.jquery-tooltip {
    display: inline-block;
}

.ui-tooltip {
    display: inline-block !important;
    padding: 5px;
    max-width: 300px;
}

#ifVFPSite {
    display: block;
    min-height: calc(100vh - 270px);
    /* min-height: 800px;
    height:1480px; */
}


.kitItemTable {
    border-collapse: collapse;
    border-spacing: 0;
}

.kitItemTable td {
    vertical-align: top;
}

.kitItemTable td:first-child {
    padding-right: 5px;
}

.smaller {
    font-size: smaller;
}

.tenPercentWidth {
    width: 10%;
}

.divKitItemsList {
    display: none;
    padding-left: 160px;
}

.divKitItemsList.visible {
    display: block;
}

.HideKitItems {
    position: absolute;
    padding-left: 160px;
    display: none;
}

.HideKitItems.visible {
    display: block;
}

.ShowKitItems {
    position: absolute;
    padding-left: 160px;
    display: block;
}

.ShowKitItems.hidden {
    display: none;
}

.ShowCampaignItems {
    position: absolute;
    padding-left: 160px;
    display: block;
}

.ShowCampaignItems.hidden {
    display: none;
}

.HideCampaignItems {
    position: absolute;
    padding-left: 160px;
    display: none;
}

.HideCampaignItems.visible {
    display: block;
}

.divCampaignItemsList {
    display: none;
    padding-left: 160px;
}

.divCampaignItemsList.visible {
    display: block;
}

/** for project 5986 ***/
#updateFeaturedTermOverlay {
    width: 345px;
    height: 200px;
    top: 35%;
}

#updateFeaturedTermContentInner {
    position: absolute;
    top: 30%;
}

#updateFeaturedTermContentInner span:nth-child(1) {
    margin-right: 5px;
}

#updateFeaturedTermContentInner input[type="button"] {
    margin: 10px 0px 0 10px;
    float: right;
}

#instFeaturedTerm {
    float: right;
    font-size: 11px;
    color: #666;
    text-align: right;
}

.ribbon {
    position: relative;
    overflow-x: hidden;
    height: 32px;
    margin: 5px 0 10px -8px;
}

.ribbonInner {
    z-index: 9;
    height: 28px;
    margin: 0 0 0 -18px;
    -ms-transform: skew(30deg);
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    background: #ffff00;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(191, 191, 191, 1);
    -moz-box-shadow: 4px 4px 4px 0px rgba(191, 191, 191, 1);
    box-shadow: 4px 4px 4px 0px rgba(191, 191, 191, 1);
    display: inline-block;
}

.ribbonText {
    color: #333333;
    -ms-transform: skew(-30deg);
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    margin: 7px 0 0 18px;
    font-size: 14px;
    position: relative;
    padding: 0 10px 0 7px;
}

.kitShippingDetails {
    text-align: right;
    font-weight: bold;
}

.CampaignShippingDetails {
    text-align: right;
    font-weight: bold;
}

/**********************/
/**********************/

/* 5985 - Eric - Begin */

/* Ensures all order listings on the payment information page are the same width, since with this project more than one can appear on the page at once */
.fullWidthCart>.tableOrderLine {
    width: 100%;
}

.scrubbedItemNotification {
    color: #333333;
    margin-top: 2em;
    margin-bottom: 1em;
    font-family: var(--sitemainfont);
    background-color: #FFF1C4;
    background: -webkit-linear-gradient(270deg, rgba(255, 241, 196, 1) 0%, rgba(255, 241, 196, 1) 0%, rgba(242, 228, 184, 1) 100%, rgba(242, 228, 184, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(255, 241, 196, 1) 0%, rgba(255, 241, 196, 1) 0%, rgba(242, 228, 184, 1) 100%, rgba(242, 228, 184, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 241, 196, 1) 0%, rgba(255, 241, 196, 1) 0%, rgba(242, 228, 184, 1) 100%, rgba(242, 228, 184, 1) 100%);
    padding: 1em;
    display: block;
    font-size: 14px;
    line-height: 21px;
}

.orderNumber {
    font-weight: bold;
    margin: 2em 0 1em 0;
    font-size: 18px;
}

.scrubbedOrderConfirmationNotification {
    font-weight: bold;
    margin-bottom: 1em;
    font-family: var(--sitemainfont);
    background-color: #DAECF8;
    background: -webkit-linear-gradient(270deg, rgba(218, 236, 248, 1) 0%, rgba(218, 236, 248, 1) 0%, rgba(206, 223, 235, 1) 100%, rgba(206, 223, 235, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(218, 236, 248, 1) 0%, rgba(218, 236, 248, 1) 0%, rgba(206, 223, 235, 1) 100%, rgba(206, 223, 235, 1) 100%);
    background: linear-gradient(180deg, rgba(218, 236, 248, 1) 0%, rgba(218, 236, 248, 1) 0%, rgba(206, 223, 235, 1) 100%, rgba(206, 223, 235, 1) 100%);
    padding: 1em;
    display: block;
    color: #333333;
    font-size: 14px;
    line-height: 21px;
}

/* 5985 - Eric - End */
/**********************/
/* Bundle */
/**********************/

.bundleItemExpandableContainer {
    margin: 10px 15px;
}

.bundleItemSelectQuantityContainer {
    padding: 10px 0;
}

.bundleItemPriceBreaksLink {
    display: inline-block;
    padding-bottom: 5px;
}

.disableAnchorClick {
    pointer-events: none;
}

.bundleItemAvailableQuantityLabel {
    font-weight: bold;
}

#itemPricingOverlay {
    position: absolute;
    top: 300px;
    left: 300px;
    z-index: 9999;
    border: 1px solid black;
    background-color: white;
}

.itemPricingOverlayCloseImageContainer {
    text-align: right;
}

.itemPricingTable {
    margin: 5px 15px 15px;
    border-collapse: collapse;
}

.itemPricingTable,
.itemPricingTable th,
.itemPricingTable td {
    border: 1px solid black;
}

.itemPricingTable th,
.itemPricingTable td {
    padding: 10px 40px;
    text-align: center;
}

.itemPricingOverlayCloseImage {
    width: 16px;
    cursor: pointer;
}

.itemPricingTableSelectedRow {
    background-color: yellow;
}

.bundleItemQuantityError,
.bundleItemNoItemPricingError,
.invalidItemPricingForQuantityError {
    margin-left: 10px;
}

/**********************/

/*******Begin 5530****/

.emulationControlPosition {
    cursor: pointer;
    text-decoration: underline;
}

#infobarHandle ul,
#infobarHandle li {
    width: auto;
    float: left;
    white-space: nowrap;
    display: inline;
    list-style: none;
}

#infobarHandle li {
    margin-left: 1.5vw;
}



#displayEmulationDetails {
    position: absolute;
    width: 100%;
}

#emulationSelectHolder {
    min-height: 10vh;
    /*For IE*/
    display: none;
}

.emulationTitleClass {
    font-weight: bold !important;
    font-size: 14px;
    margin-top: 1%;
    margin-left: 5%;
}

.emulationInstructionsClass {
    margin-left: 5%;
    margin-bottom: 5%;
    font-size: 13px;
    color: #999999;
}

.emulationSelectClass {
    margin-left: 5%;
    width: 15%
}

#emulationSelectHolder>#multiselectfilter>.select2-container {
    min-width: 676px;
}

#emulationSelectHolder>#multiselectfilter>.select2-drop {
    width: 500px;
}

#emulationSelectHolder>#multiselectfilter>.select2-results {
    width: 500px;
    max-height: 100%;
}

.bigdropemulation .select2-results {
    width: 600px;
    position: relative;
}

.emulationButtonClass {
    margin-left: 1.5vw;
    margin-top: 10vh;
    margin-bottom: 3vh;
}

.userEmulationTable {
    display: inline-block;
    width: 100%;
}

.userEmulationRowGroup {
    display: inline-block;
    width: 100%;
}

.userEmulationRow {
    display: inline-block;
    width: 100%;
}

.userEmulationCell {
    display: inline-block;
    word-wrap: break-word;
    vertical-align: top;
    padding: 4px;
    box-sizing: border-box;
}

#EmulationStatusBar_lnkExitEmulation {
    padding-left: 20px;
}

#emuCancelButton {
    float: right;
    min-width: 1.5vw;
}

#emulationCancelLink {
    margin-left: 30px;
}

#infobarHandle {
    width: auto !important;
    right: 0;
    z-index: 10;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    color: #333333;
}

.bigdropemulation {
    width: auto !important;
    max-width: 50vw !important;
}

.bigdropemulation .select2-results .select2-disabled {
    position: absolute;
    font-weight: bold;
    width: inherit;
    max-width: 600px;
    background-color: #FFFFFF;
    color: #333333;
    z-index: 2001;
}

.bigdropemulation .select2-results .select2-disabled .select2-result-label {
    width: 93%;
}

.bigdropemulation .select2-results>.select2-result-selectable {
    padding-top: 35px;
}

.bigdropemulation .select2-results>.select2-result-selectable~.select2-result-selectable {
    padding-top: 0px;
}

.emulationControlClass {
    position: absolute;
    border: #999999 1px solid;
    background-color: #FFFFFF;
    z-index: 2000;
    width: auto;
    top: 5vh;
    left: 35.5vw;
}

.emulationTextBox {
    width: 90%;
}

/*You get an extra margin and scrollbar at the bottom of the page in IE without this when the emulation control is on*/
.LandingPagesLandingPageLayout4 {
    overflow-x: hidden;
}

.emulationErrorMessage {
    color: red;
    margin-left: 5%;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /*IE adjustments*/
    .emulationControlClass {
        left: 35vw;
    }
}

@-moz-document url-prefix() {
    .emulationControlClass {
        left: 35vw;
    }
}

/***********************/

/**** for project #6016 ***/
.coopapprovallinkbuttoncnt {
    display: none;
    margin-top: -20px;
    margin-bottom: 20px;
}

.coopapprovallinkbuttoncnt a {
    font-size: 20px;
}

#coopApprovalOverlay {
    width: 50%;
    min-height: 650px;
    top: 5%;
    padding: 10px;
}

.coopoverlayparentzindex {
    z-index: 2099 !important;
}

.coopoverlayzindex {
    z-index: 2100 !important;
}

#coopApprovalOverlay .OverlayHeader {
    text-align: left;
    position: relative;
    height: auto;
    margin-bottom: 10px;
}

#coopApprovalOverlay .close_overlay {
    margin: 0;
}

#coopApprovalOverlay .OverlayBodyIframe {
    position: relative;
    min-height: 80%;
    height: 100%;
    width: 100%;
    left: 0;
    overflow: hidden;
}

.cooppriorapprovalsubheading {
    margin-bottom: 10px;
    font-weight: bold;
    width: 95%;
    font-size: 12px;
}

.cooppriorapprovalinst {
    margin-bottom: 30px;
    font-weight: bold;
}

#coopApprovaliFrame {
    border: 0px;
    width: 100%;
    height: 100%;
}

#coopApprovalFormBodyContainer .processingOverlay {
    left: 40% !important;
    top: 38% !important;
}

#coopParentContainer {
    padding: 12px;
}

.coopresultmessagecontainer {
    margin: 10px 0 15px 0;
}

.coopresultmessagecontainer div {
    font-size: 16px;
    font-weight: bold;
}

#coopApprovalNumbersOverlay {
    padding: 10px 10px 10px 10px;
    max-height: 80%;
    height: auto;
}

#coopApprovalNumbersOverlay div {
    position: relative;
}

#coopApprovalNumbersOverlay .OverlayHeaderClose {
    margin: 0px;
}

#coopApprovalNumbersOverlay .OverlayBodyHtml {
    top: 0px;
    max-height: 600px;
}

#gvCoopApprovalDetails {
    width: 98%;
}

#gvCoopApprovalDetails td {
    padding: 5px;
}

#gvCoopApprovalDetails th {
    padding: 5px;
    background-color: #aaaaaa;
    color: #fff;
}

#gvCoopApprovalDetails td {
    border-right: 1px solid #333333;
}

#gvCoopApprovalDetails td:last-child {
    border-right: none;
}

#gvCoopApprovalDetails th {
    border-right: 1px solid #333333;
}

#gvCoopApprovalDetails th:last-child {
    border-right: none;
}

/*************************/


#OrderConfirmationPrimaryActions {
    display: block;
    text-align: left;
    margin: 4em 0em 2em 0em;
}

#OrderConfirmationPrimaryActions a {
    margin-left: 0;
}

#OrderConfirmationPrimaryActions .lbReOrderItems {
    margin-right: 1.5em;
}

/**************************/
/*Mailing List Management*/
#MailingListProviderOverlay {
    max-width: 900px;
    height: 625px;
}

#MailingListProviderOverlayIframe {
    width: 100%;
    height: 625px;
    border: 1px white;
}

/**************************/
/*UpdateUserProfileOverlay*/
#UpdateProfileIframe {
    width: 100%;
    padding-left: 5%;
    height: 525px;
}

.bundleItemDisabledItemName {
    opacity: 0.5;
}

.orderCartDeleteAllLinkButton {
    white-space: nowrap;
}

.buttonAsLinkUnderline {
    font-weight: bold;
    color: var(--CTAlinkcolor);
    cursor: pointer;
    text-decoration: underline;
    border: none;
    background: none !important;
    margin-left: -5px;
    font-size: 13px;
}

#ibtMetaData.aspNetDisabled {
    cursor: default;
}

.assetControls {
    vertical-align: top;
}

.testUserContainer {
    clear: left;
}

.AssetApprovalStatusRejected {
    color: Red;
}

.LocationImageRow {
    height: 100px;
}

.LocationImagePreview {
    max-width: 150px;
    max-height: 150px;
}

.LocationImagePreviewDiv {
    width: 150px;
}

.LocationImageGridViewElement {
    height: 150px;
    display: block;
    line-height: 200px;
}


/* .row {
    width: auto;
    background: #003151;
    border: 0px dotted black;
    text-align: left;
} */

@keyframes blink {

    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
        opacity: .2;
    }

    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
        opacity: 1;
    }

    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
        opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}

/* Custom css for content inside of CustomTooltip*/
.closeableTooltipContent {
    font-family: var(--sitemainfont);
    padding: 7px;
    width: 300px;
    min-height: 100px;
}

/* Don't use the color set by the JQuery UI styling for links. Inherit from a parent instead. */
.ui-widget-content a {
    color: inherit;
}

/*Campaign templates*/
.PilotHandlerHideSelection input[type=checkbox] {
    display: none;
}

/*End Campaign templates*/

/*Pop Up of BatchChildOrderlines
  /* The Modal (background) */
.ChildjoborderlineItem {
    display: flex;
}

.divchildJobPreview {
    padding-right: 20px;
    width: 100px;
}

.ChildJobPreviewImage {
    height: 120px;
    width: 93px;
}

.divChildorderlineJobDetails {
    z-index: 900;
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.divLoadingImage {
    z-index: 900;
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-main-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    height: auto;
    max-height: 350px;
    position: relative;
}

.modal-content {
    overflow-x: hidden;
    overflow-y: auto;
    /* Enable scroll if needed */
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    height: auto;
    max-height: 300px;
    position: relative;
}

/* The Close Button */
.modal-close {
    margin-top: -24px;
    margin-left: 14px;
    top: 3px;
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.orderline-text {
    font-size: 15px;
    font-weight: bold;
}

.orderline-value {
    font-size: 15px;
    word-break: break-all;
}

.divPopUpLoadingImage {
    text-align: center;
}

.product-detail-page.back-button-container {
    margin-left: 20px;
}

#body1.product-detail-page-content #PageContent {
    font-family: var(--sitemainfont);
}

#body1.product-detail-page-content #PageContent #pageHeaderContainer {
    margin-bottom: 0;
}

#body1.product-detail-page-content #PageContent,
#body1.product-detail-page-content #PageContent #pageBodyContainer,
#body1.product-detail-page-content #PageContent #pageHeaderContainer {
    background-color: #F8F8F8;
}

#body1.product-detail-page-content #PageContent #searchResultsDiv {
    width: auto;
    float: none;
}

#body1.product-detail-page-content #PageContent .searchCreativeTable td {
    vertical-align: top;
}

#body1.product-detail-page-content #PageContent .preview-image-container {
    background-color: white;
    text-align: center;
    padding: 50px 25px;
    border-radius: 3px;
}

#body1.product-detail-page-content #PageContent .previewImage {
    max-width: 67%;
}

#body1.product-detail-page-content #PageContent .template_cont_border_location {
    border: 0;
}

#body1.product-detail-page-content #PageContent .ResultCellHeader {
    font-size: 20px;
    font-weight: 600;
    background-color: transparent;
    min-height: 20px;
    padding-top: 0;
    padding-bottom: 16px;
}

#body1.product-detail-page-content #PageContent .ratingsandreview {
    padding-top: 16px;
    padding-bottom: 0;
}

#body1.product-detail-page-content #PageContent .outOfStock {
    padding-top: 16px;
}

#body1.product-detail-page-content #PageContent .outOfStock .solid-border {
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    color: #FA6400;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--sitemainfont);
    margin-bottom: 0px;
    padding-left: 10px;
    width: 115px;
}

#body1.product-detail-page-content #PageContent .outOfStock .solid-border {
    border-style: solid;
    font-weight: 400;
    font-family: var(--sitemainfont);
    color: #FA6400;
}

#body1.product-detail-page-content #PageContent .ResultCellHeader span {
    color: black;
    font-family: var(--sitesecondryfont);
}

#body1.product-detail-page-content #PageContent .divText {
    width: auto;
    float: none;
}

#body1.product-detail-page-content #PageContent .divTextItemHeader .results_title,
#body1.product-detail-page-content #PageContent .divTemplateSelectionHeader .results_title {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

#body1.product-detail-page-content #PageContent .divTextItemHeader .results_title,
#body1.product-detail-page-content #PageContent .divCampaignIncludesHeader .results_title {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

#body1.product-detail-page-content #PageContent .divTextItemValue .results_data {
    display: inline-block;
    margin-bottom: 24px;
    color: var(--accentdarkgraycolor);
}

#body1.product-detail-page-content #PageContent .CellContainer .scaleLabel {
    font-size: 16px;
    font-weight: 600;
}

#body1.product-detail-page-content #PageContent .rdblTemplates input,
#body1.product-detail-page-content #PageContent .rdblTemplates label {
    vertical-align: middle;
    margin-left: 0;
    margin-right: 5px;
    color: var(--accentdarkgraycolor);
}

#body1.product-detail-page-content #PageContent .divNativResize .customSizeText input,
#body1.product-detail-page-content #PageContent .divNativResize .customSizeText label {
    vertical-align: middle;
    margin-left: 0;
    margin-right: 5px;
    padding-left: 1px;
}

#body1.product-detail-page-content #PageContent .divNativResize .customSizeText input {
    margin-bottom: 2px;
    margin-left: 1px;
}

#body1.product-detail-page-content #PageContent .rdblTemplates {
    border-spacing: 0;
    border-collapse: collapse;
}

#body1.product-detail-page-content #PageContent .rdblTemplates td {
    padding-bottom: 5px;
}

#body1.product-detail-page-content #PageContent .RadSlider.RadSlider_Default {
    margin-bottom: 10px;
}

#body1.product-detail-page-content #PageContent .image-container-td {
    padding-right: 10px;
}

#body1.product-detail-page-content #PageContent #lblCustomHeight {
    padding-left: 12px;
}

#body1.product-detail-page-content #PageContent #lblOrderQty.results_title {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

#body1.product-detail-page-content #PageContent .FormLabel_Link {
    font-size: inherit;
}

#body1.product-detail-page-content #PageContent .CellContainer .scaleLabel {
    display: inline-block;
    margin-bottom: 10px;
}

#body1.product-detail-page-content #PageContent .PrimaryActionButton,
#body1.product-detail-page-content #PageContent .SecondaryActionButton {
    background-color: var(--primarybuttoncolor);
    font-family: var(--sitemainfont);
    padding: 10px 15px;
    font-size: 14px;
}

#body1.product-detail-page-content #PageContent .PrimaryActionButton:disabled,
#body1.product-detail-page-content #PageContent .SecondaryActionButton:disabled {
    background-color: #D30027;
    opacity: 0.5;
}

#body1.product-detail-page-content #PageContent .PrimaryActionButton:hover,
#body1.product-detail-page-content #PageContent .SecondaryActionButton:hover {
    background-color: var(--primarybuttonhovercolor);
}

#body1.product-detail-page-content #PageContent .PrimaryActionButton:disabled:hover,
#body1.product-detail-page-content #PageContent .SecondaryActionButton:disabled:hover {
    background-color: #D30027;
}

#body1.product-detail-page-content #PageContent .FormLabel_Link,
#body1.product-detail-page-content #PageContent a {
    color: var(--CTAlinkcolor);
    vertical-align: middle;
}

#body1.product-detail-page-content #PageContent #lblNumberofItems {
    display: inline-block;
    margin-bottom: 5px;
}

#body1.product-detail-page-content #PageContent .previewImageNotAvailable {
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
}

#body1.product-detail-page-content #PageContent .divCheckBoxList .PilotHandlerTemplateListItem input,
#body1.product-detail-page-content #PageContent .divCheckBoxList .PilotHandlerTemplateListItem label {
    vertical-align: middle;
}

#body1.product-detail-page-content #PageContent .divCheckBoxList .PilotHandlerTemplateListItem input {
    margin-left: 0;
    margin-right: 5px;
}

#body1.product-detail-page-content #PageContent .divCheckBoxList table {
    border-spacing: 0;
    border-collapse: collapse;
}

#body1.product-detail-page-content #PageContent .divCheckBoxList table td {
    padding-bottom: 5px;
}

#body1.product-detail-page-content #PageContent .bundleItemCheckBoxContainer input,
#body1.product-detail-page-content #PageContent .bundleItemCheckBoxContainer label {
    vertical-align: middle;
}

#body1.product-detail-page-content #PageContent .bundleItemCheckBoxContainer input {
    margin-left: 0;
    margin-right: 5px;
}

#body1.product-detail-page-content #PageContent .bundleItemCheckBoxContainer {
    padding-bottom: 5px;
}

#body1.product-detail-page-content #PageContent .bundleItemAvailableQuantityLabel {
    font-weight: 600;
}

#body1.product-detail-page-content #PageContent .tbldeliveryOptionsemptyTD {
    margin-top: 7px;
}

#body1.product-detail-page-content #PageContent .tbldeliveryOptionsemptyTD td input,
#body1.product-detail-page-content #PageContent .tbldeliveryOptionsemptyTD td label {
    vertical-align: middle;
    margin-top: 0;
}

#body1.product-detail-page-content #PageContent .pdpAddedToCart {
    background-color: white;
    padding: 20px;
    margin: 10px 20px;
}

#body1.product-detail-page-content #PageContent .addedToCartLabel {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

#body1.product-detail-page-content #PageContent .back-to-search-results {
    margin-right: 10px;
}

#body1.product-detail-page-content #PageContent .view-shopping-cart {
    margin-left: 10px;
}

#body1.product-detail-page-content #PageContent .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    color: #1A3768;
    vertical-align: top;
    margin-right: 5px;
    cursor: pointer;
}

#body1.product-detail-page-content #PageContent .rdblTemplates td span input[type=radio] {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .chkblTemplates td span input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .hideInnerInputField>label>.material-icons {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .lblrbdeliveryOptionsSpan {
    vertical-align: sub;
}

#body1.product-detail-page-content #PageContent .divNativResize .customSizeText input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .divNativResize .customSizeText .disabledLabel .material-icons {
    opacity: 0.5;
    cursor: default;
}

#body1.product-detail-page-content #PageContent .divCustomSize {
    margin-left: 0;
}

#body1.product-detail-page-content #PageContent .divCustomSize .customSizeContentDiv {
    margin-left: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#body1.product-detail-page-content #PageContent .customSizePlusSignSpan {
    padding-right: 5px;
}

#body1.product-detail-page-content #PageContent .divCustomSize .customSizeLabel .units-label {
    padding-right: 10px;
}

#body1.product-detail-page-content #PageContent .customSizeContentDiv .customSizeWrapperSpan .chkCustomSizeCheckBox {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .customSizeContentDiv .customSizeWrapperSpan .radCustomSizeRadioButton {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .bundleItemSelectQuantityContainer a {
    padding-left: 10px;
}

#body1.product-detail-page-content #PageContent .bundleItemsCheckBoxGroupContainer .bundleItemCheckBoxContainer input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

#body1.product-detail-page-content #PageContent .successLabelContainer .pdpAddedToCartLabel {
    background-color: #E7F9EB;
    border-radius: 3px;
    border: 1px solid #0EBE69;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 50px;
    font-weight: 600;
    font-size: 16px;
}

#body1.product-detail-page-content #PageContent .successLabelContainer .pdpAddedToCartLabel .material-icons.check_circle {
    color: #0EBE69;
    margin-right: 10px;
}

.search-and-browse-old-search-link-container {
    margin: 15px;
}

.btnNewSearchBeta {
    vertical-align: middle;
    padding-left: 25px;
}

#body1.product-detail-page-content #PageContent #divThirdPartyButton #btnThirdParty {
    color: white;
    text-decoration: none;
}

/* Product Detail Page - OutOfStock */

#body1.product-detail-page-content #PageContent .outOfStock {
    padding-top: 16px;
}

#body1.product-detail-page-content #PageContent .outOfStock .solid-border {
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    color: #FA6400;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--sitemainfont);
    margin-bottom: 0px;
    padding-left: 10px;
    width: 115px;
}

.spOutOfStock {
    color: #FA6400;
    font-size: 14px;
    font-weight: 700;
}

.outOfStockRadioButton {
    opacity: 0.5;
    cursor: default !important;
}

.outOfStockCheckBox {
    opacity: 0.5;
    cursor: default !important;
}

/* END Product Detail Page - OutOfStock */

.lblRequiredItemError {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--sitemainfont);
}

/* Product Detail Page - BackOrder */
#body1.product-detail-page-content #PageContent .backOrder {
    padding-top: 16px;
}

#body1.product-detail-page-content #PageContent .backOrder .solid-border {
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    color: #FA6400;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--sitemainfont);
    margin-bottom: 0px;
    padding: 5px 10px;
    max-width: 300px;
}

.spBackOrder {
    color: #FA6400;
    font-size: 14px;
    font-weight: 700;
}

/* END Product Detail Page - BackOrder */

/*Favourite*/
.favourite {
    position: absolute;
    top: 35px;
    right: 35px;
    visibility: hidden;
    cursor: pointer;
    height: 28px;
    width: 28px;
}

/*End of Favourite*/

/* Order Detail Page - Text Customization */

.divCustomizationText {
    text-align: right;
}

.customizationTextLink {
    font-size: 12px;
}

.divCustomizationDetails {
    z-index: 900;
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 110px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.customization-main-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    height: auto;
    max-height: 350px;
    position: relative;
}

.customization-content {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    height: auto;
    max-height: 300px;
    position: relative;
    line-height: 20px;
    text-align: left;
}

.customization-close {
    margin-top: -24px;
    margin-left: 14px;
    top: 3px;
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.customization-close:hover,
.customization-close:focus {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.customization-Font {
    font-weight: bold;
}

.customization-Value {
    word-break: break-all;
}



@media only screen and (min-width: 1024px) {


    #mainMenu a.clickable {
        cursor: pointer;
        border: 0;
    }
}

@media only screen and (max-width: 768px) {
    #ifVFPSite {
        min-height: 1100px;
    }

    li.rmItem.rmLast {
        visibility: unset !important;

    }

    #mainMenu a.clickable {
        cursor: pointer;
        border: 0;
    }

    .Searchdefault #PageHeader,
    .searchdefault #PageHeader,
    .Searchdefault #mainMenu,
    .searchdefault #mainMenu {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {

    #ifVFPSite {
        min-height: 1125px;
    }

    .Searchdefault #PageHeader,
    .searchdefault #PageHeader,
    .Searchdefault #mainMenu,
    .searchdefault #mainMenu {
        display: block !important;
    }

    #PageHeader {
  background-color: #fff;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 120x;
  clear: both;
  background-size: 300px;
    }

    li.rmItem.rmLast {
        visibility: unset !important;

    }

    #mainMenu a {
        padding-bottom: 16px;
        padding-top: 16px;
        color: #333333;
    }

    #mainMenu a.clickable {
        cursor: pointer;
        border: 0;
    }
}



html,
body {
    min-width: unset;
}

.AddressListSection a {
    font-size: 13px;
    font-weight: bold;
    color: var(--CTAlinkcolor);
    cursor: pointer;
    text-decoration: underline;
}


/* .rmSlide {
    background: #f7f0e4 !important;
} */


.JobCenterAddressSearchBackgroundImageContainer,
div.AddressSearchRightTabCurve,
div.AddressSearchLeftTabCurve,
.AddressSearchTab,
#MainContent_divListActions,
#divSlideHorizontal,
.searchResultHeader {
    background-color: #EFEFEF;
    background-image: none !important;
}

.searchResultHeader {
    color: #333333;
}

div#MainContent_buttonUpdatePanel {
    text-align: left;
}

#MainContent_uploadImage .label {
    text-align: left !important;
}



.signup-maincontent {
    margin-left: 0;
    margin-right: 0;
}

label.form-value.signup-commitment-length.dimension1.cl1111 {
    text-align: center;
    font-size: 15px;
    min-width: 130px;
    padding: 11px;
}

.signup-commitment-length {
    border: 1px solid var(--accentdarkgraycolor);
    background-color: var(--secondarysitecolor);
    color: var(--accentdarkgraycolor);
    text-align: center;
}

.signup-commitment-length-selected {
    background: white;
    border: 1px solid var(--accentredcolor);
    color: var(--accentredcolor);
}

.form-control {
    color: var(--accentdarkgraycolor) !important;
}

.has-feedback .form-control::placeholder {
    color: var(--accentdarkgraycolor) !important;
}

.signup-dimension {
    padding-top: 0px;
}

label.form-label {
    padding: 0px;
    margin-bottom: 0px;
}

.page_instructions {
    font-size: 18px;
    color: var(--accentdarkgraycolor);
    margin-bottom: 0px;
    font-weight: normal;
}

h3#lblSubHeader {
    font-family: var(--sitesecondryfont);
    font-weight: bold;
    color: #333333;
}

.form-label {
    color: #333333;
}

span#MainContent_lblPageHeader,
.page_title,
.templateTitle,
.signup-lblSubscriptionSummary,
#MainContent_lblUpdateContactInformation,
#SearchOptionHeader h1 {
    font-family: var(--sitesecondryfont);
    color: var(--accentsitecolor);
}

.signup-payment-item input[type=checkbox] {
    accent-color: var(--accentredcolor);
    margin: 0px 6px 21px;
    width: 18px;
    height: 18px;
}

.signup-payment-item,
.signup-payment-cost {
    color: var(--accentdarkgraycolor);
}

.signup-payment-plan {
    border: 1px solid var(--accentdarkgraycolor);
}

.signup-subscription-plan-selected .signup-payment-item,
.signup-subscription-plan-selected .signup-payment-cost {
    color: #333333;
}

.signup-subscription-plan-selected {
    box-sizing: border-box;
    border: 1px solid var(--accentredcolor);
}

.signup-subscriptionItemSelected {
    color: var(--accentredcolor);
}

.SubscriptionsSignup .pageBodyWrapper {
    margin-left: 10%;
    margin-right: 10%;
}

.SubscriptionsSignup #ShoppingCartOrderLines {
    left: 0px;
}

.CFMCFM #ShoppingCartOrderLines {
    left: 0px;
}

.signup-coopSummaryDetail {
    margin: 15px;
    margin-bottom: 5px;
}

lnkbtnBackToResults .signup-lblSubscriptionSummary {
    font-weight: bold;
    font-size: 21px;
    line-height: 24px;
    lnkbtnBackToResults
}

.signup-lblCoopSummary {
    font-weight: bold;
}

/* .formio-component-submit {
    display: none;
} */
.ActionButtonContainer input#SubmitButton {
    margin-left: 15px;
    border-radius: 6px !important;
    font-weight: normal;
}

.signup-subscriptionItemSelected,
div#signupformio {
    margin-left: 15px;
    margin-right: 15px;
}

span#MainContent_FulfillmentFormNotice {
    color: #333333;
    font-size: 17px;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
}

label.control-label.field-required {
    color: #333333;
    display: inline-block;
    font-weight: normal;
}

.choices.form-group.formio-choices {
    /* width: 230px;
    display: inline-block;
    margin-left: 10px; */
}

.signup-lblCommitmentLength {
    font-weight: normal;
}

div#nameyoursubscription {
    display: none !important;
}

.signup-subscriptionItemSelected {
    padding-bottom: 30px;
    font-weight: normal;
}

.signup-choose-your-payment {
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 20px;
    color: var(--accentdarkgraycolor);
}

.signup-itemselection-right {
    color: var(--accentdarkgraycolor);
}

.u-userLauncherColor {
    background-color: #ff020b !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

div#ui-datepicker-div {
    z-index: 9999 !important;
}

/* CFM CSS UPDATE 02-MARCH-23 */
/* .has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: var(--accentredcolor) !important;
}
 */
.CFMCFM.default {
    font-family: var(--sitemainfont) !important;

}

.CFMCFM.default .mat-error {
    /* color: var(--accentredcolor) !important; */
}

.CFMCFM.default p,
.CFMCFM.default span,
.CFMCFM.default div,
.CFMCFM.default tr,
.CFMCFM.default td,
.CFMCFM.default table,
.CFMCFM.default strong {
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .form-control {
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default h1 span,
.CFMCFM.default h1 {
    font-family: var(--sitesecondryfont) !important;
    color: var(--primarysitecolor) !important;
}

.CFMCFM.default .overview-div {
    color: var(--primarysitecolor) !important;
}

.CFMCFM.default .marginBottom10 {
    font-family: var(--sitemainfont) !important;

}

.CFMCFM.default .db-panel-header {
    color: var(--primarysitecolor) !important;
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .navbar-nav>li>a>span {
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .overview-first-row {
    color: var(--CTAlinkcolor) !important;
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default a,
.link {
    color: var(--CTAlinkcolor) !important;
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .nav-tabs>li.active>a {
    color: var(--CTAlinkcolor) !important;
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default span {
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .ui-table .ui-table-tbody>tr>td {
    font-family: var(--sitemainfont) !important;
    color: var(--accentdarkgraycolor) !important;
}

.CFMCFM.default .ui-table .ui-table-thead>tr>th {
    font-family: var(--sitemainfont) !important;
    color: var(--primarysitecolor) !important;
}

.CFMCFM.default .quick-links .header {
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .transaction-amount {
    font-family: var(--sitemainfont) !important;
    color: var(--accentdarkgraycolor) !important;
}

.CFMCFM.default .db-expiry-data div {
    font-family: var(--sitemainfont) !important;
    color: var(--accentdarkgraycolor) !important;
}

.CFMCFM.default div {
    font-family: var(--sitemainfont) !important;

}

.CFMCFM.default div#upShoppingCartWidget {
    z-index: 99999;
}

.CFMCFM.default button.dd-button,
.CFMCFM.default button.dd-button.mob-filter-btn,
.CFMCFM.default button.dd-button.mob-search-btn,
.CFMCFM.default .dd-button.search-button-custom {
    background-color: var(--accentredcolor) !important;
}

.CFMCFM.default button.primary-button,
.CFMCFM.default button.mob-filter-btn,
.CFMCFM.default button.mob-filter-btn.mob-search-btn,
.CFMCFM.default button.primary-button.mob-filter-btn,
.CFMCFM.default button.mob-filter-btn,
.CFMCFM.default button.primary-button.mob-search-btn,
.CFMCFM.default .primary-button.search-button-custom,
.CFMCFM.default .search-button-custom.mob-filter-btn {
    background-color: var(--accentredcolor) !important;
}

.CFMCFM.default button.search-button,
.CFMCFM.default button.search-button.mob-filter-btn,
.CFMCFM.default button.search-button.mob-search-btn,
.CFMCFM.default button.search-button-custom,
.CFMCFM.default .search-button-custom.mob-filter-btn,
.CFMCFM.default .search-button-custom.mob-search-btn,
.CFMCFM.default .search-button.search-button-custom,
.CFMCFM.default .search-button-custom .CFMCFM.CFMCFM.default label {
    background-color: var(--accentredcolor) !important;
}

.CFMCFM.default button.other-button,
.CFMCFM.default button.other-button.mob-filter-btn,
.CFMCFM.default button.mob-search-btn,
.CFMCFM.default button.mob-search-btn.mob-filter-btn,
.CFMCFM.default button.other-button.mob-search-btn,
.CFMCFM.default button.mob-search-btn,
.CFMCFM.default .other-button.search-button-custom,
.CFMCFM.default .search-button-custom.mob-search-btn {
    border: 1px solid var(--accentredcolor) !important;
    color: var(--accentredcolor);
}

.CFMCFM.default.RadMenu .rmHorizontal .rmText {
    font-family: var(--sitemainfont) !important;
}

.CFMCFM.default .fa {
    font-family: FontAwesome !important;
}

.CFMCFM.default button.primary-button .material-icons {
    color: #fff !important;
}

.CFMCFM.default .program-card .date-labels {
    color: var(--accentdarkgraycolor) !important;
}

.CFMCFM.default .primary-button .marginLeft5 {
    color: #fff !important;
}

.CFMCFM.default .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    border: 1px solid var(--CTAlinkcolor) !important;
    color: var(--CTAlinkcolor) !important;
}

.CFMCFM.default .dropdown .dropdown-menu>li>a.submit-menu-item:hover {
    color: #ffffff !important;
    background-color: var(--CTAlinkcolor);
}

.CFMCFM.default .PrimaryActionButton {
    padding: 8px 15px;
}

/* div#FooterCustomHtml {
    height: 160px;
} */

/* SSKIN-7685 - BBNCI-4997 */
.signup-subscriptionItemSelection #divformio .btn-primary {
    display: none;
}


/* BBNCI-4975 */
.default .overview-second-row>a {
    color: var(--CTAlinkcolor) !important;
}

body,
.mat-card {
    color: var(--accentdarkgraycolor) !important;
}

/* SSKIN-7780 */
body.SubscriptionsManage .tab {
    color: #333333 !important;
}

body.SubscriptionsManage .tab.active {
    background-color: var(--primarybuttonhovercolor) !important;
    color: #fff !important
}

/*SSKIN-7781*/
ul.rmRootGroup.rmHorizontal,
.RadMenu .rmRootGroup.rmHorizontal>.rmItem {
    border: 0;
    border-width: 0 !important;
    padding-right: 10px;
}

body.ReportingEmailReports .RadMenu .rmGroup .rmLink {
    padding: 0;
}

/* ---------- */
.filter-container {
    padding: 0px !important;
    position: absolute !important;
    right: 25px !important;
    top: -70px !important;
    z-index: 999 !important;
}

.filter-container a.btn.btn-link {
    color: var(--workcenter-primary-color) !important
}


/* ---- */

/*Remove broken radio button options on Import List page*/
#MainContent_MainContent_rbImportToAddressBook,
#MainContent_MainContent_rbImportToList,
#s2id_MainContent_MainContent_multiselectFilterControl_multiselect {
    display: none !important;
}

span.unread-count {
    background: var(--accentredcolor) !important;
}

#SelfRegistrationContent {
    margin: 0 auto !important;
    margin-bottom: 50px!important;
padding-left: 0px!important;
}
/* body.MyAccountUser input#MainContent_CopyUser {
    display: none;
} */

/* SSKIN-9017 Start */
.JobCenterDeliveryForm #ParentContentDiv {
    margin-left: 0%;
}
.JobCenterDeliveryForm .DeliverySubmitContainer {
    text-align: left;
}
/* SSKIN-9017 End */


input#MainContent_btnCancelForgotPassword {
    background: #fff;
    border: 0;
}

/* SSKIN-10445 17-05-2024 */
.searchdefault .search-summary-page-size, .searchDefault .search-summary-page-size{
    padding: 0px 0 10px !important;
}
.searchdefault .product-card.card, .searchDefault .product-card.card{
    box-shadow: 0 0 4px #c2c2c2 !important;
}
.searchdefault .product-card.card.product-card.card:nth-of-type(4n), .searchDefault .product-card.card:nth-of-type(24){
    margin-right: 0 !important;
}
.searchdefault .search-results-component, .searchDefault .search-results-component{
    padding: 0 0px 0px 10px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px;
}
@media screen and (min-width:1756px) and (max-width:1920px) {
    .searchdefault .product-card.card, .searchDefault .product-card.card{
        width: 22rem !important;
    }
}

@media screen and (max-width:1366px) {
    .searchdefault .product-card.card, .searchDefault .product-card.card{
        width: 17.6rem !important;
    }
}

/* SSKIN-10445 17-05-2024 */

.JobCenterDownloadToDesktop #PageContent{
    position: relative;
    min-height: 520px;
}
.JobCenterDownloadToDesktop #Localizedreadyfordownload {
    /* position: absolute; */
    bottom: 40px;
    padding: 20px 0;
    width: 60%;
	font-size:11px;
}
/*SSKIN-10423*/
input#MainContent_btnAddItemToOrder1{Display:none;}
/* SSKIN-10509 */
#MainContent_LPMainContent_IframeHolder{
    margin-bottom: 0 !important;
}
/* SSKIN-10509 */
/* PLP/PDP */
.clearLinkContainer a, .expand-link-container a{
    color: var(--workcenter-primary-color) !important;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin .button{
    background: var(--workcenter-primary-color);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
.search-property-details .property-value a{
    color: var(--workcenter-primary-color) !important;
}
.admin-tool-inner-container .right .button-container .btn{
    background: var(--workcenter-primary-color) !important;
    color: var(--workcenter-primary-text-color) !important;
    border: 0;
}
.admin-tool-inner-container .right .button-container .delete-link {
    color: var(--workcenter-primary-color) !important;
}
.admin-metaset-list .template-title{
    border: 1.5px solid var(--workcenter-primary-color) !important;
}
.quantity-selection .singleitem-quantity-selection .price-details a{
    color: var(--workcenter-primary-color) !important;
}
.quantity-selection .quantity-selection-header a{
    color: var(--workcenter-primary-color) !important;
}
 .admin-metaset-list .template-title.selected-sps{
    border: 1.5px solid var(--workcenter-primary-color) !important;
}
.mat-mdc-tab .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color) !important;
  }
/* PLP/PDP */



.templatePropertyTitleCell {
    background-color: var(--accentdarkgraycolor);
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin .templatePropertyTitle{
    color: var(--workcenter-primary-text-color) !important;
}
.MyAccountUser .businessunitlinkbutton{
    color: var(--primarysitecolor);
}
.buttonsContainer #MainContent_btnCancel_lbCancel{
    color: var(--accentdarkgraycolor);
}
.action-part .box-part .action-box:hover {
    background-color: var(--primarysitecolor);
}
.wc-card.active .card-header {
    border-bottom: 1px solid var(--workcenter-primary-color) !important;
    background-color: var(--workcenter-primary-color) !important;
    border-top-right-radius: 8px;
}
.page-item.active .page-link {
    background-color: var(--workcenter-primary-color) !important;
    color: var(--workcenter-primary-text-color) !important;
}
.imgArrowsAllDirections {
    filter: brightness(0) saturate(100%) invert(20%) sepia(66%) saturate(1890%) hue-rotate(206deg) brightness(92%) contrast(94%);
}


/* Dominos CSS */
#smartLandingPage-PageContent .pageBodyWrapper {
    padding: 10px 0px !important;
}
#smartLandingPage-PageContent #ifVFPSite {
    min-height: calc(100vh - 221px);
}
/* Dominos CSS */

/* contact page style */
.page_title, .instructions, .label{color: var(--accentdarkgraycolor);}
.MiscContactSupport .pageBodyWrapper{width: 100%; max-width: 600px; margin: 0 auto;}
.MiscContactSupport .pageBodyWrapper table{margin-left:0 !important}
table#MainContent_ContactSupportForm_Table1 {width: 100%;}
#MainContent_ContactSupportForm_Table1 input, #MainContent_ContactSupportForm_Table1 textarea {width: 100% !important; border: 1px solid #d3d3d3;}
input:focus-visible {
    border: 0 !important;
    outline: 1px solid #d3d3d3;
}
input#MainContent_ContactSupportForm_btnSubmit {
    width: 120px !important;
    float: right;
	margin-right: 50px;
	margin-top: 0;
	background: #333333;
    border: 0;
    color: #fff;
}
input#MainContent_ContactSupportForm_btnClear {
    width: 120px !important;
    float: right;
    margin-right: 20px;
	margin-top: 0;
	background: #6C757D;
    border: 0;
}
input#MainContent_ContactSupportForm_chkBoxIsContactMe {
    width: auto !important;
}
.instructions{font-size: 14px !important;}
/* contact page style end */


.MyAccountAssetFolder #tblAssets, .MyAccountAssetFolder .dvAssetCollection
{
    width:100%;
}
.JobCenterDownloadToDesktop .adpickuptable
{
    width:90%;
}
.JobCenterDownloadToDesktop .adpickupheader, .JobCenterDownloadToDesktop .adpickuptable
{
    margin-left: 5%;
}
.ToggleDebugPanel img
{
    background: #10092a;
    border-radius:0px;
}

/*delivery form Message field size*/


.product-card-quick-view{

    font-size: 10px !important;
}
.product-card-quick-view:hover{
    background: #404044;
}
.title-container, .facet-single-select-list, .header, .header-text, .sort-selector .mdc-button .mdc-button__label, span.view, .sort-selector .sortByLabel, .favourite-item
{
    font-size: 13px !important;
}
#search-box
{
    font-size: 16px !important;
}
.search-and-browse-wrapper .facet-name, .btn, .flag {
    font-size: 13px !important;
}