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

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

--------------------------------------------------------------------------------------------------*/
form.formtastic ol li,
form.formtastic ul li { list-style:none; }
form.formtastic fieldset ol li,
form.formtastic fieldset ul li { margin-bottom: 0.8em; font-size: 12px; }
form.formtastic fieldset ol li label,
form.formtastic fieldset ol li fieldset legend,
form.formtastic fieldset ol li fieldset legend span {
  width:175px;
  text-align: left;
  padding: 0 5px 0 0;
  background: none;
  white-space: normal;
  color: #000;
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
}
form.formtastic fieldset ol li fieldset ol { width:325px; padding:0 0 0 180px; }
form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.email input,
form.formtastic fieldset ol li.password input,
form.formtastic fieldset ol li.numeric input,
form.formtastic fieldset ol li.text textarea { width:320px; }
form.formtastic fieldset ol li.string.autosize input,
form.formtastic fieldset ol li.password.autosize input,
form.formtastic fieldset ol li.numeric.autosize input,
form.formtastic fieldset ol li.text.autosize textarea { width:auto; }
form.formtastic fieldset ol li .inline-errors { margin-left: 180px; clear: left; }
form.formtastic fieldset ol li .hint-block { color:#999; font-style: oblique; margin:0 0 0 180px; display: block; }

button.awesome, input[type="checkbox"].awesome, input[type="radio"].awesome, input[type="reset"].awesome, input[type="submit"].awesome, .awesome {
  border: 0 none;
  background: #222 url(http://wwwassets.ruckuscdn.com/images/btn-bg.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
button.orange.awesome,
input.orange.awesome { background-color: #f78f1e; }

li.required abbr {
  display:inline-block; width: 16px; height: 16px; background: url(http://wwwassets.ruckuscdn.com/images/arrow-orange.png) no-repeat scroll left top;
  text-indent: -999em; margin-left: 4px;
}

form.formtastic fieldset ol li.required fieldset ol li label { background: none; padding: 0; }

form.formtastic p.error
{
  margin-bottom: 1em;
  background-color: #fdd;
  border: 3px solid #c66;
  padding: 5px 3px;
  color: #000;
  font-size: 1em;
}

form.formtastic .inline-errors
{
  margin-left: 150px;
}

form.formtastic fieldset {
  clear: both;
}


form.formtastic fieldset ol li fieldset legend {
  position: relative;
}

/* contact us form */
.shared_name li {
  width: 150px;
  float: left;
}

form.formtastic fieldset ol li.shared_name input {
  width: 140px;
}

#interests_input li {
  float: left;
  width: 49%;
}

.formtastic div.required
{
  background: none;
  border: none;
  padding: 0;
}

/* /contact us form */


form.formtastic .form-stacked label {
    display: block;
    float: none;
    padding-top: 0;
    width: auto;
}

form.formtastic .form-stacked ol li.string input,
form.formtastic .form-stacked ol li.text textarea,
form.formtastic .form-stacked ol li .inline-errors
{
    margin-left: 0;
    width: 100%;
}

.alert-message {
    background-color: #EEDC94;
    background-image: -moz-linear-gradient(center top , #FCEEC1, #EEDC94);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    color: #404040;
    margin-bottom: 18px;
    padding: 7px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-message p {
    margin-bottom: 0;
}

.alert-message div {
    line-height: 28px;
    margin-bottom: 2px;
    margin-top: 5px;
}

.btn.error, .alert-message.error {
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover {
    color: #FFFFFF;
}

.well {
  background: #eee;
  background: -moz-linear-gradient(top, hsl(200, 10%, 95%), hsl(200, 10%, 85%));
  background: -webkit-linear-gradient(top, hsl(200, 10%, 90%), hsl(200, 10%, 80%));
  border-radius: 7px;
  box-shadow: inset 0 2px 1px hsla(200, 30%, 20%, 0.2);
  margin: 1em 0;
  padding: 3px 10px;
}

.well h2
{
  font: 900 160% 'PT Sans Narrow',sans-serif;
  margin-bottom: 0;
  color: #555;
}

.well a
{
  color: #000;
}