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

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

--------------------------------------------------------------------------------------------------*/
/* embeds the openid image in the text field */
input#user_openid_identifier         { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; }
input#user_openid_identifier         { background-position: 0 50%; color: #000; text-indent: 18px; }
input#user_session_openid_identifier { background: url(http://openid.net/login-bg.gif) no-repeat; background-color: #fff; }
input#user_session_openid_identifier { background-position: 0 50%; color: #000; text-indent: 18px; }

#content form.formtastic p                     { line-height:1em; margin-bottom:0; font-size:1em; text-align:left; }
form.formtastic abbr, form.formtastic acronym  { color:#e22;                                                       }
form.formtastic                                { font-size:1.3em;                                                  }
form.formtastic legend                         { margin-bottom:1em;                                                }
form.formtastic fieldset ol li p.inline-hints  { color:#555;                                                       }
form.formtastic fieldset ol li p.inline-errors { color:#d32;                                                       }


/* BUTTONS */
.buttons a, .buttons button                       { color:#666; background-color: #f5f5f5; border: 1px solid #ccc;              } 
.buttons a, .buttons button                       { border-top: 1px solid #eee; border-left:1px solid #eee;                     }
.buttons a, .buttons button                       { font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;            }
.buttons a, .buttons button                       { display:block;float:left;margin:0 7px 0 0;                                  }
.buttons a, .buttons button                       { font-size:100%;line-height:130%;text-decoration:none;                       } 
.buttons a, .buttons button                       { font-weight:bold;  cursor:pointer; padding:5px 10px 6px 7px;                } 
.buttons button                                   { width:auto; overflow:visible; padding:4px 10px 3px 7px;/* IE6 */            } 
.buttons button[type]                             { padding:5px 10px 5px 7px; line-height:17px;/* Firefox & Safari */           }
*:first-child+html button[type]                   { padding:4px 10px 3px 7px;/* IE7 */                                          }
.buttons button img, .buttons a img               { margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
/* STANDARD */ 
button:hover, .buttons a:hover                    { background-color:#eef; border:1px solid #ccf; color:#369;                   }
.buttons a:active                                 { background-color:#58b; border:1px solid #7ad; color:#fff;                   }
/* POSITIVE */
.buttons a.positive, button.positive              { color:#591;                                                                 }
.buttons a.positive:hover, button.positive:hover  { background-color:#efe; border:1px solid #cfc; color:#591;                   }
.buttons a.positive:active                        { background-color:#7b3; border:1px solid #9d5; color:#fff;                   }
/* NEGATIVE */
.buttons a.negative, button.negative              { color:#d32;                                                                 }
.buttons a.negative:hover, button.negative:hover  { background-color:#fee; border:1px solid #fcc; color:#d32;                   }
.buttons a.negative:active                        { background-color:#f54; border:1px solid #f76; color:#fff;                   }