/* new workcenter */
:root {
--workcenter-primary-color: #275fd4 !important;
--workcenter-primary-text-color: #ffffff !important;
}
/* end */
/* defaults */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&family=Poppins:wght@400;700&display=swap');

:root {
    --primarysitecolor: #000000;
	--midnightblue:#002b5c;
    --secondarysitecolor: #EFEFEF;
	--accentsitecolor: #275fd4;
	--accentredcolor: #275fd4;
    --accentdarkgraycolor: #4C5055;
	--sitemainfont: 'Roboto', sans-serif;
    --sitesecondryfont: 'Open Sans', sans-serif;;
	--commonfontstyle: normal;
	--commonfontsize: 13px;
	--primarybuttoncolor: #275fd4;
	--primarybuttonhovercolor: #FFA80C;
	--secondarybuttoncolor: #275fd4;
	--secondarybuttonhovercolor: #FFA80C;
    --CTAlinkcolor: #009CDE;
}

html, body

{
    font-size: var(--commonfontsize);
    color:#000;
    font-family: var(--sitemainfont);
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 1000px;
}

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

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: #000 !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, .JobCenterDeliveryForm #pageHeaderContainer  {
    display: block !important;
    font-family: var(--sitesecondryfont);
    margin-bottom: 0px;
}
.MyAccountUser #pageHeaderContainer h1, .MyAccountSearchUser #pageHeaderContainer h1, .Job CenterDeliveryForm #pageHeaderContainer h1 {
    font-family: var(--sitesecondryfont);
    margin-bottom: 0px;
}
.MyAccountUser .pageHeaderWrapper, .MyAccountSearchUser .pageHeaderWrapper, .JobCenterDeliveryForm .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;
}
.login-color-btn, .button:hover, #MainContent_SavedSearchControls1_btnClear:hover
{
	background-color: var(--primarybuttonhovercolor) !important;
    border: 1px solid var(--accentredcolor) !important;
}
input#MainContent_btnCancelForgotPassword {
    background-color: var(--primarybuttonhovercolor) !important;
    border: 1px solid var(--accentredcolor) !important;
    color: #fff ;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: bold;
    width: 120px;
}

#MainContent_Cancel.button, #MainContent_Clear.button, #btnCopy.button, #MainContent_btnCancel.button, #MainContent_SavedSearchControls1_btnClear {
    background-color: var(--primarybuttoncolor);
    border: 1px solid var(--accentsitecolor) ;
    color: #fff ;
}
.page-circle.selected {
    color: #fff;
    background: var(--accentredcolor) !important;
}
.pageHeaderWrapper{
    padding: 25px 42px;
}

.pageBodyWrapper{
    padding:10px 42px;
}

/* page title */

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

/* link */

a,
.link{
	font-size: 13px;
	font-weight: bold;
	/* color: var(--CTAlinkcolor) !important; */
    cursor: pointer;
    text-decoration:underline;
}
.title-container
{
    color: #000000 !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 #000;
	font-weight: bold;
    padding:0 10px;
    text-align:left;
}

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

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

/* 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: 600;
	border: 0;
	padding: 10px 15px;
    cursor:pointer;
    border-radius:0.25rem !important;
    margin-top:10px;
    font-family: var(--sitemainfont);
}
.btn-primary{color: #fff;
    background-color: var(--accentsitecolor) !important;
    border-color: var(--accentsitecolor) !important;}

.SecondaryActionButton:hover,
.PrimaryActionButton:hover{
    background-color:var(--accentredcolor);
}

.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;
}
.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: #000000;
    border-bottom: 1px solid #cccccc;
    line-height: 22px;
    text-align: left;
}

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

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

.PageHeaderLoginDisplay a:visited
{
    color: black;
}

.PageHeaderLoginDisplay a:hover
{
    color: black;
}

.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:#000000;
}
.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: 30px;
    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: #000000;
    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:#000;
    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;
	font-size: 14px;
}
.LoginForgotPassword .alert {
    font-size: 14px;
}

.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: #000000;
    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: #000000;
    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: #000000;
    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: #000000;
    width: 250px;
    padding-left: 3px;
}
.ebrochureDelOptionInput select
{
    font-size: 11px;
    font-family:var(--sitemainfont);
    color: #000000;
    width: 125px;
    padding-left: 3px;
}
.delOptionInput
{
    font-size: 11px;
    font-family:var(--sitemainfont);
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
}

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

.delOptionInputMulti
{
    font-size: 11px;
    font-family:var(--sitemainfont);
    color: #000000;
    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: #000000;
    font-size: 14px;
    font-weight: bold;
}
.UserAcceptanceInstructions
{
    padding-top: 8px;
    display: inline;
    font-family:var(--sitemainfont);
    color: #000000;
}

.AdBuilderSearchCreative .openFullScreenButton {
    display:block;
    position: absolute;
    right: 10px;
    color:#000;
    background:#fff;
}
.AdBuilderSearchCreative .closeFullScreenButton {
    display:none;
    color:#000;
    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: #000000;
}

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

.eventimage
{
    overflow: visible;
}

.event_gridview
{
    clear: left;
}

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

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

.customOptionInputMulti textarea
{
    font-size: 11px;
    font-family:var(--sitemainfont);
    color: #000000;
    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: #000000;
    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: #000000;
}

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

.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: #000000;
}
.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: #000000;
    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 #000;
    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 #000000;*/
}
.BasicShippingContainer
{
    padding: 8px;
}
.ShippingGroupContainer
{
	/*border-right: solid 1px #000000;
	border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
	*/
	border: solid 1px #000000;
}
.ShippingNotRequiredContainer
{
	margin-top: 25px;
	margin-bottom: 20px;
	border: solid 2px #000000;
}
.OrderTotalsContainer
{
	border-top: solid 15px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.tdOrderLineShippingQuantity input[type=text]
{
    width: 40px;
}
.SetShippingAddress
{
    font-weight: bold;
    display: inline-block;
}
.SetShippingContact
{
    font-weight: bold;
    float: right;
}
.OrderLineSingleLineContainer
{
    border-bottom: solid 1px #000000;
    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 #000;
    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:#000;
    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 #000;
}

.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-bottom: solid 1px black;
    padding: 5px;
}
#displaySCdetails
{
    border: solid 1px black;
    width: 260px;
    float: right;
}
.SCMoreItems
{
    background-color: #eeeeee;
    text-align: center;
    color: #ff0000;
}
.SCOverlayHeader
{
    background-color: #333333;
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    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: #000000;
    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: #000000;
    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;
}

.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: #000000;
   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: #000000;
    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:#000;  
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: #000000;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 black;
}


.LinkedCartRowOrderLine {
    border-bottom: 1px solid black;
    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: #000000;padding-bottom: 15px;}
.Heading_H4{font-size: 20px;color: #000000;padding-bottom: 15px; display:block;}
.Heading_H5{color: #000000;font-size: 18px;padding-bottom:15px; display:block;}
.Heading_H6{color: #000000;font-size: 16px;margin-left:-4px;display:block;}
.Heading_H7{color: #000000;font-size: 14px;margin-left:-4px;display:block;}
/*.FormLabel{font-size: 13px;color: #000000;font-weight: bold;}
.FormValue{font-size: 13px;color: #000000;}*/
.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: #000000;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: #000000;padding-bottom: 15px;padding-top: 15px;}
.CategorySearchLink{font-size: 14px;font-weight: bold;color: #000000;}
.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 #000000;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: #000;}
.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: #000;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 #000000;
}

.JobCenterReviewOrderApprovals .PaymentDetailsContainer,
.OrderManagementOrderDetails .PaymentDetailsContainer{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding:0;
}

.JobCenterReviewOrderApprovals .PaymentHeading,
.OrderManagementOrderDetails .PaymentHeading{
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 10px;
}

.JobCenterReviewOrderApprovals .CFPaymentConfirm,
.OrderManagementOrderDetails .CFPaymentConfirm{
	border-bottom: solid 1px #000000;
}

.JobCenterReviewOrderApprovals .PaymentContainer,
.OrderManagementOrderDetails .PaymentContainer {
	padding: 8px;
	min-height: 90px;
	padding-bottom: 8px;
}

.JobCenterReviewOrderApprovals .AdditionalPaymentContainer,
.OrderManagementOrderDetails .AdditionalPaymentContainer {
  border-top: solid 1px #000000;
}

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

.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:250px; 
    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: 800px;
}


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

.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: #000000;
	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 #000;}
#gvCoopApprovalDetails td:last-child {border-right: none;}
#gvCoopApprovalDetails th {border-right: 1px solid #000;}
#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: #000;
             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: var(--midnightblue);
            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: #000000;
        }

		#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: #000000;
        }
        #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: #000;
	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{
height:120px;
}
li.rmItem.rmLast{
visibility:unset !important ;

}
#mainMenu a{
    padding-bottom: 16px;
    padding-top: 16px;
color: #000;
}

#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: #000;
}
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: 17px;
    color: var(--midnightblue);
    margin-bottom: 0px;
    font-weight: normal;
}
h3#lblSubHeader {
    font-family: var(--sitesecondryfont);
    font-weight: bold;
    color: var(--midnightblue);
}
.form-label
{
    color: #000000;
}
span#MainContent_lblPageHeader, .page_title, .templateTitle, .signup-lblSubscriptionSummary, #MainContent_lblUpdateContactInformation, #SearchOptionHeader h1
{
    font-family: var(--sitesecondryfont);
}
.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: #000;
}
.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;
}
.signup-lblSubscriptionSummary
{
    font-weight: bold;
    font-size: 21px;
    line-height: 24px;
}
.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: #000000;
    font-size: 17px;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
}
label.control-label.field-required {
    color: #000;
    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: 99 !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(--accentdarkgraycolor) !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: #000 !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;}
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}
/* SSKIN-8560 */
.card-body .pricing-container {display: none;}
/* ---- */

/*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;
}
/* SSKIN-9207 */
span.mat-slide-toggle-bar {
    display: none;
}
/* - */
/* SSKIN-9351 */
.CreateUser_01{font-size:15px;}
.text_success_msg, .text_success_msg a{color:#0eb40e; font-size: 18px;}
/* - */

/* SSKIN-9631 */
.MyAccountLocationsSearchResults table#MainContent_LocationResultGrid input[type="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: 5px 0px;
    -webkit-border-radius: 0.25rem !important;
    cursor: pointer;
}
/* SSKIN-9631 */
/* SSKIN-9684 */
.workcenter-wrapper .toggle{display: none;}
/* ==== */


/* SSKIN-9969 Start */
.button{
    font-size: 16px;
        font-weight: 400;
        border: 1px solid var(--primarybuttoncolor) !important;
        background-color: var(--primarybuttoncolor) !important;
        color: #fff;
        padding: 10px 15px;
        border-radius: 25px !important;
        margin-top: 20px;
        -webkit-border-radius: 25px !important;
        cursor: pointer;
        transition: .5s;
    }
    #btnCreatenewQRcode, #btnCreateQRcodeConfiguration
    {
        border: 1px solid var(--primarybuttoncolor) !important;
        background-color: var(--primarybuttoncolor) !important;
        -webkit-border-radius: 25px !important;
        cursor: pointer;
        transition: .5s;
        border-radius: 25px !important;
    }
    .login-color-btn, .button:hover, #MainContent_SavedSearchControls1_btnClear:hover, #btnCreatenewQRcode:hover, #btnCreateQRcodeConfiguration:hover
    {
        background-color: var(--primarybuttonhovercolor) !important;
        border: 1px solid var(--primarybuttonhovercolor) !important;
        color: #002B5C !important;
    }
/* SSKIN-9969 End */
/* 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;
}
.searchdefault .page-circle.selected{
    color: var(--workcenter-primary-text-color) !important;
    background: 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 */

.banner-component
{
    max-height: unset !important;
}