/* -------------------------------------------------------------- 
   Usage:
   * For text fields, use class .title or .text
-------------------------------------------------------------- */
form { text-align: left; margin: 0px; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color:#333; overflow:auto; }

label { display:block; font-weight: bold; font-size: 1.2em; margin:.45em 0 1.5em 0; line-height:1.4em;  }

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend { font-weight: bold; font-size:1.2em; }

.formP { font-size: 1.3em;}

.formP strong { font: normal bold 1em Georgia, "Times New Roman", Times, serif; }

/* Form fields
-------------------------------------------------------------- */

input, textarea, select { display:block; padding:5px; border:1px solid #B5B8C8; background-color:#F3F3F3; width: 300px; margin:.25em 0; }

input:focus, textarea:focus, select:focus { border:1px solid #ccc; background-color:#fff;  }

select { width: 310px; }

textarea { width: 390px; height: 250px; }

input[type="submit"] { width: 150px; background-color: #8B0304; cursor:pointer; color: #fff; font: normal bold 1.2em Georgia, "Times New Roman", Times, serif; margin-bottom:20px; }

input[type="submit"]:hover { background-color: #fff; color: #8B0304; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }

.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }

.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a { color: #8a1f11; }

.notice a { color: #514721; }

.success a { color: #264409; }


/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx .tl { background: url('img/tl.png') no-repeat; }

.fc-tbx .t { background: url('img/t.png') repeat-x; height: 16px; }

.fc-tbx .tr { background: url('img/tr.png') no-repeat; }

.fc-tbx .l { background: url('img/l.png') repeat-y; width : 16px; }

.fc-tbx .r { background: url('img/r.png') repeat-y; width: 16px; }

.fc-tbx .bl { background: url('img/bl.png') no-repeat; }

.fc-tbx .b { background: url('img/b.png') no-repeat; height: 25px; }

.fc-tbx .br { background: url('img/br.png') no-repeat; }

.fc-tbx .c { background: url('img/c.png') repeat; }

.fc-tbx a.close { float: right; background: url('img/close.png') no-repeat; position: relative; margin-left: 5px; display: block; width: 10px; height: 10px; cursor: pointer; }

.fc-tbx .err { float: left; }

.fc-tbx p { width: auto; display: block; font-size: 10px; font-family: tahoma, verdana, "sans-serif"; margin : 0; padding : 0; border : 0; color : #FFF; }

.ajax_loader { background : url('img/ajax-loader.gif') no-repeat center; width : 200px; height : 150px; }

/* FormCheck validation div */

.fc-error { border: 1px solid #B5B8C8; background-color: #FFEAEA; font-size:0.7em; margin-bottom:2.2em; width:310px; }

.fc-error p { margin : 5px; color : #A00; }