/*
	###########################		START - FILE INFORMATION	###############################################################################
	###			VERSION: 5.0.0;
	###			LEGAL: USE OF THIS FILE CONSTITUTES YOUR ACCEPTANCE OF THE "LICENSE.TXT";
	###			NOTES: ;
	###########################		END - FILE INFORMATION		###############################################################################
*/

@media screen and ( min-width: 800px )
	{
		
		html body main form fieldset.PlexSelectDate div select,
		html body main form fieldset.PlexSelectDateTime div select,
		html body main form fieldset.PlexSelectTime div select
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				min-width:					80px;
			}
		
		/* #-------------------- SECTION: FIELDSET; -- */
		html body main form
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-left:				4%;
				margin-right:				4%;
			}
		html body main form fieldset
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --Desktop_FormsCss-0000-0000 );
				border:						var( --html-0000-0000 );
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-top:					10px;
				
				/*margin-left:				0;*/						/* NOTE: NEEDED FOR CHILD ELEMENTS BECAUSE OF DEFAULT STYLE ISSUES; */
				/*margin-right:				0;*/						/* NOTE: NEEDED FOR CHILD ELEMENTS BECAUSE OF DEFAULT STYLE ISSUES; */
			}
		
		html body main form fieldset legend
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --Desktop_FormsCss-0000-0001 );
				border:						var( --html-0000-0000 );

				/* NOTE: PROPERTIES FOR LAYOUT */
				padding-left:				10px;
				padding-right:				10px;
			}
		html body main div.NonFormFieldset.Options div,
		html body main form fieldset.Options div
			{	
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
				vertical-align:				top;					/* NOTE: NEEDED FOR CHILD ELEMENTS BECAUSE FF WILL ALIGN BOTTOM; */
			}
		html body main div.NonFormFieldset.Options a,
		html body main form fieldset.Options a
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --html-0000-0003 );
				border:						var( --html-0000-0000 );
				color:						#fff;
				font-size:					10pt;
				text-decoration:			none;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
				line-height:				130%;
				margin-bottom:				10px;
				margin-top:					10px;
				padding-bottom:				1px;
				padding-top:				1px;
				text-align:					center;
				width:						248px;					/* NOTE: COPY OF MIN WIDTH VALUES FOR input[type="submit"]; WIDTH IS 198 BECAUSE WIDTH PLUS BORDER WHERE AS BUTTONS ARE HANDLED DIFFERENTLY; */ 
			}
		html body main div.NonFormFieldset.Options a:hover,
		html body main form fieldset.Options a:hover
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#2d9628;				/* NOTE: COPY OF MIN WIDTH VALUES FOR input[type="submit"]:hover ; */

				/* NOTE: PROPERTIES FOR LAYOUT */
				cursor:						pointer;
			}
		html body main div.NonFormFieldset.Options a.disabled,
		html body main form fieldset.Options a.disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --html-0000-0001 );
				pointer-events:				none;
			}
		html body main div.NonFormFieldset.Options a:hover .disabled,
		html body main form fieldset.Options a:hover .disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --html-0000-0002 );
				cursor:						not-allowed;			/* NOTE: THIS CODE EXISTS BUT DOES NOT WORK; */
			}
		html body main div.NonFormFieldset.Options button,
		html body main form fieldset.Options button
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --html-0000-0003 );
				border:						var( --html-0000-0000 );
				color:						#fff;
				font-family:				inherit;
				font-size:					10pt;

				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
				margin-bottom:				10px;
				margin-top:					10px;
				padding-bottom:				2px;
				padding-top:				2px;
				text-align:					center;
				text-decoration:			none;
				width:						248px;					/* NOTE: COPY OF MIN WIDTH VALUES FOR input[type="submit"]; WIDTH IS 198 BECAUSE WIDTH PLUS BORDER WHERE AS BUTTONS ARE HANDLED DIFFERENTLY; */ 
			}
		html body main div.NonFormFieldset.Options button:hover,
		html body main form fieldset.Options button:hover
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#2d9628;				/* NOTE: COPY OF MIN WIDTH VALUES FOR input[type="submit"]:hover ;*/
				cursor:						pointer;
			}
		html body main div.NonFormFieldset.Options button:disabled,
		html body main form fieldset.Options button:disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#645151;
				cursor:						not-allowed;			/* NOTE: THIS CODE EXISTS BUT DOES NOT WORK; */
				pointer-events:				none;
			}
		html body main div.NonFormFieldset.Options button:hover:disabled,
		html body main form fieldset.Options button:hover:disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#ff0000;
				cursor:						not-allowed;			/* NOTE: THIS CODE EXISTS BUT DOES NOT WORK; */
			}
		html body main form fieldset.PlexSelectDate div,
		html body main form fieldset.PlexSelectDateTime div,
		html body main form fieldset.PlexSelectTime div
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
				padding-left:				5px;
				padding-right:				5px;
			}
		html body main form fieldset.PlexSelectDate div select,
		html body main form fieldset.PlexSelectDateTime div select,
		html body main form fieldset.PlexSelectTime div select
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				width:						auto;
			}
		html body main form fieldset.PlexSelectDateTime fieldset
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
			}
		html body main div.NonForm
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-left:				4%;
				margin-right:				4%;
			}
		html body main div.NonFormFieldset 
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --Desktop_FormsCss-0000-0000 );
				border:						var( --html-0000-0000 );
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-top:					20px;
				padding-bottom:				10px;
				padding-top:				20px;
				padding-left:				10px;
				padding-right:				10px;
			}
		html body main div.NonFormFieldset h2:first-of-type							/* NOTE: H2 IS LEGEND EQUIVELANT; */
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --Desktop_FormsCss-0000-0001 );
				border:						var( --html-0000-0000 );
				font-size:					100%;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				font-weight:				normal;
				margin-top:					-32px;
				padding-left:				12px;
				padding-right:				12px;
				position:					absolute;
				clear:						both;
			}
		
		/* #-------------------- SECTION: INPUT - TEXT BOXES; -- */
		html body main form input[type="email"],
		html body main form input[type="password"],
		html body main form input[type="text"]
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#fff;
				border:						var( --html-0000-0000 );
				color:						#000;
				font-family:				inherit;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				width:						200px;
			}
		html body main form input[type="email"].InputError,
		html body main form input[type="password"].InputError,
		html body main form input[type="text"].InputError
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#ff0000;
				background-image:			url( '/SystemFiles/LIB-IMG/FormError.gif' );
				background-position:		100% 0%;
				background-repeat:			no-repeat;
				color:						#ffffff;
			}
		html body main form input[type="email"]:Disabled,
		html body main form input[type="password"]:Disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#666600;
				background-image:			url( '/SystemFiles/LIB-IMG/FormError.gif' );
				background-position:		100% 0%;
				background-repeat:			no-repeat;
			}
		html body main form input[type="text"]:Disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#999;
				background-position:		100% 0%;
				background-repeat:			no-repeat;
				color:						#333;
			}

		/* #-------------------- SECTION: INPUT - SUBMIT BUTTON; -- */
		html body main form input[type="submit"]
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --html-0000-0003 );
				border:						var( --html-0000-0000 );
				color:						#fff;
				font-family:				inherit;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				line-height:				145%;
				margin-bottom:				10px;
				margin-top:					10px;
				min-width:					200px;
			}
		html body main form input[type="submit"]:hover,
		html body main form input[type="submit"]:active
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#2d9628;
				cursor:						pointer;
			}
		html body main form input[type="submit"]:active:disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#ff0000;
			}
		html body main form input[type="submit"]:disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#645151;
				cursor:						not-allowed;
			}

		/* #-------------------- SECTION: INPUT - CHECK BOXES; -- */
		html body main form input[type="checkbox"]
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					none;
			}
		html body main form input:placeholder-shown
			{
				/* NOTE: PROPERTIES FOR STYLING */
				font-style:					italic;
			}
		html body main form input[type="checkbox"] + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background:					url( '/SystemFiles/LIB-IMG/check_radio_sheet.png' ) left top no-repeat;

				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
				height:						19px;
				width:						19px;
			}
		html body main form input[type="checkbox"]:checked + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				 background:				url( '/SystemFiles/LIB-IMG/check_radio_sheet.png' ) -26px top no-repeat;
			}
		html body main form input[type="checkbox"]:disabled + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background:					url( '/SystemFiles/LIB-IMG/check_radio_sheet.png' ) -54px top no-repeat;
			}

		/* #-------------------- SECTION: INPUT - FILE BUTTON; -- */
		html body main form input[type="file"]
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			var( --html-0000-0003 );
				border:						var( --html-0000-0000 );
				color:						#fff;
				font-family:				inherit;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				margin-bottom:				10px;
				margin-top:					10px;
				min-width:					200px;
			}
		html body main form input[type="file"]:hover,
		html body main form input[type="file"]:active
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#2d9628;
				cursor:						pointer;
			}
		html body main form input[type="file"]:active:disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#ff0000;
			}
		html body main form input[type="file"]:disabled
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#645151;
				cursor:						not-allowed;
			}

		/* #-------------------- SECTION: INPUT - RADIO BUTTONS; -- */
		html body main form input[type="radio"] 
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					none;
			}
		html body main form input[type="radio"] + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background:					url( '/SystemFiles/LIB-IMG/check_radio_sheet.png' ) -82px top no-repeat;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					inline-block;
				height:						19px;
				width:						19px;
			}
		html body main form input[type="radio"]:checked + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background:					url( '/SystemFiles/LIB-IMG/check_radio_sheet.png' ) -108px top no-repeat;
			}
		html body main form input[type="radio"]:disabled + label
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background:					url( '/SystemFiles/LIB-IMG/check_radio_sheet.png' ) -133px top no-repeat;
			}

		/* #-------------------- SECTION: LABELS; -- */
		html body main label
			{
				/* NOTE: PROPERTIES FOR LAYOUT */
				display:					block;
			}

		/* #-------------------- SECTION: SELECT; -- */
		html body main form select
			{
				/* NOTE: PROPERTIES FOR STYLING */
				border:						var( --html-0000-0000 );
				font-family:				inherit;
				color:						#000;
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				width:						200px;
			}
		html body main form select.InputError
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#ff0000;
				background-image:			url( '/SystemFiles/LIB-IMG/FormError.gif' );
				background-position:		100% 50%;
				background-repeat:			no-repeat;
				color:						#fff;
			}

		/* #-------------------- SECTION: TEXT AREA; -- */
		html body main form textarea
			{
				/* NOTE: PROPERTIES FOR STYLING */
				border:						var( --html-0000-0000 );
				font-family:				inherit;
				font-size:					10pt;						/* NOTE: DOES NOT INHERIT FROM BODY DUE TO (SPECIFICATION)"Clause 6.1.1 Specified values of the CSS 2.1" */
				
				/* NOTE: PROPERTIES FOR LAYOUT */
				height:						200px;
				overflow-y:					scroll;
				width:						600px;
			}
		html body main form textarea:placeholder-shown
			{
				/* NOTE: PROPERTIES FOR STYLING */
				font-style:					italic;
			}
		html body main form textarea.InputError
			{
				/* NOTE: PROPERTIES FOR STYLING */
				background-color:			#ff0000;
				background-image:			url( '/SystemFiles/LIB-IMG/FormError.gif' );
				background-position:		553px 0;
				background-repeat:			no-repeat;
				color:						#ffffff;
			}
	}