/*
*********************
Austria - LitInfo Frühjahr/Sommer 2010 CSS base file

Version = 1.0
Date = April 8, 2010
Author = Ricardo Zea
*********************
*/

	@import url("reset.css");

/*	GLOBAL RULES 
=================================*/
	
	body { margin:20px 0 20px; }
	p { margin:5px 0; line-height:1.5em; font-size:1.1em; color:#333; }
	em { font-style:italic; }
	strong { font-weight:bold; }
	
	
	hr { height:1px; border-top:1px #aaa solid; border-bottom:none; border-left:none; border-right:none; margin:10px auto; }
	img { -ms-interpolation-mode:bicubic; } /*IE7 fix to properly render scaled down images*/
	
	h1, h2 { font:bold 1em Arial, Helvetica, sans-serif; color:#000; }
	
	h1 { font-size:1.8em; }
	h2 { font-size:2em; color:#333 !important; }
	
	::selection { background:#903; color:#fff; }
	::-moz-selection { background:#903; color:#fff; }
	
	/*	Forms
	===========*/
	/* button { width:120px; margin:15px auto 0; padding:7px 20px; font-size:.9em; font-weight:bold; color:#fff; border:#903 1px solid; background:url(../images/bg-gradient-red.gif) bottom repeat-x #c03; }
	button:hover { cursor:pointer; background:#903; position:relative; top:-1px; }
	button:active { background:#c03; }
	
	input#button { width:120px; margin:15px auto 0; padding:7px 20px; font-size:.9em; font-weight:bold; color:#fff; border:#903 1px solid; background:url(../images/bg-gradient-red.gif) bottom repeat-x #c03; }
	input#button:hover { cursor:pointer; background:#903; position:relative; top:-1px; }
	input#button:focus { background:url(../images/bg-gradient-red.gif) bottom repeat-x #c03; }
	*/
	#LitInfoForm1_Button1 {display:block; margin-left:100px; width:120px; font-size:1em !important; font-weight:bold; height:35px;}
		/*IE*/
		*html #LitInfoForm1_Button1 { display:block; margin-left:-50px }

	#form-wrapper input { width:120px; font-size:.9em; color:#fff; border:#903 1px solid; background:url(/images/bg-gradient-red.gif) bottom repeat-x #c03; }
	#form-wrapper input:hover { background:#903; position:relative; }
	#form-wrapper input:focus { background:url(/images/bg-gradient-red.gif) bottom repeat-x #c03; }
	#form-wrapper input { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	/*input { width:100%; margin:5px 0 10px; padding:5px 3px; color:#666; background:#fff; border:#ccc 1px solid;  }*/
	#form-wrapper .formText input { width:320px;  color:#666; background:#fff; border:#ccc 1px solid;  padding:5px;}
	#form-wrapper .formText input:hover { border:#CA8832 1px solid; }
	#form-wrapper .formText input:focus { color:#000; border:#CA8832 1px solid; background:#FAF1E7; }
	
	#form-wrapper .formText select { width:330px; margin:5px 0 0; padding:2px; color:#333; background:#fff; border:#999 1px solid; }
	#form-wrapper .formText select:focus { background:#FAF1E7; border:#CA8832 1px solid; }
	
		/*IE*/
		*html button { width:auto; overflow:visible; position:relative; }
		*:first-child+html button { width:auto; overflow:visible; position:relative; } /*This fixes the unexplained 'extra' wide buttons in IE*/
		* html hr { height:1px; border-top:1px #ccc solid; border-bottom:none; margin:10px 0; }
		
	/*	ROUNDED CORNERS / BORDER RADIUS
	=================================*/	
	/*
	input, select, .form-wrapper button { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	*/	
	#brochure, #form-container { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	
	
	/*	BOX SHADOW 
	=================================*/
	#brochure, #form-container  { box-shadow:-1px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:-1px 2px 6px rgba(0,0,0,.2); -webkit-box-shadow:-1px 2px 6px rgba(0,0,0,.2); }

/************************************************************************************************************************************************************************/

/*	CONTAINER
=================================*/
#container { width:990px; margin:auto; padding-bottom:100px; overflow:hidden; }

	/*	TOP
	=================================*/
	#top { margin-bottom:30px; }

	/*	LEFT
	=================================*/
	#left { float:left; width:480px; text-align:center; }
	
		/*Brochure container*/
		#brochure { width:420px; padding:20px; margin:auto; border:#ccc 1px solid; background:#FFFFEC; }
		
		/*Disclaimer*/
		.disclaimer { position:absolute; width:380px; text-align:left; font-size:1em; color:#999; line-height:1.5em;padding-left:20px; }
		
			/*Badge*/
			.badge { float:right; position:relative; top:-30px; left:100px; z-index:10; }	
			
				/*IE*/
				* html .disclaimer { float:left; position:relative; left:0; top:-180px; }
				*:first-child+html .disclaimer { float:left; position:relative; left:0; top:-180px; }
	
	/*	RIGHT
	=================================*/
	#right { float:right; width:480px; }
	
		/*Form container*/
		#form-container { position:absolute; width:400px; padding:30px; margin-top:20px; border:#ccc 1px solid; background:url(/images/bg-gradient.png) bottom repeat-x #fff; }
		
			/*Form wrapper*/
			#form-wrapper { width:320px; margin:auto; text-align:center; }
			
				/*Labels*/
				#form-wrapper  { font-size:1.2em; font-weight:bold; display:block; text-align:left; }
				#form-wrapper label span { font-size:.8em; font-style:italic; font-weight:normal; color:#999; }
				#form-wrapper .formText { font-weight:bold; display:block; text-align:left;font-size:1em; }
				#form-wrapper .formText span { font-size:.9em; font-style:italic; font-weight:normal; color:#999; }
				#form-wrapper .formText span:last-child {display:Block; height:0;}
				#form-wrapper .formText input { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
				#form-wrapper .formText select { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
				#form-wrapper .formText button { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
				
					/*IE*/
					* html #form-wrapper { width:320px; margin-left:50px; text-align:center; }
					
		/*Thank You message*/
		#ty-msg { position:absolute; display:none; width:345px; padding-left:55px; background:url(../images/icon-check-mark.png) left top no-repeat #fff; }
