/* 
    Document   : form
    Created on : Oct 1, 2013, 2:15:46 PM
    Author     : Jessica
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

label {
    color: #283d51;
}

#workOrderButton {
    width: auto;
}

#alert {
    color: #900;
    border-color: #600;	
}

#error {
    display: none;
}

#notice {
    color: #205791;
    border-color: #92CAE4;
}

#disclaimer {
    color:#514721;
    border-color: olive;
}

#membership h2, #workHdr h2{
    color: #0C66B5;
    text-align: center;
    padding-top: 10px;
}

#membership fieldset:nth-child(2){
    margin-bottom: 5px;
}

.field{
    border: solid 2px #283d51;
}

legend.fieldHdr {
    font-size: 1em;
    font-weight: bold;
    color: #283d51; 
}

.labelcol {
    text-align: left;
    padding-left: 10px;
}

.formInput {
    width: 210px;
    margin-left: 20px;
    border: dotted 1px #7d868e;
    background-color: #dadae8;
}

.firstRow {
    padding-top: 20px;
}

.formRow {
    padding-bottom: 20px;
}

.formSubmit {
    float: right;
    color: #283d51;
    width: 120px;
    height: 30px;
    cursor: pointer;
    margin-top: 3px;
    background-color: #f9f9f9;
    font: bold 12px Arial, Helvetica, sans-serif;
}

.alert { 
    background: #fbe3e4; 
    color: #8a1f11; 
    border: 1px solid #fbc2c4; 
}

fieldset.alert legend {
    color: #8a1f11;
}

span.error + input, span.success + input {
    margin-left: 0;
}

.error {
    position: absolute;
    padding: 8px;
    background: url(../images/icons/decline.png) no-repeat;
}

.pos {
    position: absolute;
}

.success {
    position: absolute;
    padding: 8px;
    background: url(../images/icons/bullet_tick.png) no-repeat;
}

.correct {
    background: #A8CEA1;
    color: #4D743A;
    border: 2px solid #4D743A;
}

.event {
    text-align: left;
    padding: 5px;
    font-size: 11px;
    position: absolute;
    display: none;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    box-shadow: -1px 1px 2px #a9a9a9;
    -moz-box-shadow: -1px 1px 2px #a9a9a9;
    -webkit-box-shadow: -1px 1px 2px #a9a9a9;
}

.info { 
    background: #d5edf8; 
    color: #205791;
    border: 2px solid #92cae4; 
}

.info a{
    text-decoration: none;
}

.info a:visited{
    color: #205780;
}

.info a:hover, .info a:active{
    color: #49E9FF;
}

.notice  { 
    background: #fff6bf; 
    color: #514721; 
    border: 2px solid #ffd324; 
}

.offset_above {
    padding-top: 200px;
}

input.formSubmit:hover {
    color: #7d868e;
}

input.formSubmit:focus {
    color: #a99eaf;
}

input.formSubmit:active {
    color: #a99eaf;
}

button.customSubmit{
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 20px;
    width: 110px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    color: #004083;

    border: 1px solid #5C6D84;

    -moz-border-radius: 100px;
    border-radius: 100px;

    box-shadow: 1px 1px 4px #666;
    -moz-box-shadow: 1px 1px 4px #666;

    background: #FCFCF4; /* old browsers */
    background: -moz-linear-gradient(top, #FCFCF4 0%, #FCF9F4 30%, #A8A8A8 100%); /* firefox */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCF4), color-stop(30%,#FCF9F4), color-stop(100%,#A8A8A8)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCF4', endColorstr='#A8A8A8',GradientType=0 ); /* ie */
}

button.customSubmit:active{
    background: #212020; /* old browsers */
    -moz-box-shadow: none;
    background: -moz-linear-gradient(top, #212020 0%, #A8A8A8 52%, #FCF9F4 100%); /* firefox */

    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212020), color-stop(52%,#A8A8A8), color-stop(100%,#FCF9F4)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212020', endColorstr='#FCF9F4',GradientType=0 ); /* ie */
}

button.customSubmit:hover{
    color: #49E9FF;
}