@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 fieldset.single-column{
	width:75%;
}

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

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:#cd184b;
	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:1px solid #aaa;
}
form.general div.row.textfield textarea{
	width:250px;
	height:150px;
	padding:4px;
	font-size:116%;
	display:block;
	margin:5px 0 0 0;
	border:1px solid #aaa;
}

form.general div.row.textfield div#message_body_container textarea{
    width:369px;
    height:200px;
    padding:4px;
    font-size:116%;
    display:block;
    margin:5px 0 0 0;
	border-color:#D08700 rgb(255, 226, 173) rgb(255, 226, 173) rgb(208, 135, 0);
	border-style:solid;
	border-width:1px;
}

form.general div.row.textfield input:focus,form.general div.row.passwordfield input:focus{
	border:1px solid #ccc;
	border-top:2px solid #777;
	border-left:2px solid #777;
	padding:3px 4px 4px 3px;
	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:650px;
	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{
	font-size:131%;
	padding:3px 5px;
	cursor:pointer;
}
form.general div.row.buttons h2.next{
	float:right;
	font-size:30%;
	padding:3px 5px;
	cursor:pointer;
}
form.general div.row.buttons h2.prev{
	float:left;
	font-size:30%;
	padding:3px 5px;
	cursor:pointer;
}

form.general div.row div.field-tooltip{
	position:absolute;
	left:200px;
	bottom:35px;
	width:200px;
	background:url('/images/forms/form-tip-down.png') no-repeat 0 100%;
	padding:0 0 6px 0;
	z-index:9;	
}

form.general div.row div.field-tooltip span.tooltip-content{
	display:block;
	padding:5px 5px 5px 5px;
	background:url('/images/forms/form-tip-up.png') no-repeat 0 0;	
	font-size:85%;
	color:#678994;
}

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 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;
	width:200px;
	border:1px solid #999;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px;
}

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;
}


/* photo galleries inplace editing */

#editPhotoDescription-inplaceeditor textarea{
	width:245px;
	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{
	padding:1px;
	margin:0 5px 0 0;	
}

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;
}

.ajax_suggest{
/*  max-height: 200px; */
  width: 325px;
  border: 1px solid gray;
  background-color: #fff;
  overflow: auto;
  margin-top: 1px;
  float: left;
  position: absolute;
  /*left: 207px;*/
  left: 246px;
  /*top:  70px;*/
  top: 202px;
  cursor: pointer; 
  z-index: 5001;
}

.ajax_suggest_string {
  width: 300px;
  font-size: 13px;
  padding-left: 4px;
}

.ajax_suggest span {
  display: block;
}

.ajax_suggest_close{
   float: right;
   text-align: right;
   margin-top: 0px;
   font-weight: bold; 
   position: absolute; 
   top: 350px; 
   left: 508px; 
   z-index: 5002; 
   cursor: pointer; 
}