@charset "utf-8";
/*
	Application CSS - FORMS
	Creative Constructor Forms, Inputs, Validation Messages, Errors
	Authors: Jan Kraus <kraus.jan[at]gmail.com>
	Version: 0.1
*/


form.general{
	margin:1.5em 0;
}

	form.left,
	form.right { width: 45%; }
	
	form.advanced-search { 
		padding: 0 0 0 300px;
		
	}
		#content form.advanced-search .row { min-height: inherit; height: auto; }
		form.advanced-search.user {background: url(../images/misc/search-user.png) left 0 no-repeat; }
		form.advanced-search.tag { padding: 20px 0 30px 300px; background: url(../images/misc/search-tag.png) left 0 no-repeat; }
		
	form.simple-search { 
		padding: 0 0 30px 200px;
		background: url(../images/misc/search-simple.png) left 0 no-repeat;
	}
	form.invite { 
		padding: 0 0 0 250px;
		background: url(../images/misc/invite.png) left 0 no-repeat;
	}
	form.password { 
		padding: 0 0 0 180px;
		background: url(../images/misc/lock.png) left 0 no-repeat;
	}
	form.comment { 
		padding: 0 0 0 210px;
		background: url(../images/misc/comment.png) left 0 no-repeat;
	}
	#site form.comment textarea { width: 100%; height: 90px; }
	
	#content form.profile { padding-left: 240px; width: 640px; background: url(../images/misc/profile.png) left 0 no-repeat; }
	#content form.profile .left-column { width: 320px; }
	#content form.profile .left-column .controls-group { clear: left; margin-top: 5px; }
	#content form.profile .right-column { width: 300px; position: relative; z-index: 0; }
	#content form.profile .right-column select { display: block; width: 100%; }
	
	#container form.matchmaker {
		padding-left: 140px;
		 background: url(../images/misc/matchmaker.png) left 0 no-repeat;
	}
	#container form.matchmaker .row{
		min-height: 0; _height: 0;
	} 
	#container form.matchmaker label {  }
	#container form.matchmaker fieldset { margin-bottom: 15px; }
	
	
form.general fieldset{
	border: 0;
}

form.general fieldset.left-column{
	width:49%;
	float:left;
}

form.general fieldset.right-column{
	width:49%;
	float:right;
}

form.general fieldset.single-column{
	width:75%;
}

form.general div.row{
	padding:10px 5px 10px 0px;
	border-bottom:1px dotted #ddd;	
	position:relative;
	min-height:55px;
	_height:55px;
}

form.general div.flat{
	min-height:inherit;
	height:inherit;
	padding:15px 5px 15px 0;
}

form.general div.row label,form.general div.row span.likelabel{
	font-weight:900;
	letter-spacing:1px;
	color:#003
}

form.general div.row label.required em,form.general div.row span.likelabel.required em{
	font-size:167%;
	font-weight:900;
	color: #ec7621;
	position:absolute;
	top:3px;
}


form.general div.row.textfield input,form.general div.row.passwordfield input{
	width:250px;
	padding:4px;
	font-size:116%;
	display:block;
	margin:5px 0 0 0;
	border:2px solid #ec7621;
}

form.general div.row.textfield input:focus,form.general div.row.passwordfield input:focus{
	border-color: #c05d15;
	background:#fffef4;
}

div#subject input#msg_subject{
	width:645px;
}

input.recipient{
	width:200px;
	float:left;
}

select.recipient{
	padding:3px;
	font-size:116%;
	float:left;
	margin:5px 0 0 5px;
	border:1px solid #aaa;
}

form.general div.row.textarea textarea{
	width: 479px;
	height:150px;
	display:block;
	padding:1px;
	border:1px solid #aaa;
	margin:5px 0 0 0;
	font-size:85%;
	color:#444;
}

form.general div.row.textarea textarea:focus{
	border:1px solid #ccc;
	border-top:1px solid #777;
	border-left:1px solid #777;
	background:#fffef4;
}

form.general div.row div.controls-group{
	margin:10px 0 0 0;
}

form.general div.row.radiofield div.controls-group label.inline,form.general div.row.checkboxfield div.controls-group label.inline{
	font-weight:100;
	letter-spacing:0;
	color:inherit;
	margin-right:10px;
}

form.general div.row.filefield input{
	width:350px;
	padding:3px;
	font-size:116%;
	display:block;
	margin:5px 0 0 0;
}

form.general div.row.buttons input.submit,
form table .buttons input,
form input.submit {
	width: 200px; 
	height: 33px;
	border: 0;
	border: 0;
	color: #fff;
	font: bold 16px "Trebuchet MS", sans-serif;
	cursor:pointer;
	background: url(../images/misc/submit.gif) no-repeat;
}
	form input.submit.long { width: 350px; background: url(../images/misc/submit-long.gif) no-repeat; }

form.general div.row.buttons a.right {
	line-height: 33px;
}

/* Tooltips
form.general div.row div.field-tooltip{
	position:absolute;
		left:200px;
		top:10px;
		_left: 80px;
		_top: 5px;
	height: 39px;
	padding-left: 19px;
	background: url(../images/misc/tooltip-left.gif) left 0 no-repeat;
	z-index: 100;
}

form.general div.row div.field-tooltip span.tooltip-content{
	float: left;
	width: auto;
	height: 35px;
	line-height: 35px;
	padding-right: 19px;
	color: #fff;
	font-weight: bold;
	background: url(../images/misc/tooltip-right.gif) right 0 no-repeat;
	white-space: nowrap;
}
*/

form.general div.row div.field-tooltip{
	position:absolute;
		left:200px;
		top:20px;
		z-index: 100;
	width: 235px;
	padding: 10px 0 10px 0;
	background: url(../images/misc/tooltip-corner.gif) right top no-repeat;
	
}

form.general div.row div.field-tooltip div.tooltip-corner{
	display: block;
	width: 235px;
	line-height: normal;
	padding-bottom: 10px;
	background: url(../images/misc/tooltip-bottom.gif) right bottom no-repeat;
}

form.general div.row div.field-tooltip span.tooltip-content{
	display: block;
	padding: 5px 15px 5px 20px;
	color: #fff;
	font-weight: bold;
	background: url(../images/misc/tooltip-top.gif) right top no-repeat;		 
}


form.general div.row  div.formErrorContainer{
	padding:5px 0 0 0;
	font-size:93%;
	color:#CC3300;
}

div.promo-register{
	float:right;
	width:40%;
	/*
	padding:10px;	
	background:#fafafa;
	border:1px solid #fcfcfc;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	*/
}
	
	div.promo-register .container { 
		background: url(../images/misc/lock.png) left center no-repeat;
	}
	div.promo-register .inside {
		height: 135px;
		padding: 55px 0 0 144px;
	}

div.promo-register a{
	font-size:17px;
}

/* avatar stuff */

form.general.avatar{
	position:relative;
}

div.current-avatar{
	position:absolute;
	right:0;
	top:0;
}

div.current-avatar img{
	width:200px;
}

div.avatar-container{ position:relative; }

div.avatar-preview{
	/*
	position:absolute;
	right:0;
	top:-30px;
	*/
	float: right;
	width:200px;
	height: 250px;
	border:1px solid #999;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px;
	position: relative;
}
	
	.avatar-form { float: left; width: 650px; }

div.avatar-preview h3{
	font-size:131%;
	font-weight:100;
	margin:0 0 10px 0;
}

div.avatar-preview div#previewArea{
	height:200px;
	width:200px;
	overflow:hidden;
	position: absolute;
	top: 40px;
	left: 10px;
}


/* photo galleries inplace editing */
#editPhotoDescription-inplaceeditor { overflow: hidden; height: 100%; }
#editPhotoDescription-inplaceeditor textarea{
	width:140px;
	height:75px;
	margin:10px 0 0 0;
	display:block;
	padding:1px;
	font-size:85%;
	color:#444;
	border:1px solid #ccc;
	border-top:1px solid #777;
	border-left:1px solid #777;
	background:#fffef4;
}

#editPhotoDescription-inplaceeditor input.editor_ok_button,
#editPhotoTitle2-inplaceeditor input.editor_ok_button {
	float: left; width: 61px; height: 22px; border: 0; color: #fff; font-weight: bold; background: url(../images/misc/submit-vsmall.gif) no-repeat;	
}
#editPhotoDescription-inplaceeditor .editor_cancel_link,
#editPhotoTitle2-inplaceeditor .editor_cancel_link {
	float: right; width: 61px; height: 22px; border: 0; color: #fff; font-weight: bold; background: url(../images/misc/submit-vsmall.gif) no-repeat;
	text-align: center; text-decoration: none; line-height: 22px;	
}


h2 form.inplaceeditor-form{
	font-size:13px;
	font-weight:100;
	padding:1px;
}

h2 form.inplaceeditor-form input.editor_field{
	font-size:17px;
	margin:0 5px 0 0;
	width:300px;
}

h2 form.inplaceeditor-form input.editor_ok_button{
	font-size:15px;
	margin:0 5px 0 0;
}
	
h4 form.inplaceeditor-form{
	padding:1px;
	font-weight:100;
}

h4 form.inplaceeditor-form input.editor_field{
	margin:0 5px 0 0;
}

h4 form.inplaceeditor-form input.editor_ok_button{
	margin:0 5px 0 0;
}

/* Remind password */
.remind-password {
	 padding: 25px 0 65px 300px;
	 background: url(../images/misc/password.png) 35px center no-repeat;
}

/* Inactive yet */
.inactive {
	padding: 25px 0 25px 165px;
	background: url(../images/misc/lock-activate.png) left center no-repeat;
}