/* CSS Reset - http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126  License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

	/* Fonts */
@font-face { font-family:NotoSans; src:url(Fonts/NotoSans-Regular.ttf); }
@font-face { font-family:NotoSans; src:url(Fonts/NotoSans-Bold.ttf); font-weight:bold; }
@font-face { font-family:PatuaOne; src:url(Fonts/PatuaOne-Regular.ttf); }

@font-face { font-family:'Korolev'; src:url('Fonts/Korolev-Bold.woff2') format('woff2') }
@font-face { font-family:'Dunbar'; src:url('Fonts/DunbarTall-Regular.woff2') format('woff2'); font-style: normal; }




	/* Colors 
NearBlack: #231f20;
MidGray: #696a6c;
LightGray: #a7a9ac;
VeryLightGray: #e7e7e8;
NewRed: #ed1c24;
DarkerRed: #6a0306
NewGreen: #007a47;

NewBlue: #085b84;
NewAqua: #01b9b0;
LightBurgundy? #874b68
	*/

	/* Element Definitions */
body { overflow:visible; font-family:NotoSans, Helvetica, Arial, Sans-Serif; font-size:10pt; /*background: #f4f2f2 url("/Content/Images/background.jpg") repeat fixed center*/ background-color:#f4f2f2; }
h1	{ color:#222; font-size:2em; padding:0px 0px 0px 6px; margin:28px 0px 7px 0px; font-weight:bold; }
h2	{ color:#444; border-bottom:1px solid #ddd; font-size:1.5em; padding:0px 0px 0px 6px; margin:28px 0px 7px 0px; }
h3	{ color:#444; border-bottom:1px solid #ddd; font-size:1.3em; padding:0px 0px 0px 4px; margin:14px 0px 5px 0px; }
p	{ margin:12px 0px; }
td	{ padding:2px;}
ol, ul { margin:1px 0px 1px 16px; }
strong { font-weight:bold; }
em { font-style:italic; }
textarea { font-family:inherit; }
object { pointer-events:none; }
button, input[type="button"], input[type="submit"] { border:0; padding:2px 8px; margin:0 1px; background-color:#696a6c; color:white; border:1px solid #e7e7e8; border-radius:2px; cursor:pointer; }
button:hover, input[type="button"]:hover, input[type="submit"]:hover { text-shadow:0px 0px 2px rgba(255,255,255, .3); box-shadow:0px 0px 2px rgba(0,0,0, .8) }
button:active, input[type="button"]:active, input[type="submit"]:active { text-shadow:0px 0px 3px rgba(255,255,255, .7); box-shadow:0px 0px 2px rgba(0,0,0, .2) }
button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled { border-color:#aaa; color:#aaa; text-shadow:none; box-shadow:none; cursor: not-allowed; }

object { pointer-events:none; }

	/* Colors  - THESE ARE DUPLICATED IN AD MAP(S) */
:root {
	--save-color:#256e44;
	--cancel-color:#c04e4e;

	--primary-color-dark:#083A4C;
	--primary-color-medium:#0D6A89;
	--primary-color-light:#5A99AF;
	--primary-color-verylight:#AADAE5;
	--background-color:#f1f3f4;

	/*use:			background-color: var(--main-color);*/
}

	/* Generic Classes */
.bold { font-weight:bold; }
.clear	{ clear:both; }
.hide { display:none; }
.adSketchRed { color:#ed1c24; }
.small { font-size:8pt; }
.saveColor { color:var(--save-color); /*OLD color:#005800;*/ }
.cancelColor { color:var(--cancel-color); /* OLD color:#ed1c24;*/ }
.disableDiv { pointer-events:none; opacity:0.4; }
.textShadow { text-shadow:0 0 2px rgba(0,0,0, .9) }
.whiteBacking { background:rgba(255,255,255,0.8); }
.mainbackingMessage { position:absolute; height:220px; z-index:1; line-height:220px; font-size:2em; width:100%; color:#6a0306; text-align:center; }
.removePadding { padding:0 !important; }

	/* Site Structure */
#AdSketchBody { text-align:center; }
	#AdSketchMain { text-align:left; display:inline-block; position:relative; min-width:980px; margin-bottom:20px; }
		
		#AdSketchHeader { font-family:Korolev, Arial, Helvetica, sans-serif !important; font-size:1.1em;
							overflow:hidden; position:relative; z-index:2; display:inline-block; min-width:980px; width:100%; /* unique to header ->*/ /*height:103px;*/ }
			#AdSketchHeader #headerTop { height:74px; position:relative; display:flex; justify-content:space-between; align-items:center; }
			#AdSketchHeader #headerTop a { color:#231f20; text-decoration:none; font-size:1.1em; }
				#AdSketchHeader #logo		{ flex-grow:1; padding-left:10px; }
				#AdSketchHeader #breadcrumb { flex-grow:1; }
				#AdSketchHeader #links		{ display:flex; text-align:right; }
					#AdSketchHeader #links a { flex-grow:1; margin:0 4px; width:50px; cursor:pointer; display:inline-block; text-align:center; font-size:.7em; line-height:1.1em; }
					#AdSketchHeader #links object { max-height:42px; max-width:42px; margin-bottom:2px; }
				#AdSketchHeader #account	{ flex-grow:1; text-align:right; padding-right:10px; line-height:1.3em; }
			#AdSketchHeader #headerBottom { position:relative; z-index:3; padding-left:20px; height:50px; border-radius:4px; background:#083A4C; /*background:black url("/Content/Images/HeaderBackground.jpg") no-repeat right center;*/ color:white; }
				#AdSketchHeader object		{ max-height:60%; vertical-align:middle; }
				#AdSketchHeader #title		{ font-family:Dunbar, Arial; letter-spacing:1px; line-height:50px; font-size:1.5em; color:white; }
				#AdSketchHeader #dev		{ position:absolute; text-shadow:0 0 2px black; top:10px; right:10px; } 
				#AdSketchHeader #copyright	{ position:absolute; top:30px; right:10px; } 
					#AdSketchHeader #copyright a { color:white; text-shadow:0 0 2px black; text-decoration:none; font-size:.9em; }

		#AdSketchContent { border-radius:0px 0px 8px 8px; min-height:300px; padding-top:8px; z-index:1; margin-top:-8px; background:#f4f2f2 /*url("../Content/Images/background.jpg") repeat right top*/; }
		#divHelpLink	{ position:fixed; z-index:0; bottom:0; right:1px; }
			#divHelpLink img { }
	
	/* Training Sidebar */
#divSidebar { position:relative; width:165px; padding:0px; margin:10px 0px 10px 0px; display:block; }
	#divSidebar > div { float:left; position:relative; /*width:140px;*/ width:100%; border:1px solid var(--primary-color-dark); padding:5px 5px 7px 5px; margin:5px; text-align:center; background-color:var(--primary-color-dark); color:White; text-shadow:#422 2px 2px 2px; font-size:14pt; font-weight:bold; cursor:pointer; border-radius:8px; box-shadow:3px 3px 4px #aaa; }
	#divSidebar > div.active { background-color:White !important; color:var(--primary-color-dark) !important; text-shadow:#fff 0px 0px 0px !important; }

@media print {
	.noprint { display:none; }
}