﻿/* Define Global Form */
.form {
    
}
.contact {
    width: 23em;
    float: left;
}
.login {
    width: 15.4em;
    height: 15.4em;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -8em;
    margin-left: -8em;
}
/* Hold our form in a fieldset */ 
.form fieldset
{
    
}
    /* The title of the form */
    .form fieldset legend
    {
        color: #333;
        margin: 0 0 0px -0.312em;
        padding: 0 0.312em;
        font-weight: normal;
        font-size: 0.8em;
    }
    /* Use a paragraph to wrap our fields */
    .form fieldset p, .form fieldset div
    {
        display: block;
        margin: 0px 0 5px;
        padding: 0.625em 0 0.937em;
        border-bottom: 1px dashed #666; 
    }
        .form fieldset .last, .form fieldset .last div {
            border-bottom: none !important;
            padding-bottom: 0;
        }
    /* Style our primary input fields (Textbox & Password) */
    .form fieldset div input[type=text], .form fieldset div input[type=password], .inputField
    {
        display: block;
        float: left;
        padding: 0.5em 0.375em;
        width: 16.57em;
        border: solid 0.062em #ccc;
        background: white;
        color: #333;
    }
    
    .form fieldset div .checkbox {
        width: 1em;
        float: left;
    }
    
    .form fieldset div textarea {
        display: block;
        float: left;
        width: 25.9em;
        padding: 0.5em;
        font-family: Century Gothic, sans-serif;
        line-height: 1.5;
        border: 0.062em solid #ccc;
    }
    
    .form fieldset div select {
        width: 10.375em;
        float: left;
    }
    
    /* A class to hold the * that indicates validation error */
    .form fieldset div .validationSpan {
        display: block;
        float: left;
        margin-left: 0.187em;
        width: 0.312em;
    }
        .longerror .validationSpan {
            width: 50em !important;
            float: left !important;
        }
    
    /*Style our field labels and spans */
    .form fieldset div span, .form fieldset div label
    {
        display: block;
        float: left;
        font-size: 0.687em;
        width: 23em;
        padding: 0.5em 0.375em;
        margin: 0;
    }
        .contact fieldset div span, .contact fieldset div label {
            width: 11em !important;
        }
    .captcha img {
        height: 1.6em;
        margin-left: 1em;
    }
    .captcha input {
        width: 7.549em !important;
    }

.adminTable {
    border: 1px solid #999;
    font-size: 0.9em;
}
    .adminTable td {
        border-bottom: 1px solid #999;
        padding: 0.4em;
    }
    .adminTable th {
        border-bottom: 1px solid #000;
        padding: 0.6em 0.3em;
    }
.gridRowAlt  {
    background: #f2f2f2;
}
       
a.adminButton, a.adminButton:active, a.adminButton:visited {
    display: block;
    font-size: 0.9em;
    padding: 0.225em;
    border: 0.062em solid #666;
    border-bottom: none;
    text-decoration: none;
    width: 9em;
    text-align: center;
    font-weight: bold;
    float: right;
    margin-right: 1em;
}
a.adminButton:hover {
    background: #b9d531;
    color: #fff;
}

a.submitButton, a.submitButton:active, a.submitButton:visited, .submitButton {
    float: right;
    padding: 0.4em 2em;
    background: white;
    border: 0.062em solid #333;
    color: #333;
    margin-right: 1em;
}
a.submitButton:hover {
    text-decoration: none;
    background: #333;
    color: White;
}

/* A container to hold any Error messages */
.form .error
{
    padding: 1em;
    border: 1px solid red;
    background: #fff;
    color: Red;
    margin: 0.625em 0 0.625em;
    font-size: 0.687em;
}
    .form .error ul {
        margin-left: 3em;
    }

.cinfo {
    width: 10em;
    float: right;
    margin-left: 1em;
}
    .cinfo {
        border: 0.062em solid #ccc;
        padding: 1em;
        margin-top: 0.5em;
    }
        .cinfo h3 {
            font-size: 0.8em;
            font-weight: bold;
        }
        .cinfo p {
            border-bottom: 1px solid #ccc;
            padding-bottom: 1.2em;
        }

.largeTxtBox {
    width: 35em !important;
}
.smallTxtBox {
    width: 10em !important;
}
.warning {
    float: left;
    width: 20em !important;
}