/* defaults */

:root {
    --workcenter-primary-color: #0053cc;
    --bulkorder-primary-color: #0053cc;
    --workcenter-primary-text-color: #fff;
    --workcenter-secondary-text-color: #0053cc;
    --smarthomepage-secondary-text-color: #000 !important;
}
html, body
{
    font-size: 13px;
    color:#000;
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 1000px;
}

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

h2{
	font-size: 28px;
	font-weight: bold;
}
 
h3{
	font-size: 24px;
	font-weight: bold;
}
 
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: Arial;
}
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 */

#pageHeaderContainer,
#pageBodyContainer{
    width:100%;
}
#pageHeaderContainer{
    background-color: transparent;
    margin-bottom: 10px;
    
}
#pageHeaderContainer div{   /* Tarun */
    display: inline-block;
}
#pageHeaderContainer #subscriptionManagementContainer, 
#subscriptionManagementContainer div {
    display: block;
}
#pageBodyContainer{
    /*padding: 10px 42px;*/
}

.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: #00aeef;
    cursor: pointer;
    text-decoration:underline;
}
.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 0;
	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;
}

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

.AdBuilderComposer .ActionButtonContainer .ActionButton{
    margin-left: 30px;
}

.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: #747072;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border: 0;
	padding: 8px 30px;
    cursor:pointer;
    border-radius:2px;
    margin-top:10px;
}

.SecondaryActionButton:hover,
.PrimaryActionButton:hover{
    background-color:#565455;
}

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

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

.page_instructions{
	font-size: 12px;
	color: #666666;
    margin-bottom:10px;
}

/* misc below.. */

.PageTitle {
    color: #666666;
    font-family: Arial;
    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: "Segoe UI" , Arial, sans-serif;
    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: Arial;
    font-size: 14px;
    font-weight: bold;
}
.totaldiv.section_headers
{
    background-color: #666666;
    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: Arial;
    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;
}

/* Telerik drop down menu styling */
#mainMenu
{
    font-family: Arial;
    background-color: #000000;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    background: url(../Images/menu-bg-light.png) left top;
}
#mainMenu a
{
    color: #000000;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 3px;
    text-decoration: none;
}
#mainMenu a.clickable
{
    cursor: pointer;
}
#mainMenu a:hover
{
    background-color: #999999;
}

#mainMenu * {
    outline: none;
}

.menu
{
    color: #fff;
    background-color: #666666;
    position: absolute;
    visibility: hidden;
    opacity: 0.90;
    filter: alpha(opacity=90);
}
.menu li a
{
    color: #fff;
    background-color: transparent;
    display: block;
    line-height: 1.75em;
    text-decoration: none;
}
.menu li a span
{
    color: #fff;
}
.menu li a:hover
{
    background-color: #e6e7e8;
    color: white;
}
.menu li a:hover span
{
    color: #333;
}

/* Page Header Display
----------------------------------------------------------*/
.HeaderLeftBanner
{
    position: absolute;
    left: 0px;
    height: 100px;
}
.HeaderCenterBanner
{
    position: absolute;
    left: 40%;
    height: 100px;
}
.HeaderRightBanner
{
    position: absolute;
    right: 0px;
    height: 100px;
}
#PageHeader
{
    background-color: #ffffff;
    /*background-image: url(../Images/header-bg.png);*/
    background-repeat:round;
    overflow: hidden;
    height: 110px;
    clear: both;
}
.PageHeaderLoginDisplay
{
    display: block;
    text-align: right;
    padding: 5px;
}
.PageHeaderLoginDisplay a:link
{
    color: black;
}

.PageHeaderLoginDisplay a:visited
{
    color: black;
}

.PageHeaderLoginDisplay a:hover
{
    color: black;
}
.ShoppingCartWidgetPosition
{
    position: absolute;
    top: 25px;
    width: 44px;
    z-index: 950;
    right: 2%;
}
.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
{
    font-size: 9pt;
}
.AdminDebugging
{
    float: left;
    height: 26px;
    padding-left: 4px;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.AdminRibbonToggle
{
    float: left;
    height: 30px;
}

.ToggleDebugPanel img{
    width: 30px;
    background: #000000;
    border-radius: 0px 10px 10px 0px;
}

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

.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: #ccc;
    margin: auto;
    /*height: 1px;*/
    width: 96%;
}

#PageContent
{
    padding: 0;
    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: 0px;
    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: Arial;
    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: 30px;
}

.OverlayHeaderClose
{
    /*background: transparent url('../images/ImgClose.jpg') no-repeat top right; Tarun*/
    background: transparent url('../images/breadcrumbs_deselect_button.png') no-repeat top right;
    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:White;
    font-weight:bold;
    padding-right:10px;
    position:relative;
    top:19px;   
}
.JobCenterDeliveryForm #ParentContentDiv, #DeliveryFormatDiv 
{
    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-image:url('../images/tab-background_1px.png');
    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;
    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: Arial;
    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: Arial;
    font-size: 14px;
    font-weight: bold;
}
.CategoryHeader
{
    color: #6a6a6a;
    font-family: Arial;
    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: Arial;
}

.num_of_location
{
    font-weight: normal;
    font-size: 18pt;
    color: #666666;
    font-style: normal;
    font-family: Arial;
}
.divNameYourAdErrorSummary
{
    color: Red;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    font-family: Arial;
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
}
.divNameYourAdStep1Controls
{
    padding-left: 10px;
    width: 350px;
    display: block;
}
.divNameYourAdStep1Instr
{
    padding-left: 10px;
    width: 100%;
    display: block;
}

#divNameYourAdStep1Controls > rfvJobName
{
    color: Red;
}

.NameYourad_Step2
{
    padding-left: 10px;
}
.text_success_msg
{
    color: Green;
    padding-left: 5px;
}
.divPanelApproval
{
    padding-top: 10px;
    width: 350px;
    display: block;
    padding-bottom: 0px;
    height: auto; /* top:100px; */
}
.divPanelUserAcceptance
{
    display: none;
    padding-top: 6px;
}
.divNameYourAdStep1Controls input[type="Text"]
{
    width: 300px;
    font-size: 11px;
    font-family: Arial;
    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: Arial;
    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: Arial;
    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: Arial;
    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: Arial;
    color: #000000;
    width: 250px;
    padding-left: 3px;
}
.ebrochureDelOptionInput select
{
    font-size: 11px;
    font-family: Arial;
    color: #000000;
    width: 125px;
    padding-left: 3px;
}
.delOptionInput
{
    font-size: 11px;
    font-family: Arial;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
}

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

.delOptionInputMulti
{
    font-size: 11px;
    font-family: Arial;
    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: Arial;
    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: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
.UserAcceptanceInstructions
{
    padding-top: 8px;
    display: inline;
    font-family: Arial;
    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: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
}
.LabelSmallText
{
    font-weight: normal;
    font-size: 8pt;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
}
.LabelText
{
    font-weight: normal;
    font-size: 10pt;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
}
.ErrorText
{
    font-weight: normal;
    font-size: 8pt;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: Red;
}
.SuccessText
{
    font-weight: normal;
    font-size: 8pt;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: Green;
}
.NoteText
{
    font-weight: normal;
    font-size: 8pt;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: Gray;
}
.labeldiv
{
    float: left;
}

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

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

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

.eventimage
{
    overflow: visible;
}

.event_gridview
{
    clear: left;
}

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

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

.customOptionInputMulti textarea
{
    font-size: 11px;
    font-family: Arial;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
    height: 50px;
}

.customforminstructions
{
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    padding-right: 10px;
    vertical-align: top;
    width: 65%;
}

.multilistbox select
{
    font-size: 11px;
    font-family: Arial;
    color: #000000;
    width: 150px;
}

.multilistbox input
{
    font-weight: bold;
    font-size: 10px;
    background-image: url(../images/bg_rec_button.gif);
    cursor: pointer;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial;
    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: Arial;
}

.warningMessage
{
    font-size: 12px;
    color: Maroon;
    font-family: Arial;
}

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

.QuickLinks
{
    width: auto;
    padding-top: 5px;
    padding-right: 5px;
    float: left;
    color: #666666;
    font-family: Arial;
    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: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.BMIMLCRightLabel
{
    display: block;
    font-family: Arial;
    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: Arial;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 250px;
    padding-left: 3px;
}
.divStepBuilderWFSet span
{
    font-family: Arial;
    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: Arial;
    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: 5px;
    padding-bottom: 3px;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
#divAddToDownloadsChk
{
    width: 100%;
    padding-bottom: 10px;
    padding-top: 2px;
    float: left;
    clear: both;
}
.user_searched_for
{
    color: #6a6a6a;
    font-family: Arial;
    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;
    padding-bottom: 10px;
}
.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: Verdana, Arial, Sans-Serif;
    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;
}

.ItemNameText {
    margin-bottom: 5px;
    margin-top: 15px;
}
/* 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;
}

.ChannelFundAccountNameConfirm
{
    margin-left:5px;
}
/* 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: #666666;
    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;
    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: #666666;
    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: Arial;
    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: Arial;
    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: Arial;
    color: #000000;
    width: 150px;
}

.mappingmultilistbox input
{
    font-weight: bold;
    font-size: 10px;
    background-image: url(../images/bg_rec_button.gif);
    cursor: pointer;
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial;
    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;
}

.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:Green;
    font-weight:bold;
}
.ellipsis
{
    display:inline-block; 
    padding:0 10px;
}
.JobCenterOrderActionsHoverLink
{
    color:#0000EE;
    cursor:pointer;
    margin-top:10px;    
}
.JobCenterHyperLinkContainerDiv
{
    margin-bottom:5px;        
}
.JobCenterHyperLinkContainerDiv:last-child
{
    margin-bottom:0;        
}
.JobCenterHyperLinkContainerDiv a
{ 
    text-decoration:none;
}
.JobCenterDeliveryOptionsDropDown 
{
    
}
#jobCenterFooterRow
{
    display:none;    
}
.JobCenterDeliveryOptionsImageButtonDiv
{
    width:200px;
    height:100px;
    background-image:url(../images/deliverOptionsBackground.png);
    cursor:pointer; 
    text-align:center;
    font-size:20px;
    line-height:100px; 
    font-weight:bold;
}
.JobCentercancelOrderLineImageButtonDiv
{
    width:200px;
    height:100px;
    background-image:url(../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: #666666;
    font-family: Arial;
    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
}


#ShoppingCartOrderLines {
    text-align: center;
    position: relative;
    top: 22px;
    font-size: 17px;
    color: #000000;
}

.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: #00aeef;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: #00aeef;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: #666666}

.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: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
    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;
}
.headerTitle{cursor:pointer;}
.headerSearch{padding-top:0px !important;display:none;}
.headerSearch span{color: #000;font-size: 11px;}
.headerSearch input[type="text"]{width: 65%;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;}
.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;
}

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

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

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

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

.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: 'Roboto', sans-serif;
    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: 'Roboto', sans-serif;
    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: #00aeef;
    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:#f2dede;
    border:1px 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: normal 12px "Segoe UI",Arial,Sans-serif;
    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: 'Source Sans Pro';
}

    #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 !important;
            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: "Slate pro";
            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: "Slate pro";
            color: #FA6400;
        }

		#body1.product-detail-page-content #PageContent .ResultCellHeader span {
			color: black;
		}

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

		#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;
        }
        #body1.product-detail-page-content #PageContent .divTextItemValue .results_data {
            display: inline-block;
            margin-bottom: 24px;
        }

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

        #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: #006EF5;
            font-family: 'Source Sans Pro';
        }

            #body1.product-detail-page-content #PageContent .PrimaryActionButton:disabled, #body1.product-detail-page-content #PageContent .SecondaryActionButton:disabled {
                background-color: #006EF5;
                opacity: 0.5;
            }

            #body1.product-detail-page-content #PageContent .PrimaryActionButton:hover, #body1.product-detail-page-content #PageContent .SecondaryActionButton:hover {
                background-color: #005DD4;
            }

            #body1.product-detail-page-content #PageContent .PrimaryActionButton:disabled:hover, #body1.product-detail-page-content #PageContent .SecondaryActionButton:disabled:hover {
                background-color: #006EF5;
            }

        #body1.product-detail-page-content #PageContent .FormLabel_Link, #body1.product-detail-page-content #PageContent a {
            color: #006EF5;
            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: #006EF5;
            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: "Slate pro";
	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: 'Source Sans Pro';
}

/* 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: "Slate pro";
	margin-bottom: 0px;
	padding: 5px 10px;
    max-width: 300px;					
}

.spBackOrder {
    color: #FA6400;
    font-size: 14px;
	font-weight: 700;
}
/* END Product Detail Page - BackOrder */



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

/* END Order Detail Page - Text Customization */

.admin-wfs-innercontent{
	display: flow-root;
	margin: 10px;
}

.admin-wfs-column {
	float: left;
	width: 50%;
}

.admin-wfs-textbox {
	margin-right: 1px !important;
}

.admin-wfs-info {
	height: 15px;
	width: 15px;
	position: absolute;
	padding-top: 3px;
	padding-left: 3px;
}



/*css for favourites*/
.wishlist-heart-group {
  display: inline-block;
  height: 40px;
  width: 40px;
}
svg{
  cursor:pointer;
}

.wishlist-heart-group input[type=checkbox] + label svg {
  transform: rotate(0deg);
}

.wishlist-heart-group input[type=checkbox]:checked + label svg {
  -webkit-animation: wishlist-heart-wiggle 400ms 50ms forwards ease-in-out;
  animation: wishlist-heart-wiggle 400ms 50ms forwards ease-in-out;
}

.wishlist-heart-group input[type=checkbox]:checked + label svg #heart-path {
  -webkit-animation: wishlist-heart-add 300ms forwards;
  animation: wishlist-heart-add 300ms forwards;
  stroke: #007bff;
}

.wishlist-heart-group input[type=checkbox] + label svg #heart-path {
  transition: fill 200ms;
}

.wishlist-heart-group input[type=checkbox] + label:hover svg #heart-path {
  transition: stroke 150ms linear;
  stroke: #007bff;
}

.wishlist-heart-group input[type=checkbox] + label:before {
  align-items: center;
  border-radius: 3px;
  box-sizing: border-box;
  color: #FFF;
  content: attr(data-hover-text);
  display: flex;
  font-size: 0.8em;
  height: 25px;
  justify-content: center;
  left: 50%;
  line-height: 1;
  opacity: 0;
  padding: 0.5em;
  position: absolute;
  text-align: center;
  top: -2.25em;
  transform: translateX(-50%);
  transition: opacity 100ms linear;
  white-space: pre;
}

.wishlist-heart-group input[type=checkbox] + label:hover:before {
  opacity: 1;
  transition-delay: 400ms;
}

.wishlist-heart-group label {
  display: inline-block;
  position: relative;
  width: 100%;
}

@-webkit-keyframes wishlist-heart-wiggle {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(8deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes wishlist-heart-wiggle {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(8deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes wishlist-heart-add {
  0% {
    stroke-width: 5;
  }

  50% {
    stroke-width: 20;
  }

  100% {
    fill: #007bff;
    stroke-width: 5;
  }
}

@keyframes wishlist-heart-add {
  0% {
    stroke-width: 5;
  }

  50% {
    stroke-width: 20;
  }

  100% {
    fill: #007bff;
    stroke-width: 5;
  }
}
.favourite {
    position: absolute;
    top: 35px;
    right: 35px;
    visibility: hidden;
    cursor: pointer;
	z-index:100;
}
/*End of Favourite*/

/*Start of New Signup Form*/
.signup-payment-plan {
  box-sizing: border-box;
  height: 110px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin-bottom:20px;
}

.signup-payment-item {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  margin:30px;
  width:90%
}

.signup-signupfootnote{
	display: inline-block;
}

.signup-payment-cost{
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  margin: 30px 15px;
  text-align:right;
}

.signup-setup-cost{
  float: right;
  font-size: 14px;
}

.signup-commitment-length {
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
	padding: 10px 20px;
	margin-right: 20px;
	cursor: pointer;
	background-color: rgba(165,165,165,0.11);
	width: 130px;
	border: 1px solid #AAAAAA;
	border-radius: 8px;
	background-color: rgba(165,165,165,0.11);

}

.signup-commitment-length-selected{
    background: white;
	border: 1px solid #B51A1E;
	color: #B51A1E;
}

.signup-item-selection-header{
	margin-top:10px;
	margin-bottom:10px;
}

.signup-chk-payment-plan{
	width: 25px;
    height: 24px;
	border:0;
	border: none;
    outline:none;
}
.signup-subscriptionItemSelection{
	float:left;
	width:60%;
}

.signup-itemselection-left{
	display:block !important;
}

.signup-itemselection-right{
	float: right;
    width: 30%;
    border-left: 1px solid #D5D5D5;
    padding-left: 2%;
    min-height: 300px;
	display:none;
}

.signup-lblCoopSummary {
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 15px;
}

.signup-lblSubscriptionSummary {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 10px;
}

.signup-lblCommitmentLength {
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  margin-top: 15px;
}

.signup-commitmentLengths {
  font-weight: 400;
}


.signup-subscription-plan{
	min-height:250px;
}
.signup-subscription-plan-selected{
  box-sizing: border-box;
  border: 1px solid #B51A1E;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.signup-subscription-image{
	height:174px;
	width:274px;
}

.signup-choose-your-payment {
  color: #2E2025;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.signup-maincontent{
	margin-left:10%;
	margin-right:10%;
}

.signup-subscriptionItemSelected{
  color:#B51A1E;
  font-size: 18px;
  font-weight: 500;
  display:none;
  padding-bottom:10px;
}

.signup-coopSummaryDetail {
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.signup-dimensionValue{
	display : inline-block;
	
}

.signup-select{
	height: 40px;
    width: 50%;
    padding-left: 10px;
	font-size: 16px;
}

.signup-dimension{
    padding-top: 20px;
    padding-down: 20px;
}

.signup-paymentplannotfound{	
    padding-top: 20px;
	font-size: 16px;
	font-weight:600;
	color:#B51A1E;
}

.signup-item-length{
	 padding-top: 2px;
}

.signup-campaign-div{
	margin-top: 15px;
    margin-bottom: 15px;
}

.signup-campaign-datepicker-div{
	margin-top: 15px;
	width: 35%;
}

.signup-campaign-label{
	color: #2E2025;
    font-size: 18px;
    font-weight: 500;
}

.signup-campaign-calender{
	position: absolute;
    padding: 3px;
	margin-left: -35px;
}

.gj-textbox-md {
	border: 1px solid #DFDFDF !important;
    border-radius: 2px !important;	
	line-height: 20px !important;
	padding-left: 5px !important;
}

.gj-icon {
	top: 3px !important;
}

.gj-picker-md {
	padding: 18px 10px 0px 10px !important;
	border-radius: 4px !important;
}

.gj-picker-md div[role=navigator] {
    height: 40px !important;
    line-height: 30px !important;
}

.gj-picker-md table tr td.today div {
    color: #B51A1E !important;
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
	background: #B51A1E !important;	
}

.gj-button-md { 
	color: #B51A1E !important;
}
/* End of New signup form */

.newAssetIframeImage {
    height: 85vh;
    width: 200%;
    border: none;
    overflow: hidden;
}

/* Start of PDP Gallery Overlay */

.listitemClass		
{		
	border: 1px solid #006400;		
}	
.dvPreviewImages{	
	display:flex;	
	flex-wrap:wrap;	
}	
.deleteThumbnail{	
	position: absolute; 	
	margin-top: 1%; 	
	width: 13px; 	
	height: 13px;	
}	
.imgThumbnailImage{	
	height:125px;	
	width: 150px;	
	padding-right:5px	
}	
.divThumbnailImage{	
	border: 1px dashed #000;	
	margin: 5px;	
}	
.UpdateDefaultImgSuccessMessage	
{	
	margin-left: 14px;	
	margin-top: 6px;	
	color: green;	
	font-weight: 600;	
	opacity: 0.7;	
	animation: fadeInAnimation ease 3s;	
	animation-iteration-count: 1;	
	animation-fill-mode: forwards;	
}
.deleteImgSuccessMessage	
{	
	margin-left: 14px;	
	margin-top: 6px;	
	color: green;	
	font-weight: 600;	
	opacity: 0.7;	
	animation: fadeInAnimation ease 3s;	
	animation-iteration-count: 1;	
	animation-fill-mode: forwards;	
}	
.btnSetDefaultThumbnaiI{	
	margin-left: 6px;	
	margin-bottom: 6px;	
}
.fadeImage{
	opacity: 0.5;
}
.defaultImageSelected{
	border: 3px solid #000;
}
/* END of PDP Gallery Overlay */

/* Start of New Workcenter */

.workcenter-buttonToggleContainer{
    display: inline;
}

.workcenter-switch {
 position: relative;
display: inline-block;
width: 49px;
height: 23px;
bottom: 4px;
}

    .workcenter-switch input { 
      opacity: 0;
      width: 0;
      height: 0;
    }

    .workcenter-slider {
     position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    }

    .workcenter-slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 18px;
    left: 3px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    }

    input:checked + .workcenter-slider {
      background-color: var(--workcenter-primary-color);
    }

    input:focus + .workcenter-slider {
      box-shadow: 0 0 1px var(--workcenter-primary-color);
    }

    input:checked + .workcenter-slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .workcenter-slider.wc-round {
      border-radius: 34px;
    }

    .workcenter-slider.wc-round:before {
      border-radius: 50%;
    }
    .toggleNewWorkCenter{
        margin-top: 30px 
    }

/* End of New Workcenter */
/* Start of BulkOrder */

.orderTypeCheckForBulkOrders{
    display: none;
    margin-bottom: 20px;
}

.orderType-text p{
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.bulkorder-checkbox{
    width: 188px;
    height: 44px;
}

.bulkorder-checkbox input{
    display: none;
}

.bulkorder-checkbox label{
    height: 100%;
    width: 100%;
}

.bulkorder-checkbox label > .status-switch{
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f0f0f0;
    color: #606060;
    transition: all 0.3s ease;
    padding: 3px;
    border-radius: 6px;
}

.bulkorder-checkbox label > .status-switch:before,
.bulkorder-checkbox label > .status-switch:after{
    border-radius: 2px;
    height: 38px !important;
    width: 91px !important;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    transition: all 0.3s ease;
}

.bulkorder-checkbox label > .status-switch:before{
    background-color: white;
    color: #0053cc;
    left: 3px;
    z-index: 5;
    content: attr(data-unchecked);
    width: 91px !important;
    height: 38px !important;
    border-radius: 4px;
}

.bulkorder-checkbox label > .status-switch:after{
    right: 0;
    content: attr(data-checked);
}

.bulkorder-checkbox input:checked + label > .status-switch:before{
    left: 50%;
    content: attr(data-checked);
}

.bulkorder-checkbox input:checked + label > .status-switch:after{
    left: 0;
    content: attr(data-unchecked);
}
   
/* End of BulkOrder */
/* Landingpage 9 */

.smartLandingPage-main-header {
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    height: 7vh;
    z-index: 1010;
    position: relative;
    box-sizing: unset !important;
    border-bottom: 1px solid #F2F3F5;
    line-height: normal !important;
}

.smartLandingPage-header-menu {
    display: flex;
    align-items: center;
    margin-left: 2%;
    width: 38%;
}
#smartLandingPage-MenuList{
position: relative;
z-index: 1000;
display: flex;
list-style: none;
margin-left: 3%;
gap: 10px;
}
#smartLandingPage-MenuList>ul{
    padding: 0px;
	margin-top: 13px;
	margin-bottom: 13px
}
#smartLandingPage-MenuList>ul>li>a{
text-decoration: none !important;
color: #484848;
font-size: 14px;
font-weight: 500;
font-family: 'Roboto', sans-serif !important;
cursor: pointer;
}

.smartLandingPage-logo{
    margin-left: 16%;
}
.smartLandingPage-logo>a>img {
    position: relative;
    width: 9vw;
    top: 3px;
}

.smartLandingPage-MenuList{
    height: 31px;
    width: 73px;
    left: 5.2%;
    position: relative;
    border: 0 solid #979797;
    border-radius: 6px;
    padding: 5px 5px 6px 8px;
    background: white;
}

.smartLandingPage-menuDetails {
    display: none;
    border-top: 1px solid #E7E7E7;
    margin-top: 16px;
    position: absolute;
    background-color: white;
    z-index: 1000;
    min-height: auto;
    max-height: 86vh;
    overflow: hidden;
    padding: 5px 0px 15px 0px;
    width: 100%;
}

#smartLandingPage-ParentMenuArrow {
    position: absolute;
    display: none;
    box-sizing: content-box !important;
    border: solid #E7E7E7;
    border-width: 0 1px 1px 0px;
    padding: 7px;
    border-bottom-right-radius: 4px;
    z-index: 1010;
    transform: translateX(-50%) rotate(-135deg);
    background: white;
    width: 0px;
    height: 0px;
    margin-top: 49px;
}
@supports (-moz-appearance:none) {
    #smartLandingPage-ParentMenuArrow {
      margin-top: 8.4vh;
    }
  }
.smartLandingPage-megaMenu-item{
    padding-bottom: 25px;
}
.smartLandingPage-megaMenuParent{
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.smartLandingPage-MenuSection{
    margin-left: 7.5%;
    padding: 0px;
    width: 87%;
    display: flex;
    margin-bottom: 2%;
    gap: 21px;
    position: relative;
    top: 10px;

}
#smartLandingPage-MegaMenu{
    position: absolute;
}
.smartLandingPage-child{
    list-style-type: none;
    padding: 15px 0px 0px 0px;
    position: relative;
    width: 20%;
}
.smartLandingPage-childWithNoChild{
    list-style-type: none;
    width: 20%;
    padding: 10px 10px 10px 0px;
    position: relative;
    left: -12px;
}

.smartLandingPage-child>a,
.smartLandingPage-subSubMenu>li>a{
    color: black;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    font-family: 'Roboto slab';
    white-space: nowrap;
    text-transform: uppercase;
    cursor: context-menu;
	border-radius: 6px;
    padding: 5px 13px 5px 12px;

}

.smartLandingPage-child>span>span{
    content: "";
}
.smartLandingPage-megaMenuChild{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;

}
.smartLandingPage-subChild{
    list-style: none;
    padding: 15px 0px 0px 0px;
    white-space: nowrap;
}
.smartLandingPage-subChildWithNoChild{
    list-style: none;
    padding: 15px 0px 0px 0px;
    white-space: nowrap;
    position: relative;
    width: 20%;
}
.smartLandingPage-subChildWithNoChild>a{
    background: white;
    border-radius: 6px;
    padding: 5px 13px 5px 12px;
    box-sizing: content-box !important;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    font-family:  'Roboto slab' !important;
    cursor: context-menu;
}

.smartLandingPage-megaMenuSubChild{
     list-style: none;
    font-family:  'Roboto', sans-serif;
    font-weight: 400;
    text-decoration: none !important;
    white-space: nowrap;
}
.smartLandingPage-childArrow{
    width: 2%;
    margin-left: -14px;
}
.header-menu-item{
    position: relative;
    list-style: none;
    white-space: nowrap;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;

}

.header-menu-item:hover{
    position: relative;
    list-style: none;
    white-space: nowrap;
    background: rgb(241, 243, 244) !important;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
}
.subMenuChild{
    list-style: none;
    padding: 0px;
}
.subMenuChild>li>a{
    text-decoration: none;
    color: #484848;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
}
.smartLandingPage-childOfsubChild{
    padding: 15px 0px 0px 0px;;
}
#closebtn{
    position: relative;
    right: 2%;
    padding: 10px;
    float: right;
}
#closebtn:hover{
background-color: #E7E7E7;
border-radius: 6px;
}
#closebtn:focus {
    outline: none;
}

.smartLandingPage-header-icons {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 8%;
    margin-top: 4px;
}

.smartLandingPage-header-icons:before {
    display: table;
    content: "";
}

.smartLandingPage-search {
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    width: 500px;
    border: 1px solid #f1f3f4;
    border-radius: 6px;
    background-color: #f1f3f4;
    right: 20px;

}
.childOfChildMenuList{
    padding: 0px;
}
.childOfChildMenuList>li>a{
    color: #000;
    position: relative;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    text-decoration: none !important;
    cursor: pointer;
}

.smartLandingPage-child>a,
.smartLandingPage-subChild>a,
.smartLandingPage-childOfsubChild>a,
.smartLandingPage-subChildWithNoChild>a{
    background: white;
    border-radius: 6px;
    padding: 5px 13px 5px 12px; 
    box-sizing: content-box !important;
    cursor: pointer;
}
.smartLandingPage-child>a:hover,
.smartLandingPage-subChild>a:hover,
.smartLandingPage-childOfsubChild>a:hover,
.smartLandingPage-subChildWithNoChild>a:hover{
    background-color: #F1F3F4;
}

.smartLandingPage-search>p>svg {
    position: relative;
    top: 5px;
    margin-left: 10px;
    vertical-align: baseline;
}
.smartLandingPageSearchSVGIcon{
    position: relative;
    left: 0px;
    top: 0px;
    padding: 5px;
    box-sizing: unset !important;
    border-radius: 5px;
    vertical-align: unset !important;
}
.smartLandingPageSearchSVGIcon:hover{
    background-color: #F2F3F5;
}
#KeyWordSearchWidget{
    /* width: 45px; */
    /* border-right: 1px solid #CFCFCF; */
    position: relative;
    /* left: 20px; */
    /* padding: 13px; */
}
.smartLandingPage-searchLine{
    position: relative;
    /* border: 1px solid #CFCFCF; */
    height: 18px;
    border-right: 1px solid #CFCFCF;
    /* padding: 0px 5px 0px 0px; */
    margin: 0px 10px 0px 5px;
}
.smartLandingPage-search input[type="text"] {
    border: none;
    background-color: #f1f3f4;
    margin-left: 10px;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    width: 410px;
    height: 28px;
    left: -3px;
    position: relative;
}

.smartLandingPage-search>p {
    margin-bottom: 0rem !important;
    box-sizing: content-box !important;
}


.smartLandingPage-search input[type=text]:focus {
    outline: none;
    border: none;
    background: transparent;
}

.smartLandingPage-megamenuNotification_icon {
    position: relative;
    box-sizing: content-box !important;
    top: 7px;
}

.smartLandingPage-web-notification>.smartLandingPage-notification-btn{
    width: fit-content !important;
    height: auto !important;
}

.smartLandingPage-megamenu-shoppingCart {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 9px;
}

.smartLandingPage-cart {
    display: inline-block;
    vertical-align: middle;
}
.smartLandingPage-cart:hover{
    background-color: #F2F3F5;
}
.smartLandingPage-cart>div {
    box-sizing: border-box;
    height: 12px;
    max-width: max-content;
    border: 0 solid #979797;
    border-radius: 2px;
    background: var(--workcenter-primary-color);
    position: relative;
    left: 12px;
    z-index: 1;
    padding: 6px;
}

.smartLandingPage-megamenu-shoppingCart .smartLandingPage-cart {
    margin-right: 10px;
    position: relative;
    margin-top: -16px;
    border-radius: 5px;
    padding: 3px 11px 0px 5px;
    height: 29px;
}
.smartLandingPage-cart>svg{
    top: -6px;
    position: relative;
    vertical-align: unset !important;
}
.smartLandingPage-megamenu-shoppingCart #smartLandingPage-shopping-cart {
    display: none;
    position: absolute;
    top: 0px;
    right: -38px;
    width: 340px;
    padding: 20px 20px 25px 25px;
    background-color: #fff;
    z-index: 1000;
    box-sizing: content-box !important;
    box-shadow: 0 10px 20px 0 rgba(215, 215, 215, 0.5), 0 4px 20px 0 rgba(223, 223, 223, 0.5);
    border-radius: 3px;
    border: 1px solid #E7E7E7;
    margin-top: 4.4vh;
}

#smartLandingPage-shopping-cart::before{
    content: "";
    border: solid #E7E7E7;
    border-width: 0 1px 1px 0px;
    display: inline-block;
    padding: 7px;
    position: relative;
    bottom: 28px;
    background: white;
    border-bottom-right-radius: 3px;
    z-index: 2;
    transform: rotate(-135deg);
    margin-left: 84.5%;
}


.fa-circle:before {
    display: none;
}


.fa-circle {
    cursor: pointer;
    height: 22px;
    width: 22px;
    border: 0 solid #000000;
    text-align: center;
    background-color: var(--workcenter-primary-color);
    border-radius: 50%;
}


.smartLandingPage-userprofile {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    top: -2px;
}

.smartLandingPage-userprofile p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:  var(--workcenter-primary-text-color);;
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 0rem !important;
    display: inline-block;
}



.smartLandingPage-userprofile>div>p {
    height: 14px;
    width: 16px;
    margin-top: 4px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14.06px;   
    text-align: center;
    border-bottom: 1px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
}


.smartLandingPage-userprofile>div {
    border: none;
    cursor: pointer;
}
.smartLandingPage-userprofile>div:hover {
    opacity: 80%;
    color:  var(--smarthomepage-secondary-text-color);
}
.smartLandingPage-userprofile>div:hover #MegaMenu_firstlastletter {
    color: black !important;
}
.smartLandingPage-usercontrollprofile{
    display: none;
}

.smartLandingPage-background-bar {
    position: absolute;
    right: -65.5px;
    width: 349px;
    height: auto;
    padding: 10px 30px 30px 30px;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 10px 20px 0 rgba(215, 215, 215, 0.5), 0 4px 20px 0 rgba(223, 223, 223, 0.5);
    box-sizing: content-box !important;
 margin-top: 3.8vh;
    border-radius: 3px;
    border: 1px solid #E7E7E7;
}
.smartLandingPage-background-bar:before {
    content: "";
    border: solid #E7E7E7;
    border-width: 0 1px 1px 0px;
    display: inline-block;
    padding: 7px;
    position: relative;
    bottom: 18.5px;
    background: white;
    border-bottom-right-radius: 4px;
    z-index: 2;
    transform: rotate(-135deg);
    margin-left: 85%;
    margin-top: 0.5px;
}


/* Style the shopping cart count */
.smartLandingPage-cartcount {
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    height: 11px;
    width: 14px;
    top: 0px;
    left: -1px;
    color: var(--workcenter-primary-text-color);
    line-height: 12px;
}

#smartLandingPage-Navigatecheckout {
    display: block;
    margin-top: 19px;
    padding: 6px 15px;
    background: var(--workcenter-primary-color);
    color:  var(--workcenter-primary-text-color);
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
    height: 40px;
}
#smartLandingPage-Navigatecheckout:hover{
	opacity:80%;
	color: var(--smarthomepage-secondary-text-color);
}
#smartLandingPage-checkouttable {
   margin-top: -19px;
   margin-left: 10px;
   width: 93%;
}

#checkouttableqtyCell{
    width: fit-content;
    text-align: end;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

#checkouttabledescriptionCell{
    position: relative;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    width:60%;
}
#smartLandingPage-checkouttable tr:first-child {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0px;
    margin-top: -5px !important;
    font-family: 'Roboto', sans-serif;
}

#smartLandingPage-checkouttable>tr {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: flex;
    gap: 65px;
    border-bottom: 1px solid lightgrey;
    padding-top: 17.5px;
    padding-bottom: 17.5px;
}

#smartLandingPage-noItemRow{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

#smartLandingPage-checkouttable tr:first-child>td {
    padding: 0px 5px;
    position: relative;
    left: -6px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

#checkouttablerow {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

#smartLandingPage-linerow {
    position: absolute;
    width: 290px;
    border-top: 1px solid rgb(221, 221, 221);
    padding: 0px 10px;
}

#smartLandingPage-lengthofobj {
    padding: 5px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

/* Media Queries */


@media only screen and (max-width: 576px) {
    .smartLandingPage-logo img {
        left: 5%;
    }

    .smartLandingPage-search {
        right: 2%;
        width: 200px;
    }

    .smartLandingPage-notification_icon {
        right: 2%;
    }

    .smartLandingPage-megamenu-shoppingCart {
        right: 2%;
        margin-top: 13px !important;
    }

    .smartLandingPage-userprofile {
        right: 2%;
    }
}

.smartLandingPage-lineusername,
.smartLandingPage-lineLanguage{
    padding: 0px 10px;
}

.smartLandingPage-lineusername {
    width: 306px;
    margin-left: 20px;
    box-sizing: content-box !important;
}

.smartLandingPage-welcome-username {
    text-transform: capitalize;
    width: 275px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
    text-decoration: none;
    color: #000 !important;
    margin-top: -18px;
    margin-left: -10px;
    padding-top: 25.62px;
    padding-bottom: 17.5px;
}

.smartLandingPage-welcome-username a {
    text-decoration: none !important;
    width: 255px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.smartLandingPage-welcome-username>span>b{
    font-size: 16px;
    font-weight: 600;
}

.smartLandingPage-welcome-username a font[color="white"] {
    color: black !important;
}

.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-emulationdiv {
    display: flex;
    /* width: 330px; */
    text-decoration: none;
    color: #000 !important;
    padding: 20px 0px 20px 19px;
}
.smartLandingPage-emulationdiv:hover{
    background-color: #F2F3F5;
}
.smartLandingPag-BottomLine-01,
.smartLandingPag-BottomLine-02,
.smartLandingPag-BottomLine-03,
.smartLandingPag-BottomLine-04,
.smartLandingPag-BottomLine-05,
.smartLandingPag-BottomLine-06,
.smartLandingPag-BottomLine-07,
.smartLandingPag-BottomLine-08
{
    border: 1px solid #F2F3F5;
}

.smartLandingPage-usercontrolemulation {
    display: none;
    box-sizing: border-box !important;
    max-height: 550.5px;
    width: 765px;
    border: 0 solid #484848;
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(215, 215, 215, 0.5), 0 4px 20px 0 rgba(223, 223, 223, 0.5);
    position: relative;
    padding: 13px;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
}
.smartLandingPage-emulateuserinput:focus {
    outline: 1px solid #000;
}
.smartLandingPage-emopenbar {
    height: auto;
    width: 244px;
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    display: block;
    text-decoration: none !important;
}

.smartLandingPage-changeEmluBar {
    height: 18px;
    width: fit-content;
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    display: block;
    text-decoration: none !important;
    position: relative;
    z-index: 1000;
}

.smartLandingPage-emopenbar>svg {
    position: absolute;
    left: 26px;
    margin-left: 310px;
}

.smartLandingPage-changeEmluBar>svg {
    position: absolute;
    margin-left: 285px;
}

.smartLandingPage-useremail {
    box-sizing: border-box !important;
    height: 46px;
    width: 309px;
    border: 1px solid #D8D8D8;
}


.smartLandingPage-cancelbar {
    position: relative;
    top:31px;
    text-decoration: underline !important;
    height: 19px;
    width: 49px;
    color: var(--workcenter-secondary-text-color);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18.75px;
    display: none;
    padding: 11px 15px 11px 15px;
    border-radius: 6px;
    transition: 0.5s;
}
.smartLandingPage-cancelbar:hover{
    background-color: #F2F3F5;
}

.smartLandingPage-backButton{
    position: relative;
    top: 34px;
    left: 34px;
}
.smartLandingPage-backButton>svg>circle:hover{
	fill: #d5dadd;
}

.smartLandingPage-cancellinkemulation {
    display: none;
    position: relative;
    left: 50%;
    top: 20px;
    height: 19px;
    width: 49px;
    color:  var(--workcenter-secondary-text-color) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18.75px;
    text-decoration: underline !important;
    margin-left: 50px;
    padding: 11px;
    border-radius: 5px;
}
.smartLandingPage-cancellinkemulation:hover{
	background:#F2F3F5;
}
.smartLandingPage-emulateuserinput {
    position: relative;
    top: 17px;
    box-sizing: border-box !important;
    height: 45px;
    width: 90%;
    border: 1px solid #D8D8D8;
    margin-left: 34px;
    padding-left: 40px;
    margin-top: 23px;
    border-radius: 3px;
}

.smartLandingPage-usercontrolemulation input[type=text]:focus {
    padding-left: 40px;
    border: 1px solid #D8D8D8;
}
.smartLandingPage-emulateCancleDiv{
    display: flex;
    gap: 35px;
    position: relative;
    padding-bottom: 25px;
}

.smartLandingPage-emulationcontrolButtonClass {
    box-sizing: border-box;
    display: flex;
    height: 40px;
    max-width: max-content;
    border: 0 solid #E8E8E8;
    border-radius: 4px;
    background-color: var(--workcenter-primary-color);
    margin-top: 30px;
    color: var(--workcenter-primary-text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 18.75px;
    margin-left: 35px;
    padding: 0px 25px 0px 17px;
	cursor: pointer;
}
.smartLandingPage-emulationcontrolButtonClass>svg{
    position: relative;
    left: 8px;
    margin-top: 12px;
}
.smartLandingPage-emulationcontrolButtonClass>svg>path{
    stroke: var(--workcenter-primary-text-color);
}
.smartLandingPage-emulationcontrolButtonClass>span{
    padding-top: 11px;
    position: relative;
    width: max-content;
}
.smartLandingPage-emulationcontrolButtonClass:hover{
    opacity: 80%;
    color:  var(--smarthomepage-secondary-text-color);
}

#smartLandingPageInputMessage {
    position: relative;
    margin-top: 4%;
    margin-left: 35px;
}

#smartLandingPage-emulationcontrolErrorMessageDiv {
    position: relative;
    margin-left: 35px;
    height: 16px;
    width: 439px;
    color: rgb(151, 151, 151);
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 16.41px;
margin-top: 8%;
}

.smartLandingPage-controlEmulationCollapsed {
    position: relative;
    top: 8px;
    height: 25px;
    width: 90%;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 25.78px;
    font-weight: 400;
    margin-left: 65px;
}

#smartLandingPage-textcontent {
    height: 16px;
    width: 95%;
    color: #979797;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16.41px;
    font-weight: 400;
    margin-left: 34px;
    margin-top: 25px;
}

.smartLandingPage-v5controlemulation {
    width: 50%;
}

#smartLandingPage-userDataShow {
    display: none;
    position: relative;
    margin-left: 34px;
    z-index: 10;
    overflow-y: auto;
    min-height: auto;
    max-height: 277px;
    width: 90%;
    top : 6px;
    border-radius: 1px;
}

#smartLandingPage-filterDataTabe {
    width: 100%;
}

#smartLandingPage-filterDataTabe>tbody {
    text-align: center;
    line-height: 29px;
    border: 1px solid #D8D8D8;
}



/* CSS style for aligning table content */
table.filterTableClass {
    width: 100%;
    border-collapse: collapse;
}

table.filterTableClass tr:hover {
    height: 45px;
    width: 691px;
    background-color: #F6F5F4;
}

table.filterTableClass tr>td {
    cursor: pointer;
}

table.filterTableClass th,
table.filterTableClass td {
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 25px;
    font-weight: 500;
}

#smartLandingPage-filterDataTabe tr:first-child {
    text-align: center;
    height: 40px;
    width: 136px;
    color: #040404;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: roboto,sans-serif;
}

.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-lineuserConfig>#smartLandingPage-userConfigSetting {
    display: block;
    /* width: 330px; */
    text-decoration: none;
    color: #000 !important;
    /* margin-left: -16px; */
    padding: 20px 0px 20px 19px;
}
.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-lineuserConfig>#smartLandingPage-userConfigSetting:hover{
    background-color: #F2F3F5;
}

.smartLandingPage-showconfigSetting {
    text-decoration: none !important;
    height: 18px;
    color: #000000 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    letter-spacing: 0;
    line-height: 18.75px;
    display: block;
    margin-top: -1px;
    display: flex;

}

.smartLandingPage-configicon {
    position: relative;
    z-index: 1000;
    left: 175px;
    top: -2px;
}

.smartLandingPage-UserDebugItem {
    display: none;
    margin-top: 14px;
    padding: 6px 0px 17px;
}

.smartLandingPage-UserDebugVersion {
    display: block;
    margin-left: 240px;
    margin-top: -15px;
    position: relative;
}

.smartLandingPage-txtConfig {
    width: 85%;
    margin-left: 2px;
    padding: 10px;
}

.smartLandingPage-lbDebug {
    text-decoration: none !important;
    padding-left: 18px;
    margin-top: 48px;
    position: absolute;
    left: 51px;
    color: var(--workcenter-primary-text-color) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18.75px;
    box-sizing: border-box;
    height: 33px;
    width: 83px;
    border: 0 solid #E8E8E8;
    border-radius: 4px;
    background-color: var(--workcenter-primary-color);
    padding-top: 7px;
}
.smartLandingPage-lbDebug:hover{
    opacity: 80%;
    color: var( --smarthomepage-secondary-text-color);
}
.smartLandingPage-cancelDebug {
    display: none;
    text-decoration: underline !important;
    position: relative;
    margin-left: 36%;
    height: 19px;
    width: 49px;
    color: var(--workcenter-secondary-text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    top: 18px;
    line-height: 18.75px;
    font-weight: 400 !important;
    padding: 6px 15px 7px 15px;
    border-radius: 5px;
}
.smartLandingPage-cancelDebug:hover{
    background-color: #F2F3F5;
}
.smartLandingPage-lbStopDebug {
    text-decoration: none !important;
    color: var(--workcenter-secondary-text-color);
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
}

.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn {
    border: none;
    background: transparent;
    display: flex;
    cursor: pointer;
    align-items: center;
    width: 347.5px;
    margin-left: 0px;
    padding: 0px 0px 5px 19px;
}
.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn:hover{
    background-color: #F2F3F5;
}


.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn>p {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    border-bottom: 1px;
    position: relative;
    box-sizing: content-box !important;
    padding-top: 17.5px;
    padding-bottom: 17.5px;
}

.smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn>svg {
    position: absolute;
    left: 81%;
}

.smartLandingPage-searchbar-btn{
    display: none !important;
}

.smartLandingPage-dropbtn .smartLandingPage-logout-text {
    width: max-content !important;
    display: block;
}

.smartLandingPage-logout-text font[color="white"] {
    color: black !important;
    display: block !important;
    width: max-content;
}

.smartLandingPage-UserDebugVersion+#cancellink {
    position: relative;
    top: 0;
}

.smartLandingPage-useremailemulate {
    display: none;
    width: 305px;
    border: transparent;
    text-decoration: underline !important;
}
.smartLandingPage-userEmail input[type=text]:focus{
    outline: none;
    border: none;
    background: transparent;
}
.smartLandingPage-userEmail {
    padding: 18px 0px 0px 1px;
    display: none;
}

.smartLandingPage-emulationMessage {
    display: none;
}

.smartLandingPage-exitEmulationUser {
    display: none;
    position: relative;
    text-decoration: none !important;
    z-index: 1000;
    box-sizing: border-box;
    width: fit-content;
    border: 0 solid #E8E8E8;
    border-radius: 5px;
    background-color: var(--workcenter-primary-color);
    color: var(--workcenter-primary-text-color) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18.75px;
    padding: 11px;
    text-align: center;
    margin-top: -20px;
}
.smartLandingPage-exitEmulationUser:hover{
    opacity: 80%;
    color:  var(--smarthomepage-secondary-text-color);
}
.carousel-item>iframe {
    border: none;
    width: 100%;
    height: 500px;
}

.carousel .carousel-inner .carousel-item:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    border-top: 1px solid  var(--workcenter-primary-color);;
    -webkit-animation-name: slide_animation;
    animation-name: slide_animation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

@-webkit-keyframes slide_animation {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes slide_animation {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}


 .carousel-control-next {
    border: none;
    position: absolute;
    top: 41%;
    width: 100%;
    text-align: center;
} 

.carousel-control-prev {
    border: none;
    position: absolute;
    top: 61%;
    width: 100%;
    text-align: center;
} 

#pause-button,
#play-button {
    border: none;
}

#play-button {
    display: none;
    left: 2px;
}

#pause-button,
#play-button {
    position: absolute;
    top: 22%;
    width: 100%;
    text-align: center;
}

#pause-button:hover,
#play-button:hover {
    transform: scale(1.1);
}

.smartLandingPage-buttons>button {
    background-color: transparent;
}

.smartLandingPage-buttons {
    position: relative;
    margin-right: 0px !important;
    float: right;
    margin: 0px 22.75px 0 13.75px;
    box-sizing: border-box;
    height: 28vh;
    width: 4%;
    border: 0 solid #979797;
    background-color: #17191A;
    margin-top: 6.5% !important; 
}

.smartLandingPage-section-widgets>.smartLandingPage-widgets-menu>hr {
    position: relative;
    bottom: 18px;
    width: 98.5vw;
}

.line-9 {
    position: absolute;
    top: 11%;
    width: 100%;
    text-align: center;
}

.up-line1 {
       position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
}

.up-line2 {
     position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

.up-line3 {
   position: absolute;
    top: 70%;
    width: 100%;
    text-align: center;
}

#herocarousel{
    display: none;
}

.smartLandingPage-section-widgets {
    position: relative;
    top: 40px;
    display: none;
}
#smartLandingPage-widgetHrLine {
    display: none;
    border: 1px solid #E7E7E7;
}
.smartLandingPage-widgets-bar {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 60px;
    padding-left: 0px;
    margin: 0px;
}

#smartLandingPage-widgetsList>li {
    text-align: center;
}

#smartLandingPage-widgetsList>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

#smartLandingPage-widgetsList>li>a>span {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #6E6E73;
    line-height: 18.75px;
    letter-spacing: 0;
    margin-top: 10px;
}

a {
    text-decoration: none;
}
.num {
    width: 100%;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 14.06px;
    text-align: center;
    position: absolute;
    top: 80%;
}

#smartLandingPage-megaMenuList {
    display: none;
}
.shoppingCartBackgroung{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1001;
    background: transparent;
}
.smartLandingPage-mobileHeader{
    display: none;
}
.mobile-Arrow{
    display: none;
}
.mobileMenuClose{
    display: none;
}
.mobileUserProfileClose{
    display: none;
}
.mobile-DownArrow{
    display: none;
}
.menu-UpArrow{
    display: none;
}
.mobileShoppingCartClose{
    display: none;
}
.smartLandingPage-subChildList{
    display: block;
}
.gradientForWidgets{
    display: none;
}
.mobileUserEmilationClose{
    display: none;
}
@media screen and (min-width: 1300px) {
    .smartLandingPage-background-bar {
        right: -65.5px;
    }
    .smartLandingPage-menuDetails{
        margin-top: 19px;
    }
    #smartLandingPage-ParentMenuArrow{
        margin-top: 55px;
    }
  }

@media screen and (min-width:1800px) {
    
    #smartLandingPageuseremulationControl {
        right: -0.8%;
    }

    .smartLandingPage-normal-menus ul li:hover>#smartLandingPage-normal-childMenuList{
        margin-top: -2px !important; 
    }
}

@media screen and (min-width:1400px){
    .smartLandingPage-emulatepopup{
        right: 4.5% !important;
    }
    
    .smartLandingPage-background-bar{
        right: -64px;
    }
    .smartLandingPage-arrow{
        border-width:0px 2px 2px 0px !important;
    }
    .carousel-inner{
        height: 57vh !important;
    }
    .smartLandingPage-child{
        width: 20% !important;
    }
    .smartLandingPage-subChildWithNoChild{
        width: 20% !important;
    }
    .smartLandingPage-usercontrolemulation::before{
        left: 90%;
    }
}
@media screen and (min-width: 1300px) {
    .smartLandingPage-usercontrolemulation::before {
        left: 90% !important;
    }
}
@media screen and (min-width:1900px){

    #smartLandingPage-ParentMenuArrow{
        margin-top: 75px !important;
     }
     .smartLandingPage-section-widgets{
        top: 50px !important;
     }
     .smartLandingPage-megamenu-shoppingCart #smartLandingPage-shopping-cart {
       margin-top: 4.1vh;
     }
    .smartLandingPage-menuDetails{
        margin-top: 29px !important;
    }
    .smartLandingPage-buttons{
        margin-top: 6% !important;
    }
    .smartLandingPage-usercontrolemulation::before{
        left: 87% !important;
    }
    .smartLandingPage-background-bar{
        right: -80px;
    }
    .smartLandingPage-background-bar:before{
        margin-left: 81% !important;
    }
    .smartLandingPage-emulatepopup{
        right: 4% !important;
    }
    #smartLandingPage-userDataShow {
        max-height: 277px;
    }
    }
    @media screen and (min-width: 1500px){
        .smartLandingPage-menuDetails{
            margin-top: 21.5px;
        }
        #smartLandingPage-ParentMenuArrow{
            margin-top: 60px;
        }
    }
    @media all and (min-device-width: 300px) and (max-device-width: 767px){
        .smartLandingPage-search input[type="text"] {
            width: 65%;
        }
        #smartLandingPage-widgetsList li:last-child a{
            /* padding-right: 70px; */
        }
        .mobileMenuClose{           
          z-index: 1011;
          width: 100vw;
          height: 6vh;
          margin-top: -56px;
          background: #fff;
          position: relative;
        }
        .mobileShoppingCartClose{
            z-index: 1011;
        width: 100vw;
        height: 6vh;
        margin-top: -56px;
        background: #fff;
        position: relative;
        }
        .mobileUserProfileClose{
            z-index: 1011;
            width: 100vw;
            height: 6vh;
            margin-top: -56px;
            background: #fff;
            position: relative;
        }
        .closeMenu{
            position: relative;
            margin-top: 15px;
            margin-left: 30px;
        }
        .smartLandingPage-mobileHeader{
            display: block;
            position: relative;
            top: 2px;
            left: 15px;
        }
        .smartLandingPage-widgets-menu{
            width: 90%;
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .closeshoppingCart{
            position: relative;
            margin-left: 91%;
            margin-top: 3%;
        }
        .closeProfile{
            position: relative;
            margin-left: 91%;
            margin-top: 3%;
        }
        .smartLandingPage-widgets-menu::-webkit-scrollbar {
            display: none;
        }
        .gradientForWidgets{
            display: block;
            background: linear-gradient(to left, #fff, #fff, #fff0);
            width: 70px;
            height: 80px;
            position: absolute;
            margin-top: -85px;
            margin-left: 83%;
        }
        .smartLandingPage-subChildList{
            display: block;
            border-bottom: 1px solid #f2f3f5;
        }
        .header-menu-item:hover {
            background-color: #fff !important;
        }
        .carousel-item>iframe{
            height: 550px !important;
        }
        .smartLandingPage-subChildWithNoChild{
            width: auto;
            display: block;
            align-items: center;
            justify-content: space-between;
        }
        .smartLandingPage-MenuSection .smartLandingPage-subChildList:last-child{		
            border-bottom:none;
        }
        .smartLandingPage-subChildWithNoChild>a{
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
        }
        .smartLandingPage-logo{
            margin-left: -23% !important;
        }
        .smartLandingPage-widgets-bar{
            flex-wrap:nowrap;
            padding-left: 15%;
            justify-content:space-around;
            gap: 10%;
        }
        .smartLandingPage-logo>a>img{
            width: 110px;
            top: 2px;
        }
        #snackbar{
            width: 100% !important;
            right: 0px !important;
            min-width: 0px;
            max-width: 100%;
        }
        .nameSpan{
            font-weight: 600;
        }
        .carousel-inner{
            height: auto !important;
        }
        #smartLandingPage-ParentMenuArrow{
            display: none !important;
        }
        .smartLandingPage-section-widgets>.smartLandingPage-widgets-menu>hr{
            bottom: 3px !important;
            position: absolute;
        }
        .smartLandingPage-buttons {
        height: 150px !important;
        width: 13% !important;
        margin-top: 18.5% !important;
        }
        #smartLandingPage-MenuList{
        display: none;
        top: 102%;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0px;
        margin-left: 0px;
        animation: rotateX 200ms ease-in-out;
        transform-origin: top center;
       }
        
        .smartLandingPageSearchSVGIcon{
            left: -3px !important;
            top: 2px !important;
        }
        .smartLandingPage-searchLine{
            display: none !important; 
        }
        .smartLandingPage-header-icons{
            margin-right: 4%;
        }
        #smartLandingPage-MenuList>ul{
            padding: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            border-bottom: 1px solid #f2f3f5;
            width: 85%;
            left: 30px;
            position: relative;
        }
        .header-menu-item{
            border-radius: 0px !important;
            background-color: #fff !important;
            padding: 0px !important;
        }
        .smartLandingPage-v5AssetFolderLabel{
            left: 15px;
        }
        #smartLandingPage-MenuList>ul>li>a {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: flex;
            justify-content: space-between;
            text-align: center;
            padding: 20px 5px 20px 1px;
        }
        .smartLandingPage-menuDetails{
            border-top: 1px solid transparent;
            margin-top: 0px;
            max-height: max-content;
            padding: 0px;
            width: auto !important;
            position: relative !important;
            animation: rotateX 200ms ease-in-out;
            transform-origin: top center;
        }
        .smartLandingPage-MenuSection{
            margin-left: 4%;
            display: inline-block !important; 
            background-color: #fff;
            top: -10px !important;
            margin-bottom: 0px !important;
            padding: 0px 0px 10px 0px;
        }
        .smartLandingPage-main-header{
            height: 6vh !important;
        }
        .mobile-DownArrow{
            display: block;
        }
        #closebtn{
            display: none !important;
        }

        .smartLandingPage-background-bar{
           right: -21.5px;
           width: 100vw !important; 
           margin-top: 3.4vh;
           padding: 0px;
        }
        .smartLandingPage-background-bar:before{
            padding: 0;
        }
        .smartLandingPage-lineusername{
        width: 85vw !important;
        margin-left: 25px;
        }
        .smartLandingPage-welcome-username{
            width: 85vw !important;
            margin-left: 0px !important;
            left: -3px !important;
            position: relative;
        }
        .smartLandingPage-lineLanguage{
            width: 85vw !important;
           position: relative;
           left: 35px !important;
           margin-left: 0px !important;           
           padding: 0px !important;
        }
        .smartLandingPage-language-select{
            left: 0px !important;
        }
        .smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-emulationdiv{
            width: 84vw !important;
            position: relative;
            left: 16px !important;
            margin-left: 0px !important;
        }
        .smartLandingPage-changeEmluBar>svg{
            margin-left: 73vw !important;
        }
        .smartLandingPage-emopenbar>svg {
            left: 88% !important;
            margin-left: 0px !important;
        }
        .smartLandingPage-UserDebugItem{
            position: relative;
        }
        .smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-lineuserConfig>#smartLandingPage-userConfigSetting{
            width: 85vw !important;
            position: relative;
            left: 15px;
        }
        .smartLandingPage-configicon{
            left: -8% !important;
        }
        #smartLandingPage-downarrow{
            margin-left: 73vw !important;
        }
        .smartLandingPage-showconfigSetting{
            align-items: center;
            justify-content: space-between;
        }
        .smartLandingPage-UserDebugVersion{
            margin-left: 62vw !important;
        }
        .smartLandingPage-useremailemulate{
            width: 275px !important;
        }
        #emulationUser{
            position: relative;
            left: 0px;
        }
        #smartLandingPage-v5assetFolderWidget{
            width: 85vw !important;
            align-items: baseline;
            justify-content: space-between;
        }
        .smartLandingPage-v5AssetFolderCounter{
            left: -0px !important;
            margin-left: 78vw !important;
        }
        .smartLandingPage-v5AssetFolderIcon{
            left: 0px !important;
            margin-left: 74vw !important;
        }
        .smartLandingPage-lineLanguage>.smartLandingPage-language-select>#ddLocales{
            left: -3% !important;
        }
        .smartLandingPage-resourcesdiv{
            width: 85vw  !important;
        }
        .smartLandingPag-BottomLine-01,
        .smartLandingPag-BottomLine-02,
        .smartLandingPag-BottomLine-03,
        .smartLandingPag-BottomLine-04,
        .smartLandingPag-BottomLine-05,
        .smartLandingPag-BottomLine-06,
        .smartLandingPag-BottomLine-07,
        .smartLandingPag-BottomLine-08
        {
           width: 90vw;
           position: relative;
           left: 16px;
        }
        .smartLandingPag-BottomLine-06, 
        .smartLandingPag-BottomLine-07, 
        .smartLandingPag-BottomLine-08{
            width: 90vw !important;
            left: -3px !important;
        }
        .smartLandingPage-showBase{
            width: 85vw !important;
        }
        .smartLandingPage-Skinning{
            width: 85vw !important;
        }
        .smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn {
            width: auto !important; 
            padding: 0px 0px 20px 19px;
        }
        .smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn>svg{
            left: 82% !important;
        }
        .smartLandingPage-showBase>.smartLandingPage-AfterDebugItem>a{
            position: relative;
            left: 15px;
        }
        .smartLandingPage-megamenu-shoppingCart #smartLandingPage-shopping-cart{
            right: -45px;
            width: 100vw !important;
            padding: 0px 0px 20px 0px;
            margin-top: 3.55vh !important;
        }
        .smartLandingPage-usercontrollprofile>.smartLandingPage-background-bar>.smartLandingPage-dropbtn>p{
            left: 15px !important;
        }
        .SkinningBeforeDebugItem{
            position: relative;
            left: 15px;
            width: 90%;
        }
        .smartLandingPage-BeforeDebugItem{
            position: relative;
            left: 15px;
        }
        .smartLandingPage-resourcesDebugItem{
            position: relative;
            left: 15px;
        }
       #smartLandingPage-checkouttable{
        padding: 0px 15px 0px 35px;
        width: 80vw;
        margin-top: 0px !important;
        margin-left: 0px !important;
       }
       #smartLandingPage-Navigatecheckout{
        padding: 0px 15px;
        margin-left: 42px;
       }
       #smartLandingPage-shopping-cart::before{
        padding: 0px;
       }
       .smartLandingPage-usercontrolemulation::before{
        padding: 0px !important;
       }
       .smartLandingPage-emulatepopup {
        right:0% !important;
       }
       .smartLandingPage-usercontrolemulation{
        width: 100vw !important;
        padding: 0px 0px 0px 8px !important;

       }
       .smartLandingPage-backButton{
        left: 15px !important;
       }
       .smartLandingPage-controlEmulationCollapsed{
        width: auto;
        font-size: 18px !important;
        margin-left: 50px !important;
       }
       .smartLandingPage-emulateuserinput {
        width: 85vw !important;
        top: 2px;
        margin-left: 21px;
        padding-left:8px !important;
       }
       .smartLandingPage-emulationcontrolButtonClass{
        margin-top: 10px;
        margin-left: 20px;
        padding: 1px 13px 3px 10px !important;
       }
       .smartLandingPage-usercontrolemulation input[type=text]:focus{
        padding-left: 11px;
       }
       #smartLandingPageInputMessage{
        margin-left: 20px;
       }
       .smartLandingPage-cancelbar{
        top: 12px;
       }
       #smartLandingPage-removeValues{
        top: -14px !important;
        left: -35px !important;
        width: auto !important;
        display: block !important;
       }
       #smartLandingPage-checkouttable>tr{
        align-items: center;
        justify-content: space-between;
        gap: 0px !important;
       }
       .smartLandingPage-emulateCancleDiv{
        padding-top: 10px !important;
       }
       #checkouttabledescriptionCell{
        width: 73% !important;
       }
       .smartLandingPage-lbDebug{
        left: 3px !important;
       }
       .mobile-Arrow{
        display: block;
        position: relative;
        top: 5px;
        transition: 0.3s;
       }
       .mobile-Arrow.rotated {
        transform: rotate(180deg);
    }
       .menu-UpArrow{
        display: block;
       }
       #smartLandingPage-userDataShow{
        width: 93% !important;
        margin-left: 21px !important;
        overflow-x: hidden;

       }
       .entryContainer{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 5px;
        width: 96%;
        border-bottom: 1px solid #F2F3F5;
        padding: 10px 0px 10px 0px;
       }
       .smartLandingPage-MobileEmulationbar>div>p{
        font-size: 14px;
        font-weight: 600;
        position: relative;
       }
       .smartLandingPage-subChild{
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
       }
    .childOfChildMenuList{
        padding: 0px 0px 20px 0px;
    }
    .smartLandingPage-MobileEmulationbar>span {
        margin-bottom: 10px;
        position: relative;
    }
    .menu-search-close{
        left: 45px !important;
        top: -2px;
    }
    .smartLandingPage-search>p {
        width: 100%;
    }
    .smartLandingPage-search{
        width: 100vw !important;
        right: 0% !important;
        height: 41px;
        top: -2px;
    }
    #KeyWordSearchWidget{
        margin-left: -12px !important;
    }
    .recommendations-container-wrapper > span {
        top: 10px !important;
      }
      .recommendations-container-wrapper > span > a{
          height: 100% !important;
      }
      #smartLandingPage-PageContent .carousel-item > iframe {
          height: 500px !important;
      }
}

@keyframes rotateX {
    0% {
      opacity: 0;
      transform: rotateX(-90deg);
    }
    50% {
      transform: rotateX(-20deg);
    }
    100% {
      opacity: 1;
      transform: rotateX(0deg);
    }
  }

@media all and (min-device-width: 768px) and (max-device-width: 1024px)  and (orientation : portrait){
    .smartLandingPage-main-header{
        height: 6vh !important;
    }
    .smartLandingPage-megamenu-shoppingCart #smartLandingPage-shopping-cart {
        margin-top: 3.8vh !important;
    }
    .smartLandingPage-background-bar{
        margin-top: 3.2vh !important;
    }
    .smartLandingPage-emulatepopup{
        left: 198px !important;
    }
    .smartLandingPage-subChildList{
        display: block;
        border-bottom: 1px solid #f2f3f5;
    }
    .smartLandingPage-MenuSection .smartLandingPage-subChildList:last-child{		
		border-bottom:none;
	}
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px){

    .carousel-inner{
        height: 267px !important;
    }
    .smartLandingPage-logo>a>img{
        width:15vw ;
    }
    .mobileMenuClose{
        position: absolute;
        z-index: 1011;
        margin-top: -5.5%;
        margin-left: 7%;
    }
    .smartLandingPage-subChildList{
        display: block;
        border-bottom: 1px solid #f2f3f5;
    }
    .smartLandingPage-MenuSection .smartLandingPage-subChildList:last-child{		
		border-bottom:none;
	}
    .smartLandingPage-logo {
        position: absolute;
        left: 85px;
        margin-left: 0px !important;
    }
    .smartLandingPage-subChildWithNoChild{
        width: auto !important;
    }
    .childOfChildMenuList{
        padding: 0px 0px 20px 0px;
    }
    .smartLandingPage-buttons{
        height: 160px !important;
        margin-top: 5% !important;
    }
    .smartLandingPage-mobileHeader{
        display: block;
        margin-left: 3%;
        margin-top: 1%;
        padding: 10px;
    }
    .hamburger-icon{
        width: 23px;
        height: 23px;
    }
    .smartLandingPage-header-menu{
        margin-left: 4% !important;
    }
    .mobile-Arrow{
        display: block !important;
    }
    #closebtn{
        display: none !important;
    }
    #smartLandingPage-MenuList{
        display: none;
        top: 101%;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0px;
        margin-left: 0px;
        width: 500px !important;
        animation: rotateX 200ms ease-in-out;
        transform-origin: top center;
    }
    #smartLandingPage-MenuList>ul{
        margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #f2f3f5;
    width: 90%;
    left: 16px;
    position: relative;
    margin-left: 3%;
    }
    .header-menu-item{
    align-items: center;
    justify-content: space-between;
    padding: 0px !important;
    border-radius: 0px;
    background-color: #fff !important;
    }
    .header-menu-item:hover{
        background-color: #fff !important;
    }
    #smartLandingPage-MenuList>ul>li>a{
        width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        justify-content:space-between;
        align-items: center;
        padding: 20px 5px 20px 1px;
    }
    .smartLandingPage-menuDetails{
    border-top: 1px solid transparent;
    margin-top: -20px;
    max-height: max-content;
    padding: 0px;
    width: auto !important;
    margin-left: -3.5% !important;
    position: relative !important;
    animation: rotateX 200ms ease-in-out;
    transform-origin: top center;
    }

    #smartLandingPage-ParentMenuArrow{
        padding: 0px !important;
    }
    .smartLandingPage-MenuSection{
        display: block !important;
        padding: 0px 0px 15px 0px;
    }
    .smartLandingPage-megamenu-shoppingCart{
        display: block !important; 
    }
    .smartLandingPage-megamenuNotification_icon{
        display: block;
    }
    #KeyWordSearchWidget{
        display: block;
    }
    .smartLandingPage-section-widgets>.smartLandingPage-widgets-menu>hr{
        width: auto !important;
    }
    .smartLandingPage-megamenu-shoppingCart #smartLandingPage-shopping-cart{
        margin-top: 6.4vh;
    }
    .smartLandingPage-megamenu-shoppingCart .smartLandingPage-cart{
        margin-top: -13px !important;
    }
    .smartLandingPage-main-header{
        height: 10vh;
    }
    .smartLandingPage-search {
        width: 300px !important;
        right: 10px !important;
    }
    .smartLandingPage-search input[type="text"]{
        width: 205px !important;
        top: 3px !important;
    }
    .smartLandingPageSearchSVGIcon{
        top:2px !important;
    }
    .smartLandingPage-searchLine{
        margin: 0px 5px 0px 5px !important;
        display: block !important;
    }
    .smartLandingPage-usercontrolemulation::before{
        left: 91.5% !important;
    }
    .smartLandingPage-background-bar{
        right: -46.5px !important;
        margin-top: 5.5vh;
    }
   .smartLandingPage-background-bar:before{
        margin-left: 90% !important;
   }
   .smartLandingPage-emulatepopup{
    right: 0px !important;
    left: 35vh;
   }
   .smartLandingPage-UserDebugItem{
    margin-top: 20px !important;
   }
}
#smartLandingPage-widgetArrow {
    position: relative;
    box-sizing: content-box !important;
    margin-top: 24px;
    transition: 0.2s ease-in-out;
}

.smartLandingPage-arrow {
    border: solid #E7E7E7;
    border-width: 0px 2px 2px 0px;
    display: none;
    padding: 8px;
    position: absolute;
    border-bottom-right-radius: 5px;
    z-index: 1;
    transform: translateX(-50%) rotate(-135deg);
    background: white;
    width: 3px;
    height: 3px;
    left: 50%;
    top: -1px;
}

.smartLandingPage-emulatepopup {
    position: absolute;
    z-index: 10000;
    width: fit-content;
    right: 4%;
}
.smartLandingPage-usercontrolemulation::before{
    content: "";
    border: solid #E7E7E7;
    border-width: 0 1px 1px 0px;
    display: inline-block;
    padding: 8px;
    position: absolute;
    background: white;
    border-bottom-right-radius: 4px;
    z-index: 2;
    transform: rotate(-135deg);
    left: 90.5%;
    top: -9px;
}

#smartLandingPage-removeValues {
    width: 3%;
    display: none;
    position: relative;
    left: -46px;
    float: right;
    margin-top: -32px;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
#smartLandingPage-removeValues:hover{
	transition: 0.5s;
    background: #F2F3F5;
}
#smartLandingPage-removeValues>svg>path{
    stroke:#3b3d3f;
}

.smartLandingPage-lineLanguage {
    width: 327px;
    margin-left: 20px;
    box-sizing: border-box;
}

.smartLandingPage-language-select {
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18.75px;
    padding: 14px 0px;
    text-decoration: none;
    color: #000 !important;
    position: relative;
    left: -10px;
}

.smartLandingPage-lineLanguage>.smartLandingPage-language-select>#ddLocales{
    position: relative;
    border: none !important;
    font-size: 16px !important;
    padding: 5px 10px 5px 1px;
    border-radius: 5px;
    margin-left: 41%;
}
.smartLandingPage-lineLanguage>.smartLandingPage-language-select>#ddLocales:hover{
    background-color: #F2F3F5;
}

#smartLandingPage-v5assetFolderWidget {
    display: flex;
    text-decoration: none;
    color: #000 !important;
    height: 50px;
    padding: 0px 0px 0px 19px;
    /* width: 330px; */
}
#smartLandingPage-v5assetFolderWidget:hover{
	background:#F2F3F5;
}
.smartLandingPage-v5AssetFolderCounter,
.smartLandingPage-v5AssetFolderIcon {
    margin-left: 254px;
}

.smartLandingPage-v5AssetFolderCounter {
    position: relative;
    left: 46px;
    top: 6px;
}

.smartLandingPage-v5AssetFolderIcon {
    position: relative;
    top: -4px;
    left: 30px;
}

.smartLandingPage-v5AssetFolderLabel {
    position: relative;
    bottom: 30px;
    height: 19px;
    width: auto;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18.75px;
    font-weight: 400;
}

#smartLandingPage-leftaarrow {
    visibility: hidden;
}

#smartLandingPage-downarrow {
    visibility: hidden;
    margin-left: 280px;
}

.smartLandingPage-resourcesdiv {
    text-decoration: none;
    color: #000 !important;
    /* width: 330px; */
    /* margin-left: -16px; */
    padding: 20px 0px 20px 19px;
}
.smartLandingPag-BottomLine-06,
.smartLandingPag-BottomLine-07,
.smartLandingPag-BottomLine-08{
    width: 346px;
    top: 20px;
    position: relative;
    left: -19px;
}
.smartLandingPage-resourcesdiv:hover{
    background-color: #F2F3F5;
}
.smartLandingPage-resourcesDebugItem {
    display: inline;
    padding-top: 17.5px;
    padding-bottom: 17.5px;
}

.smartLandingPage-resourcesDebugItem a {
    width: 244px;
    color: #000000 !important;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    display: block;
    text-decoration: none !important;
}

.smartLandingPage-PageBodyWrapper{
    padding: 0px 0px;
}

#smartLandingPage-PageContent{
    padding: 0 !important;
}
.smartHomePage-notification-popup-backdrop{
    background: transparent !important;
}

#widgetsContainer>li{
    text-align: center;
}
#widgetsContainer>li>a>span{
   display: flex;
   align-items: center;
    margin-top: 10px;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #6E6E73;
    line-height: 18.75px;
    letter-spacing: 0;
    text-decoration: none !important;
}
#widgetsContainer>li>a:hover{
    text-decoration: none !important;
}
#SubscriptionWidgetName>a>span,#MarketingToDoWidgetName>a>span{
    position: relative;
    left: 7px;
}
  


.carousel {
    position: relative;
  }
  
  .carousel.pointer-event {
    touch-action: pan-y;
  }
  
  .carousel-inner {
    height: 55vh;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.5s ease-in-out;
  }
  
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }
  
  .carousel-item-next:not(.carousel-item-start),
  .active.carousel-item-end {
    transform: translateX(100%);
  }
  
  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start {
    transform: translateX(-100%);
  }
 
  
  .carousel-control-prev:hover,
  .carousel-control-next:hover {
    opacity: 1;
    transform: scale(1.1);
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
  }
  
  .carousel-indicators {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
  }
  
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
  
  .carousel-indicators li.active {
    opacity: 1;
  }

.LandingPagesLandingPageLayout9{
    background: white;
}

.widget-content {
    display: none;
}

.widget-content.active {
    display: block;
}


.smartLandingPage-showBase{
    width: 328.5px;
    box-sizing: content-box !important;
    /* margin-left: -16px; */
    padding: 20px 0px 20px 19px;
}
.smartLandingPage-showBase:hover{
    background-color: #F2F3F5;
}

.smartLandingPage-showBase>.smartLandingPage-BeforeDebugItem>a , .smartLandingPage-showBase>.smartLandingPage-AfterDebugItem>a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 16px;
    margin-bottom: 0rem !important;
    display: inline-block;
    text-decoration: none !important;
}
.smartLandingPage-Skinning{
    width: 328.5px;
    box-sizing: content-box !important;
    /* margin-left: -16px; */
    padding: 20px 0px 20px 19px;
}
.smartLandingPage-Skinning:hover{
    background-color: #F2F3F5;
}
.smartLandingPage-Skinning>.SkinningBeforeDebugItem>a , .smartLandingPage-Skinning>.SkinningAfterDebugItem>a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 16px;
    margin-bottom: 0rem !important;
    display: inline-block;
    text-decoration: none !important;
}

#snackbar {
    display: none;
    width: fit-content;
    margin-left: -125px;
    border-radius: 8px;
    background-color: #398250;
    color: #fff;
    text-align: center;
    padding: 16px;
    position: fixed;
    z-index: 1;
    right: 57px;
    font-size: 17px;
    min-width: auto;
    max-width: 500px;
}
  
  #snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
    animation: fadein 0.5s, fadeout 0.5s 4.5s;
  }
  
  @-webkit-keyframes fadein {
    from {right: 0; opacity: 0;} 
    to {right: 100px; opacity: 1;}
  }
  
  @keyframes fadein {
    from {right: 0; opacity: 0;}
    to {right: 100px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
    from {right: 100px; opacity: 1;} 
    to {right: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
    from {right: 100px; opacity: 1;}
    to {right: 0; opacity: 0;}
  }

  .newDivProfile{
    position: absolute;
    padding: 13px;
    border-radius: 50%;
    z-index: -1;
    border: 1.5px solid var(--workcenter-primary-color) !important;
}

.smartLandingPage-userprofile{
    z-index: 1;
}

.toast-firstDiv{
    width: fit-content;
    display: flex;
    position: relative;
    top: 4px;
}

.toast-successsvg{
    position: relative;
    left: 17px;
    top: 8px;
}

#toastSuccessMessage{
    position: relative;
    right: -38px;
    height: 18px;
    width: 68px;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
  
}

.toast-messageDiv{
    display: flex;
    margin-left: 65px;
}

.toast-closeDiv{
    position: relative;
    margin-right: 25px;
    margin-left: 11px;
    bottom: 14px;
    left: 2px;
}

.toast-notificationmessage {
    height: 18px;
    width: fit-content;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 18px;
    padding: 0px 20px 0px 0px;
}
@-webkit-keyframes specialFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes specialFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes specialFadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

@keyframes specialFadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

.specialFadeOut {
    -webkit-animation-name: specialFadeOut;
    animation-name: specialFadeOut;
}

.spceialFadeInRight {
    -webkit-animation-name: specialFadeInRight;
    animation-name: specialFadeInRight;
}

.menu-search-container.active {
    display: block;
    -webkit-animation-name: specialFadeInRight;
    animation-name: specialFadeInRight;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
}

@-webkit-keyframes specialFadeInRight {
    0% {
        width: 0;
    }
 
    to {
        width: 100%;
    }
}
.visible {
    visibility: visible;
}

.hidden {
    display: none !important;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.menu-search-container {
    display: none;
}

.menu-search-container.active {
    display: block;
}

.menu-search-close {
    position: relative;
    line-height: 16px !important;
    border-radius: 5px;
    padding: 5px;
}
.menu-search-close>svg{
    position: relative;
    top: 3px;
}
.menu-search-close:hover{
    background-color: lightgrey;
}

.widgetOval{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #F5F5F7;
}

.widgetOval:hover{
    background-color: var(--workcenter-primary-color);
}
#smartLandingPage-widgetsList>li>a>div>img {
    padding-top: 8px
}

.shp-template-recommendation-headerText{
	color: #0D0D0D;
    font-family: Roboto,sans-serif;
    font-size: 30px;
    letter-spacing: -0.45px;
    line-height: 35.16px;
    text-align: center;
}

.shp-template-recommendation-header{
    margin-left: auto;
    height: 35px;
    margin-top: 60px;
    margin-bottom: 43px;
    margin-right: auto;
    text-align: Center;
}

.smp-input-icons svg
{
    position: absolute;
    padding-top: 30px;
    padding-left: 45px;
    z-index: 1;
    margin-top: 23px;
}

.smp-input-icons {
    width: 100%;
    margin-bottom: 10px;
}

#smartHomePagescroll-btn {
  opacity: 0;
  width: 60px;
  height: 60px;
  color: #242020;
  background-color: #d5d5d5;
  position: fixed;
  bottom: 10%;
  right: 10%;
  border: 0px solid #fff;
  border-radius: 50%;
  font: bold 20px monospace;
  transition: opacity 0.5s, transform 0.5s;
}
.smartHomePagescroll-btnshow {
  opacity: 1 !important;
  transition: opacity 1s, transform 1s !important;
  cursor: pointer;
}
.smpWidgetTabsloaderdiv{
    Margin : auto;
    Display: none;
    padding-top: 60px;
}

.smpWidgetTabsloader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid var(--workcenter-primary-color);
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    Margin: auto
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#smartLandingPage-filterDataTabe tr{
      border: 1px solid #D8D8D8;
}

.menuClickOpacity{
    opacity: 60%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    z-index: 1001;
}

#smartLandingPage-userDataShow::-webkit-scrollbar {
    width: 10px;
  }
  
  
  #smartLandingPage-userDataShow::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 0px 2px 2px 0px;
  }
   
  
  #smartLandingPage-userDataShow::-webkit-scrollbar-thumb {
    background: black; 
    border-radius: 0px 2px 2px 0px;
  } 
  
  .search-container{
    z-index : 0 !important;
}

.widgets-tabs {
    padding-top: 35px;
    display: none;
}

/* End of Smart Home Page */
/* BB-8845 Adding Skip Link */
#skipLink {
    position: absolute;
    left: -1px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skipLink:focus {
    position: absolute;
    width: auto;
    height: auto;
    left:331px;
    top:33px;
    color: black;
    font-family: Mecherle Sans;
    font-size: 12pt;
    font-weight: 600;
}




  

/* End of adding Skip Link */
    

    /*============================================ Powerpoint Styles =====================================*/
                .PptTemplateSelections {
                    width: 91%;
                    height: 100%;
                    overflow-y: scroll;
                }
        
                .PptTemplateLabel {
                    width: 48%;
                    height: 35%;
                    margin: 1.5% 1%;
                    border-radius: 2px;
                    font-weight: 400;
                    position: relative;
                    color: #000000;
                    display: inline-block;
                }
        
                .PptTemplate {
                    border: 2px solid transparent;
                    height: 100%;
                    border-radius:4px;
                }
        
                .PptTemplate:hover {
                    outline-offset: -4px;
                    outline: 2px solid #141B4D;
                }
        
                .PptTemplate img {
                    border: 1px solid #F5F5F7;
                    overflow: hidden;
                    border-radius: 2px;
                    width: 100%;
                    height: 100%;
                }

                .PptTemplate input[type=checkbox] {
                    position: absolute;
                    margin:20px;
                    max-width: 26px;
                    max-height: 26px;
                    height: 2vw;
                    width: 2vw;
                }
        
                .PptTemplateSelections input[type=checkbox]{
                    appearance: none;
                    border-radius: 2px;
                    border: 1px solid #999999;
                }

                .PptTemplateSelections input[type=checkbox]:focus{
                    outline: none;
                }
        
                .PptTemplateSelections input[type="checkbox"]:checked {
                    border-color:#262626 ;
                    background: #262626 url('../images/check.svg') no-repeat center center
                }

                .PptTemplateSelections input[type="checkbox"]:disabled {
                    border-color: #999999;
                    background-color: #999999;
                }
        
                #PptTemplateSelectionOverlay {
                    position: fixed;
                    background-color: #FFFFFF;
                    z-index: 1000000;
                    border: 0;
                    max-width: none;
                    width: 60%;
                    right: 0;
                    top: 0;
                    height: 100%;
                    overflow: hidden;
                    transform: translate(-16.5%, 0%);
                }
        
                #PptTemplateSelectionOverlay .OverlayHeaderMessage {
                    font-size: 1.5em;
                    float: left;
                    margin-left: 5.5%;
                    color: #000000;
                }
        
                #PptTemplateSelectionOverlay .OverlayHeaderClose {
                    box-sizing: border-box;
                    height: 3.89vh;
                    width: 3.89vh;
                    min-width: 20px;
                    min-height: 20px;
                    border-radius: 6px;
                    background: #F5F5F5 url('../images/x.svg') no-repeat center center;
                    display: flex;
                    align-items: center;
                    margin: 2% !important;
                    justify-content: center;
                }
        
                #PptTemplateSelectionOverlay .OverlayHeader {
                    position: unset;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px solid #E7E7E7;
                    height: 7.78%;
                    width: 100%;
                }
        
                #PptTemplateSelectionOverlay .OverlayBodyHtml {
                    position: unset;
                    display: flex;
                    justify-content: center;
                    height: 82.5%;
                }
        
                #PptTemplateSelectionOverlay .OverlayFooter {
                    display: flex;
                    border-top: 1px solid #D8D7DF;
                    height: 10%;
                    background-color: white;
                    justify-content: flex-end;
                    align-items: center;
                }
        
                .PptTemplateSelections::-webkit-scrollbar {
                    width: 6px;
                }
        
                .PptTemplateSelections::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
                    background-color: #DFDFDF;
                }

                .btnPPTOverlayDiv{
                    display: flex;
                    width: 100%;
                    height: 100%;
                    justify-content: flex-end;
                    align-items: center;
                }
        
                .btnPPTOverlayBuild,
                .btnPPTOverlayCancel {
                    font-size: 1em;
                    font-weight: 600;
                    height: 4.86vh;
                    width: 17vh;
                    margin-right: 20px;
                    background-color: transparent;
                    box-sizing: border-box;
                    border-radius: 4px;
                    min-width: 70px;
                    min-height: 20px;
                }
        
                .btnPPTOverlayBuild {
                    border:0;
                    color: #FFFFFF;
                    background: #0053CC;
                }
        
                .btnPPTOverlayCancel {
                    color: #000000;
                    border: 1px solid #7E7D7D;
                }
        
                #selectAll {
                    width: 1.4vw;
                    height: 1.4vw;
                    margin: 0 10px;
                    max-width:20px;
                    max-height:20px;
                }
        
                .viewsAndSelectAllContainer div:first-child {
                    display: flex;
                    align-items: center;
                }
        
                .viewsAndSelectAllContainer {
                    margin-top: 20px;
                    display: flex;
                    width: 98.5%;
                    height: 4.98%;
                    justify-content: space-between;
                }
        
                .ViewTypes {
                    display: flex;
                    align-items: center;
                }
        
                .gridView {
                    margin: 10px;
                }
        
                #selectAllLabel {
                    font-size: 1em;
                    font-weight: 500;
                    margin: 4px 0;
                    color: #262626;
                }
        
        
                .PptTemplateSelectionsListView {
                    display: unset;

                    .viewsAndSelectAllContainer{
                        margin: 20px 0;
                    }
        
                    .PptTemplate img {
                        border: none;
                       width: 6.5vw;
                       max-width: 100px;
                       max-height: 100px;
                       height: 6.5vw;
                    }
        
                    .spanForGrid {
                        display: none;
                    }
        
                    .spanForList {
                        display: block !important;
                        margin: 30px;
                    }
        
                    .PptTemplate {
                        padding: 10px;
                        display: flex;
                        align-items: center;
                        border: none;
                    }

                    .PptTemplate input[type=checkbox] {
                        position: relative;
                        margin: 10px;
                    }
        
                    .gridView rect {
                        stroke: #DFDFDF !important
                    }
        
                    .listView rect {
                        stroke: #000000 !important
                    }
                
                    .PptTemplateLabel {
                        width: 49.5%;
                        margin: unset;
                        height: 18%;
                        min-height: 110px;
                        max-height: 130px;
                    }
                }
    

              @media only screen and (min-width:321px) and (max-width:768px){
                .PptTemplateLabel{
                    height: 161px;
                    min-height:100px;
                }

                #selectAll{
                    width: 15px;
                    height: 15px;
                }

                .viewsAndSelectAllContainer{
                    margin-top: 10px;
                }
              }

        /* BB-8084 */
    
        .spellCheckHighlight {
            border-bottom: 1px solid red !important;
        }
    
        .SpellcheckErrMsg {
            color: red;
            font-size: 12px;
            padding: 10px;
        }