/* 
*	
*	CSSG Collections: Forms
*	designed and coded by Alen Grakalic (http://cssglobe.com)
*	brought to you by Templatica (http://templatica.com)
*
*/

.query_div{
	width:366px;
	float:right;
	margin-right:-21px;
	text-align:left; 
	}



	 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		margin-left:15px;
		}				

/* form 5 */

	#query_contact_info  {
		margin:1em 0;
		padding-top:10px;
		background:#f8f8f8;
		font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
		}
	#query_contact_info  fieldset{
		margin:0;
		padding-top:.5em;
		border:none;
		border-top:1px solid #f1f1f1;
		}		
	#query_contact_info  legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		font-weight:bold;
		margin-left:-10px;
		font-size:14px;
		}	
	#query_contact_info  p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#query_contact_info  label{
		float:left;
		width:60px;
		display:block;
		text-align:right;
		margin-right:10px;
		color:#333333;
		text-align:left;
		}	
	#query_contact_info  input, #query_contact_info  textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#query_contact_info  input#name{background:#fff url(../images/form5/form_name.gif) no-repeat 5px 50%;}
	#query_contact_info  input#email{background:#fff url(../images/form5/form_email.gif) no-repeat 5px 50%;}
	#query_contact_info  input#web{background:#fff url(../images/form5/form_url.gif) no-repeat 5px 50%;}
	#query_contact_info  textarea#message{background:#fff url(../images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#query_contact_info  textarea{
		overflow:auto;
		}					
	#query_contact_info  p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#query_contact_info  button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
	font-family:Arial, Helvetica, sans-serif;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	color : #FF0000;
	font-weight: bold;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}


/**/



	#feedBackForm  {
		font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		margin:0;
		padding:0;
		}
		
	#feedbackDiv{

		font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#FFFFFF;
		margin:0;
	}
	#feedBackForm fieldset{
		margin:0;
		border-top:1px solid;
		color:#FFFFFF;
		margin:0px;
		padding:0px;
		}	
		
	#feedBackForm  legend{
		padding:0 5px;
		font-size:13px;
		font-weight:bold;
		color:#FFFFFF;
		}	
	
	#feedBackForm  label{
		width:60px;
		text-align:right;
		margin-right:10px;
		color:#FFFFFF;
		text-align:left;
		margin-left:15px;
		}	
	#feedBackForm  input, #feedBackForm  textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#feedBackForm  input#name{background:#fff url(../images/form5/form_name.gif) no-repeat 5px 50%;}
	#feedBackForm  input#email{background:#fff url(../images/form5/form_email.gif) no-repeat 5px 50%;}
	#feedBackForm  input#web{background:#fff url(../images/form5/form_url.gif) no-repeat 5px 50%;}
	#feedBackForm  input.radio{ width:20px; margin:10px; vertical-align:middle}
	#feedBackForm  textarea#message{background:#fff url(../images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#feedBackForm  textarea{
		overflow:auto;
		}					
	#feedBackForm  p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#feedBackForm  button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}