/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    color: #ffffff;
    font-size: 11pt; 
    margin: 0px;
    padding: 10px 0px 10px 0px;
    border: 0px;
}
fieldset p
{
    padding: 10px 0px 10px 0px;
}
.paddedContent fieldset 
{
    color: #298edd;
}

legend 
{
    font-size: 11pt;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"], input[type="password"]
{
    height: 22px;
    width: 185px;
    border: 0px;
}
select {
    height: 26px;
    width: 187px;
    border: 1px solid #00a6e6;
}

select.small {
    width: 90px;
}

input[type="button"], input[type="submit"], button
{
    padding: 5px;
    margin: 0px;
    margin-top: 9px;
    border: 0px;
    cursor: pointer;
    color: #ffffff;
    font-size: 10pt;
    background-color: transparent;    
}

textarea 
{
    width: 100%;
    height: 150px;
    font-family: Arial;
    font-size: 11pt;
}

.contentTextArea 
{
    height: 600px;
}
.contentTextAreaSmall 
{
    height: 300px;
}

.paddedContent input[type="text"], 
.paddedContent input[type="password"],
.paddedContent textarea
{
    border: 1px solid #00a6e6;
}


.paddedContent input[type="submit"], 
.paddedContent input[type="button"], 
.paddedContent button,
button.orange
{
    border: 1px solid #fc8a44;
    color: #fc8a44;
}

input[type="submit"][disabled="disabled"], 
input[type="submit"][disabled],
input[type="button"][disabled="disabled"], 
input[type="button"][disabled],
button[disabled]
{
    border: 1px solid #cccccc;
    color: #cccccc;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.label, .editor-label
{
    margin: 0.25em 0 0 0;
}
.field, .editor-field
{
    margin: 0.25em 0 1em 0;
}


.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.editor-label-sideways
{
    float: left;
    clear: both;
    width: 120px;
    margin-bottom: 5px;
}

.editor-field-sideways
{
    float: left;
    margin-bottom: 5px;
    width: 420px;
}

.buttonPanel-sideways
{
    padding-right: 260px;
    float: right;
}

.buttonContainer 
{
    vertical-align: top;
    float: right;
}
.buttonContainer input 
{
    margin-top: 4px;
}

.buttonContainer .no-top-margin {
    margin-top: 0;
}

.buttonLeft {
    float: left;
}

.buttonRight {
    float: right;
}