﻿/* Contour form
------------------------------------------------------------------------------------------------------------------------ */
#contour {
    clear: right;
    position: relative;
    padding:15px !important;
}

#contour legend {
    display:none !important;
}

/* contour form heading */
#contour h4 {
    display:none;
}

#contour fieldset.contourFieldSet {
    margin:0; 
    padding:0 !important;
    width:100%;   
}

#contour .contourFieldSet .contourField {
    position: relative;
    width:100%;
    z-index:10;
}

#contour .contourFieldSet .contourField > div {
    display:inline;
}

/* Labels 
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField > label {
    display:inline-block;
    margin:5px 10px 5px 0 !important;
    width:175px;
    vertical-align:middle;
}

/* Text input 
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField.text input.text, 
#contour .contourFieldSet .contourField input.title {
    border: 1px solid #ccc;
    display:inline-block;
    float:none;
    margin:5px 0;
    padding:5px;
    vertical-align:middle;
    width:350px !important;    
}

/* Textarea 
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField textarea {
    border: 1px solid #ccc;
    display:inline-block;
    float:none;
    font-size: 1.1em; 
    height:auto !important;
    margin:5px 0;
    min-height:80px; 
    padding:5px;
    vertical-align:middle;  
    width:350px !important;      
}

/* Date
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField.datepicker input.text {
    border: 1px solid #ccc;
    display:inline-block;
    float:none;
    margin:5px 0;
    padding:5px;
    vertical-align:middle;
    width:175px !important; 
}

#contour .contourFieldSet .contourField.datepicker {
    position:relative;
    z-index:20;
}

#contour .contourFieldSet .contourField.datepicker > div > span > div {
    left:0;
    position:relative;
    top:0;
    z-index:20;
}

#contour .contourFieldSet .contourField.datepicker > div table {
    border-collapse:collapse;
}

#contour .contourFieldSet .contourField.datepicker > div table td {
    border:0;
    padding:2px 5px;    
}

#contour .contourFieldSet .contourField.datepicker > div table td div {
    height:auto;
    width:auto; 
}


/* Radio list, check list
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField span.checkboxlist,
#contour .contourFieldSet .contourField span.radiobuttonlist {
    display:inline-block;
    float:none;
    margin:5px 0;
    padding:0;
    vertical-align:middle;
    width:350px !important;    
}

/* Select
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField select {
    border:0;
    display:inline-block;
    float:none;
    height:25px;
    margin:5px 0;
    outline:solid 1px #ccc;
    padding:2px;
    width:360px !important;
}

/* File upload
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .fileupload > div > span {
    border:0;
    display:inline-block;
    float:none;
    height:25px;
    margin:5px 0;
    width:350px !important;
}
#contour .contourFieldSet .fileupload input.file {
    border-color:#ccc;
    margin:0;
    padding:0;
}

/* Small field 
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField small {
    
}

/* Submit button
-----------------------------------------------------------------------------*/
#contour .contourNavigation {    
    background:0;  
}
#contour .contourNavigation input {
    background:#333;
    border:0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    margin:0 0 0 485px;  
    padding:5px 10px;
    border-radius:4px;
}
#contour .contourNavigation input:hover
{
    background:#D23900;
}
/* Error message
-----------------------------------------------------------------------------*/
#contour .contourFieldSet .contourField span.contourError {
    display:inline-block;
    font-size:0.9em;
    margin-left:185px;
    width:350px;
}

/* Mandatory field indicator
-----------------------------------------------------------------------------*/
#contour .contourIndicator {
    color:Red;
    display:inline;
}

/* Validation summary
-----------------------------------------------------------------------------*/
#contour .contourValidationSummary:before {
    content:"Please fix the following errors before continuing:";
    font-size:1.2em;
    font-weight:bold;
}
#contour .contourValidationSummary {
    color: #8A1F11;
    margin:0;
}
#contour .contourValidationSummary ul {
    margin:5px 0;   
}