/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/


/* additions to formtastic */
form.formtastic fieldset ol li.string input { width:100%; }
form.formtastic fieldset ol li.numeric input { width:100%; }
form.formtastic fieldset ol li.text textarea { width:100%; }
form.formtastic fieldset ol li.boolean label { padding:0px; width:auto; line-height:10px; font-weight:normal;}
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em;padding:0;height:13px;width:13px;line-height:10px; }
form.formtastic fieldset.inputs { border-top:none; }
form.formtastic fieldset ol li { border:none; position:relative;}
form.formtastic input {height:21px;border:1px solid #ddd;font-weight:bold;font-size:16px!important;line-height:21px;}
form.formtastic fieldset ol li label {float:none;width:100%;display:block;font-size:14px;color:#5b564d;font-weight:bold;font-family:"Lucida Grande",Geneva,Helvetica,sans-serif;line-height:21px;}
form.formtastic textarea {height: 6em;width: 100%;}
form.formtastic textarea.mceEditor {height:200px;}


.defaultSkin {float:left;clear:left;}
frame {border:none;margin: 0;padding:0;}


/* peut-etre */
1.formtastic select {height:26px!important;font-size:14px;font-weight:100;line-height:21px;}
1.formtastic select option {font-size:14px;}
1.formtastic li {margin:10.5px 0!important;}
1.formtastic label abbr {margin:0 4px;}
1.formtastic {font-family:"Lucida Grande",Geneva,Helvetica,sans-serif;}


/* Pop-Up Specific
-------------------------------*/

.pop-up {position:relative!important;margin:10px 0;}
.pop-up div.form {width:350px;float:left;display:inline;margin:0;padding:0;}
.pop-up div.form form {margin:0 30px 10px 20px;}
.pop-up div.form h3 {color:#cde9f5!important;text-transform:uppercase;font-size:12px;margin:10px 30px 0px 24px;}
.pop-up div.form .formtastic label {color:#fff;line-height:21px;font-size:12px;}
.pop-up div.form li.boolean {margin:0;padding:0;}

.pop-up .description {width:220px;float:left;display:inline;margin:0;padding:0;}
.pop-up .description p {margin:10px 20px 10px 0;font-size:11px;line-height:21px;color:#ffffff;}
.pop-up .description .photo img {border:5px solid white;margin-bottom:21px;}
.pop-up .description h3 {color:#cde9f5!important;text-transform:uppercase;font-size:12px;}

.pop-up a {color:#c3ce72!important;font-size:12px!important;}
.pop-up a.cancel {float:left;line-height:42px;margin:10px 10px 0;}

.pop-up p.not-registered {margin:0px 10px 30px 25px;line-height:21px;font-size:12px;color:white;}

/* button mess */
.loginBtn  {border:none!important;height:42px!important;width:150px!important;background:url(../images/buttons.png) 0px -600px no-repeat;text-indent:-99999px!important;display:block;}
.sendBtn {float:left;height:42px;width:150px;margin-top:10px;background:url(../images/buttons.png) 0px -400px no-repeat;border:none;text-indent:-99999px!important;display:block;}
.signupBtn {border:none!important;height:42px!important;width:150px!important;background:url(../images/buttons.png) 0px -300px no-repeat;text-indent:-99999px!important;display:block;}


/* not sure why this is needed */
form.user_session .string input,
form.user_session .password input,
form.user .password input, 
form.user .string input {width:300px!important;}

/* form footer */
.ft-logo {background:url(../images/form_ft_logo.png) bottom right no-repeat;height:60px;width:182px;text-indent:-99999px;}

1.pop-up div.form .formtastic .boolean input {position:absolute;left:-20px;height:10px;padding:0;line-height:10px;}

/* errors, hints, etc */
form.formtastic fieldset ol li.error { background:none; }
form.formtastic fieldset ol li.error input {border:2px solid #dd862a;}
form.formtastic fieldset ol li span.error {position:absolute;}

/* hints from jsvalidate */
.form .formtastic span.error {
	color:white;
	font-size:10px;
	padding:10px 5px;
	background:#0e7c9d;
	display:block;
	border:2px solid white;
	position:absolute;
	width:180px;
	right:-200px;
	top:25%;
}

/* error message */
form.formtastic fieldset ol li p.inline-errors, div#flash span.notice ,  div#flash span.bad_login{ color:#f3de92; margin:.2em 0 0;font-size:10px; }
div#flash span.notice {margin-left:4px;}

/* hint messages */
1form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }
1form.formtastic fieldset ol li p.inline-hints { 
	  color:#000;
		position:absolute;
		border:5px solid blue;
		left:70%;
		top:20%;
		padding:10px;
		width:180px;
		background:white;	
		font-size:smaller;
		z-index:100000000;
		font-family:Arial,sans-serif;
	}