/***
	*	Copyright (c) 2014 EJFIII Web Design. All Rights Reserved.
	*
	*	Provided as part of EJFIII Web Design's inSTOCK© function who retains all
	*	rights to the coding herein unless specifically noted otherwise. inSTOCK©
	*   may not be altered, redistributed or otherwise made available to any entity
	*   without the expressed, written consent of Edward J. Ferry, III. License is
	*   granted to original recipient as delivered by EJFIII Web Design under the 
	*   governing Letter of Agreement.
		***/


/***	*******************************************************
		                     STYLE RESET
		*******************************************************   ***/

		@import url("styleReset.css");		  /* Eric Meyer v2.0 */


/***	*******************************************************
		                inSTOCK OVERALL STYLE
		*******************************************************   ***/

		body			{ font: 62.5%/1.3 Arial, Helvetica, sans-serif; font-weight: bold; }
		a 				{ transition: 0.2s all linear; -moz-transition: 0.2s all linear; }

		#content		{ position: relative; width: 750px; margin: 0px auto; }
		.header			{ font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; }
		.header h1 		{ background: url(inSTOCK_images/logo_banner.jpg) no-repeat; width: 750px; height: 133px; text-indent: -99999px; margin: 60px auto 30px; }
		.header h4 		{ margin-left: 26px; letter-spacing: 0; font-size: 1.2em; color: #808080; }

		.button 		{ color: #808080; border: 1px solid #373737; border-radius: 2px; height: 22px; min-width: 100px; text-transform: uppercase; font-size: 0.95em; line-height: 22px; padding-top: 2px;
							transition: 0.2s all linear; -moz-transition: 0.2s all linear;
							background: -webkit-linear-gradient(white, silver); /* For Safari */
							background: -o-linear-gradient(white, silver); 		/* For Opera 11.1 to 12.0 */
							background: -moz-linear-gradient(white, silver); 	/* For Firefox 3.6 to 15 */
							background: linear-gradient(white, silver); 		/* Standard syntax */ }
		.button:hover	{ color: #333333; cursor: pointer;
							background: -webkit-linear-gradient(white, #d3b886); /* For Safari */
							background: -o-linear-gradient(white, #d3b886); 		/* For Opera 11.1 to 12.0 */
							background: -moz-linear-gradient(white, #d3b886); 	/* For Firefox 3.6 to 15 */
							background: linear-gradient(white, #d3b886); 		/* Standard syntax */ }

		img				{ border: 0px; }
		hr 				{ height: 1px; border-width:0; color: gray; background-color: gray; }

/***	*******************************************************
		                inSTOCK Login
		*******************************************************   ***/

		#loginPanel			{ width: 320px; height: 372px; margin: 80px auto; padding: 10px; background-color: #F0F0F0; position: relative; border: 1px solid #c78e27; border-radius: 3px; box-shadow: 5px 5px 8px #8C8C8C; }
		.loginBox			{ width: 320px; height: 297px; margin: 5px 0 0; padding: 5px 0; background-color: #FFFFFF; color: #333333; }
		.heading 			{ font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; }
		.loginForm			{ width: 280px; margin: 5px 0 0 10px; font-size: 1.0em; background-color: #808080; color: #ffffff; padding: 10px; border-radius: 2px; }
		.loginForm input 	{ font-size: 1.1em; margin: 3px 3px 3px 5px; width: 140px; }
		.loginForm table 	{ width: 270px; }
		.loginForm td 		{ width: 140px; }
		.loginForm .button	{ width: 90px; }
		.welcome			{ width: 280px; font-size: 1.03em; margin: 25px 0 0; padding: 0px 0px 0px 20px; text-align: justify; line-height: 1.3em; }
		.welcome .contact	{ bottom: 20px; position: absolute; width: 280px; }
		.welcome a 			{ float: right; }
		.welcome sup 		{ font-size: 0.8em; }

		.alignRight			{ text-align: right; }
		.floatRight			{ float: right; }
		.invalidLogin		{ position: absolute; left: 61px; top: 204px; color: #FFFF00; font-size: 0.9em; font-weight: normal; z-index: 100; }


/***	*******************************************************
		                inSTOCK CONTROL CONSOLE
		*******************************************************   ***/

		#consolePanel		{ width: 640px; height: 309px; margin: 0 auto; background: url(inSTOCK_images/background_controlConsole.jpg) no-repeat; position: relative; }
		.versionIcons		{ position: absolute; top: 42px; left: 480px; width: 130px; }
		.versionIcons img 	{ padding-bottom: 15px; }

		.functionText				{ margin: 30px 0 0 43px; padding: 40px 0 0; }
		.functionText a				{ color: #808080; text-decoration: none; }
		.functionText a:hover		{ color: #666666; }
		.functionText p				{ font-size: 1.1em; color: #808080; }
		.functionText ul			{ font-size: 1.1em; margin-left: 20px; }
		.functionText li			{ margin-left: 35px; padding: 3px 0px 0px 0px; list-style-image: url(inSTOCK_images/rightArrow.png); }
		.functionText li.listHead	{ margin: 20px 0 6px 20px; list-style: none; margin-top: 10px; }
		.functionText h5			{ font-size: 1.5em; margin: 10px 0 0 0; }

		.EJF-Contact 			{ font-family: Tahoma; color: #C48F2C; font-size: 1.0em; font-weight: bold; letter-spacing: 1px; line-height: 14px; text-align: right; padding-right: 70px; }
		.EJF-Contact a,
		.EJF-Contact a:hover	{ color: #C48F2C; text-decoration: none; }
		.CC .button				{ margin: 16px 0 0 85px; }

		.linkGroup 				{ font-size: 0.85em; color: #666666; }


/***	*******************************************************
		                inSTOCK SUB CONSOLE FORMs
		*******************************************************   ***/

		.subConsole				{ padding-top: 30px; }
		.subConsole p 			{ font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; margin-bottom: 8px; margin-left: 26px; width: 500px; }
		.subConsole fieldset 	{ border: 1px solid #686868; border-radius: 3px; padding: 15px; }
		.subConsole fieldset p 	{ width: 86%; }
		.subConsole legend 		{ border-radius: 3px; color: #c78e27; padding: 5px 10px 10px; font-size: 1.3em; margin-left: 74%; font-style: italic; }
		.subConsole input,
		.subConsole textarea	{ background-color: #ededed; width: 100%; margin-bottom: 10px; border: 1px gray solid; padding: 5px; }
		.subConsole textarea 	{ min-height: 120px; }
		.subConsole select 		{ margin-left: 10px; }

		.subConsole .menuGroup 				{ text-align: right; }
		.subConsole .menuGroup input		{ width: auto; margin: 10px 0 10px; background-color: #ededed; border: 1px gray solid; padding: 5px; }
		.subConsole .menuGroup .button		{ min-width: 20px; width: auto; }

		.subConsole ol 		{ text-align: left; margin: 20px 20px 20px 100px; }
		.subConsole li 		{ width: 540px; margin: 5px; padding: 2px; border: 0; font-size: 1.1em; vertical-align: middle; }
		.subConsole li p 	{ color: #666666; font-size: 0.9em; font-weight: normal; width: 90%; }
		.required 			{ float: right; margin: 15px 20px 5px; }
		i					{ color: #DA2340; }

		ol.availableImages li 						{ float: left; text-align: center; width: auto; }
		.image										{ position: relative; width: 124px; height: 80px; }
		.detailImgA	 								{ position: relative; left: -90px; margin-bottom: -93px; width: 80px; height: 80px; padding: 1px; border: 1px solid #c78e27; }
		.detailImgB	 								{ position: relative; left: -90px; margin-bottom: -270px; width: 80px; height: 80px; padding: 1px; border: 1px solid #c78e27; }
		.detailImgC	 								{ position: relative; left: -90px; margin-bottom: -305px; width: 80px; height: 80px; padding: 1px; border: 1px solid #c78e27; }
		.detailImgD	 								{ position: relative; left: -90px; margin-bottom: -290px; width: 80px; height: 80px; padding: 1px; border: 1px solid #c78e27; }
		.lineDrawing 								{ padding: 5px; border: 1px solid #c78e27; margin-bottom: 10px; }
		.lineDrawing:hover,
		.detailImgA:hover,
		.detailImgB:hover,
		.detailImgC:hover,
		.detailImgD:hover 							{ cursor:url(inSTOCK_images/cursorDELETE.cur), auto; }


		.hoverDELETE								{ position: absolute; top: 2px; left: 2px; display: none; }
		.image:hover .hoverDELETE 					{ display: block; cursor: pointer; }

		.subConsole ol.textPage 		{ margin: 20px 20px 20px 60px; }
		.subConsole ol.textPage li 		{ width: 620px; }

		.subConsole input[type='radio'] 	{ margin-right: -23px; width: 90px; }

		.controlButtons						{ margin: 30px 25px 0 0; }
		.controlButtons input.button 		{ min-width: 100px; width: auto; height: auto; }
		.controlButtons input[type=reset] 	{ float: right; margin-right: 10px; }
		.controlButtons input[type=submit] 	{ float: right; }

		#accordion h3 		{ color: #666666; height: 14px; min-width: 100px; text-transform: uppercase; font-size: 1.1em; line-height: 14px; 
								transition: 0.2s all linear; -moz-transition: 0.2s all linear;
								background: -webkit-linear-gradient(white, #d3b886); 	/* For Safari */
								background: -o-linear-gradient(white, #d3b886); 	 	/* For Opera 11.1 to 12.0 */
								background: -moz-linear-gradient(white, #d3b886); 	 	/* For Firefox 3.6 to 15 */
								background: linear-gradient(white, #d3b886); 		 	/* Standard syntax */ }
		#accordion .ui-accordion-header-active,
		#accordion h3:hover	{ color: #c78e27; cursor: pointer; 
								background: -webkit-linear-gradient(white, #ededed); 	/* For Safari */
								background: -o-linear-gradient(white, #ededed); 		/* For Opera 11.1 to 12.0 */
								background: -moz-linear-gradient(white, #ededed); 		/* For Firefox 3.6 to 15 */
								background: linear-gradient(white, #ededed); 			/* Standard syntax */ }
		#accordion .moniker		{ float: right; font-style: normal; font-size: 0.8em; }
		#accordion .addButton 	{ min-width: 100px; width: auto; padding: 0; }
		#accordion .imgConsole 	{ padding-top: 0; }
		#accordion .itemActions input 	{ margin-bottom: 0; padding: 0; width: auto; margin-left: 10px; }
		#accordion .itemActions 		{ width: 290px; }

		input.deletePDF 				{ margin: 0 10px 0 0; padding: 0; width: auto; vertical-align: middle; }

		#startDate 				{ width: 100px; margin-right: 20px; }
		#endDate 				{ width: 100px; }

		ol.bulletList 			{ background-color: #EDEDED; border: 1px solid #808080; margin: 10px 0; padding: 5px; width: 100%; height: 106px; overflow-y: auto; overflow-x: hidden; }
		ol.bulletList li input 	{ width: auto; margin: 0;}
		ol.bulletList li label 	{ font-weight: normal; font-size: 0.8em; padding-left: 10px; }

		ol.catList li 			{ float: left; }


/***	*******************************************************
		                inSTOCK IMAGES CONSOLEs
		*******************************************************   ***/

		.imgConsole 		{ padding-top: 30px; }
		.imgConsole p 		{ width: 500px; margin-left: 26px; }
		.imgConsole table	{ width: 100%; border: 0; border-collapse: collapse; }
		.imgConsole td, th 	{ padding: 10px 2px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; }
		.consoleItems 		{ margin-bottom: 20px; height: 311px; overflow: auto; padding-right: 10px; }
		.imgText			{ font-weight: normal; vertical-align: top; }
		.itemActions						{ width: 120px; text-align: right; vertical-align: middle;}
		.itemActions input[type='text'] 	{ border: 0; border-bottom: 1px dotted black; text-align: right; }
		.itemActions input[type='radio'] 	{ margin: 10px 5px 0 15px; vertical-align: bottom; }
		.itemActions input[type='button'] 	{ margin-top: 15px; }

		.highlight 			{ color: #000000; }

		.serverErrorMsg 	{ text-transform: uppercase; font-weight: normal; color: red; }