/************************************************************
 *	CSS Forms Framework, v.1.0
 *	
 *	Author: Kamil Kuczmera 
 *	E-mail: kamil@kuczmera.com
 ************************************************************/

.forms { margin: 25px 0; }
.forms fieldset { border: 0; }
.forms fieldset legend {  }
	
.forms ul { padding: 0; }
.forms ul li { clear: left; list-style: none; padding: 5px 0; /*overflow: hidden; min-height: 100%;*/ position: relative; z-index: 5; }
.forms ul li label, .forms ul li .label { float: left; width: 150px; font-weight: normal; padding: 0; margin: 0; line-height: 30px; }
.forms ul li span, .input { float: left; padding: 3px; background: #f2f2ed; }

.forms ul li ul { float: left; padding: 0; margin-bottom: 10px; }
.forms ul li ul li { float: left; clear: none; margin-right: 10px; }
.forms ul li ul li label { float: left; clear: none; width: auto; line-height: normal; }
.forms ul li ul li input { width: auto; padding: 0; border: 0; vertical-align: middle; } 


/* Input[text], Select, Textarea */
.forms ul li span input, .input input,
.forms ul li span select, .input select,
.forms ul li span textarea, .input textarea 
	{ color: #838376; border: 1px solid #b4b4a6; border-right: 0; border-bottom: 0; padding: 5px 10px; font-size: 12px; font-family: Arial; }

.forms ul li span input { width: 200px; }
.forms ul li span select { width: 220px; height: 27px }
.input select { padding: 2px }
.forms ul li span textarea { width: 200px; }

.forms ul li input:focus,
.forms ul li select:focus,
.forms ul li textarea:focus 
	{ border-color: #838376; }
.expimg{ border:1px solid #b4b4a6; margin-left:190px;  }

	
/* Input[checkbox], Input[radio] */
.forms ul .checkbox .checkboxes { float: left; width: 400px }
.forms ul .checkbox label { width: auto; padding-right: 10px; }
	#container .forms ul .networks label { width: 105px; text-align: left; }
	#container .forms ul .categories label { width: 160px; text-align: left; }
.forms ul .checkbox.no-label label { padding-left: 150px; }
.forms ul .checkbox label input	{ width: auto; border: 0; vertical-align: middle; margin-left: 2px; margin-right: 3px; }


/* Input[submit] */
.forms p.submit 
	{ clear: both; padding: 15px 0 10px 150px; min-height: 30px; _height: 30px; }
	
.forms p.submit span, span.submit 
	{ float: left; height: 18px; padding-left: 1px; margin-right: 15px; background: url(../images/content/link-left.gif) no-repeat; }
	
.forms p.submit span input, span.submit input, span.submit button 
	{ height: 18px; padding: 0 10px 0 9px; overflow: visible; border: 0; color: #fff; font-size: 11px; font-family: Arial;
	  background: url(../images/content/link-right.gif) right 0 no-repeat; cursor: pointer; }

	/* Light 
	.forms p.submit span.light, span.submit.light { background-image: url(../images/content/link-light-left.gif) }
	.forms p.submit span.light input, span.submit.light input, span.submit.light button { background-image: url(../images/content/link-light-right.gif) }
	
	/* Orange 
	.forms p.submit span.orange, span.submit.orange { background-image: url(../images/content/link-left.gif) }
	.forms p.submit span.orange input, span.submit.orange input, span.submit.orange button { background-image: url(../images/content/link-right.gif) }
	*/
/* Error */
.formErrorContainer { 
	clear: left;
	margin-left: 150px;	
	font-size: 11px;
	 
}
.formErrorContainer .form_error {
	padding-left: 25px;
	padding-top: 5px;
	color: #a3a39b;
	background: url(../images/forms/warning.gif) 0 5px no-repeat;
}

/* Tooltips */
.field-tooltip {
	position: absolute;
		top: 9px;
		margin-left: 510px;
	padding-left: 4px;
	background: url(../images/forms/arr.gif) 0 center no-repeat;	
	z-index: 10;	
}

.field-tooltip .tooltip-content {
	float: left;
	padding: 5px 10px;
	line-height: normal;
	font-size: 10px;
	color: #fff;
	background: #ff6600;
	border-right: 1px solid #9d4001;
	border-bottom: 1px solid #9d4001;
}  

/*************************** 
* 	Gray forms
****************************/
	
	/* Main options */
	.form .forms { padding: 0; margin: 0; }
	.form .forms ul li {  }
	.form .forms ul li label, .form .forms ul li .label { width: 180px; text-align: right; font-weight: bold; font-size: 14px; margin-right: 10px; }
	.form .forms ul li label em, .form .forms ul li .label em { color: #ff6600; font-size: 20px; letter-spacing: -2px; }
	.form .forms ul .checkbox label { width: auto; font-weight: normal; font-size: 12px; }
	.form .forms ul .checkbox.no-label label { padding-left: 192px; }
		
		.form .forms ul li span input { width: 300px; }
		.form .forms ul li span select { width: 320px; padding-right: 0; }
		.form .forms ul li span textarea { width: 300px; }
		
		#container .form .forms ul li span .day { width: 50px; }
		#container .form .forms ul li span .month { width: 190px; }
		#container .form .forms ul li span .year { width: 70px; }
		
	/* Submit */
	.form .forms p.submit { padding-left: 192px; padding-top: 10px; margin-top: 10px; border-top: 1px solid #dfdfda; }
	.form .forms p.submit.no-padding { padding-left: 0; }
	.form .forms p.submit.no-padding em { float: left; width: 192px; font-style: normal; }
	.form .forms p.submit span { height: 24px; background-image: url(../images/forms/s-l.gif); }
	.form .forms p.submit span input { height: 24px; font-size: 12px; background-image: url(../images/forms/s-r.gif); }
	
	/* Error */
	.form .forms .formErrorContainer { margin-left: 193px; }
	.form .forms .formErrorContainer .form_error 
		{ height: 20px; line-height: 22px; font-size: 11px; padding-left: 18px; color: #ec2734; font-weight: bold; background-position: 0 8px; }
		
	/* Crop avatar */
	.avatar-container .avatar-preview { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dfdfda; }