@font-face {
    font-family: "HuntingtonSerif-Regular";
    src: url("/Skinning/huntington/Locales/en/css/fonts/HuntingtonSerif-Regular.woff");
}
@font-face {
    font-family: "HuntingtonSerif-Bold";
    src: url("/Skinning/huntington/Locales/en/css/fonts/HuntingtonSerif-Bold.woff2");
}
@font-face {
    font-family: "HuntingtonSerif-Medium";
    src: url("/Skinning/huntington/Locales/en/css/fonts/HuntingtonSerif-Medium.woff2");
}
@font-face {
    font-family: "HuntingtonSerif-Regular";
    src: url("/Skinning/huntington/Locales/en/css/fonts/HuntingtonSerif-Regular.woff2");
}

body {
    margin: 0;
    padding: 0;
    font-family: 'HuntingtonSerif-Regular';
}
:root{
    --mainsite-font:'HuntingtonSerif-Regular';
}
#ifVFPSite {
    min-height: 800px !important;
    font-family: var(--mainsite-font) !important;
}

/* New code for workcenter */
:root {
    --workcenter-primary-color: #7ECF1C !important;
    --workcenter-primary-text-color: #002D2A !important;
}

/* end */
/*Hide Loc name in locator selection page*/

.Heading_H5 {
    display: none;
}


/* KANSAS UPDATES */

.utilitybar {
    background-color: transparent;
}

#MiniPageHeader {
    background-color: #ffffff;
    background-image: url(/skinning/huntington/locales/en/images/miniheader-bg.png);
    overflow: hidden;
    height: 50px;
    clear: both;
    border-bottom: 5px solid #5BA63C;
}

.ResultCellHeader {
    background-color: #5BA63C;
}

#imgThumbnail {
    max-height: 240px;
    max-width: 240px;
    margin-top: 15px;
}

#txtKeywordsTop {
    margin-left: 0px;
    margin-top: 0px;
    height: 22px;
}

.SecondaryActionButton {
    background-color: #1B5630;
    font-family: var(--mainsite-font) !important;
}

.PrimaryActionButton {
    background-color: #5BA63C;
    font-family: var(--mainsite-font) !important;
}

.locationsTable thead tr:first-child {
    background-color: #5BA63C;
}

#searchResultsKeywordTextDivTop,
#searchResultsKeywordTextDivBottom {
    padding-top: 0px;
}

/* KANSAS UPDATES END */
.JobCenterJobContainer table tr th,
.JobCenterJobContainer table tr td {
    text-align: left;
}

.JobCenterHeaderContainer th,
.JobName,
.OrderID,
.JobCreatedByUserName,
.JobModifiedOn,
.OrderLineTypeDescription,
.JobCurrentStatusName,
.OrderLineStatusDescription,
.TemplateTitle {
    text-align: left;
}

.JobCenterDeliveryOptionsImageButtonDiv {
    width: 120px;
    height: 40px;
    /* background-image: url(../images/deliverOptionsBackground.png); */
    cursor: pointer;
    text-align: center;
    background-color: #5BA63C;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: white;
    font-size: 16px;
    background-image: none;
}

button#btnValidate {
    background-color: #f58700;
    border: 0px;
    color: white;
    padding: 3px 8px 3px 8px;
}

.AddressSearchLeftTabCurve {
    background-image: url('/skinning/huntington/locales/en/images/tab-background_lt_curve.png') !important;
}

.AddressSearchRightTabCurve {
    background-image: url('/skinning/huntington/locales/en/images/tab-background_rt_curve.png') !important;
}

.JobCenterAddressSearchBackgroundImageContainer {
    background-image: url('/skinning/huntington/locales/en/images/tab-background_1px.png');
}

#btnAssetDownload {
    background-color: #F48600;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
}

input#btnBuild {
    background-color: #f48600;
    border: 0px;
    color: #fff;
    height: 30px;
    cursor: pointer;
}

#divDetailsButton {
    float: right;
}

html,
body {
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: auto;
}

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

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

img {
    border: 0px none;
}

p {
    margin: 0;
    padding: 0;
}

.link {
    font-size: 14px;
    font-weight: normal;
    color: #E17A0D;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px !important;
}

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

.ActionButtonContainer {
    text-align: left;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ActionButton {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

.PrimaryActionButton {
    font-weight: bold;
}

.page_title {
    font-family: var(--mainsite-font);
    font-size: 32px;
    font-weight: bold;
    color: #1B5630;
    margin-top: 20px;
}

.page_instructions {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.38;
    text-align: left;
    color: #000;
    font-weight: normal;
}

.section_headers {
    color: #5BA63C;
    font-family: var(--mainsite-font);
    font-size: 14px;
    font-weight: bold;
}

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

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

.label {
    font-family: var(--mainsite-font);
    font-size: 16px;
    color: #000;
    margin: 10px 0 0 0;
    font-weight: normal;
}

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

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

.notification_icon {
    padding: 0 !important;
    top: 60px !important;
}
.notification_icon .notification-btn img{
    height: 25px !important;
    width: 25px !important;
}
/* Telerik drop down menu styling */
#mainMenu {
    font-family: 'HuntingtonSerif-Regular';
    background-color: #ebebeb;
    border-top: 0px solid #666462;
    border-bottom: 0px solid #a9d42c;
    padding-left: 42px;
    background-image: none;

}

#mainMenu a {
    font-family: 'HuntingtonSerif-Regular';
    color: #394048;
    font-size: 16px;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    text-decoration: none;
}

#mainMenu a.clickable {
    cursor: pointer;
}

#mainMenu a:hover {
    background-color: #5BA63C;
    color: #ffffff;

}

.menu {
    color: #394048;
    background-color: #fff;
    position: absolute;
    visibility: hidden;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.menu li a {
    color: #394048;
    background-color: transparent;
    display: block;
    line-height: 1.75em;
    text-decoration: none;
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center;
}

.menu li a span {
    color: #394048;
    font-family: 'HuntingtonSerif-Regular';
}

.menu li a:hover {
    background-color: #ebebeb !important;
}

.menu li a:hover span {
    color: #333;
}

.RadMenu .rmRootGroup .rmItem .rmGroup {
    padding: 0 !important;
}


/* 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/huntington_logo.png);
    background-repeat: no-repeat;
    border-top: 8px solid #5BA63C;
    overflow: hidden;
    height: 100px;
    clear: both;
    background-size: 330px 50px;
    background-position: 20px 30px;
} */

.PageHeaderLoginDisplay {
    display: block;
    text-align: right;
    padding: 10px;
    color: #726963;
    font-weight: bold;
}

.PageHeaderLoginDisplay a:link {
    color: #5BA63C;
}

.PageHeaderLoginDisplay a:visited {
    color: #5BA63C;
}

.PageHeaderLoginDisplay a:hover {
    color: #5BA63C;
}

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

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

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

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

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

/* Page Footer Display
----------------------------------------------------------*/
#PageFooter {
    overflow: hidden;
    float: right;
    width: 500px;
    margin: 10px;
    position: relative;
    bottom: 0;
    width: 100%;
    height: 100px;
    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: #a9d42c;
    margin: auto;
    height: 1px;
    width: 100%;
}

#PageContent {
    padding: 5px;
    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: var(--mainsite-font) !important;
    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: var(--mainsite-font);
    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: var(--mainsite-font);
    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: var(--mainsite-font);
    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: var(--mainsite-font) ;
    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: var(--mainsite-font);
    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%;
}


.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: 600px;
    left: 50%;
    margin-left: -300px;
    top: 10%;
    height: 400px;
} */

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

.OverlayBodyHtml {
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0px;
    right: 0px;
    overflow-y: scroll;
}

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


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

.DeliveryOptionsContainer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
    position: relative;
    overflow: hidden;
}

.DeliveryOptionContainer {
    width: 50%;
    float: left;
    position: relative;
    height: 130px;
    margin-top: 10px;
}

.OptionImage {
    width: 140px;
    float: left;
    text-align: center;
}

.OptionImage a {
    display: block;
}

.OptionDescription {
    margin-left: 140px;
}

.OptionName {
    width: 140px;
    clear: left;
    text-align: center;
}

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

.button_quicktips {
    display: none;
}

.required_star {
    color: Red;
}

.alert {
    color: Red;
}

.success {
    color: Green;
}

.DeliveryNavigationButtonContainer {
    text-align: right;
}

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

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

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

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

.DeliverySubmitContainer {

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

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

/* Job Center
----------------------------------------------------------*/
.JobCenterSearchIcon {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 50%;
    /*margin-top: -24px;*/
    margin-right: 10px;
    padding-right: 10px;
    /*margin-left: -15px;*/
    cursor: pointer;
}

.JobCenterSearchTab {
    /*background-image: url('/skinning/clockwork/locales/en/images/tab-background.png');
background-repeat: no-repeat;*/
    /*width: 550px;*/
    height: 50px;
    padding-left: 0px;
}

.JobCenterSavedSearch {
    float: right;
    position: relative;
    top: 50%;
    margin-top: -8px;
    margin-right: 28px;
}

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

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

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

.JobCenterHeaderContainer .JobCenterOrderDetailsContainer {
    text-align: left;
    font-weight: bold;
    max-width: 200px;
}

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

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

.JobCenterJobContainer {
    padding: 10px;
}

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

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

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

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

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

.JobCenterOrderDetailsHeader {
    text-align: center;
    font-size: larger;
}

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

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

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

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

.JobCenterActionText {
    color: #fff;
}

.JobCenterActionDropDown:hover {
    background-image: url('../images/dropdown_hover.png');
}

.JobCenterActionDropDown div {
    margin-left: -35px;
    padding-left: 0px;
    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: 250px;
    text-align: left;
}

.ActionList {
    padding: 0px;
}

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

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

.searchResultHeader {
    overflow: hidden;
    clear: both;
    background-color: none;
}

.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: var(--mainsite-font) !important;
    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;
}

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

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

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

.num_of_location {
    font-weight: normal;
    font-size: 18pt;
    color: #666666;
    font-style: normal;
    font-family: var(--mainsite-font) !important;
}

.divNameYourAdErrorSummary {
    color: Red;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    font-family: var(--mainsite-font) !important;
    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: #5BA63C;
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
}

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

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

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

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

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

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

#lblJobnameReqFieldStar {
    color: Red;
}

#lblApprvalCommReqFieldStar {
    color: Red;
}

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

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

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

.searchResultsPageTextBox {
    width: 10px;
}

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

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

#searchResultsInstructionsDiv {
    clear: both;
}

#searchResultsSearchDiv {
    width: 22%;
    float: left;
    min-width: 135px;
    max-width: 270px;
}

#searchResultsDiv {
    width: 78%;
    float: right;
}

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

#searchResultsKeywordDivTop,
#searchResultsKeywordDivBottom {
    overflow: hidden;
}

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

#searchResultsCategorySearchButtonsDiv {
    padding-top: 5px;
}

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

.divTemplateSelectionHeader {
    clear: both;
}

.divRadioButtonList {
    clear: both;
}

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

.divTextItemValue {
    margin-bottom: 10px;
}

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

#imgThumbnail {
    max-width: 240px;
    max-height: 235px;
}

.customSizeTextboxes {
    width: 25px;
}

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

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

#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 {
    padding-right: 6px;
}

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

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

.BreadCrumbSearchFieldImg img {
    cursor: pointer;
}

.ChildSearchField {
    float: left;
}

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

.BreadCrumbSearchFieldSelectionText {
    float: left;
}

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

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

#searchResultsSearchFieldsDiv .controldiv {
    margin-top: 5px;
    margin-left: 10px;
}

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

#searchResultsSearchFieldsDiv .labeldiv {
    overflow: hidden;
    margin-top: 10px;
}

#searchResultsSearchFieldsDiv .labeldiv .label {
    float: left;
    margin-top: 1px;
}

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

.SearchFieldExpandCollapseImg {
    float: left;
    margin-top: 2px;
    margin-right: 3px;
    cursor: pointer;
    width: 9px;
    height: 9px;
    background-image: url('../images/plus.gif');
}

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

.actionlink {
    display: none;
}

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

.results_title {
    font-weight: bold;
}

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

.customSizeInstructionsTextDiv {
    padding-bottom: 20px;
}

.customSizeHeaderTextDiv {
    padding-bottom: 20px;
}

.customSizeInstructions {
    color: #000000;
    font-family: var(--mainsite-font) !important;
    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: 14px;
    font-family: var(--mainsite-font) ;
    color: #333;
    width: 170px;
    padding-left: 3px;
}

.ebrochureDelOptionInput select {
    font-size: 14px;
    font-family: var(--mainsite-font) ;
    color: #000000;
    width: 125px;
    padding-left: 3px;
}

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

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

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

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

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

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

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

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

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

.UserAcceptanceInstructions {
    padding-top: 8px;
    display: inline;
    font-family: var(--mainsite-font) !important;
    color: #000000;
}



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

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

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

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

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

.PaddingZoomFromLeft {
    padding-left: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hoverImagePadding {
    padding-left: 3px;
}

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

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

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

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

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

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

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

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

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

.labeldiv {
    float: left;
}

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

.controldiv {
    float: left;
}

.spacer {
    padding-bottom: 6%;
}

.customOptionInput input {
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 94%;
    padding: 5px 0 5px 10px;
}
.customOptionInput input:focus-visible {
    outline: none;
}

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

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

.totaldiv.viewDetails .labeldiv {
    font-size: 12px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    padding-left: 3px;
}

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

.eventimage {
    overflow: visible;
}

.event_gridview {
    clear: left;
}

.customOptionInput select {
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 98%;
    padding: 5px 0 5px 10px;
    background: transparent;
}

.customOptionInputDate input[type="text"] {
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 98%;
    padding: 5px 0 5px 10px;
    background: transparent;
}

.customOptionInputMulti textarea {
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 98%;
    padding: 5px 0 5px 10px;
    background: transparent;
    height: 50px;
}

.customforminstructions {
    font-size: 16px;
    line-height: 1.38;
    text-align: left;
    color: #000;
}

.multilistbox select {
    font-size: 11px;
    font-family: var(--mainsite-font) !important;
    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: var(--mainsite-font) !important;
    height: 20px;
    border: 1px solid #333333;
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
    content: "<<"; 
}

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

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

.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: var(--mainsite-font) !important;
    font-size: 16px;
    display: none;
}

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

.BMIMLCLeftLabel {
    display: block;
  font-family: var(--mainsite-font) !important;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}

.BMIMLCRightLabel {
    display: block;
    font-family: var(--mainsite-font) !important;
    font-size: 16px;
    font-weight: normal;
    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;

}

/*#MainContent_Div2 {
    margin-left: 400px;
    margin-top: 20px;
}
*/
.section_headers div>span {
    background-image: url(../images/SectionUpArrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.divSetID {
    width: 65px;
    float: left;
}

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

.divTemplate {
    width: 190px;
    float: left;
    word-wrap: break-word;
}

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

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

.divPreview {
    width: 120px;
    float: left;
}

.divbtnTemplate {
    width: 120px;
    float: left;
}

.divEdit {
    width: 120px;
    float: left;
}

.divDetails {
    width: 150px;
    float: left;
}

.divCopy {
    width: 120px;
    float: left;
}

.divDelete {
    float: left;
}

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

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

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

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

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

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

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

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

.leftframebg

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

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

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

#divApprovalHeader {
    display: block;
}

.divStepBuilderWFSet {
    display: inline;
}

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

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

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

.WFSetSteps {
    display: inline;
}

.StepBuilderSort_header {
    color: #6a6a6a;
    font-family: var(--mainsite-font) !important;
    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 {
    overflow: auto;
}

.creativeDetailsPreviewImage {
    float: left;
    min-width: 50%;
}

.creativeDetailsFields {
    float: right;
    max-width: 40%;
    margin-top: 2%
}

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

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

.divAssetsDownloadCheckBoxList {
    float: right;
}

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

.instructions {
    padding-left: 0px;
    padding-bottom: 3px;
    color: #000000;
    font-family: var(--mainsite-font) !important;
    font-size: 16px;
}

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

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

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

/* -------------- Order Details ----------------- */

.OrderDetails {
    overflow: hidden;
}

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

.OrderDetailName {
    font-weight: bold;
}

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

.CreativeContainer {
    overflow: hidden;
}

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

.CreativePreview {
    float: left;
}

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

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

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

.CreativeDetailContainer {
    padding-left: 25%;
    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;
}

.PageTitle {
    color: #666666;
    font-family: var(--mainsite-font) !important;
    font-size: 18px;
}

.LocationSearchResultGrid {
    display: inline;
}

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

.locationsResultsGrid {
    width: 100%;
}

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

.RadGrid a {
    text-decoration: none;
}

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

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

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

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

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

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

.divWareHouseItems span {
    font-weight: bold;
}

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

.ButtonAsLink {
    background-color: transparent;
    border: none;
    color: #5BA63C;
    cursor: pointer;
}

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

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

#btnViewAll {
    color: #5BA63C;
}

.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-top: -10px;
}

input.Quantity {
    width: 75px;
}

select.Quantity {
    width: 60px;
}

input.Price {
    width: 60px;
}

input.ExtendedPrice {
    width: 60px;
}

.SubTotalContainer {
    text-align: right;
    font-size: 12pt;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

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;
    width: 100%;
}

.thRemoveOrderLine {
    width: 45px;
}

.thOrderLineDetails {
    min-width: 550px;
}

.thOrderLinePrice {
    padding: 10px;
    background-color: #cccccc;
    border: solid 1px black;
    width: 90px;
}

.thOrderLineQuantity {
    padding: 10px;
    background-color: #cccccc;
    border: solid 1px black;
    width: 80px;
}

.thOrderLineTotal {
    padding: 10px;
    background-color: #cccccc;
    border: solid 1px black;
    width: 70px;
}

.tableOrderLine>tbody>tr>td {
    padding: 8px;
}

.tdRemoveOrderLine {
    vertical-align: top;
    border: solid 1px black;
    text-align: center;
    border-right-style: none;
}

.tdOrderLineDetails {
    vertical-align: top;
    border: solid 1px black;
    border-left-style: none;
}

.tdOrderLinePrice {
    vertical-align: middle;
    border: solid 1px black;
    font-weight: bold;
}

.tdOrderLineQuantity {
    vertical-align: middle;
    border: solid 1px black;
    text-align: center;
}

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

.tdOrderLineTotal {
    vertical-align: middle;
    border: solid 1px black;
    text-align: center;
    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;
}

.PaymentInformationContainer {
    border: solid 1px #000000;
    clear: both;
}

.ShippingInformationContainer {
    border: solid 1px #000000;
}

.BasicShippingContainer {
    padding: 8px;
}

.ShippingGroupContainer {
    border-bottom: solid 3px #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;
}

.OrderTotalsContainer {
    overflow: hidden;
}

.PaymentDetailsContainer {
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

.OrderLegalContainer {
    padding: 8px;
}

.OrderInformationContainer {
    padding: 8px;
    float: left;
}

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

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

.OrderTotals {
    width: 350px;
    overflow: hidden;
    padding: 8px;
    float: right;
    border-left: solid 1px #000000;
}

.CostTotalContainer {
    clear: right;
    float: right;
    width: 250px;
    margin-bottom: 5px;
}

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

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

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

.OrderLegalText {
    font-weight: bold;
    color: #555555;
}

.OrderLinesHeader {
    color: #666666;
    font-size: 14pt;
}

.PaymentDetailsContainer {
    overflow: hidden;
}

.PaymentSelectionContainer {
    padding: 8px;
    float: left;
    width: 170px;
}

.PaymentContainer {
    padding: 8px;
    min-height: 90px;
}

.CFPayment {
    padding: 0px;
    border-bottom: solid 1px #000000;
    overflow: hidden;
    min-height: 0px;
}

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

.OptionalPaymentContainer {
    border-left: solid 1px #000000;
    margin-left: 180px;
}

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

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

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

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

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

.PaymentContainer .AmountToPay {
    float: right;
    margin-top: 30px;
}

.CFPayment .AmountToPay {
    float: right;
    margin-top: 8px;
    margin-bottom: 8px;
}

.PaymentContainer .PaymentAmount {
    float: right;
    width: 120px;
    text-align: right;
    font-weight: bold;
    font-size: 12pt;
}

.PaymentMethodsHeading {
    font-weight: bold;
    font-size: 12pt;
    padding: 8px;
    border-bottom: solid 1px #000000;
}

.ChannelFundsInformationContainerBackground {
    float: left;
    width: 100%;
    border-right: 1px solid black;
    position: relative;
    right: 50%;
}

.ChannelFundsInformationContainer {
    float: left;
    width: 50%;
    position: relative;
    left: 50%;
    padding: 8px;
}

.ChannelFundsDataContainerBackground {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ChannelFundsDataContainer {
    float: right;
    width: 46%;
    position: relative;
    left: 50%;
    padding: 8px;
}

.ChannelFundsUnavailableSystemMessage {
    color: #FF0000;
}

.ChannelFundsUnavailableVendorMessage {
    color: #FF0000;
}

.ChannelFundTable {
    width: 100%;
}

.JobCenterFundBalance .ChannelFundTable {
    width: auto;
}

.ChannelFundTableHeading {
    font-weight: bold;
}

.ChannelFundAccountName {
    text-align: right;
}

.ChannelFundAvailableAmount {
    text-align: center;
}

.ChannelFundAvailableAmountError {
    color: #FF0000;
}

.ChannelFundAmountToApply {
    text-align: right;
}

.ChannelFundAmountToApply input {
    width: 50px;
}

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

.ShoppingCartItems {
    width: 100%;
}

.ShoppingCartItems td {
    border-bottom: solid 1px black;
    padding: 5px;
}

#displaySCdetails {
    border: solid 3px #cccccc;
    width: 220px;
}

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

.SCOverlayHeader {
    background-color: #333333;
    color: #ffffff;
    font-size: 8pt;
    font-weight: bold;
}

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

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

.SCGoToShoppingCart {
    text-align: center;
    padding: 5px;
    background-color: #eeeeee;
    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;
}

body {
    font-family: var(--mainsite-font) ;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0;
}

.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: var(--mainsite-font);
    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;
}

.AddressAdvancedSearchIcon {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
}

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

.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 {
    width: 79%;
    text-align: left;
    overflow: auto;
    padding-left: 5px;
    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: right;
}

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

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

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

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

.UploadContainer div {
    vertical-align: middle;
}

.UploadText {
    float: left;
}

.UploadControl {
    float: left;
}

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

.UploadButton {
    margin-top: -30px;
    float: right;
}

.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 {
    top: 20%;
    float: left;
    margin-left: 10px;
    height: 50px;
    background-image: url('../images/tab-background_1px.png');
    background-repeat: repeat;
}

#MainContent_divListActions div {
    float: left;
}

#MainContent_divListActions a {
    color: Black;
}

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

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


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

.ApprovalControls {

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

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

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

.DeliveryFormContainerReviewOrder {
    display: table;
    padding-top: 5px;
    float: right;
    padding-right: 30%;
}

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

#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;
    padding-left: 10px;
    display: block;
    margin-left: 10px;
}

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

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

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

.section_collapse div>span {
    background-image: none;
}

#MainContent_UserMapping {
    display: none;
}

.mappingdiv {
    background-color: transparent;
    border: 0px solid #999999;
}

.businessunitdiv {
    background-color: transparent;
    border: 0px solid #999999;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#btnDetails {
    background-color: #cccccc !important;
    color: #000000 !important;
    font-family: var(--mainsite-font) !important;
    font-size: 13px;
    font-style: normal;
    height: 50px;
    width: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 1px;
    padding-bottom: 1.3px;
    text-decoration: none !important;
    cursor: pointer;
}

.btnCloseInEachStepCss {
    background-color: #5BA63C !important;
    padding: 5px;
}



/* end WebPageDelivery form CSS */
/*-------------------Work Center----------------------*/
.JobOrderContainer b {
    font-weight: normal;
}

.JobOrderContainer font {
    font-size: inherit;
    color: #000;
}

.JobOrderContainer {
    overflow: hidden;
}

.JobOrderContainer {
    min-width: 100%;
}

.JobCenterJobContainer {
    min-width: 1000px;
}

.JobCenterGridHeader th,
.JobOrderContainer {
    text-align: center;
}

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

#MainContent_SavedSearchControls1_aSaveAs {
    display: none;
}

#MainContent_SavedSearchSelect1_ddlSavedSearch {
    width: 160px;
}


/*-------------------Contact Support----------------------*/

/*-------------------End Contact Support----------------------*/



/*-------------------Search Page----------------------*/
#expandCollapseAllSearchFieldsTop {
    display: none;
}

#expandCollapseAllSearchFieldsBottom {
    display: none;
}

.SearchFieldExpandCollapseImg.expanded {
    display: none;
}

.hLinkReset {
    float: right;
    color: #5BA63C;
}

#hlCancel {
    color: #5BA63C;
}

#txtKeywordsTop {
    width: 100%;
}

/*------------------- End Search Page----------------------*/



/*------------------- Delivery Forms----------------------*/
#Email,
#Cc1,
#Cc2,
#Cc3,
#MaterialRunDate,
#DeliverToName,
#AdSize,
#PrintColor,
#MediaCost,
#PubContactPerson,
#ContactBusinessName,
#ContactInfoName,
#ContactEmailAdd,
#ContactPhone,
#ContactFax,
#ShippingTo,
#ShippingAttn,
#ShippingAddress2,
#ShippingCity,
#ShippingState,
#ShippingZip,
#ShippingPhone,
#MaterialDueDate,
#Quantity,
#Instructions,
#AddAdSize {
    width: 180px;
}

/*------------------- End Delivery Forms----------------------*/

.totaldiv.section_headers .controldiv {
    background-image: none;
}

.totaldiv.section_headers {
    background-color: transparent;
    color: #000000;
    margin-left: -30px;
    font-size: 18px;
}

/*------------------Locator Selection---------------*/
table#MainContent_dgSearch {
    width: 50% !important;
    /*------------------End Locator Selection---------------*/
}


.mappingmultilistbox select {
    width: 175px;
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_1 {
    width: 13% !important;
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_2 {
    width: 13% !important;
    /*text-align: center;*/
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_3 {
    width: 13% !important;
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_4 {
    width: 13% !important;
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_5 {
    width: 13% !important;
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_6 {
    width: 13% !important;
}

#MainContent_rptrJobOrders_rptrJobOrderHeader_thHeader_7 {
    width: 13% !important;
}

.tdPreview {
    max-width: 20% !important;
}


td.JobID {
    /* padding-left: 50px; */
    width: 13% !important;
}



td.JobName {
    /* text-align: center; */
    width: 13% !important;
}

td.JobCreatedByUserName {
    width: 13% !important;
}

td.JobModifiedOn {
    width: 13% !important;
}

td.JobCurrentStatusName {
    width: 13% !important;
}

td.TemplateTitle {
    width: 13% !important;
}

td.Actions {
    width: 13% !important;
}


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



.JobCenterActionDropDown div {
    /* margin-left: -90px; */
    padding-left: 0px;
    padding-top: 12px;
    text-align: center;
}

.selectedStsCell.stsCellCompleted .stsCellHeader {
    background-color: #5BA63C;
    color: #fff;
}

#abcpContainer .navigationButtonBack {
    background: url('../images/adbuilder/select_templates.png') left center no-repeat;
}

/*------------------Kansas Updates---------------*/

.pageHeaderWrapper {
    padding: 0px 0px !important;
}

#pageHeaderContainer div {
    display: inline-block;
    height: 1px;
    padding: 0px !Important;
}

.SearchResultsCountContainer {
    margin-left: -13px;
}

.SearchResultsTitleContainer {
    margin-left: -14px;
}

#rightPane {
    margin-top: 35px;
}

.JobCenterOrderDetailsContainer {
    width: 181px;
}

#pageHeaderContainer {
    padding-left: 42px;
    box-sizing: border-box;
}

.totaldiv.VerticalAllignment {
    width: 400px;
    margin-bottom: 5px;
}

.searchResultHeader {
    background-color: none;
}

.OverlayContainer {
    height: 450px;
    width: 675px;
}

.customOptionInput input[type="checkbox"] {
    width: 150px;
    float: right;
}

#MainContent_Region td {
    padding: 1px 0 0;
}

.carousel-inner {
    height: auto;
}

.notification-btn .label {
    display: none !important;
}

.notification-btn .unread-count {
    background-color: #6cbd45 !important;
    color: #fff !important;
}
.recommendations-container-wrapper #templateRecommendation .template-image {
    height: auto !important;
}
#smartLandingPage-widgetsList > li > a > div > img{
	filter: brightness(0) saturate(100%) invert(13%) sepia(43%) saturate(1572%) hue-rotate(138deg) brightness(94%) contrast(102%);
}
.clearLinkContainer a, .expand-link-container a{
    color: var(--workcenter-primary-color) !important;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin{
    padding-top: 25px;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin .button{
    background: var(--workcenter-primary-color);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    border: 0;
    border-radius: 6px;
}
.AdminTemplateToolkitSearchPropertySetManagementInternalAdmin .page_title {
    font-size: 22px;
    font-weight: 700;
    margin-left: 0 !important;
}



.MyAccountViewUpdateUser .pageBodyWrapper h1, .MyAccountUser #pageHeaderContainer h1,
.MyAccountCreateLocation #pageHeaderContainer h1, .MyAccountSearchUser #pageHeaderContainer h1,
.MyAccountChangePassword #pageHeaderContainer h1{
    margin-top: 0;
    font-size: 28px;
    margin-bottom: 5px;
}
#MainContent_btnSave, #MainContent_Save, #MainContent_btnSubmit{
    padding: 7px 15px;
    border-radius: 4px;
    color: #fff;
    background-color: #002D2A;
    border: 1px solid #fff;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    font-family: "HuntingtonSerif-Regular";
}
#MainContent_btnReset{
    padding: 10px 30px;
    border-radius: 4px;
}
#MainContent_btnReset, #MainContent_Clear, #MainContent_CopyUser, #MainContent_Clear, 
#MainContent_Cancel, #MainContent_btnSaveAndUpload, #MainContent_Submit, #MainContent_btnSearch{
    padding: 7px 15px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    font-family: "HuntingtonSerif-Regular";
    border: 1px solid #fff;
}
.mappingmultilistbox input, .multilistbox input{
    background: var(--workcenter-primary-color);
    color: var(--workcenter-primary-text-color);
    border: 1px solid var(--workcenter-primary-text-color);
}
#controlDivCreativeApproverMapping select, #controlDivDeliveryApproverMapping select{
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    border: 1px #a4abb1 solid;
    width: 98%;
    padding: 5px 0 5px 10px;
    background: transparent;
}
.MyAccountChangePassword .input{
    font-size: 14px;
    font-family: var(--mainsite-font) !important;
    color: #000000;
    border: 1px #a4abb1 solid;
    padding: 5px 0 5px 10px;
    background: transparent;
}

#MainContent_totalDivlstSelected select, #MainContent_controlDivOwnerName select{
    width: 100%;
}
#MainContent_totalDivlstAvailable {
    margin: 10px 0;
}





@media screen and (min-width: 1400px) {
    .carousel-inner {
      height: auto !important;
    }
}
@media screen and (max-width: 1400px){
    .carousel-item > iframe {
        border: none;
        width: 100%;
        height: 352px;
      }
}

@media screen and (max-width: 1149px) {
    .carousel-item > iframe {
      border: none;
      width: 100%;
      height: 298px;
    }
    .smartLandingPage-buttons {
        height: 20vh;
        margin-top: 4.5% !important;
    }
}
@media all and (min-device-width: 992px) and (max-device-width: 1024px) {
    .carousel-item > iframe {
        border: none;
        width: 100%;
        height: 268px;
    }
}

@media (min-device-width: 300px) and (max-device-width: 767px) {
    .smartLandingPage-buttons {
      width: 6% !important;
      margin-top: 20% !important;
      height: 20vh !important;
    }
    #smartLandingPage-PageContent .carousel-item > iframe {
        height: 672px !important;
    }
    .gradientForWidgets{
        display: none;
    }
    .widgets-tabs {
        padding-top: 0;
        display: none;
    }
}