/* -------------------------------------------------------------- 
	
	forms.css	
	* Styles for Accessible Form and Form Layout Elements
   	* Sets up some default styling for forms
   	* Gives you classes to enhance your forms
   
   	Usage:
   	* For text fields, use class .title or .text
   
-------------------------------------------------------------- */

		form {
			margin: 0;
			padding: 0;
			}
			
			fieldset {
				border: 0;
				margin: 0;
				padding-bottom: 1em;
				}
				
				legend {
					display: none;
				}
				
				label.txtField {
					display: block;
					float: left;
					text-align: left;
					width: 131px;
					padding: 6px 12px 0 12px;
					}

					label span {
						margin-left: -9px;
						width: 18px;
						color: red;
					}
					
				#contentArea fieldset div {
					padding-left: 155px;
				}
					
				input.text, input.title, textarea {
					width: 169px !important;
					color: #4E5B6E;
				    border: 1px solid #bbb;
				    width:160px;
					resize: none;
					}
					
					#contentArea input.text, #contentArea input.title {
						height: 20px;
					} 
					
					#contentArea input.text:focus, #contentArea input.title:focus, #contentArea textarea:focus, #contentArea select:focus {
					    border: 1px solid #666;
					}
					
					.radio input, .check input {
						margin-bottom: 6px;
					}
				
				textarea { 
					padding: 5px; 
					width: 169px !important;
					height: 200px; 
					border: 1px solid #ccc;
					color: #4E5B6E;
				}

				select {
					width: 260px !important;
					color: #4E5B6E;
					}
					
					select#amount {
						width: 420px !important;
					}

				
/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }				







/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch studio
in order to streamline all builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 

**********************************************************************************************/

