@font-face {
	font-family: DIN;
	src: url('../assets/DINWeb.woff') format('woff');
}
@font-face {
	font-family: DIN;
	src: url('../assets/DINWeb-Medium.woff') format('woff');
	font-weight: 600;
}
@font-face {
	font-family: DIN;
	src: url('../assets/DINWeb-Bold.woff') format('woff');
	font-weight: 700;
}
@font-face {
	font-family: Icons;
	src: url('../assets/icons.woff') format('woff');
}
/*
	arrow right: \e900
	magnifying glass: \e901
*/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

html {
	font-size: 100%;
	background: white;
	color: black;
	height: 100%;
}
body {
	margin: 0;
	padding: 0 0 3.75em;
	font-family: Arial, Helvetica, Sans-serif;
	min-height: 100%;
	line-height: 1.333;
	box-sizing: border-box;
	min-width: 61.25em;
}
a {
	color: #00A7C2;
	text-decoration: none;
}
a:hover {color: #19335E;}
button, img, select, input, textarea {
	vertical-align: middle;
	margin: 0;
	font: 1em "Lucida Grande", Arial, Helvetica, Sans-serif;
	box-sizing: border-box;
}
button[type=submit] {
	font: 700 1.125em/1 DIN, Arial, Helvetica, Sans-serif;
	background-color: transparent;
	color: #0089C4;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	padding: 0 2em 0 0;
	position: relative;
}
button[type=submit]:disabled {cursor: not-allowed;}
button[type=submit]:after {
	content: '\e900';
	font: normal .888em Icons;
	background: #0089C4;
	border-radius: 100%;
	position: absolute;
	width: 1.625em;
	height: 1.625em;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	padding-top: 5px;
	text-align: center;
	padding-left: 2px;
	right: 0;
	top: 50%;
	transform: translateY(-58%);
}
button[type=submit]:disabled:after {opacity: .3;}
button[type=submit]:active:after {background-color: #19335E;}
button[type=submit]:disabled:active:after {background-color: #0089C4;}
dd {margin-left: 0;}
h1, h2 {
	font-family: DIN, Arial, Helvetica, Sans-serif;
/*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
*/
}
h1 {font-size: 1.25em;}
h2 {font-weight: 600;}
h4 {
	margin-bottom: .5em;
	font-size: 1em;
}
img, fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
img, input {
	max-width: 100%;
	height: auto;
}
input {
	padding: 0 0 1px;
	border: solid #BBB;
	border-width: 0 0 1px;
	background-color: transparent;
}
input[type=checkbox], input[type=radio] {
	padding: 0;
	border: none;
}
input[type=submit], .action a {
/* 	padding: .2em .5em; */
	border-width: 0;
	background-color: #0089C4;
	color: white;
	display: inline-block;
	color: white;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-serif;
	padding: .7em 1em;
	box-sizing: border-box;
	min-width: 8.846em;
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 2em;
}
input[type=submit]:hover, .action a:hover {background-color: rgba(0,137,196,.6);}
input[type=submit]:active, .action a:active {background-color: #19335E;}

/*
input:focus {
	position: relative;
	z-index: 1;
}
*/
label {vertical-align: middle;}
legend {
	padding: 0;
	position: absolute;
	left: -9999em;
}
p, ul, ol, dl, table {margin: 0 0 1.333em;}
table {
	border-collapse: collapse;
	width: 100%;
	font-size: .75rem;
	margin: 3.333em 0 1.667em;
}
table table {
	width: auto;
	margin: .834em 0 0 0;
}
textarea {
	padding: .25em;
	overflow: auto;
	border: 1px solid #BBB;
	resize: vertical;
	max-width: 100%;
	box-sizing: border-box;
}
td, th {text-align: left;}
th {color: #00A7C2;}
thead th {
	border-bottom: 1px solid #00A7C2;
	padding: 5px 10px;
}
thead .empty th {
	padding: 0;
	border: none;
}
tbody td {
	padding: 2px 10px;
	border: solid #BBB;
	border-width: 1px 0;
}

.message {
	background-color: white;
	font-size: .813em;
	line-height: 1.2;
	margin: .769em auto;
	padding: .385em .769em;
	max-width: 41.538em;
	clear: both;
}
h2 + .message {margin-top: -25px;}
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
}
.overlay .message {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 2.5em 5em 3.125em;
	transform: translate(-50%,-50%);
}
.overlay .message:first-line {font-size: 1.125em;}
.message .ok {
	text-align: center;
	margin-top: 1em;
}
.message .ok a {
	display: inline-block;
	cursor: pointer;
	padding: .5em 1em;
	color: white;
	background-color: #0089C4;
	margin: 0 .5em;
}
.message .ok a:hover {background-color: rgba(0,137,196,.6);}
.message .ok a:active {background-color: #19335E;}
input.error, textarea.error {color: red;}
label.invalid {
	color: #F63;
	font-size: .75rem;
}
.jsenabled label.invalid {
	position: absolute;
	left: 100%;
	background-color: #F63;
	color: black !important;
	padding: .4em 1em;
	min-width: 12em;
	margin-left: 1.417em;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
	width: auto !important;
	font-weight: normal !important;
}
.jsenabled label.invalid:before {
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 1em;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMiAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMCwxMmwxMiwtMTJsMCwyNGwtMTIsLTEyWiIgc3R5bGU9ImZpbGw6I2Y2MzsiLz48L3N2Zz4K) 100% 50% / 100% 100% no-repeat;
}
.jsenabled .error-left label.invalid {
	left: auto;
	width: auto;
	min-width: 12em;
	margin-right: 1.417em;
	text-align: left;
}
.jsenabled .error-left label.invalid:before {
	right: auto;
	left: 100%;
	transform: rotate(180deg);
}
.step4 .error-left label.invalid {
	left: auto;
	right: 100%;
}

.invalid_message {
	background: url(../img/bg_required_label.png) no-repeat;
	width: 186px;
	height: 33px;
	line-height: 31px !important;
	position: absolute;
	left: -193px;
	bottom: -5px;
	text-align: center;
	padding-right: 6px !important;
	vertical-align: middle;
}
table .check {text-align: center;}
table .check, .message .invalid, .message .invalid + .ok {text-align: center;}
.message .invalid {
	display: block;
	margin: 1em 0 !important;
	position: static !important;
	background-color: transparent !important;
	min-width: 0 !important;
	text-align: center !important;
	transform: none !important;
	padding: 0 !important;
}
.message .invalid:before {content: none !important;}
body > header {
	padding: 1.25em 1.25em 0;
	color: white;
	background-color: #0089C4;
	border-bottom: 1px solid white;
}
body > header > div {
	max-width: 58.75em;
	margin: auto;
	position: relative;
	padding-top: 1.563em;
	box-sizing: border-box;
	padding-left: 10em;
	min-height: 6.25em;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#logo object {pointer-events: none;}
body > header h1 {
	margin: 0 0 .9em;
	line-height: 1;
	color: white;
}
body > header a {color: white;}
body > header nav h2 {
	position: absolute;
	left: -9999em;
}
body > header ul {
	line-height: 1;
	margin: 0;
	padding: 0;
	list-style: none;
}
body > header li {
	display: inline;
	font-size: .813em;
}
body > header li:before {content: "| ";}
body > header li:first-child:before {content: none;}
body > footer {
	color: white;
	padding: 1.25em;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #19335E;
}
body > footer > div {
	font-size: .625em;
	max-width: 94em;
	margin: auto;
	box-sizing: border-box;
	padding-left: 16em;
}

main {
	padding: 1.25em;
	margin: auto;
	position: relative;
	max-width: 58.75em;
}
main:after {
	content: "";
	display: block;
	clear: both;
}
main > * {
	font-size: .813em;
	margin-left: 12.308em;
}
main > table {
	font-size: .75em;
	margin-left: 0 !important;
}
main > h2 {
	color: #0089C4;
	font-size: 2.25em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: .2em;
	margin-left: 4.444em;
	letter-spacing: -.025em;
}
/* main > h2 + div {font-size: 18px;} */
main ul {
	list-style: none;
	padding-left: .7em;
}
main ul li:before {
	content: '•';
	position: absolute;
	margin-left: -.7em;
	color: #ABE1FA;
}

#start, #welcome {
	background-color: #0089C4;
	color: white;
}
#start > header > div {padding-left: 0;}
#start > header h1 {visibility: hidden;}
#start > header nav {
	float: right;
	width: 62.766%;
}
#start main {padding-top: 3.25em;}
#start main > *, #welcome main > * {font-size: 1em;}
#start main > * {margin-left: 0;}
#start main a {color: #ABE1FA;}
#start main a:hover {color: #19335E;}
#start main #section1 {
	float: right;
	width: 62.766%;
	line-height: 1.375;
}
#start main h2 {
	font-size: 2.25em;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
#start main h2 span {
	font-size: .556em;
	font-weight: normal;
	display: block;
	margin-bottom: 1em;
}
#start main h2 + div {
	font: bold 1.25em DIN, Arial, Helvetica, Sans-serif;
	margin: .25em 0 1.333em;
}
#start main #section2 {
	float: left;
	width: 13.75em;
	position: relative;
}
#start #section2 form {position: relative;}
#start #login {
	margin-bottom: 1.25em;
}
#start #login legend {
	position: absolute;
	left: -9999em;
}
#start #section2 fieldset div {position: relative;}
#start #section2 .username {
	display: block;
	font-size: 14px;
	margin-bottom: 20px;
}
#start #section2 input[type=email], #start #section2 input[type=password] {
	width: 100%;
	background-color: white;
	border-color: #0089C4;
	line-height: 1.25;
	padding: .625em 1em;
}
.jsenabled #start #section2 label:first-child {
	color: #BBB;
	position: absolute;
	line-height: 1.25;
	padding: .688em 1em;
	cursor: text;
	margin-left: 1px;
	z-index: 2;
}
.jsenabled #start #section2 .focus label:first-child {left: -9999em;}
#start #section2 form.invalid label {color: red;}
#start #section2 fieldset > label.invalid {text-align: left;}
#start button[type=submit] {
	padding-right: 1.444em;
	position: absolute;
	right: .444em;
	bottom: .5em;
	width: 1em;
	z-index: 2;
	white-space: nowrap;
	color: rgba(255,255,255,0);
	letter-spacing: -.46em;
}
#start button[type=submit]:after {
	text-indent: 0;
	letter-spacing: normal;
}
#start #section2 ul {padding-left: 1em;}
#start #section2 ul li {
	list-style: disc;
	margin: 7px 0;
}
#pw_recovery {margin-bottom: .5em;}
#pw_recovery.active {margin-bottom: 1.5em;}
#pw_recovery legend {
	position: static;
	color: white;
	font-size: .75em;
}
.jsenabled #pw_recovery legend {cursor: pointer;}
.jsenabled #pw_recovery legend:hover {color: #19335E;}
#pw_recovery legend + div {
	font-size: .75em;
	padding-top: 1em;
}
.jsenabled #section2 #pw_recovery legend ~ * {
	position: absolute;
	left: -9999em;
	opacity: .1;
	transition: opacity .5s;
}
.jsenabled #section2 #pw_recovery.active legend ~ * {
	position: relative;
	left: auto;
	opacity: 1;
}
.jsenabled #section2 #pw_recovery.active button:disabled {opacity: .3;}
.jsenabled #section2 #pw_recovery.active button {position: absolute;}
.jsenabled #section2 #pw_recovery .cancel {
	position: absolute !important;
	cursor: pointer;
	font-size: .75em;
	top: 100%;
	margin-top: .5em;
}
.jsenabled #section2 #pw_recovery.active .cancel {
	right: 0;
	left: auto;
}
#start #section2 > a {
	font-size: .75em;
	color: white;
}
#start #section2 > a:hover {color: #19335E;}

.welcome {
	margin-bottom: 2.31em;
	font-weight: bold;
	color: #0089C4;
}
#welcome .welcome {
	margin-bottom: 5.385em;
	color: white;
	font-size: .813em;
}
#welcome main h2 {
	color: white;
	font-weight: bold;
	font-size: 2.25em;
}
#welcome main > form {margin-left: 10em;}

#welcome_options fieldset {
	position: relative;
	margin-bottom: 1em;
}
#welcome_options fieldset > div {
	margin-bottom: 1em;
	position: relative;
	padding-right: 1em;
	float: left;
	clear: left;
}
.jsenabled #welcome_options #order_number {
	position: absolute;
	bottom: -.125em;
	left: -9999em;
}
.jsenabled #welcome_options fieldset > div #order_number {left: 100%;}
#welcome_options .submit {clear: both;}
#welcome_options #a_confirmation {
	background-color: transparent;
	border: solid #ABE1FA;
	border-width: 0 0 1px;
	padding-left: 0;
	color: white;
	width: 7em;
}
#welcome_options #order_number > label:first-child:after {content: ':';}
.jsenabled #welcome_options #order_number > label:first-child:after {content: none;}
.jsenabled #welcome_options #order_number > label:first-child {
	position: absolute;
	left: 0;
	transition-property: font-size, margin-top;
	transition-duration: .3s;
}
.jsenabled #welcome_options #order_number.focus > label:first-child {
	font-size: .688em;
	margin-top: -1.25em;
}
#welcome_options > fieldset label.invalid {
	display: table;
	clear: both;
}
#welcome_options button[type="submit"] {
	letter-spacing: -.4em;
	padding-right: 1em;
}
#welcome_options button[type="submit"]:after {
	color: #0089C4;
	background-color: white;
	right: auto;
	left: 0;
	letter-spacing: 0;
}
#welcome_options button[type="submit"]:after {}

form img {margin-bottom: .5em;}
.step > form {
	max-width: 53.846em;
	position: relative;
}
.step > form:after {
	content: '';
	display: block;
	clear: both;
}
.step.step4 .input_field, .step.step4 .terms {position: relative;}
.step form .submit {
	position: fixed;
	bottom: 1.2em;
	z-index: 1;
	width: 100%;
	max-width: 75.385em;
	text-align: right;
	left: 50%;
	transform: translateX(-50%);
	padding-right: 7.692em;
	box-sizing: border-box;
	margin: 0 !important;
}
.step2 form .submit {padding-right: 15.769em;}
.step form .submit button {
	color: white;
	font-size: 1.385em;
}
.step form .submit button:after, .step form .submit button:active:after {
	color: #19335E;
	background-color: white;
}
.step1 form > div {width: 42.857%;}
.step1 form > div:first-child {float: left;}
.step1 form > div:first-child + div {float: right;}
.step2 form, .step3 fieldset > div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-ms-flex-align: start;
	align-items: flex-start;
}
.step2 > form:after {content: none;}
.step2 label img, .step3 form img {display: block;}
.step2 form div, .step3 fieldset > div > div {
	width: 42.857%;
	margin-bottom: 3.5em;
}
.step h2 + div + form {margin-top: 2.31em;}
.step3 > form label {display: table;}
#ad_category {margin-bottom: 2.538em;}
#ad_category label {
	margin-right: .5em;
	display: inline;
}
.jsenabled #ad_category input[type=submit] {display: none;}
/*
#select_ads fieldset .size1, #select_ads fieldset .size3 {width: 50%;}
#select_ads fieldset .size2 {width: 25%;}
#select_ads fieldset .size4 {width: 33%;}
*/
#select_ads fieldset a {
	position: relative;
	display: block;
}
#select_ads fieldset a:before {
	content: '\e901';
	font: 1.538em Icons;
	position: absolute;
	top: .5em;
	left: .5em;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#select_ads fieldset a:hover:before {color: #0089C4;}
.step4 > h2 {margin-bottom: .556em;}
.step4 fieldset {font-size: .923em;}
.step4 legend {
	font: bold 1.333em/1 DIN, Arial, Helvetica, Sans-serif;
	color: #0089C4;
	position: static;
}
.step4 legend + * {margin-top: 1.333em;}
.step4 fieldset > div {margin-bottom: 1em;}
.step4 fieldset > .error-left {position: relative;}
.step4 label[for], .step4 label[htmlFor], .c_size span {
	font-weight: bold;
	display: inline-block;
	width: 36.316%;
}
.step4 > form > fieldset, .step4 #revise {
	margin-left: 45.714%;
	margin-bottom: 2em;
}
.step4 > form select, .step4 > form fieldset input {width: 61.842%;}
.step4 > form fieldset input[type=checkbox], #customize_ad .textarea label, .step4 legend label {width: auto !important;}
.step4 textarea {width: 100%;}
.step4 label + textarea {margin-top: .4em;}
.jsenabled #customize_ad input[type=submit] {
	position: absolute;
	left: -9999em;
	width: auto;
}
#customize_ad .char_count {
	line-height: 1;
	margin-bottom: 2em;
}
#customize_ad .char_count br {display: none;}
#customize_ad .remaining .amount {color: #0089C4;}
#customize_ad .c_size label {
	position: relative;
	display: inline-block;
}
#customize_ad .c_size label.invalid {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	top: auto;
	text-align: left;
	min-width: 14em;
	margin: 0 0 1.417em;
}
#customize_ad .c_size label.invalid:before {
	right: auto;
	left: 50%;
	top: auto;
	transform: translateX(-50%) rotate(-90deg);
	bottom: 0;
	margin-bottom: -1.417em;
	height: 2em;
}
#customize_ad .c_size input {width: 3.75em;}
#revise {
	border: 4px solid #F63;
	border-top-width: 10px;
	padding: 1em;
}
#revise h3 {
	margin: 0 0 0.15em 0;
	font-family: DIN, Arial, Helvetica, Sans-serif;
}

#ad_preview {
	position: absolute;
	width: 42.857%;
	text-align: left;
	font: .846em/1.19 DIN, Arial, Helvetica, Sans-serif;
}
#ad_preview h3, #ad_preview h4 {
	position: absolute;
	left: -9999em;
}
#ad_preview div {
	position: absolute;
	color: #777;
	font-weight: normal;
	background-color: white;
	text-align: left;
	transform: scale(.952);
	transform-origin: top left;
}
#ad_preview.size3 div {font-size: 9px;}
#ad_preview.size4 div {font-size: 13px;}

#ad_preview .custom_text {
	color: #D986B4;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.pcc > div {margin-top: 1em;}
.step4 #ad_pcc {width: 30.526%;}
.ad_cost ul {
	padding-left: 0;
	margin-bottom: 0;
}
.ad_cost li:before {content: none;}
.requestor_name, .requestor_email {font-weight: bold;}
.step4 .terms {padding-left: 2em;}
.step4 .terms input {
	position: absolute;
	margin-left: -2em;
}
.step4 label.invalid {top: .7em;}


.step5 .action {margin: 1em 0 2.5em;}
.step5 #late_warning {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 28.75em;
}
.step5 .cost {font-weight: bold;}
.confirm_msg {max-width: 53.846em;}
#order_info {
	border: 1px solid #0089C4;
	overflow: hidden;
	font-size: .75em;
	line-height: 1.2;
	padding: 0;
	color: #666;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 2em;
	margin-left: 13.333em;
}
#order_info li {
	padding: .5em .834em;
	border-bottom: 1px solid #0089C4;
	box-sizing: border-box;
	-ms-flex: 1 0 47.3%;
	flex: 1 0 47%;
}
#order_info li:before {content: none;}
#order_info li span {color: #231F20;}
#order_info li:first-child {
	-ms-flex: 1 0 15%;
	flex-basis: 15%;
}
#order_info li:first-child + li, #order_info li:first-child + li + li {
	-ms-flex: 1 0 9.4%;
	flex-basis: 9.4%;
}
#order_info li:first-child + li + li + li {
	-ms-flex: 1 0 25%;
	flex-basis: 25%;
}
#order_info li:first-child + li + li + li + li {
	-ms-flex: 1 0 auto;
	flex-basis: auto;
}
#order_info li:last-child {border-bottom: none;}
#order_info li:last-child span {display: block;}
#order_info .instructions {
	-ms-flex: 1 0 100%;
	flex-basis: 100%;
}
.approval #ad_preview {
	width: 49%;
	position: relative;
	text-align: center;
	font-size: .75em;
	float: left;
	margin-left: 13.333em;
}
.approval #ad_preview a + br {display: none;}
.approval #ad_preview > div {
	position: static;
	text-align: center;
}
.approval #ad_preview .action {margin-bottom: 2em;}
.approval #ad_preview .action a {margin: 0 1em;}
.approval #ad_preview img {margin-bottom: .5em;}
.approval #ad_preview object {
	width: 100%;
	height: 662px;
}
#approval_form, .approval #prev_comments {
	float: right;
	width: 31.915%;
	padding: 1.154em 1.667em;
	font-size: .75em;
	background-color: #EBEBEB;
	clear: right;
	position: relative;
	border: solid #BBB;
	border-width: 0 1px 1px;
	box-sizing: border-box;
	margin-left: 0 !important;
}
#approval_form {padding-top: 0;}
#approval_form legend {
	font-weight: bold;
	background-color: #0089C4;
	min-width: 100%;
	margin-left: -1.25em;
	color: white;
	padding: .625em 1.25em;
	font-size: 1.333em;
	left: auto;
}
#approval_form legend ~ div {margin-bottom: .5em;}
#approval_form legend + div, #approval_form .invalid + div {padding-top: 4.5em;}
#approval_form label {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
}
#approval_form label input {
	position: absolute;
	margin-left: -1.5em;
}
#approval_form textarea {
	width: 100%;
	margin: 1em 0;
}
#approval_form .error-left div {position: relative;}
#approval_form .error-left .invalid {
	top: 175px;
	left: -210px;
}
#approval_form .error-left .comments .invalid {top: -70px;}

#approval_form .submit {
	font-size: 1.333em;
	text-align: right;
}
.approval .fulfilled {color: red;}
.approval #prev_comments h3 {
	margin: 0 0 .5em;
	font-size: 1.167em;
}
.approval #prev_comments ul {color: #666;}
.faq > h2 {margin-top: 1em;}
.faq > .welcome + h2 {margin-top: 0;}
.faq #section1, .faq #section2 {width: 40.426%;}
.faq #section1 {float: left;}
.faq #section2 {
	float: right;
	margin-left: 0 !important;
}
.faq dd, .faq dt {padding-left: 1.385em;}
.faq dd {margin-bottom: 1.333em;}
.faq dd:before, .faq dt:before {
	float: left;
	margin-left: -1.385em;
	font-weight: bold;
}
.faq dt:before {content: 'Q.';}
.faq dd:before {content: 'A.';}
.faq dd img {
	display: block;
	margin: auto;
}
#legend {padding-left: 0;}
#legend li {
	display: inline;
	margin-right: 4.615em;
}
#legend li:before {content: none;}
#legend li img {
	top: -.083em;
	position: relative;
}
.overview th[colspan="4"] {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
.overview .colgroup1 col:first-child {width: 65px;}
.overview .colgroup1 col:first-child + col {width: 155px;}
.overview .colgroup1 col:first-child + col + col + col {width: 140px;}
.colgroup2 col {
	border: solid #EEE;
	border-width: 0 1px;
	width: 25px;
}
.row_details .colgroup2 col {border-color: #D8D8D8;}
.colgroup3 {width: 150px;}
.row_details .colgroup3 {border-right: 1px solid white;}
.colgroup4 col, #history_table .colgroup4 {
	background-color: #D8D8D8;
	width: 70px;
}
.colgroup4 col:first-child {width: 80px;}
#history_table .colgroup4 {width: auto;}
table thead th.sorting, table thead th.sorting_asc, table thead th.sorting_desc {cursor: pointer;}
table thead th.sorting_asc, table thead th.sorting_desc {text-decoration: underline;}
table .prod_use, thead .fulfilled {background-color: white;}
.dataTables_wrapper {
	position: relative;
	margin-left: 0 !important;
}
.overview .status {
	text-align: center;
	padding: 0;
}
.overview .status div {position: relative;}
.overview .status img + span {
	background: #f54029;
	color: #FFFFFF;
	left: -9999em;
	line-height: 1.2;
	padding: .5em;
	position: absolute;
	width: 100px;
	margin-left: -55px;
	bottom: 20px;
}
.overview .status img + span:before {
	border-color: red transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	bottom: -5px;
	content: "";
	left: 50%;
	margin-left: -5px;
	position: absolute;
	z-index: 2;
}
.overview .status img:hover + span, .overview .status img + span:hover {left: 50%;}
.overview .fulfilled span {
	font-size: 14px;
	line-height: 1;
}
#accounts > form, #admin_table {margin-left: 0 !important;}
#accounts_table input[type="text"], #accounts_table input[type="email"], #accounts_table input[type="password"] {width:100%;}
#accounts_table select {width:100%;}
#accounts_table thead th {padding: .5em .25em 0;}
#accounts_table td {padding: .334em .25em;}
#accounts_table tr > :nth-child(8), #accounts_table tr > :nth-child(9) {text-align: center;}
#accounts_table .accounts_add {display: none;}
#accounts_table a {cursor: pointer;}
#accounts_table td > div {position: relative;}
#accounts_table label.invalid {
	left: 50%;
	top: auto;
	margin: 0;
	text-align: left;
	min-width: 0;
	white-space: nowrap;
	transform: translate(-50%,0);
	bottom: 100%;
	margin-bottom: 1.417em;
}
#accounts_table label.invalid:before {
	transform: translateX(-50%) rotate(-90deg);
	margin-bottom: -1.417em;
	height: 2em;
	left: 50%;
	top: auto;
}
#accounts_table td:nth-child(2) label.invalid {
	left: 40%;
	transform: none;
}
#accounts_table td:nth-child(2) label.invalid:before {left: 20%;}
#instructions {
	display: inline-block;
	position: relative;
	top: 40px;
	left: 10px;
}
#history_table_filter, #accounts_table_filter, #admin_table_filter {
	position: absolute;
	right: 0;
	top: -5em;
}
#history_table_filter label, #accounts_table_filter label, #admin_table_filter label {
	padding: 0 1.769em 0 6.154em;
	background: #666 url(../img/i_search.png) .462em center no-repeat;
	display: block;
	border: 1px solid #BBB;
}
#history_table_filter input, #accounts_table_filter input, #admin_table_filter input {
	border: none;
	padding: .231em;
	width: 16.923em;
	height: 1.462em;
	margin-left: -7.692em;
	background-color: white;
	box-sizing: content-box;
	max-width: none;
}
#history_table_filter .clear, #accounts_table_filter .clear, #admin_table_filter .clear {
	position: absolute;
	top: .077em;
	right: .077em;
	width: 1.923em;
	height: 1.923em;
	background: white url(../img/b_clear.png) center top no-repeat;
	cursor: pointer;
}
#history_table_filter .clear:hover, #accounts_table_filter .clear:hover, #admin_table_filter .clear:hover {background-position: center bottom;}
#cell_active, .row_details {
	background-color: #EBEBEB;
	border-top: none;
}
#cell_active {border-bottom: none;}
.row_details > td {
	padding: 0 10px;
	border-top: none;
}
.row_details table {
	width: 100%;
	margin: 0 0 -1px;
}
.row_details ul {padding-left: 0;}
.row_details li:before {content: none;}
.overview caption {
	text-align: left;
	font-weight: bold;
	color: black;
	padding-left: 10px;
}
.row_details caption {
	padding-top: 10px;
	line-height: 1;
	border-right: 150px solid #D8D8D8;
}
.row_details caption:after {
	border-right: 1px solid white;
	content: "";
	height: 100%;
	position: absolute;
	right: 150px;
	top: 0;
}
.dataTables_paginate {
	text-align: right;
	font-size: .923em;
	font-weight: normal;
	color: #00A7C2;
	vertical-align: middle;
	line-height: 1.667em;
}
.dataTables_paginate .paginate_button {
	font-size: 1.667em;
	cursor: pointer;
}
.dataTables_paginate .previous {margin-right: .5em;}
.dataTables_paginate .next {margin-left: .5em;}
.dataTables_paginate .first, .dataTables_paginate .last {display: none;}
.dataTables_paginate input {
	color: #00A7C2;
	font-size: 1em;
	max-width: 1em;
	margin-top: 1px;
}
#upload_pdf {margin-top: 3.077em;}
#upload_pdf > div {
	position: relative;
	float: left;
}
#upload_pdf input {
	margin: .5em 0 1em;
	display: block;
	border: none;
}
.jsenabled #upload_pdf label.invalid {
	top: 1.8em;
	transform: none;
}
#broadcast {max-width: 35.384em;}
#broadcast > div {position: relative;}
#broadcast textarea {
	width: 100%;
	height: 10.5em;
	margin: .5em 0 1em;
}

/*! Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* end Magnific Popup CSS */