/* secondary css page for forms, Ripon Printers, March 2006 */



/* online quote form */

#formcontainer {
	width: 640px; 
	margin-left: 18px; 
 	}
	
#formcontainer table.main	{
	border-top: 1px solid #e89d00; 
	margin-top: 10px; 
	}

#subleft table	{
	padding-right: 5px; 
	}

#subright table	{
	padding-left: 5px; 
	border-left: 1px dashed #e89d00; 
	}

#formcontainer td	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%; 
	color: #000; 
	height: 22px; 
	}
	
#formcontainer td input	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%; 
	height: 12px; 
	border: .5px solid #aaa; 
	}
	
#formcontainer td textarea	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%; 
	height: 12px; 
	border: .5px solid #aaa; 
	}
	
#formcontainer td input.radio	{
	width: 12px; 
	}
		
#formcontainer td input.submit	{
	height: 18px; 
	border: 0px; 
	}
		
#formcontainer h1	{
	font-family: georgia, times, serif;
	font-size: 150%;
	color: #5f0000;
	font-weight: lighter; 
	}
	
#formcontainer h2	{
	font-family: georgia, times, serif;
	color: #ad4200; 
	font-size: 140%; 
	font-weight: lighter; 
	margin-top: -1px; 
	margin-bottom: 0px; 
	}
	
#formcontainer td.toprule	{
	border-top: 1px dashed #e89d00; 
	}

#formcontainer td.indent	{
	padding-left: 10px; 
	}

.indent10	{
	padding-left: 10px; 
	}

.indent20	{
	padding-left: 20px; 
	}

#formcontainer td.indentcheckbox	{
	text-indent: -17px; 
	padding-left: 60px; 
	}
	
#submit	{
	font-family: georgia, times, serif;
	color: #5f0000; 
	font-size: 100%; 
	background-color: #e89d00; 
	border: 2px outset #ad4200; 
	}

#reset	{
	font-family: georgia, times, serif;
	color: #5f0000; 
	font-size: 100%; 
	background-color: #e89d00; 
	border: 2px outset #ad4200; 
	}

.formfooter	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: italic; 
	font-size: 80%; 
	line-height: 140%; 
	color: #000; 
	padding-left: .5em; 
	margin-top: -2px; 
	}
	
.columnfooter	{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-style: italic; 
	line-height: 140%; 
	color: #000; 
	}
	



	
/* misc */
	
#formcontainer hr	{
	border-bottom: 1px solid #e89d00; 
	margin: 25px 0px 10px 0px; 
	}

.orange	{
	color: #ad4200; 
	}





/* input & textarea classes for Customer Information */

#custinfo td input.textareasmall	{
	width: 65px; 
	}
		
#custinfo td input.textareamedium	{
	width: 100px; 
	}
		
#custinfo td input.textarealarge	{
	width: 215px; 
	}
		
#custinfo td .textarea1	{
	width: 235px; 
	height: 22px; 
	}




/* input & textarea classes for Project Information */

#projinfo td input.textareasmall	{
	width: 65px; 
	}
		
#projinfo td input.textareamedium	{
	width: 125px; 
	}
		
#projinfo td input.textarealarge	{
	width: 200px; 
	}
		
#custinfo td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#projinfo td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#projinfo td .textarea3	{
	width: 200px; 
	height: 66px; 
	}




/* input & textarea classes for Pages */

#pages td input.textareasmall	{
	width: 40px; 
	}
		
#pages td input.textareamedium	{
	width: 50px; 
	}
		
#pages td input.textarealarge	{
	width: 80px; 
	}
		
#pages td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#pages td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#pages td .textarea3	{
	width: 200px; 
	height: 66px; 
	}




/* input & textarea classes for Premedia Work */

#premedia td input.textareasmall	{
	width: 65px; 
	}
		
#premedia td input.textareamedium	{
	width: 125px; 
	}
		
#premedia td input.textarealarge	{
	width: 200px; 
	}
		
#premedia td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#premedia td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#premedia td .textarea3	{
	width: 200px; 
	height: 66px; 
	}
	
#premedia td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}

	

/* input & textarea classes for Text Pages */

#textpages td input.textareasmall	{
	width: 20px; 
	}
		
#textpages td input.textareamedium	{
	width: 50px; 
	}
		
#textpages td input.textarealarge	{
	width: 200px; 
	}
		
#textpages td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#textpages td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#textpages td .textarea3	{
	width: 200px; 
	height: 66px; 
	}
	
#textpages td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}

#textpages td.border	{
	border-bottom: 1px solid #aaa; 
	}

	

/* input & textarea classes for Cover Pages */

#coverpages td input.textareasmall	{
	width: 20px; 
	}
		
#coverpages td input.textareamedium	{
	width: 50px; 
	}
		
#coverpages td input.textarealarge	{
	width: 200px; 
	}
		
#coverpages td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#coverpages td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#coverpages td .textarea3	{
	width: 200px; 
	height: 66px; 
	}
	
#coverpages td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}

#coverpages td.border	{
	border-bottom: 1px solid #aaa; 
	}


	

/* input & textarea classes for both Insert sections */

#inserts td input.textareasmall	{
	width: 15px; 
	}
		
#inserts td input.textareamedium	{
	width: 60px; 
	}
		
#inserts td input.textarealarge	{
	width: 200px; 
	}
		
#inserts td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#inserts td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#inserts td .textarea3	{
	width: 200px; 
	height: 66px; 
	}
	
#inserts td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}

	


	
/* input & textarea classes for both Bindery and Inkjet & Mailing sections */

#bindery td input.textareasmall	{
	width: 15px; 
	}
		
#bindery td input.textareamedium	{
	width: 150px; 
	}
		
#bindery td input.textarealarge	{
	width: 200px; 
	}
		
#bindery td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#bindery td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#bindery td .textarea3	{
	width: 200px; 
	height: 66px; 
	}
	
#bindery td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}


	


	
/* input & textarea classes for both Fulfillment and Freight sections */

#fulfillment td input.textareasmall	{
	width: 15px; 
	}
		
#fulfillment td input.textareamedium	{
	width: 75px; 
	}
		
#fulfillment td input.textarealarge	{
	width: 225px; 
	}
		
#fulfillment td .textarea1	{
	width: 200px; 
	height: 22px; 
	}

#fulfillment td .textarea2	{
	width: 200px; 
	height: 44px; 
	}
	
#fulfillment td .textarea3	{
	width: 225px; 
	height: 66px; 
	}
	
#fulfillment td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}
	


	


	
/* input & textarea classes for both Samples and Special Instructions sections */

#samples td input.textareasmall	{
	width: 15px; 
	}
		
#samples td input.textareamedium	{
	width: 75px; 
	}
		
#samples td input.textarealarge	{
	width: 225px; 
	}
		
#samples td .textarea3	{
	width: 225px; 
	height: 66px; 
	}
	
#samples td .textarea6a	{
	width: 250px; 
	height: 132px; 
	}
	
#samples td .textarea6b	{
	width: 300px; 
	height: 132px; 
	}
	
#samples td.indent	{
	padding-left: 10px; 
	height: 66px; 
	}