/* http://meyerweb.com/eric/tools/css/reset/ */

.form .errorText
{
	display:inline;
	color: Red;
	width:35%;
	background-color: #DDDDDD;
}

/* First, some basic resets, body styles, etc. */
fieldset, .form, label, legend {
    border: 0; 
    margin: 0; 
    outline: 0; 
    padding: 0; 
    background: transparent; 
    vertical-align: baseline;
    }

/* Here's our form stuff */
.form {
    clear: both;
    border: 1px solid #ccc;
    background-color: #ddd;
    padding-top: 12px;
    padding-bottom: 6px;
    margin-bottom: 18px;
    margin-right: 16px;
	margin-left: 8px;
    }
    
fieldset {
    display: block;
    }
    
.form span 
{
    background-color: #eee;
    padding: 1px;
}
    
.form span.shorty 
{
	display: block;
    width: 65%;
}
legend {
    display: none;
    }
    
.form .field, 
.form .buttons {
    padding: 0 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    clear: both; 
    }
    
.form .field label {
    margin-bottom: 2px;
    }

.form ul.fields {
    margin: 0; 
    padding: 0;
    padding-top: 6px;
    }
    
.form ul.fields li {
    list-style-type: none; 
    margin: 0 0 4px;
    }
    
.form ul.inline li,
.form ul.inline label {
    display: inline;
    }
    
.form ul.inline li {
    padding: 0 10px 0 0;
    }

button, input.submit, input.image {
    cursor: pointer;
    }

input.radio, input.checkbox {
    vertical-align: top;
    }

* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}

input.text, 
input.password, 
textarea {
    border: 1px solid #333;
    border-color: #555 #888 #999;
    padding: 3px 2px;
    }
    
input.text, 
input.password,
select {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    }
    
    
    
div.buttons a, 
div.buttons button, 
div.buttons input {
    background-color:#789;
    border:1px solid #345;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
    /* float:left; if we want them to float side-by-side */
    line-height: 14px;
    margin-right: 5px;
    padding: 8px 30px;
    text-align: center;
    text-decoration:none;
    }

div.buttons button, 
div.buttons input {
    overflow:visible;
    width:auto;
    }

.buttons button:hover,
.buttons input:hover,
.buttons a:hover {
    background-color:#678;
    border-color:#345;
    }