/* - - - SALEVILLAGE.COM : UPDATED April 18, 2008 - - - */

/* - - - FORM TITLES & SECTIONS - - - */

.form_title {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:133%; 
	font-weight:bold;
	}
	
.form_error {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:133%; 
	font-weight:bold;
	color:#AA0000; 
	margin-top:15px;
	}
	
.form_error .instructions {
	font-size:100%; 
	color:#666666;
	}
		

/* - - - FORM INPUTS & TEXT AREA - - - */

input, textarea, select	{
	font-size:13px;
	padding:1px;
	margin-top:3px;
	margin-bottom:3px;
		}
		
input, textarea, select {
	border: 1px solid #DDDDDD;
	overflow:auto;
		}		
		
	
input:hover, textarea:hover, select:hover {
	border-color:#AAAAAA;
	}
		
input:focus, textarea:focus, select:focus 	{
	background-color:#FFFFCE;
	background-image:none;
	border: 1px solid #FFCC00;
		}
		
		
input.xsm	{width:35px;}
input.sm	{width:50px;}
input.med	{width:100px;}
input.lg	{width:150px;}
input.xlg	{width:200px;}
input.xxlg	{
	width:400px;
}


textarea.lg	{
	width:150px;
	height:100px;
		}
		
textarea.xlg	{
	width:200px;
	height:135px;
		}
		
textarea.xxlg	{
	width:400px;
	height:168px;
		}
		
		

/* - - - FORM SELECTS - - - */

select.xsm	{width:50px;}
select.sm	{width:60px;}
select.med	{width:100px;}
select.lg	{width:150px;}
select.xlg	{width:200px;}
select.xxlg	{
	width:400px;
}

select .optionTitle {
	background-color: #EFF6FF;
	font-weight: bold;
	}

/* - - - LABELS - - -*/

label	{
	display:block;
	width:auto;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	height:14px;
	line-height:14px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}


label.title	{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#000000;
	display:block;
	clear:both;
		}
	
label.choice	{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	display:block;
	clear:both;
		}
		
.required {
	color: #FF0000;
	font-weight: bold;
	}
				
		
		
/* - - - INPUT RADIO - - - */

input.radio	{
	margin-right:5px;
	border:none;
	background:none;
		}
	

/* - - - FIELD & BASIC ROW DIVS - - - */

div.fieldcontainer {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	padding: 0;
	}

div.fields	{
	padding:5px;
	padding-right:0;
	width:auto;
	font-size:12px;
		}
		
div.fields:hover{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:4px;
	padding-right:0;
		}
		
div.fields:hover label {
	color:#000000;
	}
		
div.button	{
	padding:5px;
	padding-right:0;
	width:auto;
	font-size:12px;
	text-align:center;
		}
		
		
div.radioleft {
	width: auto;
	float: left;
	text-align: left;
	}
	
div.radioright {
	width: auto;
	float: none;
	text-align: left;
	line-height: 18px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}
	

/* - - - INPUT BUTTONS - - - */

.buttonNext, .buttonNext:hover, .buttonNext:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-next.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}
	
.buttonBack, buttonBack:hover, .buttonBack:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-back.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}
	
.buttonSubmit, buttonSubmit:hover, .buttonSubmit:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-submit.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}
	
.buttonReset, buttonReset:hover, .buttonReset:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-reset.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}

.buttonAdd, buttonAdd:hover, .buttonAdd:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-add.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}
	
.buttonDelete, buttonDelete:hover, .buttonDelete:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-delete.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}
	
.buttonSave, buttonSave:hover, .buttonSave:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-save.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}
	
.buttonSearch, buttonSearch:hover, .buttonSearch:focus {
	width:70px; 
	height:20px; 
	background: url(images/button-search.png) no-repeat top left; 
	border:none;
	cursor:pointer;
	}