@charset "UTF-8";
/* CSS Document */


/*define CSS color variables */
:root {
	/*blues*/
--tonicColor-light: rgba(81, 126, 214, 1);
--tonicColor-med: rgba(58, 68, 93, 1);
--tonicColor-dark: rgba(29, 44, 77, 1);
--tonicColor-light-thin: rgba(81, 126, 214, 0.4);
--tonicColor-med-thin: rgba(58, 68, 93, 0.4);
--tonicColor-dark-thin: rgba(29, 44, 77, 0.4);

	/*reds*/
--dominantColor-dark: rgba(102, 16, 31, 1);
--dominantColor: rgba(153, 26, 41, 1);
--dominantColor-dark-thin: rgba(102, 16, 31, 0.4);
--dominantColor-thin: rgba(153, 26, 41, 0.4);

	/*beige/tans */
--mediantColor-light: rgba(209, 193, 173, 1);
--mediantColor-dark: rgba(146, 135, 121, 1);
--mediantColor-light-thin: rgba(209, 193, 173, 0.4);
--mediantColor-dark-thin: rgba(146, 135, 121, 0.4);

	/*submediant	*/
--submediantColor-light: rgba(90,132,94,1);
--submediantColor-medium: rgba(176,189,179,1);
--submediantColor-dark: rgba(69,96,70,1);
--submediantColor-light-thin: rgba(90,132,94,0.4);
--submediantColor-dark-thin: rgba(69,96,70,0.4);

	/*whites*/
--whiteColor: rgba(255, 255, 255, 1);
--superTonicColor: rgba(244, 247, 190, 1);
--whiteColor-thin: rgba(255, 255, 255,0.4);
--superTonicColor-thin: rgba(244, 247, 190,0.4);

	/*blacks */
--blackColor: rgba(0, 0, 0, 1);
--leadingToneColor: rgba(44, 41, 48, 1);
--blackColor-thin: rgba(0, 0, 0, 0.4);
--leadingToneColor-thin: rgba(44, 41, 48,0.4);


	/*grays	*/
--grayColor-xtralight: rgba(240,240,240,1);
--grayColor-light: rgba(204,204,204,1);
--grayColor-light-thin: rgba(204,204,204,0.3);
--grayColor-dark: rgba(135,135,135,1);
--grayColor-dark-thin: rgba(135,135,135,0.3);

--textColor: rgba(86, 90, 90, 1);
--textColor-thin: rgba(86, 90, 90,0.4);


	/*	warning and alert colors	*/

--errorColor: rgba(153,26,41,1);
--errorColor-dark: rgba(102,16,31,1);

--warningColor: rgba(255,158,31,1);
--warningColor-dark: rgba(203,126,25,1);

--successColor: rgba(176,189,179,1);
--successColor-dark: rgba(69,96,70,1);



}

.tonicColor-light 	{ color: var(--tonicColor-light);	}
.tonicColor-med 	{ color: var(--tonicColor-med);	}
.tonicColor-dark 	{ color: var(--tonicColor-dark);	}
.tonicColor-light-thin 	{ color: var(--tonicColor-light-thin);	}
.tonicColor-med-thin 	{ color: var(--tonicColor-med-thin);	}
.tonicColor-dark-thin 	{ color: var(--tonicColor-dark-thin);	}

.dominantColor	 	{ color: var(--dominantColor);	}
.dominantColor-dark { color: var(--dominantColor-dark);	}
.dominantColor-thin	 	{ color: var(--dominantColor-thin);	}
.dominantColor-dark-thin { color: var(--dominantColor-dark-thin);	}

.mediantColor-light { color: var(--mediantColor-light);	}
.mediantColor-dark 	{ color: var(--mediantColor-dark);	}
.mediantColor-light-thin { color: var(--mediantColor-light-thin);	}
.mediantColor-dark-thin 	{ color: var(--mediantColor-dark-thin);	}

.submediantColor-light { color: var(--submediantColor-light);	}
.submediantColor-medium { color: var(--submediantColor-medium);	}
.submediantColor-dark 	{ color: var(--submediantColor-dark);	}
.submediantColor-light-thin { color: var(--submediantColor-light-thin);	}
.submediantColor-dark-thin	{ color: var(--submediantColor-dark-thin);	}

.whiteColor 		{ color: var(--whiteColor);	}
.superTonicColor 	{ color: var(--superTonicColor);}
.whiteColor-thin		{ color: var(--whiteColor-thin);	}
.superTonicColor-thin 	{ color: var(--superTonicColor-thin);}

.blackColor 		{ color: var(--blackColor);	}
.leadingToneColor 	{ color: var(--leadingToneColor);}
.blackColor-thin 		{ color: var(--blackColor-thin);	}
.leadingToneColor-thin 	{ color: var(--leadingToneColor-thin);}

.grayColor-xtralight { color: var(--grayColor-xtralight); }	
.grayColor-light { color: var(--grayColor-light);	}
.grayColor-light-thin { color: var(--grayColor-light-thin);	}
.grayColor-dark { color: var(--grayColor-dark);	}
.grayColor-dark-thin { color: var(--grayColor-dark-thin);	}
.textColor { color: var(--textColor);	}

.errorColor { color: var(--errorColor); 	}
.errorColor-dark { color: var(--errorColor-dark);	}

.warningColor { color: var(--warningColor);	}
.warningColor-dark { color: var(--warningColor-dark);	}

.successColor { color: var(--successColor);	}
.successColor-dark {color: var(--successColor-dark); }


.BG-tonicColor-light 	{ background-color: var(--tonicColor-light);	}
.BG-tonicColor-med 	{ background-color: var(--tonicColor-med);	}
.BG-tonicColor-dark 	{ background-color: var(--tonicColor-dark);	}
.BG-tonicColor-light-thin 	{ background-color: var(--tonicColor-light-thin);	}
.BG-tonicColor-med-thin 	{ background-color: var(--tonicColor-med-thin);	}
.BG-tonicColor-dark-thin 	{ background-color: var(--tonicColor-dark-thin);	}

.BG-dominantColor	 	{ background-color: var(--dominantColor);	}
.BG-dominantColor-dark { background-color: var(--dominantColor-dark);	}
.BG-dominantColor-thin	 	{ background-color: var(--dominantColor-thin);	}
.BG-dominantColor-dark-thin { background-color: var(--dominantColor-dark-thin);	}

.BG-mediantColor-light { background-color: var(--mediantColor-light);	}
.BG-mediantColor-dark 	{ background-color: var(--mediantColor-dark);	}
.BG-mediantColor-light-thin { background-color: var(--mediantColor-light-thin);	}
.BG-mediantColor-dark-thin 	{ background-color: var(--mediantColor-dark-thin);	}

.BG-submediantColor-light { background-color: var(--submediantColor-light);	}
.BG-submediantColor-medium { background-color: var(--submediantColor-medium);	}
.BG-submediantColor-dark 	{ background-color: var(--submediantColor-dark);	}
.BG-submediantColor-light-thin { background-color: var(--submediantColor-light-thin);	}
.BG-submediantColor-dark-thin	{ background-color: var(--submediantColor-dark-thin);	}

.BG-whiteColor 		{ background-color: var(--whiteColor);	}
.BG-superTonicColor 	{ background-color: var(--superTonicColor);}
.BG-whiteColor-thin		{ background-color: var(--whiteColor-thin);	}
.BG-superTonicColor-thin 	{ background-color: var(--superTonicColor-thin);}

.BG-blackColor 		{ background-color: var(--blackColor);	}
.BG-leadingToneColor 	{ background-color: var(--leadingToneColor);}
.BG-blackColor-thin 		{ background-color: var(--blackColor-thin);	}
.BG-leadingToneColor-thin 	{ background-color: var(--leadingToneColor-thin);}

.BG-grayColor-xtralight { background-color: var(--grayColor-xtralight); }
.BG-grayColor-light { background-color: var(--grayColor-light);	}
.BG-grayColor-dark { background-color: var(--grayColor-dark);	}
.BG-grayColor-light-thin { background-color: var(--grayColor-light-thin);	}
.BG-grayColor-dark-thin { background-color: var(--grayColor-dark-thin);	}
.BG-textColor { background-color: var(--textColor);	}

.BG-warningColor { background-color: var(--warningColor);	}
.BG-warningColor-dark { background-color: var(--warningColor-dark);	}

.BG-errorColor { background-color: var(--errorColor); 	}
.BG-errorColor-dark { background-color: var(--errorColor-dark);	}

.BG-successColor { background-color: var(--successColor);	}
.BG-successColor-dark {background-color: var(--successColor-dark); }

@font-face {
    font-family: 'cormier';
    src: url('fonts/Cormier/cormier-webfont.woff2') format('woff2'),
         url('fonts/Cormier/cormier-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'cormierrough';
    src: url('fonts/CormierRough/cormierrough-webfont.woff2') format('woff2'),
         url('fonts/CormierRough/cormierrough-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cormierdouble';
    src: url('fonts/CormierDouble/cormierdouble-webfont.woff2') format('woff2'),
         url('fonts/CormierDouble/cormierdouble-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'arsenal';
	src: url('fonts/arsenal-fontfacekit/arsenal-regular-webfont.eot') format('embedded-opentype'),
			 url('fonts/arsenal-fontfacekit/arsenal-regular-webfont.woff') format('woff'),
			 url('fonts/arsenal-fontfacekit/arsenal-regular-webfont.ttf') format('truetype'),
			 url('fonts/arsenal-fontfacekit/arsenal-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'arsenal';
	src: url('fonts/arsenal-fontfacekit/arsenal-bold-webfont.eot') format('embedded-opentype'),
			 url('fonts/arsenal-fontfacekit/arsenal-bold-webfont.woff') format('woff'),
			 url('fonts/arsenal-fontfacekit/arsenal-bold-webfont.ttf') format('truetype'),
			 url('fonts/arsenal-fontfacekit/arsenal-bold-webfont.svg#webfont') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'arsenal';
	src: url('fonts/arsenal-fontfacekit/arsenal-italic-webfont.eot') format('embedded-opentype'),
			 url('fonts/arsenal-fontfacekit/arsenal-italic-webfont.woff') format('woff'),
			 url('fonts/arsenal-fontfacekit/arsenal-italic-webfont.ttf') format('truetype'),
			 url('fonts/arsenal-fontfacekit/arsenal-italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: italic;
}



html, body {
  height: 100%;
}

html {
	margin: 0;
	padding: 0;
}


body { 
	margin: 0px;
	margin-right: 65px; 
	padding: 0px;
	font-size: 1.1em;
	font-family: "arsenal", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:  .25px;
	line-height: 140%;
	color: var(--textColor);
	background-color:#fff;
	height:100%;
	

	background: url('images/NME_biggears.png') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

	display: flex;
    flex-direction: column;
}





#MainLeftColumn	{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 25px 25px;
	position: fixed;
	width: 210px;
	max-width: 210px;
	height: 100%;
	display:block;
	background-color:#fff;	
	overflow:visible;
	overflow-y: auto;
}

/*this must be on EVERY page due to "flex" */
#contentWrapper {
	margin: 0px 0px 0px 225px;	
	width: -moz-calc(95% - 225px);
	width: -webkit-calc(95% - 225px);
	width: -o-calc(95% - 225px);
	width: calc(95% - 225px);
	
	flex: 1 0 auto;
	}
	
/*this must be on EVERY page due to "flex" */
#footer	{
	display: block;
	border-top: 2px solid var(--mediantColor-dark);
	padding: 10px 0px 0px 0px;
   bottom:0;
   width:100%;
   text-align:right;
   
   	margin: 15px 0px 0px 225px;
		
	width: -moz-calc(95% - 225px);
	width: -webkit-calc(95% - 225px);
	width: -o-calc(95% - 225px);
	width: calc(95% - 225px);

	flex-shrink: 0;
}


#TopBlackBar {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display:block;
	background-color:var(--dominantColor-dark);
	border-right: solid 1px var(--tonicColor-med);
	border-top: solid 1px var(--mediantColor-dark);
	border-left: solid 1px var(--tonicColor-med);	
	}




	.topNavButton{
	background-color:var(--dominantColor-dark);
	border:0px;
	color: var(--grayColor-light) !important;
	}
	
		.topNavButton:hover{
		background-color:var(--dominantColor-thin);
		color: var(--tonicColor-light) !important;
		}


	.topNavButtonADMIN{
	background-color:var(--tonicColor-dark);
	border:0px;
	color: var(--grayColor-light) !important;
	}
	
		.topNavButtonADMIN:hover{
		background-color:var(--tonicColor-thin);
		color: var(--tonicColor-light) !important;
		}
		
		
	/*dropdown menus in #TopBlackBar adjust margins */
	div.dropdown-menu.topNavDropdown {
	margin-top: -1px;
	margin-left: -1px;
	border:0px;
	}




#bannerImageArea	{
	
	background-image: url('images/topGears.jpg');
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow:visible;
	height: 150px;
	
	border-right: solid 1px var(--tonicColor-med);
	border-bottom: 1px solid var(--mediantColor-dark);
	border-top: solid 1px var(--mediantColor-dark);
	border-left: solid 1px var(--tonicColor-med);
}
		.bannerImageAreaText	{
			float: right;
			text-align: right;
			font-family:"cormier";
			font-size: 2.0em;
			color: var(--superTonicColor);
			padding: 62px 10px 0px 0px;	

			text-shadow: 4px 4px 5px rgba(0, 0, 0, .9); 
			-webkit-text-shadow: 4px 4px 5px rgba(0, 0, 0, .9); 
			-moz-text-shadow: 4px 4px 5px rgba(0, 0, 0, .9); 
	
		}


#Toolbar {	
	width: 100%;
	height: 36px;
	padding: 0px;
	margin: 0px;
	display:block;
	background-color:var(--tonicColor-med);
	overflow:visible;
	border-bottom: 4px solid var(--mediantColor-dark);
	border-right: solid 1px var(--tonicColor-med);
	border-left: solid 1px var(--tonicColor-med);
	}
	


#maincontent {
position:relative;
width:98%;
padding: 10px;
border: 1px solid var(--mediantColor-dark);
display:block;
overflow: visible;

margin: 10px 0px 0px 0px;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
}
	#maincontent.noBorder {
	border: 0px !important;
	}


	
/* ++++++++++++++++++++++++++ */	
/*  HTML Elements	 		  */
/* ++++++++++++++++++++++++++ */
p { 
	font: 1.1em;
	line-height: 18px;
}


hr {
	border: 0;
	width: 80%;
	background-color: var(--mediantColor-dark);
	height: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
}

	hr.dividerSmall {
		width: 40%;
		margin-left: 0px;
		margin-top: 15px;
		margin-bottom: 15px;	
	}


h1, h2, h3, h4, h5, h6 {
	font-family:"cormier";
	line-height:1.2em;
	letter-spacing: 0.2em;
	color: var(--dominantColor); 
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}

h1 { font-size: 2.0em;}
	
h2 { font-size: 1.8em;}

h3 { font-size: 1.6em;}

h4 { font-size: 1.4em;}

h5 { font-size: 1.2em;}

h6 { font-size: 1.0em;}

	.bodyFont {
	font-family:"aresenal","Trebuchet MS", Arial, Helvetica, sans-serif;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	}

	/*Used for search results */
	.h3bodyFont{
	font-family:"aresenal", "Trebuchet MS", Arial, Helvetica, sans-serif;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	font-size: 1.6em;
	letter-spacing: 0.09em;
	color: var(--dominantColor);
	}

.noReturn_h1 {
font-size: 2.2em;
letter-spacing: 0.09em;
color: var(--dominantColor);
}
	
.noReturn_h2 {
font-size: 1.6em;
letter-spacing: 0.09em;
color: var(--dominantColor);
}

.noReturn_h3 {
font-size: 1.4em;
letter-spacing: 0.09em;
color: var(--dominantColor);
}

.noReturn_h4 {
font-size: 1.2em;
letter-spacing: 0.09em;
color: var(--dominantColor); 
}

.noReturn_h5 {
font-size: 1.1em;
letter-spacing: 0.09em;
color: var(--dominantColor); 
}

.headerBackgrounds_light {
border: 1px dashed #B6BCBC; 
padding: 10px; 
background: #E4DDDD;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: var(--tonicColor-light);
}


a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: var(--tonicColor-light);
}


a:hover { 
	/*
	text-decoration: underline; 
	color: var(--mediantColor-dark);
	*/	
}


a:active { 
	text-decoration: underline; 
	color: var(--tonicColor-light);
}



code {
	color: #fff;
	font-size: 14px;
	background-color: var(--leadingToneColor);
	padding: 6px;
	
	}



fieldset {
	border: 1px solid var(--mediantColor-dark);
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 5px;	
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

		

legend {
	text-align:right;
	font-size:1.2em;
	padding:5px;
	color: var(--tonicColor-dark);
}


article {
  -webkit-columns: 2 200px;
  -moz-columns: 2 200px;
  columns: 2 200px;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
   -webkit-column-rule: 1px dotted var(--mediantColor-light);
	-moz-column-rule: 1px dotted var(--mediantColor-light);
	column-rule: 1px dotted var(--mediantColor-light);
}

.italics {
font-style: italic;
}

.center {
text-align: center;
}	
	
/* ++++++++++++++++++++++++++ */	
/*  END HTML Elements 		  */
/* ++++++++++++++++++++++++++ */

		



/* +++++++++++++++++++++++++++++ */
/* Form Elements Styling 		*/
/* +++++++++++++++++++++++++++++ */
input[type=text], input[type=password], input[type=url] {
	height: 30px; 
	margin: -5px 0px 10px 0px;
	padding: 1px 1px 1px 5px;
	border: 1px solid var(--mediantColor-light);
	font-size: 1.1em;
	color: var(--textColor);
	width: 50%;
	max-width: 500px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

select {		
	border: 2px solid var(--mediantColor-light);
	background-color: var(--whiteColor);
	width: auto;
	padding: 5px;
	height: 35px;
	margin: 0px 0px 5px 0px;
}



textarea:focus, input:focus, select:focus{
    outline: none;
}
	
			
textarea {		
	border: 1px solid var(--mediantColor-light);
	margin: 0px 0px 5px 0px;
	padding: 2px 2px 2px 10px;
	font-size: 1.0em;
	width: 80%;
	max-width: 500px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;


}

	.categoryInfoTextArea  {		
		width: 100%;
		max-width: 100%;
	}



	.codeTextArea {
			font-family: Courier, monospace;
			width:100%;
			max-width: 1000px;		
			color: #000;
			}


.fileUploadContainer {
    position: relative;
    overflow: visible;
    margin: 0px;
}

.fileUploadContainer input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events:none;
}

	
.mainSubmitButton {
	color: var(--superTonicColor);
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 1.1em;

	min-width: 140px;
	height: 45px;
	line-height:0px;
	
	background-color: var(--tonicColor-med);		
	border: 1px solid var(--tonicColor-light);	
}

		.mainSubmitButton:hover {
			background-color: var(--tonicColor-dark);		
			border: 1px solid var(--tonicColor-light);
		}
		

.mainSubmitButton_autosaving {
	color: var(--whiteColor);
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 1.0em;
	font-style: italic;

	min-width: 140px;
	height: 45px;
	line-height:0px;
	
	background-color: var(--grayColor-light);		
	border: 1px solid var(--tonicColor-light);	
}			



	
			
			
.mainCancelButton {
color: var(--tonicColor-light);
padding: 10px 10px 10px 10px;
text-align: center;
font-size: 1.1em;

min-width: 125px;
height: 45px;
line-height:0px;

background-color: var(--whiteColor);		
border: 1px solid var(--tonicColor-light);	
}	

		.mainCancelButton:hover {
		background-color: var(--grayColor-light);		
		border: 1px solid var(--tonicColor-light);	
		text-decoration: none;
		
	}
	


.smallActionSubmit {
	color: var(--superTonicColor);
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 0.9em;
	
	min-width: 100px;
	max-width: 200px;
	height: 20px;
	line-height:0px;
	
	background-color: var(--tonicColor-med);		
	border: 1px solid var(--tonicColor-light);	
}

	.smallActionSubmit:hover {
		background-color: var(--tonicColor-dark);		
		border: 1px solid var(--tonicColor-light);
	}


.smallActionCancel {
	color: var(--tonicColor-light);
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 0.9em;
	
	min-width: 50px;
	height: 20px;
	line-height:0px;
	
	background-color: var(--whiteColor);		
	border: 1px solid var(--tonicColor-light);	
}	

		.smallActionCancel:hover {
		background-color: var(--superTonicColor);		
		border: 1px solid var(--tonicColor-light);	
		
	}


	
	
	

.uploadFileButton {
		color: var(--superTonicColor);
		padding: 10px 10px 10px 10px;
		text-align: center;
		font-size: 1.0em;
		letter-spacing: 1px;
	
		min-width: 75px;
		height: 40px;
		line-height:0px;
		
		background-color: var(--tonicColor-med);		
		border: 1px solid var(--tonicColor-light);	
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}

			.uploadFileButton:hover {
				background-color: var(--tonicColor-dark);		
				border: 1px solid var(--tonicColor-light);
			}




	.uploadCancelButton {
		color: var(--mediantColor-light);
		padding: 10px 10px 10px 10px;
		text-align: center;
		font-size: 11px;
	
		min-width: 50px;
		height: 25px;
		line-height:0px;
		
		background-color: var(--submediantColor-dark);
		
		border: 1px solid var(--submediantColor-dark);
	}

			.uploadCancelButton:hover {
				background-color: #254E4E;	
				border: 1px solid var(--submediantColor-dark);	
			}




		.FormElementValidation {	
			color: var(--textColor);			
		}
		
		.FormElementValidationError {
			color: #fff;
			background-color:var(--dominantColor-thin);	
			text-decoration: none;	
			padding: 3px;

			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;	
		}
		
		
		
		.FormTextCountValidation {
		font-size: 12px;
		color: var(--submediantColor-dark);
		}	
		
		.FormTextCountValidationError {
		font-size: 12px;
		color: var(--dominantColor);
		}	




.dynamicErrorText {
		color: var(--grayColor-dark);
		text-align: center;
		font-size: 1.0em;
		font-style: italic;
	}
	
	.dynamicErrorText_state {
			color: var(--dominantColor-dark);
			font-style: italic;
			
	}	















				
/* +++++++++++++++++++++++++++ */
/*	form layout					*/
/* +++++++++++++++++++++++++++ */					

.FormElement  {
	width:100%;
	margin-bottom: 15px;
	overflow:visible;
}
	    
	 .FormElement > label {
		clear: left;
		float: left;
		margin: 0px 10px 0px 0px;
		padding: 0px 10px 10px 0px;
		text-align: right;
		width: 30%;
		overflow: hidden;
		}
		
		
			.FormElement label.padAdjust {
			margin-top: 8px;
			}
			
			.padAdjust {
			margin-top: 8px;
			}
			
	
		 .FormElement > textarea {
		float: left;
		width: 50%;
		}
				
	  
		/* keeps zone after label from wrapping back to left 	*/
		/*formerly .formdataDisplayZone and .content			*/	
		.FormElement .inlineFormElement {
		float: left;
		width: 50%;
		display:inline;
		margin: 0px 0px 0px 0px;		
		}
								  
		  
	  	.FormElement span.tooltip {
		  display: none;
		  margin-bottom: 10px;
	  	}
	  
		  .FormElement:hover span.tooltip {
			  float:right;
			  font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
			  color:#000;
			  display:block;
			  padding: 5px;
			  width: 10%;
			   
			  margin: 0px 5px 5px 0px;
			  overflow:hidden;			  
		  }	
		  

  		.fieldLabel:hover ~ .fieldToolTip {
  		display:block;
  		color: color: var(--textColor);
  		visibility: visible;
  		}
  
  		
		.fieldToolTip {
		visibility:hidden;
		font-style: italic;
		font-size:  0.8em;
		}	  
		  
		  
		  		
/* end form layout */






/*++++++++++++++++++++++++++++*/
/*	video on splashpage		*/
/*++++++++++++++++++++++++++++*/
.indexVideoContainer {
	width: 100%;
	height: 100%;
	overflow:hidden;
	bottom: 60px;
	
}

.indexVideo{
	position: absolute;
	z-index: -1;  
	top: 50px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	width: auto;
	height: 100%;
	overflow:hidden;
		
}

.indexVideoTransparency {
	line-height: 130%; 
	margin-top: 2%; 
	margin-left: 2%; 
	background: rgba(255,255,255,0.6); 
	padding: 20px; 
	border-radius: 5px; 
	width: 60%;
	color: var(--tonicColor-med);
	}


#mobileContainer {
	visibility: hidden;
}


.bg-transparency {
	background-color: rgba(255,255,255,0.6); 
	color: var(--tonicColor-med);
	}


/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/*Floats */

.floatLeft {
	float:left;
	}

.floatRight {
	float:right;
	}

.clearLeft {clear:left;}
.clearRight {clear:right;}
.clear {clear:both;} 





/* ++++++++++++++++++++++++++++++++ */
/* ++++		Custom Columns     ++++	*/
/* ++++++++++++++++++++++++++++++++ */
.ColumnContainer	{
	overflow: hidden;
	width: 95%;
	padding: 10px;
	
	border: 1px solid var(--mediantColor-light);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}

.Column {
overflow: visible;
	float: left;
	text-align: left;	
	margin: 0px	20px 0px 0px;
	padding: 0px;			
}


	.ColumnWidth_3 {
		width: 3%;
	}
			
	.ColumnWidth_5 {
		width: 5%;
	}	
	
	.ColumnWidth_8 {
		width: 8%;
	}	
	
	.ColumnWidth_10 {
		width: 10%;
	}		
	.ColumnWidth_15 {
		width: 15%;
	}
	
	.ColumnWidth_17 {
		width: 17%;
	}		
	.ColumnWidth_18 {
		width: 18%;
	}
	
	.ColumnWidth_20 {
		width: 20%;
	}		
	
	.ColumnWidth_25 {
		width: 25%;
	}	
	
	.ColumnWidth_30 {
		width: 30%;
	}	

	.ColumnWidth_35 {
		width: 35%;
	}
		
	.ColumnWidth_40 {
		width: 40%;
	}
	
	.ColumnWidth_45 {
		width: 45%;
	}
	
	.ColumnWidth_50 {
		width: 50%;
	}		
	
			
	.ColumnWidth_55 {
		width: 55%;
	}

	.ColumnWidth_60 {
		width: 60%;
	}
			
	.ColumnWidth_70 {
		width: 70%;
	}

	.ColumnWidth_95 {
		width: 95%;
	}		
	.ColumnWidth_120px {
		width: 120px;
		}
	
		
		
/*++++++++++++++++++++++++++++*/
/* Rubric Columns on showEdits */
/*++++++++++++++++++++++++++++*/

.rubricWrapper {
width:95%; 
clear:left; 
overflow:hidden;
	border-top: 1px solid #333; 
	border-bottom: 1px solid #333;
	padding: 5px; 	
}

.rubricColumn {
	overflow:hidden;
	float:left; 
	
	padding: 12px 2px 4px 10px;
	}


.rubricColumn	textarea	{
	width: 80%;
}

.rubricColumn	input	{
	width: 80%;
}

ul .li-Sortable {
/*list-style-image: url('images/sortableArrows.png');*/
width: 100%;
overflow:hidden;
margin: 0px;
padding: 0px;

}

.ul-Sortable	{
    list-style:none;
    padding-left:0;
}
/* various Boxes		*/
		
.jrAddSwapBox{
	position:fixed;
	top: 300px;
	right: 0px;
	z-index: 3;
	animation: 2s ease-out 0s 1 slideInFromRight;
}	


div.previewMode	{
	position:fixed;
	color: var(--tonicColor-light);
	background-color: var(--whiteColor);
	border: 2px solid var(--tonicColor-light);
	width: 25%;
	padding: 15px 15px 15px 5px;
	top: 88px;
	right: 0px;
	text-align: center;
	z-index: 111111111;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	animation: 2s ease-out 0s 1 slideInFromRight;
	
	border-radius: 25px 0px 0px 25px;
	-moz-border-radius: 25px 0px 0px 25px;
	-webkit-border-radius: 25px 0px 0px 25px;
}

/*keyframes creates "slidInFromRight" called in .previewMode.  This slides in from off screen	*/
@keyframes 
	slideInFromRight {
  		0% { transform: translateX(200%);}
  		100% { transform: translateX(0);}
}

	
	
/*	end rubric columns styling */

.bold {font-weight: bold;}		
	
	
.smaller {
    font-size:  0.8em;
}

.smaller2 {
    font-size:  0.7em;
}
	
			
.larger {
    font-size:  1.2em;
	line-height:20px;
}

.largest {
    font-size:  1.4em;
	line-height:20px;
}

.huge {
    font-size:  1.6em;
	line-height:20px;
}









.acct_AlertText  {
	font-weight:bold;
	color: var(--tonicColor-med);
	
}
			.acct_AlertText label {
				float: left;			
				margin-right: 10px;
				margin-left: 260px;
				text-align: left;
				width: 500px;	
			}



.dynamicBanner
		{
		float: right;
		letter-spacing: 0.09em;
		color: var(--superTonicColor);	
		padding: 5px 20px 5px 5px;
		}


/*
.textNav
		{
		float: left;
		color: var(--superTonicColor);
		padding: .3em .75em;
		margin-left: 20px;
		font-size: 1em;
		letter-spacing: 0.09em;
		}
*/



/* ++++++++++++++++++++++++++++++++++++ */
/* ++++		Bootstrap Customs		+++ */
/* ++++++++++++++++++++++++++++++++++++	*/
	

.modal-backdrop.show { /* hide background for modal windows */
display:none;
visibility: hidden;
}


.modal-fullscreen {
max-width: 95%;
}



/* 		SWITCHES 			*/
/* Change color (OFF) state */
.form-switch .form-check-input {
  background-color: var(--grayColor-xtralight); 
  border-color: #adb5bd;
  transform: scale(1.2, 1.4);
}

/* Change color (ON) state */
.form-switch .form-check-input:checked {
  background-color: var(--dominantColor);
  border-color: var(--dominantColor-dark);
}

/* Remove the blue glow on focus */
.form-switch .form-check-input:focus {
 box-shadow: 0 0 0 0.2rem rgba(167, 17, 21, 0.25);
}











/* ++++++++++++++++++++++++++++++++++ */
/* ++++		JQUERY UI Customs	+++++ */
/* ++++++++++++++++++++++++++++++++++ */

.ui-widgetInput {
	margin: 0px 0px 5px 0px;
	padding: 1px 1px 1px 5px;
	border: 1px solid var(--mediantColor-light);
	font-size: 14px !important;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

/* background */
/*
.ui-progressbar {
	margin:0px;
	padding:0px;
	background: var(--grayColor-xtralight);
	width: 90%;
	height: 20px; /* Set your desired height in pixels, ems, or any other unit */
	}
/*
.ui-progressbar .ui-progressbar-value {
    height: 100%; /* Ensures the filled portion fills the container height */
/*
}

/* moving ui-progressbar (*/	
/*
.ui-progressbar .ui-progressbar-value {
	background: var(--tonicColor-light);
    
}
*/

.ui-menu-item-wrapper {
font-size: 0.6em;
}

/*
.ui_iconButtonIndex {
	position: absolute;
	z-index: 100000;
}
*/

/* ++++++++++++++++++++++++++++++++++++++ */
/* ++++		font Awesome buttons	+++++ */
/* ++++++++++++++++++++++++++++++++++++++ */
.fa-sm	{
font-size: 1.4em;
}

/*	NME-fa-button: new 2026			*/
/*	let's get rid of those anchors!	*/
.NME-fa-button {
	border: 1px solid var(--tonicColor-light);
	border-radius: 10%;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;	
	
	color: var(--tonicColor-light);
	padding: 5px;
	font-weight: normal;
}

	.NME-fa-button:hover {
		text-decoration: none;
		color: var(--tonicColor-med);
		background: var(--grayColor-light);
	}
 
 	.NME-fa-button.fa-lg {
	font-size: 1.6em;
	}
 
 
 
 
.fa-border {
border: 1px solid var(--tonicColor-light);
		border-radius: 10%;
		-moz-border-radius: 10%;
		-webkit-border-radius: 10%;	
}

 	a:hover .fa-border {
 	text-decoration: none;
	color: var(--tonicColor-med);
	background: var(--grayColor-light);
	}

	/*for main category submit button */
	.fa-border.submit {
		padding: 75px;
	} 

	.fa-border.fa-lg {
	font-size: 1.6em;
	}



/*used for square buttons */
.fontSquareButton {
color: var(--tonicColor-light);
background: var(--whiteColor);
border: 1px solid var(--tonicColor-light);
		padding: 3px;		
		border-radius: 20%;
		-moz-border-radius: 20%;
		-webkit-border-radius: 20%;	
}
	.fontSquareButton:hover {
	color: var(--tonicColor-med);
	background: var(--grayColor-light);
	}
	



	/*just for main cog wheel */
	.fa-cog.fa-lg.fa-border {
			padding: 0px;
			border: 0px;
			background-color: rgba(0,0,0,0.0);
			color: var(--superTonicColor);	
			margin-top: -5px;
			font-size: 1.4em;

	}
			.fa-cog.fa-lg.fa-border:hover {
			color: var(--whiteColor);	
			}


/*radio buttons in spreadsheet */
.subsFilter .fa-check-circle {
color: var(--dominantColor);
}	


.FAborderAlert	{
	color: var(--dominantColor);
	margin: 4px 4px 4px 4px;
	}


.FAcheckbox	{
	color: var(--textColor);
}

.FAcheckbox-all	{
	color: var(--superTonicColor);
}

.FAcheckbox-selected {
	color: var(--tonicColor-light);
	}

.FAtoggle	{
	color: var(--textColor);
}

.FAtoggle-light	{
	color: var(--superTonicColor);
}
	
	.FAcheckbox:hover, .FAcheckbox-select:hover, .FAcheckbox-all:hover, .FAtoggle:hover, .FAtoggle-light:hover	{
	color: var(--dominantColor);
	}

	.checkboxCount	{
		color: var(--tonicColor-light);	
			
	}

.FA-small-rounded-white {

	background-color: var(--whiteColor);
	padding:2px;
	color: var(--tonicColor-light); 
	font-size: 0.8rem;
	border-color: var(--tonicColor-light); 
	border-radius: 50%;
	border: 1px solid;	
}



/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* 		ICON TOOLTIPS			*/
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
.toolTipContainer {
	display: inline;
	padding-top: 20px;

}



/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* Progress Bar Styling */
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
.jrProgressBar {
	max-width: 350px !important;
	height: 20px;
}

.jrProgressBar-lg {
	max-width: 300px !important;
	height: 30px;
}


.progressSubContainer	{
	margin: auto;
	width: 60%;
	overflow: hidden;
	height: 50px;
}



.uploadStatusComplete {
	display:block !important;
	color: var(--dominantColor);	
}		


progress {
	-webkit-appearance: none;
   appearance: none;

    height: 25px;
    width: 100%;
    max-width: 100%;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

	progress[value]::-webkit-progress-value {
		background-color: var(--tonicColor-light);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
	
	}

	progress[value]::-webkit-progress-bar {
		background-color: var(--grayColor-xtralight);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
	}



@-webkit-keyframes progress { 
    from { }

    to { width: 100% }
}

@-moz-keyframes progress { 
    from { }

    to { width: 100% }
}

@-ms-keyframes progress { 
    from { }

    to { width: 100% }
}

@keyframes progress { 
    from { }

    to { width: 100% }
}
	
	
	
.uploadErrorMessageShow {
	width: 100%;
	margin: auto;
	color: var(--dominantColor);
	border: 1px solid var(--dominantColor);
	text-align:center;
	font-size: 18px;
	padding: 5px;
	margin-bottom: 5px;
	line-height: 125%;
	font-size: 14px;	
}
/*END Progress Bar Styling */






/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* Search Bars		 			*/
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
input.SearchInput {
	height:22px;	
	margin: 0px 0px 0px 5px;	
	border: 1px solid var(--mediantColor-dark);
	padding-left .75em;
	font-size: 0.7em;
	color: var(--mediantColor-dark);
	text-align: center;
	border-radius: 0px;
	-moz-border-radius: 0px ;
	-webkit-border-radius: 0px;
	vertical-align:bottom;
	width: 90%;
	min-width: 100px; 
}




#searchBox {
			padding: 0px;  
			margin: 2px 2px 0px 10px;
			vertical-align:bottom;
			position:relative;		
			}
			
			
.searchBarResultsEmpty{
	left:0;
	display:none;
	
}

.searchBarResultsFull {
	float:left;
	position:absolute;
	color: var(--superTonicColor);
	z-index:990;	
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid var(--tonicColor-dark);	
	background-color: var(--tonicColor-light);

}



.defaultText { 
	max-width: 300px; 
	font-size: 0.7em; 
}
.defaultTextActive { 
	color: var(--textColor);
	font-size: 0.7em; 
	font-style: italic; 
}		
	
.listEmpty {
	display:none;	
}

.listFull {
	display:block !important;
	padding: 10px;	
}



.BlackBar_NavElement{
		color: var(--superTonicColor);
		padding: .25em .25em;
		font-size: 1em;			
		}

	.BlackBar_NavElement a:link {
		color: var(--superTonicColor);
		text-decoration:none;	
	}
		
	.BlackBar_NavElement a:visited {
		color: var(--superTonicColor);
		text-decoration:none;	
	}	

	.BlackBar_NavElement a:hover {
		color: var(--mediantColor-dark);
		text-decoration:none;	
	}	
	
	.BlackBar_NavElement a:active {
		color: var(--superTonicColor);
		text-decoration:none;	
	}	



.searchResultsTextAlert {

color: var(--dominantColor-dark);
margin-top: 100px;
margin-right: 25px;
font-style: italic;
font-size: 0.8em;

}


/* END Search Bar Styling */
	


	
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* Show/Hide Elements */
   /* This CSS is used for the Show/Hide functionality. */
.iconButtonHidden {
	visibility: hidden;
	display:none;
}


.HiddenElements {
  display: none;
  visibility: hidden;
   }
 
 /* 
a.showLink, a.hideLink { 
  text-decoration: none;
  color: var(--dominantColor);
  padding: 10px;
  font-size: 0.07em;
  }

a.hideLink {
}

a.showLink:hover, a.hideLink:hover {
  color: #254E4E; 
  }
*/
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */





/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/*DAE style multi-selector: used in category and judgingRound */
.DAEselector-L .smallActionSubmit {
		color: var(--superTonicColor);
		padding: 10px 10px 10px 10px;
		text-align: center;
		font-size: 0.9em;
	
		min-width: 100px;
		height: 45px;
		line-height:20px;
		
		background-color: var(--tonicColor-med);		
		border: 1px solid var(--tonicColor-light);	
		cursor: default;
}

	.DAEselector-L .smallActionSubmit:hover {
		background-color: var(--tonicColor-dark);		
		border: 1px solid var(--tonicColor-light);
	}
			
		
.DAEselector-L input[type=text] {
min-width: 200px;
width: 70% !important;

}


.DAEwrapper {
	width: 100%; 
	text-align:center; 
	overflow:hidden; 
	display:block; 
	clear:left;
	margin-bottom: 20px;
	}

.DAEselector-L	{
	float:left; 
	width: 45%; 
	text-align:right;
	margin-top: 60px;
	}

.DAEselector-R	{
	float:left; 
	width: 45%; 
	text-align:left;
	}	

.DAEselect {
display: block;
margin-top: 10px;
	background-color:#FFF; 
	width: 275px; 
	height: 250px;
	}
	
.DAEbuttons {
float:left; 
min-width: 50px; 
margin:auto; 
padding: 10px; 
margin-top: 75px; 
text-align:center; 
}



		
	a.listActiveButton{
		border:1px solid var(--dominantColor); 
		padding: 2px;
		
		border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}
	

	a.listActiveButton:hover{
		border:1px solid #717979; 
		text-decoration: none;	
	}
	
/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
	


/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */
/* =======================	*/
/*	Page Loading Graphic	*/
/* Center the loader 		*/
.shade {
  position: fixed;
  left: 0%;
  top: 0%;
  z-index: 1002;
  width: 400vw;
  height:400vh;
  background-color: #000;
  opacity:.5;
}


.loader {
  color: var(--superTonicColor);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin: -75px 0 0 -75px;
}


#timeOut	{
	display: none;
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1 !important;
}
	.timeOut	{
	overflow: hidden;
	width: 100%;
	line-height: 200%;
	height: 400px;
	 color: var(--superTonicColor);
	 font-size: 2.0em;
	 text-align: center;
	 margin-top: 10%;
	 padding: 25px;
	}

#sessionExpireTimer {
color: var(--tonicColor-light);
}



/* +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++ */






/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* 	FOR CATEGORY/SHOWLISTINGS.TPL						*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
.card-header.warning {
	background-color: var(--warningColor);
	border-bottom: 5px solid;
	border-bottom-color: var(--warningColor-dark);
}

	.card-header.warning a:link, 
	.card-header.warning a:visited, 
	.card-header.warning a:hover, 
	.card-header.warning a:active   {
			color: var(--whiteColor);
	}


.card-header.success {
		background-color: var(--successColor);
		border-bottom: 5px solid;
		border-bottom-color: var(--successColor-dark);
}

	.card-header.success a:link, 
	.card-header.success a:visited, 
	.card-header.success a:hover, 
	.card-header.success a:active   {
			color: var(--tonicColor-dark);
	}













/* Let's get this party started */
::-webkit-scrollbar{
    width: 10px;
	height:10px;
}


/* Track */
::-webkit-scrollbar-track {
	background: rgba(219,221,214,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); 
    -webkit-border-radius: 10px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(86,90,90,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


/* Corner */
::-webkit-scrollbar-corner {
	background: rgba(219,221,214,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); 
    -webkit-border-radius: 10px;
    border-radius: 0px;
}


::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(86,90,90,0.8); 
}






/*+++++++++++++++++++++++++++++++*/


















/*mobileDisplay only */
 @media only screen and (max-width:1000px) { 
 
	#mobileContainer {
		position:absolute;
		visibility:visible;
		background: #fff;
		overflow: hidden;
		height: 600px;
		width: 100%;
		margin: 0;
		z-index:-1;
		
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}

	.videoContainer {
		visibility:hidden;
    }
    
    .ColumnWidth_40, .ColumnWidth_45, .ColumnWidth_50, .ColumnWidth_60, .ColumnWidth_55, .ColumnWidth_70 {
		width: 100%;
		clear:left;
	}   
}























/* ==============================	*/		

/* +++++++++++++++++++++++++++++ */