/* Start GovOS Design System Tokens */
/* v1.4.6 of the tokens can be found at: https://unpkg.com/@kofile/gds-foundations@1.4.6/build/css/themes/global.css */

:root,
:host {
  --primitive-0: 0rem;
  --primitive-1: 0.0625rem;
  --primitive-2: 0.125rem;
  --primitive-4: 0.25rem;
  --primitive-6: 0.375rem;
  --primitive-8: 0.5rem;
  --primitive-10: 0.625rem;
  --primitive-11: 0.6875rem;
  --primitive-12: 0.75rem;
  --primitive-13: 0.8125rem;
  --primitive-14: 0.875rem;
  --primitive-15: 0.9375rem;
  --primitive-16: 1rem;
  --primitive-17: 1.0625rem;
  --primitive-18: 1.125rem;
  --primitive-20: 1.25rem;
  --primitive-24: 1.5rem;
  --primitive-28: 1.75rem;
  --primitive-32: 2rem;
  --primitive-36: 2.25rem;
  --primitive-40: 2.5rem;
  --primitive-44: 2.75rem;
  --primitive-48: 3rem;
  --primitive-52: 3.25rem;
  --primitive-56: 3.5rem;
  --primitive-60: 3.75rem;
  --primitive-64: 4rem;
  --primitive-72: 4.5rem;
  --primitive-80: 5rem;
  --primitive-128: 8rem;
  --primitive-160: 10rem;
  --primitive-192: 12rem;
  --primitive-224: 14rem;
  --primitive-256: 16rem;
  --primitive-320: 20rem;
  --primitive-384: 24rem;
  --primitive-448: 28rem;
  --primitive-512: 32rem;
  --primitive-640: 40rem;
  --primitive-768: 48rem;
  --primitive-1024: 64rem;
  --primitive-1280: 80rem;
  --primitive-1600: 100rem;
  --primitive-1920: 120rem;
  --primitive-brand-purple: #775ed3;
  --primitive-brand-lilac: #dacdf2;
  --primitive-brand-coolwhite: #f7f2f9;
  --primitive-brand-navy: #0a1128;
  --primitive-brand-sunflower: #efe745;
  --color-brand-primary: var(--color-brand-purple);
  --color-brand-light: var(--color-brand-lilac);
  --color-brand-soft: var(--color-brand-coolwhite);
  --color-brand-dark: var(--color-brand-navy);
  --color-brand-accent: var(--color-brand-sunflower);
  --primitive-gray-100: #f7f7f7;
  --primitive-gray-200: #edeeef;
  --primitive-gray-300: #d5d7db;
  --primitive-gray-400: #b7bcc3;
  --primitive-gray-500: #818791;
  --primitive-gray-600: #6b7280;
  --primitive-gray-700: #4f5562;
  --primitive-gray-800: #343944;
  --primitive-gray-900: #242831;
  --primitive-gray-1000: #191b22;
  --primitive-gray-black: #121212;
  --primitive-gray-white: #ffffff;
  --primitive-gray-100-alpha: rgba(56, 56, 56, 0.04);
  --primitive-gray-200-alpha: rgba(31, 44, 56, 0.08);
  --primitive-gray-300-alpha: rgba(8, 20, 43, 0.17);
  --primitive-gray-400-alpha: rgba(7, 25, 49, 0.29);
  --primitive-gray-500-alpha: rgba(2, 17, 44, 0.45);
  --primitive-gray-600-alpha: rgba(4, 17, 42, 0.59);
  --primitive-gray-700-alpha: rgba(4, 12, 32, 0.7);
  --primitive-gray-800-alpha: rgba(1, 7, 19, 0.8);
  --primitive-gray-900-alpha: rgba(0, 5, 15, 0.86);
  --primitive-gray-1000-alpha: rgba(2, 4, 13, 0.91);
  --primitive-blue-100: #f0f7ff;
  --primitive-blue-200: #d9eafe;
  --primitive-blue-300: #abcffd;
  --primitive-blue-400: #66a8fd;
  --primitive-blue-500: #3a89fd;
  --primitive-blue-600: #0c57cd;
  --primitive-blue-700: #063b99;
  --primitive-blue-800: #052b74;
  --primitive-blue-900: #041c4f;
  --primitive-blue-1000: #03122f;
  --primitive-blue-100-alpha: rgba(5, 122, 255, 0.06);
  --primitive-blue-200-alpha: rgba(2, 117, 247, 0.15);
  --primitive-blue-300-alpha: rgba(0, 112, 250, 0.33);
  --primitive-blue-400-alpha: rgba(0, 108, 250, 0.6);
  --primitive-blue-500-alpha: rgba(3, 103, 252, 0.78);
  --primitive-blue-600-alpha: rgba(2, 79, 202, 0.96);
  --primitive-blue-700-alpha: rgba(1, 56, 152, 0.98);
  --primitive-blue-800-alpha: rgba(2, 42, 116, 0.99);
  --primitive-blue-900-alpha: rgba(1, 26, 75, 0.99);
  --primitive-blue-1000-alpha: rgba(0, 16, 46, 0.99);
  --primitive-red-100: #feecec;
  --primitive-red-200: #fedcdc;
  --primitive-red-300: #feada9;
  --primitive-red-400: #fc817c;
  --primitive-red-500: #f4534f;
  --primitive-red-600: #d12828;
  --primitive-red-700: #ab1a1d;
  --primitive-red-800: #7e130e;
  --primitive-red-900: #5c0b09;
  --primitive-red-1000: #3b0807;
  --primitive-green-100: #e2fdee;
  --primitive-green-200: #c0f6dc;
  --primitive-green-300: #71e0b0;
  --primitive-green-400: #29c68c;
  --primitive-green-500: #1aad74;
  --primitive-green-600: #088556;
  --primitive-green-700: #086945;
  --primitive-green-800: #0a4e35;
  --primitive-green-900: #063724;
  --primitive-green-1000: #052618;
  --primitive-orange-100: #fff3e0;
  --primitive-orange-200: #ffe4c2;
  --primitive-orange-300: #fec880;
  --primitive-orange-400: #fba94b;
  --primitive-orange-500: #f39129;
  --primitive-orange-600: #d26e16;
  --primitive-orange-700: #a2520c;
  --primitive-orange-800: #753c08;
  --primitive-orange-900: #553008;
  --primitive-orange-1000: #3c2109;
  --primitive-yellow-100: #fbfbb7;
  --primitive-yellow-200: #f4f587;
  --primitive-yellow-300: #efe752;
  --primitive-yellow-400: #d6ce31;
  --primitive-yellow-500: #beb71f;
  --primitive-yellow-600: #a29f14;
  --primitive-yellow-700: #807d0f;
  --primitive-yellow-800: #65620a;
  --primitive-yellow-900: #494606;
  --primitive-yellow-1000: #2f2c03;
  --primitive-purple-100: #f4f0fe;
  --primitive-purple-200: #ece2fa;
  --primitive-purple-300: #d5c1f4;
  --primitive-purple-400: #b897ed;
  --primitive-purple-500: #9e76e5;
  --primitive-purple-600: #6640c2;
  --primitive-purple-700: #52339a;
  --primitive-purple-800: #3b2472;
  --primitive-purple-900: #291753;
  --primitive-purple-1000: #160a30;
  --primitive-purple-alpha-100: hsla(257, 96%, 48%, 0.06);
  --primitive-purple-alpha-200: hsla(265, 89%, 44%, 0.12);
  --primitive-purple-alpha-300: hsla(264, 94%, 43%, 0.25);
  --primitive-purple-alpha-400: hsla(263, 99%, 42%, 0.41);
  --primitive-purple-alpha-500: hsla(262, 99%, 41%, 0.54);
  --primitive-purple-alpha-600: hsla(258, 100%, 34%, 0.75);
  --primitive-purple-alpha-700: hsla(258, 100%, 25%, 0.8);
  --primitive-purple-alpha-800: hsla(258, 100%, 18%, 0.86);
  --primitive-purple-alpha-900: hsla(258, 100%, 13%, 0.91);
  --primitive-purple-alpha-1000: hsla(260, 91%, 9%, 0.97);
  --primitive-magenta-100: #ffecf8;
  --primitive-magenta-200: #fcc8e9;
  --primitive-magenta-300: #f59cd2;
  --primitive-magenta-400: #e97dbe;
  --primitive-magenta-500: #d45da6;
  --primitive-magenta-600: #a64480;
  --primitive-magenta-700: #7d3261;
  --primitive-magenta-800: #582544;
  --primitive-magenta-900: #3f1d31;
  --primitive-magenta-1000: #2b1323;
  --primitive-teal-100: #d5feff;
  --primitive-teal-200: #93fbfa;
  --primitive-teal-300: #53e6e4;
  --primitive-teal-400: #32c6c6;
  --primitive-teal-500: #309d9f;
  --primitive-teal-600: #247678;
  --primitive-teal-700: #1c4e4f;
  --primitive-teal-800: #133636;
  --primitive-teal-900: #0d2727;
  --primitive-teal-1000: #061615;
  --color-neutral-100: var(--primitive-gray-100);
  --color-neutral-200: var(--primitive-gray-200);
  --color-neutral-300: var(--primitive-gray-300);
  --color-neutral-400: var(--primitive-gray-400);
  --color-neutral-500: var(--primitive-gray-500);
  --color-neutral-600: var(--primitive-gray-600);
  --color-neutral-700: var(--primitive-gray-700);
  --color-neutral-800: var(--primitive-gray-800);
  --color-neutral-900: var(--primitive-gray-900);
  --color-neutral-1000: var(--primitive-gray-1000);
  --color-neutral-darkest: var(--primitive-gray-black);
  --color-neutral-lightest: var(--primitive-gray-white);
  --color-neutral-100-alpha: var(--primitive-gray-100-alpha);
  --color-neutral-200-alpha: var(--primitive-gray-200-alpha);
  --color-neutral-300-alpha: var(--primitive-gray-300-alpha);
  --color-neutral-400-alpha: var(--primitive-gray-400-alpha);
  --color-neutral-500-alpha: var(--primitive-gray-500-alpha);
  --color-neutral-600-alpha: var(--primitive-gray-600-alpha);
  --color-neutral-700-alpha: var(--primitive-gray-700-alpha);
  --color-neutral-800-alpha: var(--primitive-gray-800-alpha);
  --color-neutral-900-alpha: var(--primitive-gray-900-alpha);
  --color-neutral-1000-alpha: var(--primitive-gray-1000-alpha);
  --color-primary-100: var(--primitive-blue-100);
  --color-primary-200: var(--primitive-blue-200);
  --color-primary-300: var(--primitive-blue-300);
  --color-primary-400: var(--primitive-blue-400);
  --color-primary-500: var(--primitive-blue-500);
  --color-primary-600: var(--primitive-blue-600);
  --color-primary-700: var(--primitive-blue-700);
  --color-primary-800: var(--primitive-blue-800);
  --color-primary-900: var(--primitive-blue-900);
  --color-primary-1000: var(--primitive-blue-1000);
  --color-primary-alpha-100: var(--primitive-blue-alpha-100);
  --color-primary-alpha-200: var(--primitive-blue-alpha-200);
  --color-primary-alpha-300: var(--primitive-blue-alpha-300);
  --color-primary-alpha-400: var(--primitive-blue-alpha-400);
  --color-primary-alpha-500: var(--primitive-blue-alpha-500);
  --color-primary-alpha-600: var(--primitive-blue-alpha-600);
  --color-primary-alpha-700: var(--primitive-blue-alpha-700);
  --color-primary-alpha-800: var(--primitive-blue-alpha-800);
  --color-primary-alpha-900: var(--primitive-blue-alpha-900);
  --color-primary-alpha-1000: var(--primitive-blue-alpha-1000);
  --color-danger-100: var(--primitive-red-100);
  --color-danger-200: var(--primitive-red-200);
  --color-danger-300: var(--primitive-red-300);
  --color-danger-400: var(--primitive-red-400);
  --color-danger-500: var(--primitive-red-500);
  --color-danger-600: var(--primitive-red-600);
  --color-danger-700: var(--primitive-red-700);
  --color-danger-800: var(--primitive-red-800);
  --color-danger-900: var(--primitive-red-900);
  --color-danger-1000: var(--primitive-red-1000);
  --color-warning-100: var(--primitive-orange-100);
  --color-warning-200: var(--primitive-orange-200);
  --color-warning-300: var(--primitive-orange-300);
  --color-warning-400: var(--primitive-orange-400);
  --color-warning-500: var(--primitive-orange-500);
  --color-warning-600: var(--primitive-orange-600);
  --color-warning-700: var(--primitive-orange-700);
  --color-warning-800: var(--primitive-orange-800);
  --color-warning-900: var(--primitive-orange-900);
  --color-warning-1000: var(--primitive-orange-1000);
  --color-success-100: var(--primitive-green-100);
  --color-success-200: var(--primitive-green-200);
  --color-success-300: var(--primitive-green-300);
  --color-success-400: var(--primitive-green-400);
  --color-success-500: var(--primitive-green-500);
  --color-success-600: var(--primitive-green-600);
  --color-success-700: var(--primitive-green-700);
  --color-success-800: var(--primitive-green-800);
  --color-success-900: var(--primitive-green-900);
  --color-success-1000: var(--primitive-green-1000);
  --color-highlight-100: var(--primitive-yellow-100);
  --color-highlight-200: var(--primitive-yellow-200);
  --color-highlight-300: var(--primitive-yellow-300);
  --color-highlight-400: var(--primitive-yellow-400);
  --color-highlight-500: var(--primitive-yellow-500);
  --color-highlight-600: var(--primitive-yellow-600);
  --color-highlight-700: var(--primitive-yellow-700);
  --color-highlight-800: var(--primitive-yellow-800);
  --color-highlight-900: var(--primitive-yellow-900);
  --color-highlight-1000: var(--primitive-yellow-1000);
  --spacing-4xs: var(--primitive-0);
  --spacing-3xs: var(--primitive-2);
  --spacing-2xs: var(--primitive-4);
  --spacing-xs: var(--primitive-8);
  --spacing-sm: var(--primitive-12);
  --spacing-md: var(--primitive-16);
  --spacing-lg: var(--primitive-20);
  --spacing-xl: var(--primitive-24);
  --spacing-2xl: var(--primitive-32);
  --spacing-3xl: var(--primitive-48);
  --spacing-4xl: var(--primitive-64);
  --layout-4xs: var(--primitive-192);
  --layout-3xs: var(--primitive-224);
  --layout-2xs: var(--primitive-256);
  --layout-xs: var(--primitive-320);
  --layout-sm: var(--primitive-384);
  --layout-md: var(--primitive-512);
  --layout-lg: var(--primitive-768);
  --layout-xl: var(--primitive-1024);
  --layout-2xl: var(--primitive-1280);
  --layout-3xl: var(--primitive-1600);
  --layout-4xl: var(--primitive-1920);
  --font-families-default: "Source Sans 3", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  --font-families-mono: "Fira Code", monospace;
  --font-size-3xs: var(--primitive-12);
  --font-size-2xs: var(--primitive-13);
  --font-size-xs: var(--primitive-14);
  --font-size-sm: var(--primitive-15);
  --font-size-md: var(--primitive-16);
  --font-size-lg: var(--primitive-18);
  --font-size-xl: var(--primitive-20);
  --font-size-2xl: var(--primitive-24);
  --font-size-3xl: var(--primitive-28);
  --font-size-4xl: var(--primitive-36);
  --font-size-5xl: var(--primitive-48);
  --font-size-6xl: var(--primitive-72);
  --font-weights-regular: 444;
  --font-weights-semibold: 600;
  --font-weights-bold: 720;
  --letter-spacing-3xs: -0.005em;
  --letter-spacing-2xs: -0.005em;
  --letter-spacing-xs: -0.005em;
  --letter-spacing-sm: -0.01em;
  --letter-spacing-md: -0.01em;
  --letter-spacing-lg: -0.01em;
  --letter-spacing-xl: -0.01em;
  --letter-spacing-2xl: -0.015em;
  --letter-spacing-3xl: -0.0175em;
  --letter-spacing-4xl: -0.0175em;
  --letter-spacing-5xl: -0.0175em;
  --letter-spacing-6xl: -0.025em;
  --line-heights-3xs: var(--primitive-16);
  --line-heights-2xs: var(--primitive-20);
  --line-heights-xs: var(--primitive-20);
  --line-heights-sm: var(--primitive-20);
  --line-heights-md: var(--primitive-24);
  --line-heights-lg: var(--primitive-24);
  --line-heights-xl: var(--primitive-28);
  --line-heights-2xl: var(--primitive-36);
  --line-heights-3xl: var(--primitive-36);
  --line-heights-4xl: var(--primitive-48);
  --line-heights-5xl: var(--primitive-60);
  --line-heights-6xl: var(--primitive-80);
  --border-radius-none: var(--primitive-0);
  --border-radius-2xs: var(--primitive-2);
  --border-radius-xs: var(--primitive-4);
  --border-radius-sm: var(--primitive-6);
  --border-radius-md: var(--primitive-8);
  --border-radius-lg: var(--primitive-12);
  --border-radius-xl: var(--primitive-16);
  --border-width-none: var(--primitive-0);
  --border-width-sm: var(--primitive-1);
  --border-width-md: var(--primitive-2);
  --border-width-lg: var(--primitive-4);
  --opacity-disabled: 0.32;
  --opacity-sm: 0.48;
  --opacity-md: 0.64;
  --opacity-l: 0.88;
  --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
  --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
  --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
  --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
  --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
  --elevation-100: 100;
  --elevation-150: 150;
  --elevation-199: 199;
  --elevation-200: 200;
  --elevation-250: 250;
  --elevation-299: 299;
  --elevation-300: 300;
  --elevation-350: 350;
  --elevation-399: 399;
  --elevation-400: 400;
  --elevation-450: 450;
  --elevation-499: 499;
  --elevation-absolute-bottom: -999;
  --elevation-absolute-top: 999;
}

/* End GovOS Design System Tokens */

html {
	padding: 0;
	margin: 0 auto 0 auto;
	}
body {
	padding: 0;
	margin: 0px 0px 0px 0px;
	background-color:var(--color-neutral-200);
}

.page {
	width:1044px;
	margin:0px auto 0px auto;
	background-color:var(--color-neutral-lightest);
}

.admin-page {
	width:100%;
	margin:0px auto 0px auto;
	background-color:var(--color-neutral-lightest);
}


.inner {
	margin:10px 10px 10px 10px;
	position:relative;
	background-color:var(--color-neutral-lightest);
}

.inner-content {
	margin:10px 10px 10px 10px;
	position:relative;
}

.filter_label {
	font-size:12px;
	font-weight:bold;
	color:var(--color-neutral-darkest);
}

.page-title{
	margin:20px;
	font-weight:bold;
	font-size:22px;
}

.main-col {
	margin: 0px 0px 0px 0px;
}

.content-faq-question {
	font-weight:bold;
	font-size:16px;
	margin:5px 5px 5px 0px;
}

.content-faq-answer {
	color:var(--color-neutral-darkest);
	font-weight:normal;
	font-size:13px;
	margin:5px 5px 20px 10px;
}



/* Header
------------------------- */
/*
#header{height:120px;overflow:hidden;margin:0px auto 0px auto;width:100%px;}
#header h1{float:left;padding-top:4px;}
#header h1 a{text-decoration:none;font-weight:bold;color:var(--color-neutral-darkest);}
h1.sitename{background-image:url(/images/tourism-tracker-logo.png);background-repeat:no-repeat;background-position:top left;width:359px;height:132px;overflow:hidden !important;margin:0px 0 0 0;padding:0;position:relative;}
h1.sitename a{height:147px;padding-bottom:300px;position:relative;top:-200px;}
#header .sitename{float:left;padding-top:40px;}
#header .sitename a{text-decoration:none;font-weight:bold;color:var(--color-neutral-darkest);}
.sitename{background-image:url(/images/tourism-tracker-logo.png);background-repeat:no-repeat;background-position:top left;width:359px;height:100px;overflow:hidden !important;margin:25px 0 15px 0;padding:0;position:relative;}
.sitename a{height:147px;padding-bottom:300px;position:relative;top:-160px;}
*/

/* Header
------------------------- */

#header .inner {
	margin:0px 0px 0px 0px;
	}

#header .main-logo {
	cursor: pointer;
	}


#header .inner .login-panel{
	position:absolute;
	right:0px;
	top:0px;
	height:38px;
	}

#header .inner .login-panel .left{
	float:left;
	height:38px;
	width:10px;
	background: url(/images/layout/bg-login-panel-left-dark.png) no-repeat ;
}

#header .inner .login-panel .center{
	float:left;
	height:38px;
	/*width:100px;*/
	background: url(/images/layout/bg-login-panel-center-dark.png) repeat ;
	color:var(--color-neutral-lightest);
	font-weight:bold;
}

#header .inner .login-panel .center .info{
	margin:10px 0px 0px 0px;
	font-size:13px;
	font-weight:normal;

}

#header .inner .login-panel .center .info a{
	color:var(--color-neutral-lightest);
	text-decoration:none;
}

#header .inner .login-panel .center .info a:hover{
	color:var(--color-primary-600);
}

#header .inner .login-panel .right{
	float:left;
	height:38px;
	width:20px;
	background: url(/images/layout/bg-login-panel-right-dark.png) no-repeat ;

}


/* Breadcrumb / info bar
------------------------- */
#page_banner {
	background-color: var(--color-neutral-300);
	}
#page_banner img {
	display: block;
	}
#page_banner .info {
	background-color: var(--color-neutral-600);
	border-top: 1px solid var(--color-neutral-500);
	border-bottom: 1px solid var(--color-neutral-darkest);
	color: var(--color-neutral-200);
	font-size: .9em;
	padding: .4em 14px;
	width: 974px;
	}
#page_banner .info .message {
	text-align:right;
	}
#page_banner .info .message a {
	color: var(--color-neutral-lightest);
	text-decoration: underline;
	}

.breadcrumb {
	margin:5px 20px 5px 0px;
	font-size:14px;
	color:var(--color-neutral-darkest);

}

.breadcrumb a{
	color:var(--color-neutral-300);
	text-decoration:none;
}


/* In-page Login Form
------------------------- */

.login {
	line-height:18px;
	}

.login #contactus {
	padding-left:10px;
	padding-top:30px;
	}

.login input.textfield {
	background:var(--color-neutral-300);
	border:1px solid var(--color-neutral-500);
	color:var(--color-neutral-darkest);
	height:1.3em;
	margin-top:1px;
	width:175px;
	font-size: 1em;
	font-weight: normal;
	}/* 23.Mar changed height to em (was px) so that input field resizes with font, changed font size to 7.5em to match 12px exact */

.login input.button {
	margin-bottom:-5px;
	}

form#login input[type='text'], form#login input[type='password'] {
	font-size: 120%;
	width: 60%;
}
div.side-col form#login input[type='text'], div.side-col form#login input[type='password'] {
	width: 90%;
}
form#login div.ForgotPassword {
	margin-top: .5em;
}




/* Footer
------------------------- */
#footer {
	color: var(--color-neutral-darkest);
	margin-top:10px;
}

#footer .inner {
	margin:auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:right bottom;
	opacity:0.9;
	}

#footer #footer_nav {
	text-align:center;
	width:1000px;
	margin:auto;
	padding: 0;
	height: 35px;
	list-style: none;
	font-size:16px;
	opacity:1;

	}

#footer .inner .copyright {
	margin:10px 0px 30px 0px;
	text-align:center;
	font-size:12px;
	}

#footer .inner .copyright a {
	color:var(--color-neutral-300);
}

#footer #footer_nav a {
	color:var(--color-neutral-darkest);
	text-decoration:none;
	}

#footer #footer_nav li {
	float: left;
	margin: 0;
	padding: 0 6px;
	background:none;
	}

#footer #footer_nav li.link1 a { width: 120px; margin-left: 2px; }
#footer #footer_nav li.link a { width: 120px; }

#footer #trust-logos {
	float: right;
	clear: both;
	padding-top: .05in;
}



/* Language Selector
------------------------- */
#LanguageSwitcher {
	position: absolute;
	z-index:2000;
}

#LanguageSwitcher ul.LanguageSwitcher {
	padding: 0;
	margin: 0;
	display: inline;
	list-style-image: none;
}
#LanguageSwitcher ul.LanguageSwitcher li {
	display: none;
	background-image:none;
}
#LanguageSwitcher ul.LanguageSwitcher li.Current {
	font-weight:bold;
	display: block;
	margin:0;
}


#LanguageSwitcherOptions {
	display:none;
	position: absolute;
	left:100px;
	top:30px;
	z-index:3000;
}

#LanguageSwitcherOptions ul.LanguageSwitcher {
	background-color:var(--color-neutral-200);
	border-top:1px solid var(--color-neutral-500);
	border-left:1px solid var(--color-neutral-500);
	border-right:1px solid var(--color-neutral-500);
	margin:0;
}
#LanguageSwitcherOptions ul.LanguageSwitcher li {
	padding:0;
	margin:0;
	background-image:none;
}
#LanguageSwitcherOptions ul.LanguageSwitcher li.Current {
	display: none;
}

#LanguageSwitcher ul.LanguageSwitcher li.Current a {
	color: var(--color-neutral-lightest) !important;
	text-decoration:underline;
	font-weight:normal;
	}

#LanguageSwitcher ul.LanguageSwitcher li.Current a:hover {
	color: #ff9900 !important;
	}

#LanguageSwitcherOptions ul.LanguageSwitcher li a {
	display: block;
	padding: .7em;
	border-bottom:1px solid var(--color-neutral-500);

}

ul {
margin-left: 0;
padding-left: 0;
list-style: none;
list-style: none;
}

h1 {
	color:var(--color-neutral-darkest);
	font-style:normal;
	font-weight:normal;
	font-size:2em;
	text-transform:none;
	margin: 5px 5px 3px 0px;

}

h2 {
	color:
	var(--color-neutral-darkest);
	font-style: normal;
	font-size: 1.4em;
	text-transform: none;
	margin: 0px 0px 0px 0px;
}

h3 {
	color:var(--color-neutral-darkest);
	font-style:normal;
	font-weight:normal;
	font-size:1.4em;
	text-transform:none;
	margin: 1px 1px 1px 0px;
}

.text-danger {
	color: var(--color-danger-600);
}

/* Lists */

table.list {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid var(--color-neutral-400);
}
.list td, .list th {
	padding-left: 4px;
	padding-right: 4px;
	line-height: 1em;
}
.list td {
	border-right: 1px solid var(--color-neutral-200);
	font-size: 10px;
	height: 15px;
}
.list th table td {
	height: inherit;
	line-height: 1em;
	border: 1px solid var(--color-danger-600);
}
.list td input {
	font-size: 10px;
}
.list td input[type=button] {
	padding: 1px;
	font-size: 10px;
	font-weight: bold;
}
.list th {
	border-bottom: 1px solid var(--color-neutral-600);
	border-right: 1px solid var(--color-neutral-400);
	font-size: 10px;
	color: var(--color-neutral-darkest);
	font-weight: normal;
	height: 15px;
	white-space: nowrap;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}
.list .noborder {
	border-right: 0;
}
.list th div.Text {
	text-align: left;
}
.list th.sortedby div.Text {
	padding-top: 1px;
}
.list th a, .list th a:hover, .list th a:visited {
	color: var(--color-neutral-darkest);
	font-weight: normal;
	cursor: default;
	text-decoration: none;
}
.list th div.Graphic {
	padding-top: 3px;
	float: right;
}
.list th {
	background: var(--color-neutral-500) url(../images/list_head.gif) repeat-x scroll left top;
}
.list th.sortedby {
	background: var(--color-neutral-300) url(../images/list_head_sortedby.gif) repeat-x scroll left top;
}



table.listsmall {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid var(--color-neutral-400);
}
.listsmall td, .listsmall th {
	padding-left: 4px;
	padding-right: 4px;
	line-height: 1em;
}
.listsmall td {
	border-right: 1px solid var(--color-neutral-400);
	font-size: 10px;
	height: 10px;
}
.listsmall th table td {
	height: inherit;
	line-height: 1em;
	border: 1px solid var(--color-danger-600);
}
.listsmall td input {
	font-size: 10px;
}
.listsmall td input[type=button] {
	padding: 1px;
	font-size: 10px;
	font-weight: bold;
}
.listsmall th {
	border-bottom: 1px solid var(--color-neutral-600);
	border-right: 1px solid var(--color-neutral-400);
	font-size: 10px;
	color: var(--color-neutral-darkest);
	font-weight: normal;
	height: 15px;
	white-space: nowrap;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}
.listsmall .noborder {
	border-right: 0;
}
.listsmall th div.Text {
	text-align: left;
}
.listsmall th.sortedby div.Text {
	padding-top: 1px;
}
.listsmall th a, .listsmall th a:hover, .listsmall th a:visited {
	color: var(--color-neutral-darkest);
	font-weight: normal;
	cursor: default;
	text-decoration: none;
}
.listsmall th div.Graphic {
	padding-top: 3px;
	float: right;
}
.listsmall th {
	background: var(--color-neutral-500) url(../images/list_head.gif) repeat-x scroll left top;
}
.listsmall th.sortedby {
	background: var(--color-neutral-300) url(../images/list_head_sortedby.gif) repeat-x scroll left top;
}






.admin-menu a{
	text-decoration:none;
	color:var(--color-neutral-darkest);
}


#ripped-top,#ripped-bottom,#ripped{
	width:1200px;
	margin:0 auto;
	text-align:center;
	background:transparent url(/images/tourism/ripped_bg.gif) repeat-y top center;
}
#ripped-top,#ripped-bottom{
	height:13px;
	background:transparent url(/images/tourism/rip-top.gif) no-repeat top center;
}
#ripped-bottom{
	background-image:url(/images/tourism/rip-bottom.gif);
}

#home-banner{
	background-image:url(/images/tourism/page_bg.jpg);
	background-repeat:repeat;
	background-position:center top;
	padding:12px 12px 10px 12px;
	margin:0 auto;
	text-align:left;
	width:972px;
	border-bottom:1px solid var(--color-highlight-300);
	height:442px;
	overflow:hidden;
	position:relative;
}

.homeblock{padding:12px;width:300px;float:left;background-color:var(--color-neutral-300);background-image:url(/images/tourism/home_bucket_bg.gif);background-repeat:repeat-x;background-position:center top;text-align:left;}
#homeblock-1,#homeblock-2{margin-right:12px;}
#homeblock-3{float:right !important;width:299px;}
#home-ctas{
	background:var(--color-highlight-600) url(/images/tourism/parchment_bg.jpg) repeat-y top center;
	margin:0 auto;
	width:1200px;
}


#nav{
	clear:both;
	height:48px;
	overflow:hidden;
	background-image:url(/images/tourism/nav_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;margin-bottom:12px;
	padding-top:3px;border-bottom:2px solid var(--color-neutral-darkest);
}

#primarylinks{width:974px;margin:0 auto;}
#primarylinks li{float:left;margin:0;padding:0;border-right:1px solid var(--color-neutral-700);}
#primarylinks li.first{border-left:1px solid var(--color-neutral-700);}


#primarylinks li.menu-224 a{width:135px;background:url(/images/tourism/discover.gif) no-repeat center top;}
#primarylinks li.menu-220 a{width:108px;background:url(/images/tourism/plan.gif) no-repeat center top;}
#primarylinks li.menu-217 a{width:99px;background:url(/images/tourism/things.gif) no-repeat center top;}
#primarylinks li.menu-218 a{width:108px;background:url(/images/tourism/places.gif) no-repeat center top;}
#primarylinks li.menu-221 a{width:132px;background:url(/images/tourism/festivals.gif) no-repeat center top;}
#primarylinks li.menu-222 a{width:110px;background:url(/images/tourism/arts.gif) no-repeat center top;}
#primarylinks li.menu-223 a{width:134px;background:url(/images/tourism/health.gif) no-repeat center top;}
#primarylinks li.menu-225 a{width:138px;background:url(/images/tourism/groups.gif) no-repeat center top;}


#primarylinks li a{display:block;padding-top:80px;height:48px;overflow:hidden;text-transform:uppercase;font-size:10px;letter-spacing:0.03em;text-align:center;color:var(--color-neutral-200);text-decoration:none;}
#primarylinks li a:hover,#primarylinks li a:active,#primarylinks li a.active{background-position:center -48px;}

#header{height:80px;overflow:hidden;margin:0px auto 0px auto;width:100%px;}
#header h1{float:left;padding-top:4px;}
#header h1 a{text-decoration:none;font-weight:bold;color:var(--color-neutral-darkest);}
h1.sitename{background-image:url(/images/tourism-tracker-logo.png);background-repeat:no-repeat;background-position:top left;width:359px;height:132px;overflow:hidden !important;margin:0px 0 0 0;padding:0;position:relative;}
h1.sitename a{height:147px;padding-bottom:300px;position:relative;top:-200px;}
#header .sitename{float:left;padding-top:40px;}
#header .sitename a{text-decoration:none;font-weight:bold;color:var(--color-neutral-darkest);}
.sitename{background-image:url(/images/tourism-tracker-logo.png);background-repeat:no-repeat;background-position:top left;width:359px;height:100px;overflow:hidden !important;margin:25px 0 15px 0;padding:0;position:relative;}
.sitename a{height:147px;padding-bottom:300px;position:relative;top:-160px;}
#quicklinks{float:right;padding-top:34px;}
#quicklinks li{padding:3px 6px;display:block;float:left;border-left:1px solid var(--color-neutral-200);}
#quicklinks li.first{border-left:none;}
#quicklinks a{display:block;padding:3px 6px;text-transform:uppercase;color:var(--color-neutral-200);line-height:normal;text-decoration:none;font-size:90%;letter-spacing:0.03em;}
#quicklinks a:hover{background-color:var(--color-danger-700);}
#search-theme-form{float:right;margin:34px 0 0 0;position:relative;background-color:transparent;background-image:url(/sites/all/themes/ttb/images/topsearch_bg.gif);background-repeat:no-repeat;background-position:left center;width:190px;height:24px;}
#search-theme-form label{display:none;}
#search-theme-form .form-text{background-color:transparent;font-size:90%;width:101px;height:18px;top:5px;position:absolute;left:23px;color:var(--color-neutral-200);border:none;margin:0 !important;padding:0;}
#search-theme-form .form-submit{margin:0;padding:0;border:none;position:absolute;z-index:99;top:-8px;left:130px;background:transparent;}
.search-snippet{padding-top:1em;}

.rotated-header {
	transform: rotate(-90deg);
	white-space:nowrap;
}

.rounded-4 {
	margin: 0;
	margin-bottom: 0px;
	border: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 1px 4px 1px 4px;

}


fieldset {
	margin: 0px 0px 5px 0px;
	padding: 10px;
	border: 0;
	border: 1px solid var(--color-neutral-400);
	border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: var(--color-neutral-400);
}

fieldset fieldset {
	background-color: var(--color-neutral-lightest);
}

.fieldset {
	margin: 6px;
	padding: 6px;
	border: 0;
	border: 1px solid var(--color-neutral-500);
	border-radius: 6px;
	background-color: var(--color-neutral-200);
}

fieldset legend {
	padding: 2px 6px;
	margin: 0;
	background-color: var(--color-neutral-200);
	color: var(--color-neutral-900);
	font-weight: var(--font-weights-semibold);
	border-radius: 6px;
}

.odd {
	background-color: var(--color-neutral-lightest);
}
.even {
	background-color: var(--color-neutral-100);
}

select option {
	padding: 0 5px;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
.aligntop {
	vertical-align: top;
}
.nowrap {
	white-space: nowrap;
}
.clear {
	clear: both;
}

.batch_entry {
	font-size:13px;
	font-family:'Courier',monospace;
}

#lower_message_area {
	color:var(--color-danger-700);
}

.batch_entry input {
	font-size:12px;
	font-family:'Courier',monospace;
	padding:0px;
	margin:0px;
}

div.tabbed-fieldsets {
	margin: 5px 0px 10px 10px;
}

div.tabbed-fieldsets ul.toc {
	margin: 0;
	padding: 0;
	width: 100%;
}

/*
div.tabbed-fieldsets ul.toc li {
	float: left;
	margin: 0;
	margin-left: .2cm;
	background-color: var(--color-neutral-lightest);
	border: 1px solid var(--color-neutral-400);
	border-bottom: none;
	list-style: none;
}
*/

div.tabbed-fieldsets ul.toc li {
	float: left;
	margin: 0;
	margin-left: .2cm;
	background-color: var(--color-neutral-lightest);
	border: 1px solid var(--color-neutral-300);
	border-bottom: none;
	list-style: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;

}

div.tabbed-fieldsets ul.toc li.validation-failed {
	background-color: var(--color-danger-100);
	border-color: var(--color-danger-700);
}
div.tabbed-fieldsets ul.toc li a {
	padding: .15cm .4cm .15cm .4cm;
	display: block;
	text-decoration: none;
	color: var(--color-neutral-darkest);
	font-weight: normal;
	font-size: 105%;
}
div.tabbed-fieldsets ul.toc li.selected {
	border-color: var(--color-neutral-300);
}
div.tabbed-fieldsets ul.toc li.selected.validation-failed {
	border-color: var(--color-danger-700);
}
div.tabbed-fieldsets ul.toc li.selected a {
	font-weight: bold;
	background-color: var(--color-neutral-200);
}
div.tabbed-fieldsets fieldset.section {
	display: none;
	clear: left;
	border: 1px solid var(--color-neutral-500);
	margin: 0;
}
div.tabbed-fieldsets fieldset.section.selected {
	display: block;
}
div.tabbed-fieldsets fieldset.section legend.section { /* instead of setting display: none, this fixes the bug in IE. */
	display: inline;
	overflow: hidden;
	width: 0;
	height: 0;
	padding: 0;
	font-size: 0;
}

div.TabbedFormButtons {
	float: right;
	clear: left;
}

/* Header
------------------------- */

#header .inner {
	margin:0px 0px 0px 0px;
	}

#header .main-logo {
	cursor: pointer;
	}

#header .inner .login-panel{
	position:absolute;
	right:10px;
	top:0px;
	height:38px;
	/*width:141px;*/
	}

#header .inner .login-panel .left{
	float:left;
	height:38px;
	width:10px;
	background: url(/images/layout/bg-login-panel-left-dark.png) no-repeat ;
}

#header .inner .login-panel .center{
	float:left;
	height:38px;
	/*width:100px;*/
	background: url(/images/layout/bg-login-panel-center-dark.png) repeat ;
	color:var(--color-neutral-lightest);
	font-weight:bold;
}

#header .inner .login-panel .center .info{
	margin:10px 0px 0px 0px;
	font-size:13px;
	font-weight:normal;
}

#header .inner .login-panel .center .info a{
	color:var(--color-neutral-lightest);
	text-decoration:none;
}

#header .inner .login-panel .center .info a:hover{
	color:var(--color-highlight-400);
}

#header .inner .login-panel .right{
	float:left;
	height:38px;
	width:20px;
	background: url(/images/layout/bg-login-panel-right-dark.png) no-repeat ;
}

/* Breadcrumb / info bar
------------------------- */
#page_banner {
	background-color: var(--color-neutral-300);
}
#page_banner img {
	display: block;
}
#page_banner .info {
	background-color: var(--color-neutral-600);
	border-top: 1px solid var(--color-neutral-500);
	border-bottom: 1px solid var(--color-neutral-darkest);
	color: var(--color-neutral-200);
	font-size: .9em;
	padding: .4em 14px;
	width: 974px;
}
#page_banner .info .message {
	text-align:right;
}
#page_banner .info .message a {
	color: var(--color-neutral-lightest);
	text-decoration: underline;
}

.breadcrumb {
	margin:5px 20px 5px 0px;
	font-size:14px;
	color:var(--color-neutral-darkest);
}

.breadcrumb a{
	color:var(--color-neutral-300);
	text-decoration:none;
}

/* Footer
------------------------- */
#footer {
	color: var(--color-neutral-300);
	padding:5px;
	margin-top:10px;
	background-color:var(--color-neutral-lightest);
}

#footer .inner {
	margin:auto;
	overflow: hidden;
	/*width:1200px;*/
	background-repeat:no-repeat;
	background-position:right bottom;
	opacity:0.9;
}

#footer #footer_nav {
	text-align:center;
	width:1000px;
	margin:auto;
	padding: 0;
	height: 35px;
	list-style: none;
	font-size:13px;
	opacity:1;
	}

#footer .inner .copyright {
	margin:10px 0px 0px 0px;
	text-align:center;
	font-size:12px;
	}

#footer .inner .copyright a {
	color:var(--color-neutral-300);
}

#footer #footer_nav a {
	color:var(--color-neutral-lightest);
	text-decoration:none;
	}

#footer #footer_nav li {
	float: left;
	margin: 0;
	padding: 0 6px;
	background:none;
	}

#footer #footer_nav li.link1 a { width: 120px; margin-left: 2px; }
#footer #footer_nav li.link a { width: 120px; }

#footer #trust-logos {
	float: right;
	clear: both;
	padding-top: .05in;
}

/* In-page Login Form
------------------------- */

.login {
	line-height:18px;
	}

.login #contactus {
	padding-left:10px;
	padding-top:30px;
	}

.login input.textfield {
	background:var(--color-neutral-300);
	border:1px solid var(--color-neutral-600);
	color:var(--color-neutral-darkest);
	height:1.3em;
	margin-top:1px;
	width:175px;
	font-size: 1em;
	font-weight: normal;
	}/* 23.Mar changed height to em (was px) so that input field resizes with font, changed font size to 7.5em to match 12px exact */

.login input.button {
	margin-bottom:-5px;
	}

form#login input[type='text'], form#login input[type='password'] {
	font-size: 120%;
	width: 60%;
}
div.side-col form#login input[type='text'], div.side-col form#login input[type='password'] {
	width: 90%;
}
form#login div.ForgotPassword {
	margin-top: .5em;
}

/* Buttons
------------------------- */
.button1.orange{
	background: var(--color-warning-600);
	color: var(--color-neutral-lightest);
}

.button1.red{
	background: var(--color-danger-600);
	color: var(--color-neutral-lightest);
}

.button1.green{
	background: var(--color-success-600);
	color: var(--color-neutral-lightest);
}

.button1.disabled{
	background: var(--color-neutral-800);
	color: var(--color-neutral-lightest);
	opacity: .32;
	cursor: not-allowed;
}

.button1.blue{
	background: var(--color-primary-600);
	color: var(--color-neutral-lightest);
}

.button1 {
	height:27px;
	/* Disables default styling */
	border: none;
	background: var(--color-neutral-300);
	color: var(--color-neutral-darkest);

	/* You need to set font, font size and cursor for buttons */
	font-size: 12px;
	cursor: pointer;
	padding: 6px 10px;
	font-weight: normal;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.button3 {
	height:20px;
	/* Disables default styling */
	border: none;
	background: var(--color-neutral-300);
	color: var(--color-neutral-darkest);

	/* You need to set font, font size and cursor for buttons */
	font-size: 9px;
	cursor: pointer;
	padding: 2px 5px;
	font-weight: normal;
	border-radius: 5px;
}

.button3.blue{
	background: var(--color-primary-600);
	color: var(--color-neutral-lightest);
}

.button3.red{
	background: var(--color-danger-600);
	color: var(--color-neutral-lightest);
}

div.TabbedFormButtons {
	float: right;
	clear: left;
}

.FormButtons {
	margin:0.5em 0.5em;
}

.reportcell {
	border:1px solid var(--color-neutral-300);
	border-collapse:collapse;
	padding:2px;
	margin:0px;
	font-size:11px;
}

.reportcategory {
	border:1px solid var(--color-neutral-300);
	border-collapse:collapse;
	padding:2px;
	margin:0px;
	font-size:13px;
}

.reportheader {
	text-align:center;
	font-weight:bold;
	border:1px solid var(--color-neutral-300);
	border-collapse:collapse;
	padding:2px;
	margin:0px;
	font-size:12px;
	background-color:var(--color-neutral-200);
}

.reporttitle {
	text-align:center;
	font-weight:bold;
	border:1px solid var(--color-neutral-400);
	border-collapse:collapse;
	padding:2px;
	margin:0px;
	font-size:16px;
	background-color:var(--color-neutral-400);
}

.reportfill {
	border:1px solid var(--color-neutral-300);
	border-collapse:collapse;
	background-color:var(--color-neutral-300);
}

.reportcell.currency {
	text-align:right;
}

.FormLabel {
	font-weight:bold;
	padding-bottom:.2em;
	vertical-align:top;
	}

.FormLabelSmall {
	font-weight:bold;
	padding-bottom:.2em;
	font-size:.8em;
	vertical-align:top;
}

.FormLabelMuted {
	color: #858585;
	font-weight:normal;
}

.FormContainer {
	width: 400px;
	display: inline-block;
}
/*
td.FormLabel {
	font-weight:bold;
	padding-bottom:.3em;
	padding-right:1em;
	padding-top:.3em;
	text-align:right;
	vertical-align:top;
	}
div.FormLabel {
	font-weight:bold;
	padding-bottom:.2em;
	}
*/

div.FormElementBox {
	float:left;
	margin:0px 8px 0px 0px;
	padding:2px;
	border:none;
}

div.FormElementBox Highlight{
	background:var(--color-neutral-200);
}

div.TaxFormLabel {
	/*font-weight:bold;*/
	font-size: 0.9em;
	padding-bottom:.2em;
	white-space: nowrap;
}

.FormReadOnly {
	font-size:14px;
	color:var(--color-primary-600);
	font-weight:normal;
	margin-bottom:1em;
}

.FormInstructions, .FormInstructionsVisible {
	font-size: 11px;
	margin: 0;
	width: 100%;
	padding: .5em;
	}

.FormInstructions {
	display: none;
	}

.Locked {
	background:url(/images/icons/lock-icon.png) no-repeat 2px 2px;
	background-size:20px 20px;
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}

.Required {
	color:var(--color-danger-600);
	font-weight:normal;
	}

.FormInput {
	margin-bottom:1em;
	font-size: 1em;
	}

.BusinessFormInput {
	margin-bottom:3px;
	font-size: 1em;
	}

.FormInputSmall {
	margin-bottom:.8em;
	font-size: .8em;
	padding-left: 5px;
	}

.FormInput input[type="radio"] {
	width: 20px;
	}

/*
.FormInput {
	margin-bottom:1em;
	}
table.Columns .FormInput input {
	width: 270px;
	overflow: hidden;
	font-size: 1em;
	}

table.Columns .FormInput input[type="radio"] {
	width: 20px;
	}
*/

.HelpisHere {
	cursor: pointer;
	background-color:var(--color-neutral-200);
}

.FormData {
	margin-bottom:5px;
	color:var(--color-primary-600);
	}

table .TaxForm {
	margin-top:10px;
	width:100%;
	border:2px solid var(--color-neutral-300);
	border-collapse:collapse;
}

table .TaxForm td {
	border:1px solid var(--color-neutral-300);
	line-height: 1.5;
}

td .TaxFormHeader {
	background-color:var(--color-success-700);
	color:var(--color-neutral-lightest);
	padding:10px;
	font-size:16px;
	}

td .TaxFormSubheader {
	font-weight: var(--font-weights-semibold);
	padding:5px;
	background-color:var(--color-success-200);
	border:1px solid #abb3ba;
}

td .TaxFormFiller {
	width:145px;
	background-color:var(--color-success-200);
}

td .TaxFormNumber {
	width:50px;
	text-align:center;
	font-weight:bold;
	padding:4px;
	}

td .TaxFormLabel {
	padding:4px;
	height:25px;
}

td .TaxFormSubtotalLabel {
	padding:4px;
	font-weight:bold;
}

input .batch_entry {
	margin:0px;
}

.BatchFormNumber {
	padding:2px;
	white-space:nowrap;
}

.BatchFormLabel {
	padding:2px;
	margin-right:5px;
}

.BatchFormLabelX {
	padding:2px;
	margin-right:5px;
	color:var(--color-neutral-600);
}

.batch_list_subtotal {
	border-top:1px dashed var(--color-neutral-darkest);
}

.batch_list_header_small {
	font-size:11px;
	text-align:center;
}

.batch_list_total {
	border-top:2px dashed var(--color-neutral-darkest);
}

.BatchFormInput {
	color:var(--color-primary-600);
	font-weight:bold;
	width:100px;
	border:1px solid var(--color-neutral-200);
	margin:1px;
}

.BatchFormInput.currency {
	text-align:right;
}

div.TaxFormHelp {
	display:none;
	margin:10px;
	padding:10px;
	border:1px solid var(--color-neutral-300);
	background-color:var(--color-neutral-100);
	font-weight:normal;
}

td .TaxFormInput {
	width:145px;
	text-align:right;
	padding:0px;
	margin:0px;
	}

td .TaxFormInputQuantity {
	width:70px;
	text-align:center;
	padding:0px;
	margin:0px;
	}

td.TaxFormInput input{
	width:141px;
	min-height:30px;
	text-align:right;
	background-color:var(--color-highlight-100);
	border-color: var(--color-neutral-500);
	padding:0px;
	margin:0px;
	font-size:16px;
	}

td .TaxFormInputQuantity input{
	width:70px;
	height:100%;
	text-align:center;
	background-color:var(--color-highlight-100);
	border-color: var(--color-neutral-500);
	padding:0px;
	margin:0px;
	font-size:16px;
	}

td .TaxFormCalculation {
	width:145px;
	text-align:right;
	padding:0px;
	margin:0px;
	}

td .TaxFormCalculation input{
	width:141px;
	min-height:28px;
	text-align:right;
	background-color:var(--color-neutral-lightest);
	border-color: var(--color-neutral-500);
	padding:0px;
	margin:0px;
	font-size:16px;
	}



table .FeeForm {
	margin-top:10px;
	width:100%;
	border:2px solid var(--color-highlight-100);
	border-color: var(--color-neutral-500);
	border-collapse:collapse;
}

table .FeeForm td {
	border:1px solid var(--color-success-700);
	border-color: var(--color-neutral-500);
}

td .FeeFormHeader {
	background-color:var(--color-success-700);
	border-color: var(--color-neutral-500);
	color:var(--color-neutral-lightest);
	padding:10px;
	font-size:16px;
	}

td .FeeFormSubheader {
	padding:5px;
	background-color:var(--color-highlight-100);
	border:1px solid var(--color-success-700);
}

td .FeeFormFiller {
	width:145px;
	background-color:var(--color-highlight-100);
}

td .FeeFormNumber {
	width:50px;
	text-align:center;
	font-weight:bold;
	padding:4px;
	}

td .FeeFormLabel {
	padding:4px;
}

td .FeeFormSubtotalLabel {
	padding:4px;
	font-weight:bold;
}

div.FeeFormHelp {
	display:none;
	margin:10px;
	padding:10px;
	border:1px solid var(--color-neutral-300);
	background-color:var(--color-neutral-300);
	font-weight:normal;
}

td .FeeFormInput {
	width:145px;
	text-align:right;
	padding:0px;
	margin:0px;
	}

td .FeeFormInput input{
	width:141px;
	height:35px;
	text-align:right;
	background-color:var(--color-highlight-100);
	padding:0px;
	margin:0px;
	font-size:16px;
	}

td .FeeFormCalculation {
	width:145px;
	text-align:right;
	padding:0px;
	margin:0px;
	}

td .FeeFormCalculation input{
	width:141px;
	height:100%;
	text-align:right;
	background-color:var(--color-neutral-lightest);
	padding:0px;
	margin:0px;
	font-size:16px;
	}

.SectionHead {
	background-color:var(--color-neutral-300);
	margin:0 0 0 0;
	padding:.2em;
	}

h2.SectionHead {
	letter-spacing: .02em;
	text-indent: 5px;
	text-transform: none;
	font-style: normal;
	font-size:1.3em;
	}
h3.SectionHead {
	font-size:1em;
	}

.SectionBody {
	border:1px solid var(--color-neutral-300);
	padding:7px;
	background-color:var(--color-neutral-lightest);
	/*background: url(/images/form-editor/grid-tile.png) repeat;*/
	}

table.codeTable td{
	border: 1px solid #000;
}

.Columns td {
	/*padding-right: 8px;*/
	vertical-align:top;
	}
.Columns td.Gutter {
	width:5px;
	}

.Error {
	color:var(--color-danger-700);
	}

.ErrorMessage {
	color:var(--color-danger-700);
	font-weight:bold;
	margin:10px 0px 10px 0px;
	background:url(/images/icons/alert3.png/) no-repeat 2px 2px;
	padding:3px 3px 2px 28px;
	background-position:left center;
	background-size:18px 18px;
	text-align:left;
}

.UserMessages {
	margin-bottom: 0.8em;
}
.InfoMessage {
	color:var(--color-success-700);
	font-weight:bold;
	margin:0.8em 0 0 0;
	background:url(/images/checkmark.png) no-repeat 2px 2px;
	padding:3px 3px 3px 28px;
	text-align:left;
}
.InfoMessage a {
	color:var(--color-success-900);
	text-decoration:underline;
	}

.Specific {
	font-weight:bold;
	}

/* Suggestion Box
------------------------- */

.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 7px 0px 0px 0px;
	/*width: 600px;*/
	background-color: var(--color-neutral-100);
	border-radius: 7px;
	border: 1px solid var(--color-neutral-400);
	color: var(--color-neutral-darkest);
	font-size:16px;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
	font-size:16px;
}

.suggestionList li {
	/*margin: 0px 0px 3px 0px;*/
	/*padding: 3px;*/
	cursor: pointer;
	color: var(--color-neutral-darkest);
	background:url(/images/arrow_bullet.gif/) 4px 6px no-repeat;
	list-style-type:none;
	margin:3px 0;
	padding:2px 2px 2px 14px;
	font-size:12px;
}

.suggestionList li:hover {
	background-color: var(--color-primary-300);
}

/* Search Box
------------------------- */
.search_box {
	background: var(--color-neutral-lightest) url(/images/search-icon.png) 3px 3px no-repeat ;
	padding:3px 0px 3px 17px;
	height:14px;
	font-size:14px;
	width: 150px;
}

#search {
	float: right;
	padding: 27px 23px 0 0;
	}
#search label {
	display: none;
	}
#search input {
	float: left;
	margin: 0 0 0 2px;
	}
#search .query {
	background-color: var(--color-neutral-300);
	border: 1px solid var(--color-neutral-darkest);
	padding: 4px 5px 3px;
	font-size: 11px;
	line-height: 1;
	width: 110px;
	height: 14px;
	margin-left: 0;
	font-size: 11px;
	}

.batchSrow {display:none; max-height: 400px; overflow: hidden; overflow-y: scroll;}
.batchHRow {width:100%; margin-bottom: 5px;}
.batchHTbl {border-collapse: collapse; width:100%; position: relative; display: table; background-color: var(--color-neutral-lightest); box-shadow: 1px 1px var(--color-neutral-600); border: 1px solid var(--color-neutral-400); border-radius: 5px;}
.batchHTbl td {padding:0;}

.batchPrevRight {position: relative; float: right; border: 1px solid var(--color-neutral-darkest); width:400px; height: 100%; background-color:var(--color-neutral-lightest); }

.batchListTbl {width:99%; border-collapse: collapse;}
.batchListTbl td{padding:5px !important;}

.batchInnerListTbl {width:100%; border:1px solid var(--color-neutral-500); border-radius: 5px; display:block; cursor: pointer; box-shadow: 1px 1px; background-color: var(--color-neutral-lightest); border-collapse: collapse;}
.batchInnerListTbl tr {background-color:transparent !important;}
.batchInnerListTbl td {vertical-align: top;}

.batchListDiv {position: relative; height:100%; overflow:hidden; overflow-y: scroll; background-color: var(--color-neutral-300);}

#batchListTbl_length {width:100% !important;}

.dataTables_filter {float:left !important; margin-top: 10px;}

.batchListRowUP {background-image: url("/images/arrow_right_trans.png"); width:15px; height:15px;}
.batchListRowDOWN {background-image: url("/images/arrow_down_trans.png");  width:15px; height:15px;}

.batchHITbl {border-collapse: collapse; width: 100%; table-layout: fixed;}
.batchHITbl td{ text-align: center;}

.emailTD {white-space: nowrap;}

.batchPreviewHelp {position:absolute; width:25px;}

.batchSrchAll {width: 100%;
				border: 1px solid var(--color-neutral-400);
				border-radius: 5px;
				box-shadow: 1px 1px;
				height: 25px;
				text-align: center;
			}

.custBtn {padding: 5px !important;}

.openTestDiv {background-color:var(--color-neutral-lightest); width:100%; height:100%;}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1010;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 16px solid var(--color-neutral-100);
	border-radius: 50%;
	border-top: 16px solid var(--color-primary-500);
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	display:none;
}

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

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

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 }
	to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
	from{ bottom:-100px; opacity:0 }
	to{ bottom:0; opacity:1 }
}

.loaderback{position: absolute;
	width: 100%;
	background-color: grey;
	opacity: .9;
	height: 2000px;
	left: 0;
	top: 0;
	z-index: 1000;
	display:none;
}

.loadermsg {position: absolute;
			top: 60%;
			font-size: 18px;
			z-index: 1010;
			color: var(--color-neutral-lightest);
			text-align: center;
			width: 100%;
	        display:none;
		   }

.custTooltip {
	top:0;
	left: 60px;
}

/* Tooltip container */
.tooltip {
	position: absolute;
	display: inline-block;
	/*border-bottom: 1px dotted var(--color-neutral-darkest);*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: var(--color-neutral-darkest);
	color: var(--color-neutral-lightest);
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Tooltip container */
.Ntooltip {
	position: absolute;
	display: inline-block;
	/*border-bottom: 1px dotted var(--color-neutral-darkest);*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.Ntooltip .Ntooltiptext {
	visibility: hidden;
	width: 320px;
	background-color: var(--color-neutral-darkest);

	color: var(--color-neutral-lightest);
	text-align: left;
	padding: 5px;
	border-radius: 6px;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 100000;
	left:-350px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.Ntooltip:hover .Ntooltiptext {
	visibility: visible;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.adidxsrch1 td{padding:5px;}
#compStatusTbl td{padding:0;}

.adidxsrchDates {position:relative; float:left; text-align:center; margin-left: 5px;}

.adidxdateBox {text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.adidxsrch2 td{padding:5px;}

.adidxdateHeader {text-align:center;}
.adidxdateouter {border:1px solid var(--color-neutral-400); display: table-cell; padding: 5px; background-color: var(--color-neutral-100); border-radius: 6px;}

#compCondition {padding: 1px 0px;}

.batchDivOuter {width:400px;}
.batchDivBtn {position: relative; float: right; padding-left: 5px; padding-right:5px;}

.noteReadUnRead {position: absolute; right:10px; background-color: var(--color-danger-600); margin-top:3px; color: var(--color-neutral-lightest); padding: 2px; border-radius: 5px;}
.notebellDiv {width: 40px;
	position: relative;
	display: inline;
}

.notebellNmb {
	position: absolute;
	top: 7px;
	right: 0;
	color: var(--color-neutral-lightest);
	background-color: var(--color-danger-600);
	border-radius: 5px;
	text-align: center;
	font-size: .8vw;
	display: table;
	padding:1px;
	width: 12px;
}

.batchAltUL {margin:0;}
.batchAltUL li{float:left;}

.delTbl {border-collapse: collapse; font-size:12px;}
.delTbl th{border: 1px solid var(--color-neutral-darkest); padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px; white-space: nowrap;}
.delTbl td{vertical-align: top; border: 1px solid var(--color-neutral-darkest); padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; white-space: nowrap;}

.reportTbl {border-collapse: collapse; font-size:12px;}
.reportTbl th{border: 1px solid var(--color-neutral-darkest); padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px; white-space: nowrap;}
.reportTbl td{vertical-align: top; border: 1px solid var(--color-neutral-darkest); padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; white-space: nowrap;}

#closeDate, #closeNote {display: none;}
#closeNext {opacity:.4;}
/*.dataTables_filter, .dataTables_info, .dataTables_length { display: none; }*/

.delFilterBox {border:1px solid var(--color-neutral-darkest); height: 200px; overflow: hidden;overflow-y: scroll; border-radius: 10px 0px 0px 10px;}

.printSendBatchBtn {position: relative; float:right;}
.batchHeader th > a{font-weight: bold;}
.batchHeader th {font-weight: bold !important;}

.statusQ {position: relative; float:left;}

.batchHeader > tbody > tr:nth-child(1) > th:nth-child(10) {width:100px;}
.batchHeader > tbody > tr:nth-child(1) > th:nth-child(10) > a{float: left; margin-top:7px;}

.ttrlink {width:200px;}
.ttrlink a.hover img {
	background: url("images/CoTaxLookupButtonsHover.png") no-repeat;
}

.ttrlink2 {width:150px;
	height:55px;
	background: url("/images/CoTaxLookupButtonsNormal.png") no-repeat;
	background-size: 150px;
}
.ttrlink2:hover {
	background: url("/images/CoTaxLookupButtonsHover.png") no-repeat;
	background-size: 150px;
}
.ttrlinkapi {width:150px;
	height:55px;
	background: url("/images/LookupAPIKeyButtonsNormal.png") no-repeat;
	background-size: 150px;
}
.ttrlinkapi:hover {
	background: url("/images/LookupAPIKeyButtonsHover.png") no-repeat;
	background-size: 150px;
}

.loading {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index:10001;
}
.loading-wheel {
    width: 20px;
    height: 20px;
    margin-top: -40px;
    margin-left: -40px;
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    border-width: 30px;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.style-2 .loading-wheel {
    border-style: double;
    border-color: var(--color-neutral-400) transparent;
}
.readonly-display-field {
	background-color: var(--color-neutral-200);
	padding:5px 8px;
	width:100%;
	min-height: 25px;
}
.readonly-display-field span { 
	padding-top:3px;
}
.readonly-label-field {
	background-color: none;
	padding:5px 8px;
	width:100%;
	min-height: 25px;
}
.depaddify-horizontal {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.top-right-corner {
	position: relative;
	width: 21px;
	margin-top:-10px
}
.formula-editor-box { padding: 0 25px; }
.formula-editor-box span.label { color:var(--color-neutral-600); }
#edit_formula_popup ul { padding: 5px 0px 5px 15px;background-color: var(--color-neutral-200);max-width:275px; }
/** Bootstrap add-ons */
.btn-xxs {
	padding: 0px 3px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    border-radius: 6px !important;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

.full-page-loader {
	background: rgba(255, 255, 255, 0.8); 
	position: fixed; 
	z-index: 999; 
	height: 100%; 
	width: 100%; 
	overflow: show; 
	margin: auto; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	display: flex; 
	justify-content: center; 
	align-items: center
}

.bigger-text-box{ /* class used in app/classes/tenants/coloradosprings/BusinessInfoEdit.php */
    line-height: 1.43; /* from bootstrapcss bigger input style boxes */
}

.text-right {
	text-align: right;
}

.state_type_id_container {
	display: flex;
	width: 95vw;
	gap: 6px;
	max-width: 2000px;
}

.state_type_id_fieldset {
	flex: 1;
	margin: 0px 3px 3px 0px;
	padding: 5px;
	min-height: 130px;
	white-space: nowrap;
	overflow-x: auto;
}

@media (max-width: 1400px) {
	.state_type_id_container {
		flex-direction: column;
		max-width: 1000px;
	}

	.state_type_id_fieldset {
		min-width: 100%;
	}
}