/* basic styling */

#rhubarb h1
{
  margin: 0;
  padding: 10px 0;
  background-color: #090;
  text-align: center;
  font-weight: normal;
  text-align: center;
  font-size: 160%;
  color: #fff;
}
#rhubarb p.important
{
  padding: .5em;
  border: 1px solid #fd0;
  background-color: #ffc;
}
#rhubarb div.privacy_policy
{
  color: #999;
  font-size: 80%;
}
#rhubarb div.privacy_policy a
{
  color: #67f;
}
#rhubarb div.privacy_policy p
{
  margin: 1em 0 0 0;
}
#rhubarb p.close
{
  margin: .5em 0 0 0;
  text-align: center;
}

/* form */

#rhubarb form
{
  margin: 0;
  padding: 0;
}
#rhubarb fieldset
{
  margin: 0;
  padding: 12px 16px;
  background-color: #d3fbca;
  border: 1px solid #96da83;;
}
#rhubarb fieldset p
{
  margin: 0 0 .5em 0;
}
#rhubarb form div
{
  padding: 2px 0;
}
#rhubarb label
{
  color: #777;
  font-size: 80%;
  line-height: 1em;
}
#rhubarb label.checkbox
{
  color: #000;
  font-size: 90%;
}
#rhubarb input.text,
#rhubarb textarea
{
  width: 100%;
  margin-left: -1px;
  padding-left: 1px;
  border: 1px solid #999;
  border-color: #777 #999 #999 #777;
}
#rhubarb #rhubarb-subscription
{
  margin: 12px 0 0 0;
  padding: 6px 8px;
  border: 1px solid #96da83;
  background-color: #ebf4e6;
}
#rhubarb #rhubarb-optional
{
  margin: 0;
  padding: 0;
}
* html #rhubarb input.text,
* html #rhubarb textarea
{
  width: 99%;
}
#rhubarb input.small
{
  width: 60%
}
#rhubarb .submit
{
  margin: 0;
  padding: 4px;
  text-align:center;
  background: #8ac979 url(images/submit-bg-green.png) repeat-x top left;
}
#rhubarb .submit input
{
  width: 15em;
  border-width: 1px;
}

/* error messages and invalid fields */

#rhubarb ul.errors
{
  margin: 1em 0;
  padding: 8px 16px;
  background-color: #c00;
  color: #fff;
  list-style-type: none;
  font-weight: bold;
}
#rhubarb ul.errors li
{
  margin: 0;
  padding: 0;
}
#rhubarb div.invalid label
{
  color: #c00;
  font-weight: bold;
}
#rhubarb div.invalid input,
#rhubarb div.invalid textarea
{
  background-color: #fee;
}

/* dl for message headers */

#rhubarb dt,
#rhubarb dd
{
  margin: 0;
}
#rhubarb dt
{
  padding: .1em 1em .1em 0;
  display: block;
  float: left;
  clear: both;
  font-weight: bold;
}
#rhubarb dd
{
  padding: .1em 0 .1em 6em;
  display: block;
}

/* message preview */

#rhubarb div.message
{  
  margin: 0;
  padding: 8px 12px;
  background-color: #f6f6f8;
  border: 1px solid #ddd;
  font-size: 70%;
  color: #666;
}
#rhubarb div.message dl
{
  margin: 0 0 .75em 0;
  padding: 0 0 .75em 0;
  border-bottom: 1px solid #eee;
}

/* default variant */

body.default #rhubarb
{
  width: 70%;
  margin: 2em auto;
  padding: 16px;
  background-color: #fff;
  border: 3px solid #ccc;
}

#rhubarb
{
  text-align: left;
}