/*___ FORMS ___*/

/*___ GENERAL FORM STYLES ___*/

form ol { list-style: none; }

form li { margin-bottom: 9px; }

form li:hover label { background-color: #FFF4F4; }

fieldset { border: none; padding: 0; position: relative; }

em { background: none; }

label { display: block; margin-bottom: 0.2em; }

form input, form select
{
    padding: 2px 4px 4px 4px;
    margin-bottom: 0.5em;
}

form li input { width: 200px; }

form li select { width: 212px;  }

form li textarea
{
	width: 100%;
	height: 125px;
}

fieldset fieldset label { display: inline; }

form ol { list-style: none; }

form input.checkbox
{
    float: none;
	width: auto;
	margin: 3px 5px 0 0;
	vertical-align: top;
}


form fieldset div.notes
{
	position: absolute;
	right: 20px;
    margin-top: 2px;
}

form #submit-button
{
    float: none;
	display: block;
	padding: 4px 15px 8px 15px;
    clear: both;
}

img.required
{
    display: inline;
    vertical-align: top;
    float: none;
    margin: 0;
}


span.notes
{
	display: block;
	font-size: 11px;
	margin: -3px 0 0 2px;
	line-height: 1.4;
	width: 298px;
	color: #333;
}


/*___ ALIGN LABELS AND FIELDS HORIZONTALLY ___*/

form.horizontal li { clear: both; }

form.horizontal fieldset { width: 100% }

form.horizontal label
{
    display:block;
    font-weight:bold;
    text-align:left;
    width: 100px;
    float:left;
    margin-top: 5px;
}

form.horizontal input, form.horizontal select
{
    float:left;
    font-size:12px;
    padding: 2px 4px 4px 4px;
    margin: 2px 0 12px 10px;
}

form.horizontal input.checkbox
 {
    width: auto;
    position: relative;
    top: 4px;
    float: none;
}

form.horizontal label.error
{
    width: 203px;
    margin-left: 109px;
    margin-top: -5px;
}

.label-offset { margin-left: 110px; }


/*____ FORM ERRORS ____*/

#error-sucess-notice
{
	width: 80%;
	margin: 9px auto;
}


#error-sucess-notice img {vertical-align: bottom; }

.error h2 { color: #666; }

.error
{
	background:#FFF6BF;
	color:#817134;
	border-color:#FFD324;
	padding: 4px;
	border: 1px solid #FFD324;
	display: block;
	clear: both
}


input.error, select.error
{
	margin:.5em .5em .5em 0;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f6f6f6;
	color:inherit;
	border-color:#FBC2C4;
}

#error-sucess-notice li { margin-top: 4px; }

#error-sucess-notice .error label { text-decoration: underline; }

#error-sucess-notice .error label:hover, #error-sucess-notice .error label.hover { cursor: pointer; }

#error-sucess-notice a { font-weight: bold; }

select.error
{
	padding:0;
	background: #f6f6f6;
	width: 200px;
}

select option, select.error option { padding: 1px; }

input.radio { margin-right: 6px; }


/*___ Notes - Taken from http://jeffhowden.com/code/css/forms/ ___*/

form fieldset div.notes
{
    float: right;
    width: 250px;
    height: auto;
    margin: 0px 0 10px 10px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #ffffe1;
    color: #666666;
    font-size: 88%;
}

form fieldset div.notes h4
{
    background-image: url(/media/img/icons/icon_info.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 0 3px 27px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    font-size: 110%;
    margin-bottom: 9px;
}

form fieldset div.notes p
{
    margin: 0em 3px 1.2em 3px;
    color: #666666;
}

form fieldset div.notes p.last { margin: 0em; }

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

   buttons.css
   * Gives you some great CSS-only buttons.

   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */

  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}