@charset "utf-8";
/* System Basics */

/* Display */
	.hidden	{ display: none !important; }
	.Block	{ display: block !important; }
	.Inline	{ display: inline-block !important; }
	.isDesktop { display: block !important;  }
	.isMobile  { display: none !important;  }
	
/* Colors */
	.MyColor	{ color: #070999 !important; }
	.Black		{ color: #000000 !important; }
	.White		{ color: #FFFFFF !important; }
	.LGrey		{ color: #EEEEEE !important; }
	.DGrey		{ color: #888888 !important; }
	.Grey		{ color: #666666 !important; }
	.Red		{ color: #FF0000 !important; }
	.Yellow		{ color: #FFFF00 !important; }
	.LBlue		{ color: #7799ff !important; }
	.DBlue		{ color: #000999 !important; }
	.Blue		{ color: #000099 !important; }
	.Green		{ color: #009900 !important; }
	
/* BGColors */	
	.MyBGColor	{ background-color: #070999 !important; }
	.BGBlack	{ background-color: #000000 !important; }
	.BGWhite	{ background-color: #FFFFFF !important; }
	.BGLGrey	{ background-color: #EEEEEE !important; }
	.BGDGrey	{ background-color: #888888 !important; }
	.BGGrey 	{ background-color: #666666 !important; }
	.BGRed 		{ background-color: #FF0000 !important; }
	.BGYellow	{ background-color: #FFFF00 !important; }
	.BGLBlue	{ background-color: #7799ff !important; }
	.BGDBlue	{ background-color: #000999 !important; }
	.BGBlue		{ background-color: #000099 !important; }

/* Positioning */
	.PosRel { position: relative !important; }
	.PosAbs { position: absolute !important; }
		.AutoCenter	{ position: absolute !important; } /* Uses JS */
	.NoFloat{ float: none !important; }
	.FloatL { float: left !important; }
	.FloatR { float: right !important; }
		.Top 	{ top: 0px !important; }
		.Right 	{ right: 0px !important; }
		.Bottom { bottom: 0px !important; }
		.Left 	{ left: 0px !important; }
		.Top10px 	{ top: 10px !important; }
		.Right10px 	{ right: 10px !important; }
		.Bottom10px { bottom: 10px !important; }
		.Left10px 	{ left: 10px !important; }
	.NoClear{ clear: none !important; }
	
/* Text */
	.AlignL { text-align: left !important; }
	.AlignC { text-align: center !important; }
	.AlignR { text-align: right !important; }
	.TextB 	{ font-weight: bold !important; }
	.TextI 	{ font-style: italic !important; }
	.TextSmall 	{ font-size: 10px !important; }
	.TextMedium	{ font-size: 14px !important; }
	.TextLarge 	{ font-size: 18px !important; }
	.TextXLarge { font-size: 24px !important; }
	.TextTall { min-height: 50px !important; }

/* Margins & Padding */
	/* Margins */
		.NoMar 		{ margin: 0px !important; }
		.Mar5 		{ margin: 5px !important; }
		.Mar10 		{ margin: 10px !important; }
		.AutoMar 	{ margin: 0px auto !important; }
		.MarTop10	{ margin-top: 10px !important; }
		.MarBtm10 	{ margin-bottom: 10px !important; }
		.MarTop20	{ margin-top: 20px !important; }
		.MarBtm20 	{ margin-bottom: 20px !important; }
		.MarLeft10	{ margin-left: 10px !important; }
		.MarRight10 { margin-right: 10px !important; }
		.MarLeft20	{ margin-left: 20px !important; }
		.MarRight20 { margin-right: 20px !important; }
	/* Padding */
		.NoPad 		{ padding: 0px !important; }
		.Pad5		{ padding: 5px !important; }
		.Pad10 		{ padding: 10px !important; }
		.PadTop10	{ padding-top: 10px !important; }
		.PadBtm10 	{ padding-bottom: 10px !important; }
		.PadTop20	{ padding-top: 20px !important; }
		.PadBtm20 	{ padding-bottom: 20px !important; }
		.PadLeft10	{ padding-left: 10px !important; }
		.PadRight10 { padding-right: 10px !important; }
		.PadLeft20	{ padding-left: 20px !important; }
		.PadRight20 { padding-right: 20px !important; }
	
/* Sizing */
	/* General Sizing */
		/* Widths */
			.WidthFull 	{ width: 100% !important; }
			.Width99	{ width: 99% !important; }
			.Width98	{ width: 98% !important; }
			.Width95	{ width: 95% !important; }
			.Width90	{ width: 90% !important; }
			.Width85	{ width: 85% !important; }
			.Width80	{ width: 80% !important; }
			.Width75	{ width: 75% !important; }
			.Width70	{ width: 70% !important; }
			.Width66 	{ width: 67% !important; }
			.Width65 	{ width: 65% !important; }
			.Width60 	{ width: 60% !important; }
			.Width55 	{ width: 55% !important; }
			.Width50 	{ width: 50% !important; }
			.Width48	{ width: 48% !important; }
			.Width45	{ width: 45% !important; }
			.Width40 	{ width: 40% !important; }
			.Width35 	{ width: 35% !important; }
			.Width33 	{ width: 33% !important; }
			.Width30 	{ width: 30% !important; }
			.Width25 	{ width: 25% !important; }
			.Width20	{ width: 20% !important; }
			.Width16	{ width: 16.6% !important; }
			.Width15	{ width: 15% !important; }
			.Width12	{ width: 12.5% !important; }
			.Width10	{ width: 10% !important; }
			.WidthMax 	{ width: 1160px !important; }
			.WidthMid 	{ width: 870px !important; }
			.WidthMin 	{ width: 500px !important; } /* Set to Site Min Width (JS/CSS) */
			/* Min/Max Widths */
				.MinWidthFull 	{ min-width: 100% !important; }
				.MaxWidthFull 	{ max-width: 100% !important; }
				.MinWidthMax 	{ min-width: 1160px !important; }
				.MaxWidthMax 	{ max-width: 1160px !important; }
				.MinWidthMid 	{ min-width: 870px !important; }
				.MaxWidthMid 	{ max-width: 870px !important; }
				.MinWidthMin 	{ min-width: 500px !important; }
				.MaxWidthMin 	{ max-width: 500px !important; }
		/* Heights */
			.HeightAuto { height: auto !important; }
			.HeightFull { height: 100% !important; }
			.MinHeightFull 	{ min-height: 100% !important; }
			.MaxHeightFull 	{ max-height: 100% !important; }
	/* Object Sizing */
		/* Widths */
			.FullWidth {
				width: 100%;
				min-width: 100%;
				max-width: 100%;
				float: none;
				clear: both;	
			}
			.MaxWidth {
				width: 100%;
				max-width: 1160px;
				float: none;
				clear: both;	
			}
			.MidWidth {
				width: 100%;
				max-width: 870px;
				float: none;
				clear: both;	
			}
			.MinWidth {
				width: 100%;
				min-width: 500px;
				max-width: 500px;
			}
			
/* Overflow */
	.HideFlow 	{ overflow: hidden !important; }
	.ShowFlow 	{ overflow: auto !important; }
	.HideFlowX 	{ overflow-x: hidden !important; }
	.ShowFlowX 	{ overflow-x: auto !important; }
	.HideFlowY 	{ overflow-y: hidden !important; }
	.ShowFlowY 	{ overflow-y: auto !important; }


/* Borders */
	/* Radius */
	.Curved { border-radius: 10px !important; }

/* CustomFonts */
		/*@font-face {
			font-family: 'SF Quartzite';
			src: url('/ui/uploads/fonts/SFQuartzite/SFQuartzite.eot');
			src: url('/ui/uploads/fonts/SFQuartzite/SFQuartzite.eot?#iefix') format('embedded-opentype'),
				url('/ui/uploads/fonts/SFQuartzite/SFQuartzite.woff') format('woff'),
				url('/ui/uploads/fonts/SFQuartzite/SFQuartzite.ttf') format('truetype'),
				url('/ui/uploads/fonts/SFQuartzite/SFQuartzite.svg') format('svg');
		}*/

	


@media only screen and (max-width:768px)  {
/* Display */
	.isDesktop { display: none !important;  }
	.isMobile  { display: block !important;  }
}

@media all and (orientation:portrait) { /* Not Required */
}

@media all and (orientation:landscape) { /* Not Required */
}
	
	
	
	
	
	
	
	
	