/* ---------------------- */
/* cssGrid.org - beta 1.1 */
/* ---------------------- */


.grn{background:#0f0;}
.prp{background:#f0f;}
.yel{background:#fF0;}


/* Reset */
form, fieldset, legend, label, .form-input input, .form-select select, .form-textarea textarea{margin:0;padding:0;outline:0;}

/* Opera Counts both top and bottom borders and will add 1px to every fieldset */

fieldset{
padding-left:9px;
padding-right:9px;
margin-left:10px;
margin-right:10px;
margin-bottom:19px;
border:1px solid #000;
}

legend
{
font-weight:bold;
font-size:2.1em;
line-height:1.4285em;
color: #111;
}

label, .label{
float:left;
font-size:1.4em;
line-height:1.4285em;
font-weight:bold;
white-space: nowrap;
}


.form-input,
.form-textarea,
.form-toggle,
.form-select
{
float:left;
clear:both;
width:20em;
padding-bottom:10px;
overflow:hidden;
}

.form-editor
{
float:left;
width:100%;
padding-bottom:10px;
overflow:hidden;
}

.form-input,
.form-select
{
height:4em;
}

.form-textarea
{
height:13em;
}


.form-toggle
{
height:2em;
}



/* Input */

.form-input input
{
float:left;
border:1px solid #000;
color:#111;
background:#FFF;
font-size:1.1em;line-height:1.5em;
letter-spacing: 0.0875em;
padding-left:.727em;
padding-top:.182em;
padding-bottom:.182em;
width:17.28em;
height:1.272em;
/* IE Hack - ie8 */
height:1.29em\9;
/* IE Hack - lt ie6 */
-height:1.29em;
}


/* textarea */

.form-textarea textarea
{
float:left;
border:1px solid #000;
color:#111;
padding-left:.727em;
background:#FFF;
font-size:1.1em;
line-height:1.8181em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.0875em;
overflow: auto;
white-space: pre;
width:17.28em;
height:9.818em;
/* IE Hack - ie8 */
height:9.89em\9;
/* IE Hack - lte ie7 */
*height:9.8127em;
/* Webkit Consistancy */
resize: none;
}


/* editor */

.form-editor textarea
{
float:left;
border:0;
color:#111;
padding:0;
margin-top:0;
margin-bottom:0;
font-size:1.4em;
line-height:1.4285em;
background:#fff;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: auto;
width:100%;
height:17.857em;
/* Webkit Consistancy */
resize: none;
}





/* toggle */

.form-toggle input
{
float:left;
}


/* select */

.form-select select
{
width:100%;
border: 1px solid #000;
background:#fff;
font-size:1.1em;
font-family:inherit;
height:1.818em;
}


/* Error Colors - no error state for form-editor */

.form-error input,
.form-error textarea,
.form-error label, .form-error .label
{
color:#8a1f11;
}

.form-error textarea,
.form-error select
{
border:1px solid #F00;
background:#fbe3e4;
}

.form-error input[type=text]
{
border:1px solid #F00;
background:#fbe3e4;
}

.form-error input[type=password]
{
border:1px solid #F00;
background:#fbe3e4;
}


* html .form-error input
{
border:1px solid #F00;
background:#fbe3e4;
}

input[disabled=disabled]
{
border:1px solid #333;
background:#c5c5c5;
}

.form-message
{
color:#514721;
border:1px solid #FF0;
background:#fff6bf;
font-size:1.8em;line-height:2.2222em;
text-align:center;
margin-bottom:10px;
}

.form-message-error
{
color:#8a1f11;
border:1px solid #F00;
background:#fbe3e4;
font-size:1.8em;line-height:2.2222em;
text-align:center;
margin-bottom:10px;
}


button{margin-top:.3em;height:2.8em;font-family:inherit;font-weight:bold;letter-spacing:0.1em;color:#111;width:11em;line-height: 2.5em;}