/* Global CSS ----------------------------------------------------------- */

body {
	background-color: transparent;
	font-family: 'RobotoCondensed', sans-serif;
}

#Container.ZoneView {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #c3c3c3;
	z-index: 0;
}

#Footer {
	bottom: 0px;
}

/* --------------------------------------------------------------- */

#Navigation {
	position: relative;
	height: 0px;
	background-color: #000000;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #818380;
	z-index: 1;
}

#HPOMenu {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 955px;
	list-style: none;
	z-index: 51;
}

#HPOMenu li {
	position: relative;
	float: left;
}

#HPOMenu li a {
	display: block;
	position: relative;
	top: -1px;
	padding: 4px 57px 3px 57.25px;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background-color: #000000;
	border: 1px solid;
	border-left: 0px;
	border-color: #b6b6b6 #bbb #818380 #bbb;
	cursor: pointer;
}

#HPOMenu li a:hover {
	background-color: #828282;
}

#HPOMenu li a:visited {
	color: #ffffff;
}

#HPOMenu li ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #666666 #666666 #666666 #666;
	z-index: 52;
}

#HPOMenu li ul li {
	clear: both;
	position: relative;
}

#HPOMenu li ul li a {
	position: relative;
	padding: 4px 6px 4px 6px;
	width: 169px;
	color: #ffffff;
	font-size: 11px;
	background-color: #a32f2f;
}

#HPOMenu li ul li a:hover {
	background-color: #828282;
}

#HPOMenu li ul li ul {
	position: absolute;
	top: 3px;
	left: 170px;
	z-index: 53;
}

#HPOMenu li ul li ul li {
	position: relative;
}

#HPOMenu li ul li ul li a {
	position: relative;
}

#HPOMenu li.current a {
	background-color: #a32f2f;
	cursor: default;
}

#HPOMenu li.current ul li a {
	background-color: #a32f2f;
}

#HPOMenu li.current ul li a:hover {
	background-color: #828282;
}

#HPOMenu li.hasLink a {
	cursor: pointer;
}

/* --------------------------------------------------------------- */

#SessionData {
	text-align: left;
	font-size: 9px;
	padding-left: 5px;
	color: #000000;
}

#SessionData span {
	color: #ff0000;
	font-weight: bold;
}

.OrderNote {
	text-align: left;
	font-size: 10px;
	padding-left: 5px;
	color: #ff0000;
}

.InformationBar {
	position: relative;
	margin: 25px 25px 50px 25px;
	padding: 10px;
	width: 590px;
	border: 1px solid #000000;
	background-color: #cccccc;
}

.InformationBar table {
	font-size: 13px;
	font-weight: bold;
}

.InformationBar select {
	width: 180px;
}

.InformationBarHeading {
	position: absolute;
	padding: 0px 5px 0px 5px;
	top: -12px;
	left: 10px;
	color: #ffffff;
	font-weight: bold;
	background-color: #da1c24;
	border: 1px solid #000000;
}

/* --------------------------------------------------------------- */

.VSHeading_A,
.CHeading_A,
/* BTD */
/* .TBHeading_A {
    font-size: 14pt;
    letter-spacing: .1em;
    text-align: left;
    text-transform: uppercase;
    font-family: "titlingheader", 'Open Sans Condensed', sans-serif !important;
} */

#VSHeading {
	position: absolute;
	height: 30px;
	width: 30px;
	margin-left: -30px;
	margin-top: -30px;
}

.CHeading_A p {
	padding-top: 15px;
	color: #b7b9ba;
	font-size: 20px !important;
	letter-spacing: 1px;
}

.CHeading_A span a {
	color: #ffffff;
	text-decoration: none;
}

.TemplateChoice,
.AssetChoice {
	margin-top: 15px;
	margin-bottom: 15px;
}

.AssetHeading {
	position: absolute;
	margin-top: -25px;
	color: #ffffff;
	z-index: 10;
}

.AssetChoice p a {
	cursor: pointer;
}

.AssetChoice p a img,
.AssetChoice p img {
	border: none;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.33);
	-moz-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.33);
	box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.33);
	behavior: url(/css/IECSS/PIE.htc);
}

/* ----  adbuilder asset library ---- */
.category-filters {
	display: flex;
	overflow-x: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
}

.category-filters a {
	white-space: nowrap;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	margin-right: 20px;
	padding-bottom: 5px;
}

.category-filters a.active {
	color: #006bb7;
	font-weight: bold;
	border-bottom: 2px solid #006bb7;
}

/* Filter button */
.filter-container {
	display: flex !important;
	justify-content: flex-end;
	margin-bottom: 30px;
}

.filter-button {
	border: 1px solid #000;
	background: none;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.AssetSearchBox {
	padding-right: 70px;
}
.search_filter {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: start;
	margin-bottom: 15px;
}
.search_filter .title {
	padding-right: 5px;
	opacity: 0.5;
}

/* coupon grid */
.ChooseAsset,
.ab-library-item-container,
.coupon-grid {
	display: flex !important;
	flex-wrap: wrap;
	/*justify-content: space-between; */
}

.AssetChoice,
.ab-library-item,
.coupon-card {
	padding: 30px;
	flex: 0 25%;
	/* min-height: 200px;
    margin-bottom: 6%;
    min-width: 300px; */
}

.TNHolder {
	background-color: #f2f2f2;
	/* width: 290px;
    height: 390px; */
	min-height: 270px;
	padding: 15px;
	margin: auto;
}

.PTLink,
.ab-library-item,
.coupon-image {
	display: flex;
}

.PTLink img,
.ab-library-item img {
	/* width: 210px;
    height: 250px; */
	margin: auto;
}
.PTLink img.coupon,
.ab-library-item img.coupon,
div.abv-coupon {
	border: 4px dashed rgb(177, 181, 183, 0.6);
}
.PTLink:hover {
	cursor: pointer;
	opacity: 0.7;
}
div.abv-image {
	border: 2px solid rgb(177, 181, 183, 0.6);
}
.canvas-container {
	margin: auto !important;
}
.category-item {
	display: inline-flex;
	margin-left: 15px;
	padding-top: 15px;
}

.category-item .category_label {
	font-weight: bold;
	padding-right: 8px;
}
/* .category-item .badge {
    background-color: #006BB7;
    color: white;
    padding: 6px 8px 3px 8px;
    text-align: center;
    border-radius: 12px;
} */
/* BTD */
.select_coupon_type,
.ab-library-item-label {
	/* font-size: 8px; */
	width: auto;
	margin-left: 15px;
	overflow: hidden;
	margin-top: 10px;
	/* font-family: "titlingheader", 'Open Sans Condensed', sans-serif !important;
    height: 17px;*/
}

/* Responsive styles */
@media (min-width: 576px) {
	.AssetChoice,
	.coupon-card {
		flex: 0 50%;
	}
}

@media (min-width: 992px) {
	.AssetChoice,
	.coupon-card {
		flex: 0 32%;
	}
}

@media (min-width: 1160px) {
	.AssetChoice,
	.coupon-card {
		flex: 0 25%;
	}
}

#contDiv {
	/* display: none; */
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	/* height: 100%; */
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.modal-fullscreen {
	width: 95% !important;
	height: 95% !important;
}
.modal-footer {
	text-align: left;
}
.btn-default {
	color: black !important;
}
.ml-1 {
	margin-left: 0.25rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}

#applyButtonAlert,
#applyButton {
	margin-bottom: 0 !important;
	visibility: hidden;
	opacity: 0;
	transition: opacity 250ms ease-in;
}
#applyButtonAlert.show,
#applyButton.show {
	visibility: visible;
	opacity: 1;
}
.alert-reverse {
	text-align: center;
	color: #293e48;
	background-color: #ffffff;
	border-color: #ffffff;
}
.EditPanel {
	padding-top: 20px;
	margin: auto;
}

.modal-header {
	border-bottom: 0;
}
.modal-footer {
	text-align: left;
	margin-top: 15px;
}
#CEditor .modal-content {
	background-color: #eeeeee;
}
#CEditor textarea {
	width: 100%;
	height: 35px;
	border-radius: 0;
	border: 1px solid #b6bdc5;
	background-color: #ffffff;
	box-sizing: border-box;
}
.btn-default {
	color: black !important;
}
.ml-1 {
	margin-left: 0.25rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}

#Root {
	position: absolute !important;
	margin: auto !important;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.33);
	-moz-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.33);
	box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.33);
	behavior: url(/css/IECSS/PIE.htc);
}

.Canvas_A {
	width: 880px;
	position: relative;
}

#PreviewTemplate {
	position: relative;
	padding-bottom: 10px;
	width: 686px;
}

#PreviewTemplateBottom {
	background: url(../Images/new/ondemand_box_med_horz_bottom.png) no-repeat
		scroll center bottom transparent;
	width: 686px;
	height: 24px;
}

#btnCustomize {
	position: absolute;
	top: 40px;
	left: 514px;
}

#btnSaveProgress {
	position: absolute;
	top: 25px;
	left: 845px;
}

#btnNextPanelLeft {
	position: absolute;
	top: 25px;
	left: 625px;
}

#btnNextPanelRight {
	position: absolute;
	top: 25px;
	left: 735px;
}

#btnPriorPanel {
	position: absolute;
	top: 25px;
	left: 735px;
}

#btnContinue {
	position: absolute;
	top: 60px;
	left: 514px;
}

#btnGetTemplates {
	position: absolute;
	top: 20px;
	left: 10px;
}

.btn {
	font-weight: 400;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 6px 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	justify-content: center;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	transition: 300ms all ease-out;
	line-height: 1;
	height: 50px;
	font-size: 14px;
}

.btn-small {
	height: auto;
}

.btn-primary {
	background: #0068b3;
	border: 2px solid transparent;
}

.btn-warning {
	background: #f4c229;
	border: 2px solid #0068b3;
	color: #293e48;
}

.btn-secondary {
	background: white;
	color: #0068b3;
	border: 1px solid #0068b3;
}

.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active {
	background: #0068b3;
	box-shadow: 0 0 0 2px #0068b3;
	border: 2px solid #fff;
}

.btn-outline {
	background: transparent !important;
	color: #8d9193;
	border: 1px solid #cfd1d3;
}

.btn.btn-outline:focus,
.btn.btn-outline:hover,
.btn.btn-outline:active {
	background: #c4c6c8;
	box-shadow: 0 0 0 2px #c4c6c8;
	border: 2px solid #0068b3;
}

.btn.btn-warning:focus,
.btn.btn-warning:hover,
.btn.btn-warning:active {
	background: #f4c229;
	box-shadow: 0 0 0 3px #f4c229;
	border: 2px solid #0068b3;
	color: #293e48;
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active {
	color: #0068b3;
	background: #f5f7fa;
	box-shadow: 0 0 0 2px #0068b3;
	border: 1px solid #0068b3;
}

.btn-primary,
.btn-success,
.btn-warning {
	text-shadow: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

.btnAdBuilderNavigation {
	display: block;
	width: 120px;
	line-height: 45px;
	cursor: pointer;
	text-align: center;
	background: #0068b3;
	box-shadow: 0;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-left: 5px;
	border-radius: 20px;
	height: 40px;
	text-transform: uppercase;
}

.btnAdBuilderNavigation:hover {
	background: #0b73c3;
}

.btnAdBuilderNavigation a:hover,
.btnAdBuilderNavigation a:focus {
	color: #ffffff;
	text-decoration: none;
}

.btnStepThruNavigationNull {
	display: block;
	width: 120px;
	line-height: 32px;
	text-align: center;
	cursor: default;
	background: #747579;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin-left: 2px;
	float: right;
}

.btnStepThruNavigation {
	display: block;
	width: 120px;
	line-height: 32px;
	cursor: pointer;
	text-align: center;
	background: #006bb7;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin-left: 2px;
	float: right;
}

.btnStepThruNavigation:hover {
	background: #747579;
}

.tooltip_container {
	left: 19%;
	position: absolute;
	top: 19px;
}

.tooltip_container .fa.fa-question,
.tooltip_container .fa.fa-times {
	color: #2e3c4d;
	font-size: 0.9vw;
}

.btnNextPanel,
.btnPriorPanel,
.btnSaveProgress,
.btnPrintOptions {
	display: block;
	width: 140px;
	height: 29px;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
}

.btnNextPanel {
	background: url(../images/new/btn_bkgd.png) no-repeat scroll 0 0;
	color: #fff;
}

.btnNextPanel:hover {
	background: url(../images/new/btn_bkgd_over.png) no-repeat scroll 0 0;
	color: #000;
}

.btnNextPanel_disabled {
	background-image: url(../images/btn_next_disabled.gif);
	cursor: default;
}

.btnPriorPanel {
	background-image: url(../images/btn_prior.gif);
}

.btnPriorPanel:hover {
	background-image: url(../images/btn_prior.gif);
}

.btnPriorPanel_disabled {
	background-image: url(../images/btn_prior_disabled.gif);
	cursor: default;
}

.btnSaveProgress {
	background-image: url(../images/btn_save_progress.gif);
}

.btnSaveProgress:hover {
	background-image: url(../images/btn_save_progress_over.gif);
}

.btnSaveProgress_disabled {
	background-image: url(../images/btn_save_progress_disabled.gif);
	cursor: default;
}

.btnPrintOptions {
	background-image: url(../images/btn_print_options.gif);
}

.btnPrintOptions:hover {
	background-image: url(../images/btn_print_options_over.gif);
}

p.btnCustomize a,
p.btnCustomize_disabled a,
p.btnSaveProgress a,
p.btnSaveProgress_disabled a,
p.btnContinue a,
p.btnContinue_disabled a {
	display: block;
	width: 126px;
	height: 34px;
}

p.btnCustomize_disabled a {
	background-image: url(../images/btnCustomize_disabled.gif);
	cursor: default;
}

p.btnCustomize a {
	background-image: url(../images/btnCustomize.gif);
}

p.btnCustomize a:hover {
	background-image: url(../images/btnCustomize_over.gif);
}

p.btnSaveProgress_disabled a {
	background-image: url(../images/btnSaveProgress_disabled.gif);
}

p.btnSaveProgress a {
	background-image: url(../images/btnSaveProgress.gif);
}

p.btnSaveProgress a:hover {
	background-image: url(../images/btnSaveProgress_over.gif);
}

p.btnGetTemplates_disabled a {
	background-image: url(../images/btnGetTemplates_disabled.gif);
}

p.btnGetTemplates a {
	background-image: url(../images/btnGetTemplates.gif);
}

p.btnGetTemplates a:hover {
	background-image: url(../images/btnGetTemplates_over.gif);
}

p.btnContinue_disabled a {
	background-image: url(../images/btnContinue_disabled.gif);
}

p.btnContinue a {
	background-image: url(../images/btnContinue.gif);
}

p.btnContinue a:hover {
	background-image: url(../images/btnContinue_over.gif);
}

p.btnViewTemplates_disabled a {
	background-image: url(../images/btn_ViewTemplates_disabled.gif);
}

p.btnViewTemplates a {
	background-image: url(../images/btn_ViewTemplates.gif);
}

p.btnViewTemplates a:hover {
	background-image: url(../images/btn_ViewTemplates_over.gif);
}

p.btnGetImages_disabled a {
	background-image: url(../images/btn_GetImages_disabled.gif);
}

p.btnGetImages a {
	background-image: url(../images/btn_GetImages.gif);
}

p.btnGetImages a:hover {
	background-image: url(../images/btn_getimages_over.gif);
}

.clearFloat {
	clear: both;
}

#ProcessFrame_ID {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 80px;
	border: none;
}

a.btnDownloadPDFsm {
	display: block;
	width: 80px;
	height: 20px;
	background-image: url(../images/btnDownloadPDFsm.gif);
	background-repeat: no-repeat;
}

a.btnDownloadPDFsm:hover {
	background-image: url(../images/btnDownloadPDFsm_over.gif);
}

table.DataTableHeader {
	width: 880px;
}

table.DataTableHeader td {
	text-align: center;
	height: 20px;
	border: 1px solid #000000;
}

table.DataTable {
	width: 863px;
}

table.DataTable td {
	text-align: center;
	padding: 1px 5px;
	border: 1px solid #000000;
}

#IBSessionData {
	padding: 10px;
}

#IBSavedAds {
	padding: 20px;
	height: 190px;
	width: 880px;
}

/* Variable Combo Area Tool CSS ----------------------------------- */

.CEWrapper {
	position: absolute;
	top: 0px;
	left: 275px;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	display: none;
	z-index: 5000;
	background-color: transparent;
	background-repeat: repeat;
	background-position: center top;
}

#CEditor .xHeader,
#CEditor .xFooter {
	width: 100%;
	background-color: transparent;
}

#CEditor .Bgd_left,
#CEditor .Bgd_right {
	width: 32px;
	height: 32px;
}

#CEditor .HText {
	z-index: 1;
}

p.HText {
	margin: 0 !important;
}

#CEditor .xHeader .HText {
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #006bb7;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#CEditor .xFooter .HText {
	padding: 8px 30px;
	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#CEditor .xBody {
	position: relative;
	background-image: url(../Images/new/popup_bkgd_horz_repeat.png);
	background-repeat: repeat-y;
}

#CEditor .xBody .ViewPanel {
	padding: 15px;
	background-color: #597c90;
}

#CEditor .xBody .VPFrame {
	width: 93%;
	margin-left: 15px;
	background-color: transparent;
}

#CEditor .xBody .EditPanel,
#CEditor .xBody .ToolPanel {
	padding: 10px;
	width: 94.2%;
	background-color: #c3c3c3;
}
#CEditor .xBody .EditPanel {
	padding: 10px;
	width: 89%;
	background-color: transparent;
	margin-left: 15px;
}

#CEditor .xBody .EditPanel .CEditValuesHeading {
	font-size: 12px;
	font-weight: bold;
}

#CEditor .xBody .EditPanel input {
	margin-top: 10px;
}

#CEditor .xBody .EditPanel select {
	font-size: 13px;
	min-width: 80px;
}

#CEditor .xBody .EditPanel select option {
	padding: 1px 7px 1px 5px;
}

#CEditor .xBody .EditPanel ul {
	position: absolute;
	top: 5px;
	left: 170px;
	list-style: none;
}

#CEditor .xBody .EditPanel ul li {
	float: left;
}

#CEditor .xBody .EditPanel ul li a {
	width: 24px;
	height: 24px;
}

#CEditor .xBody .EditPanel a.btnBold {
	display: block;
	background-image: url(../images/btnBold.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnBold:hover {
	background-image: url(../images/btnBold_over.gif);
}

#CEditor .xBody .EditPanel a.btnBold_down {
	display: block;
	background-image: url(../images/btnBoldDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnBold_down:hover {
	background-image: url(../images/btnBoldDown_over.gif);
}

#CEditor .xBody .EditPanel a.btnItalic {
	display: block;
	background-image: url(../images/btnItalic.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnItalic:hover {
	background-image: url(../images/btnItalic_over.gif);
}

#CEditor .xBody .EditPanel a.btnItalic_down {
	display: block;
	background-image: url(../images/btnItalicDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnItalic_down:hover {
	background-image: url(../images/btnItalicDown_over.gif);
}

#CEditor .xBody .EditPanel a.btnUnderline {
	display: block;
	background-image: url(../images/btnUnderline.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnUnderline:hover {
	background-image: url(../images/btnUnderline_over.gif);
}

#CEditor .xBody .EditPanel a.btnUnderline_down {
	display: block;
	background-image: url(../images/btnUnderlineDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnUnderline_down:hover {
	background-image: url(../images/btnUnderlineDown_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignLeft {
	display: block;
	background-image: url(../images/btnAlignLeft.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignLeft:hover {
	background-image: url(../images/btnAlignLeft_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignLeft_down {
	display: block;
	background-image: url(../images/btnAlignLeftDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignLeft_down:hover {
	background-image: url(../images/btnAlignLeftDown_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignCenter {
	display: block;
	background-image: url(../images/btnAlignCenter.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignCenter:hover {
	background-image: url(../images/btnAlignCenter_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignCenter_down {
	display: block;
	background-image: url(../images/btnAlignCenterDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignCenter_down:hover {
	background-image: url(../images/btnAlignCenterDown_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignRight {
	display: block;
	background-image: url(../images/btnAlignRight.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignRight:hover {
	background-image: url(../images/btnAlignRight_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignRight_down {
	display: block;
	background-image: url(../images/btnAlignRightDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignRight_down:hover {
	background-image: url(../images/btnAlignRightDown_over.gif);
}

#CEditor .xBody .EditPanel a.btnAlignJustify {
	display: block;
	background-image: url(../images/btnAlignJustify.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignJustify:hover {
	background-image: url(../images/btnAlignJustify_down.gif);
}

#CEditor .xBody .EditPanel a.btnAlignJustify_down {
	display: block;
	background-image: url(../images/btnAlignJustifyDown.gif);
	background-repeat: no-repeat;
}

#CEditor .xBody .EditPanel a.btnAlignJustify_down {
	background-image: url(../images/btnAlignJustify_down.gif);
}

#CEditor .xBody .EditPanel .Actions {
	width: 100%;
	text-align: center;
}

#CEditor .xBody .EditPanel .Actions input[type='button'] {
	margin: 10px 20px;
}

.ToolPanel {
	padding: 5px 10px;
	height: 25px;
}

#ToolPanel_Id input {
	width: 32px;
	padding: 2px;
	font-size: 14px;
	vertical-align: top;
}

#ToolPanel_Id select {
	width: 150px;
	height: 22px;
	font-size: 14px;
	vertical-align: top;
}

#ToolPanel_Id select option {
	padding-left: 5px;
	padding-right: 5px;
}

#ToolPanel_Id ul {
	list-style: none;
}

#ToolPanel_Id ul li {
	float: left;
	padding-right: 5px;
}

#ToolPanel_Id ul li a {
	display: block;
	text-decoration: none;
}

#ToolPanel_Id #tp_0a {
	padding-right: 0px;
}

.IFSBtn,
.DFSBtn {
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
}

.BFBtn,
.BFBtn_down,
.IFBtn,
.IFBtn_down,
.UFBtn,
.UFBtn_down,
.ALBtn,
.ALBtn_down,
.ACBtn,
.ACBtn_down,
.ARBtn,
.ARBtn_down,
.AJBtn,
.AJBtn_down {
	width: 24px;
	height: 24px;
}

.AVBtn,
.AVBtn_down {
	width: 64px;
	height: 24px;
}

.IFSBtn {
	background-image: url(../images/btnPlus.gif);
}

.DFSBtn {
	background-image: url(../images/btnMinus.gif);
}

.BFBtn {
	background-image: url(../images/btnBold.gif);
}

.IFBtn {
	background-image: url(../images/btnItalic.gif);
}

.UFBtn {
	background-image: url(../images/btnUnderline.gif);
}

.ALBtn {
	background-image: url(../images/btnAlignLeft.gif);
}

.ACBtn {
	background-image: url(../images/btnAlignCenter.gif);
}

.ARBtn {
	background-image: url(../images/btnAlignRight.gif);
}

.AJBtn {
	background-image: url(../images/btnJustified.gif);
}

.AVBtn {
	background-image: url(../images/btnAV.gif);
}

.IFSBtn:hover {
	background-image: url(../images/btnPlus_over.gif);
}

.DFSBtn:hover {
	background-image: url(../images/btnMinus_over.gif);
}

.BFBtn:hover {
	background-image: url(../images/btnBold_over.gif);
}

.IFBtn:hover {
	background-image: url(../images/btnItalic_over.gif);
}

.UFBtn:hover {
	background-image: url(../images/btnUnderline_over.gif);
}

.ALBtn:hover {
	background-image: url(../images/btnAlignLeft_over.gif);
}

.ACBtn:hover {
	background-image: url(../images/btnAlignCenter_over.gif);
}

.ARBtn:hover {
	background-image: url(../images/btnAlignRight_over.gif);
}

.AJBtn:hover {
	background-image: url(../images/btnJustified_over.gif);
}

.AVBtn:hover {
	background-image: url(../images/btnAV_over.gif);
}

.IFSBtn_down {
	background-image: url(../images/btnPlusDown.gif);
}

.DFSBtn_down {
	background-image: url(../images/btnMinusDown.gif);
}

.BFBtn_down {
	background-image: url(../images/btnBoldDown.gif);
}

.IFBtn_down {
	background-image: url(../images/btnItalicDown.gif);
}

.UFBtn_down {
	background-image: url(../images/btnUnderlineDown.gif);
}

.ALBtn_down {
	background-image: url(../images/btnAlignLeftDown.gif);
}

.ACBtn_down {
	background-image: url(../images/btnAlignCenterDown.gif);
}

.ARBtn_down {
	background-image: url(../images/btnAlignRightDown.gif);
}

.AJBtn_down {
	background-image: url(../images/btnJustifiedDown.gif);
}

.AVBtn_down {
	background-image: url(../images/btnAVDown.gif);
}

.IFSBtn_down:hover {
	background-image: url(../images/btnPlusDown_over.gif);
}

.DFSBtn_down:hover {
	background-image: url(../images/btnMinusDown_over.gif);
}

.BFBtn_down:hover {
	background-image: url(../images/btnBoldDown_over.gif);
}

.IFBtn_down:hover {
	background-image: url(../images/btnItalicDown_over.gif);
}

.UFBtn_down:hover {
	background-image: url(../images/btnUnderlineDown_over.gif);
}

.ALBtn_down:hover {
	background-image: url(../images/btnAlignLeftDown_over.gif);
}

.ACBtn_down:hover {
	background-image: url(../images/btnAlignCenterDown_over.gif);
}

.ARBtn_down:hover {
	background-image: url(../images/btnAlignRightDown_over.gif);
}

.AJBtn_down:hover {
	background-image: url(../images/btnJustifiedDown_over.gif);
}

.AVBtn_down:hover {
	background-image: url(../images/btnAVDown_over.gif);
}

#ApplyToAd,
#ApplyToAd_disabled,
#Cancel,
#Cancel_disabled {
	display: block;
	width: 120px;
	height: 40px;
}

#ApplyChanges,
#ApplyChanges_disabled {
	display: block;
	width: 120px;
	height: 40px;
}

#ApplyToAd_disabled {
	background-image: url(../images/btnApplyToAd_disabled.gif);
	cursor: default;
}

#ApplyToAd {
	background-image: url(../images/btnApplyToAd.gif);
}

#ApplyToAd:hover {
	background-image: url(../images/btnApplyToAd_over.gif);
}

#ApplyChanges_disabled {
	background-image: url(../images/btnApplyChanges_disabled.gif);
	cursor: default;
}

#ApplyChanges {
	background-image: url(../images/btnApplyChanges.gif);
}

#ApplyChanges:hover {
	background-image: url(../images/btnApplyChanges_over.gif);
}

#Cancel_disabled {
	background-image: url(../images/btnCancel_disabled.gif);
	cursor: default;
}

#Cancel {
	background-image: url(../images/btnCancel.gif);
}

#Cancel:hover {
	background-image: url(../images/btnCancel_over.gif);
}

#TemplateSpinner {
	width: 100%;
	position: absolute;
	/*background: #FFFFFF;
    height: 100%;*/
	z-index: 52;
	top: 200px;
}

#TemplateSpinner td {
	text-align: center;
	vertical-align: middle;
}

#TemplateSpinner p {
	padding-top: 50px;
	text-align: center;
}

#LibrarySpinner {
	position: absolute;
	top: 200px;
	left: 45%;
}

#CouponSpinner p {
	padding-top: 100px;
	text-align: center;
}

.SpinnerShow {
	display: block;
}

.SpinnerHide {
	display: none;
}

.primary-color {
	color: #0068b3;
}

.secondary-color {
	color: #7a8899;
}

.badge,
.tag {
	background-color: #7a8899;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 2px 5px;
	font-weight: normal;
}

.pull-right {
	float: right;
}

/* --------------------------------------------------------------- */

/* override Bootstrap */

.badge {
	background-color: #0067b1;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 2px 5px;
	font-weight: normal;
	font-size: 12px;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px;
	line-height: normal;
}
