fieldset
{
    border: 1px solid #ddd;
}

legend
{
    font-weight: bold;
}

.float-right
{
    float: right;   
}

input[type="text"], 
input[type="password"] 
{
    border: 1px solid #ccc;
    padding: 3px;
    width: 270px;  
    margin: 2px 2px 5px 2px;
}

.right-col
{
    float: right;
    padding-right: 4px;
}

.right-col fieldset
{
    padding: 3px 8px 5px 8px;
    margin-bottom: 7px;
}

.right-col label
{
    text-align: left;
    display: inline-block;
}

.left-col
{
    margin: 5px 0px 0px 3px;
    float: left;
}

.left-col label
{
    text-align: left;
    display: inline-block;
}

.checkbox input[type="checkbox"]
{
    margin: 5px 0px 8px 2px;
    position: absolute; 
}

.checkbox label
{
    margin: 3px 0px 8px 0px;   
}

.checkbox
{
    position: relative;   
}


#fieldset-container
{
    padding: 2px 10px 5px 10px;  
    margin-bottom: 10px;
}

/********************************************
#  DATA ENTRY - SPECIFIC
********************************************/ 

.left-col.branch-franchise label
{
    width: 96px;
}

.right-col.branch-franchise label
{
    width: 80px;
}

.left-col.trade-franchise label
{
    width: 120px;
}

.right-col.trade-franchise label
{
    width: 85px;
}

.left-col.contractor label
{
    width: 120px;
}

.right-col.contractor label
{
    width: 85px;
}

.left-col.customer label
{
    width: 120px;
}

.right-col.customer label
{
    width: 85px;
}

.left-col.employee label
{
    width: 105px;
}

.right-col.employee label
{
    width: 85px;
}

.left-col.supplier label
{
    width: 120px;
}

.right-col.supplier label
{
    width: 85px;
}

.left-col.premise label
{
    width: 120px;
}

.right-col.premise label
{
    width: 85px;
}

.user 
{
    margin: 5px 0px 0px 3px;
    
}

.user fieldset
{
    padding: 3px 8px 5px 8px;
    width: 397px;
    margin: auto;
}

.user label
{    
    text-align: left;
    display: inline-block;
    width: 110px;
}

.docs 
{
    margin: 5px 0px 0px 3px;
    
}

.docs fieldset
{
    padding: 3px 8px 5px 8px;
    width: 450px;
}

.docs label
{    
    text-align: left;
    display: inline-block;
    width: 110px;
}

.docs input[type="text"]
{    
    width: 482px;
}

.docs input[type="file"]
{
    margin-left: 3px;
    width: 491px;
    height: 25px;
    margin-bottom:25px;
}

.docs select
{
    width: 490px;
}

#works-box
{
    
}

#works-box #left-col
{
    float: left; 
    width: 33%;
}

#works-box #center-col
{
    float: left; 
    width: 34%;
}

#works-box #right-col
{
    float: right;
    width: 33%;
}

div.clear
{
   clear: left; 
}

#works-box #left-col label
{    
    text-align: left;
    display: inline-block;
    width: 106px;
}

#works-box #left-col input[type="text"]
{    
    width: 154px;
}

#works-box #center-col label
{    
    text-align: left;
    display: inline-block;
    width: 118px;
}

#works-box #center-col input[type="text"]
{    
    width: 143px;
}

#works-box #right-col label
{    
    text-align: left;
    display: inline-block;
    width: 125px;
}

#works-box #right-col input[type="text"]
{    
    width: 138px;
}

#works-box fieldset
{
    margin-bottom: 10px;
    padding: 3px 6px 5px 8px;
}

#works-box #center-col fieldset
{
    width: 91%;
}

#works-box #left-col fieldset
{
    margin-top: 5px;
    width: 91%;
}
#works-box #left-col fieldset label
{
    width: 97px;
    
}
#works-box #left-col fieldset input[type="text"]
{
    width:154px;
}

select
{
    padding:1px; 
    margin-left: 2px;
    margin-bottom: 4px; 
    height:24px;
}

/*---------------------------------------------
/ VALIDATION
/--------------------------------------------*/

.validation-summary-errors 
{
    padding: 10px;
    border: 1px solid #DD3C10;
    color: black;
    text-align: center;
    background-color: #FFEBE8;
    line-height: 18px;
    margin-bottom: 10px;
}

.validation-summary-errors ul
{
    list-style: none;
}

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

.input-validation-error 
{
    background-color: #FFEBE8;
}

.successful 
{
    padding: 10px;
    border: 1px solid #3DA651;
    color: black;
    text-align: center;
    background-color: #ACE9AD;
    line-height: 18px;
    margin-bottom: 10px;
}

.failure
{
    padding: 10px;
    border: 1px solid #8B0905;
    color: white;
    text-align: center;
    background-color: #f9605b;
    line-height: 18px;
    margin-bottom: 10px;
}


/*---------------------------------------------
/ CONTROLS
/--------------------------------------------*/

#controls
{
    text-align: center;
    margin: 15px 0px 0px 0px;
}

#controls input[type="text"]
{
    padding: 3px;
}

#controls input[type="submit"]
{
    border: 1px solid #003885;
    background-color: #005CB2;
    color: White;
    padding: 3px 2px 2px 2px;
    width: 62px;
    font-weight: bold;
}

#controls input[type="submit"]:hover
{
    cursor: pointer;
}

#create
{
    text-align: center;
    padding-top: 15px;
}

#controls div
{
    display: inline;  
}

#reports
{
    text-align: center;
    margin: 20px;
}

#reports #left
{
    display: inline-table;
    width: 300px;
    text-align: left;
}

#reports #left div
{
    margin: 5px;
}

#reports #right
{
    display: inline-table;
    width: 300px;
    text-align: left;
}

#reports #right div
{
    margin: 5px;
}

.clearall
{
    clear: both;
}


.clearright
{
    clear: left;
}


.max-width
{
    width: 100%;   
}

#login-image
{
    padding-top: 22px;
}

#login .validation-summary-errors 
{
    margin: 10px 10px 0px 10px;   
}

#login #main-table
{
    margin: auto;
    width: 400px;
}

#login #header
{
    border-bottom: 1px solid #B1B1B1; 
    font-size: 16px; 
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 0px;
}

#login #label-width
{
    width: 80px;   
}

#login #login-details
{
    margin: auto;
    padding-top: 5px;  
}


#login input[type="checkbox"]
{
    margin-top: 18px;   
}

#login #rememberMe label
{
    position: absolute;
    margin-top: 17px;   
}

#login input[type="password"], 
#login input[type="text"]
{
    border: 1px solid #ccc;
    padding: 4px;
    width: 200px;  
}

#reportcontrols
{
    text-align: center;
    margin-bottom: 10px;
}

#reportcontrols div
{
    padding: 5px;
}

#reportcontrols .button
{
    margin-top: 10px;
}

#reportcontrols input[type="checkbox"]
{
    margin-top: 2px;   
}