/* 
  SEFIP color scheme:
    dark blue:      #1f3e74;
    light blue:     #878fe8;
    greeny grey:    #abb7ae;
    light grey:     #dddddd;
    darker grey:    #555555;
    light green     #aab5ad;
    deep red:       #6d2026;
    light green:    #a4e887;
*/

root { 
    display: block;
}

.frmWrapper{
position: relative;
width: 450px;
float: left;
overflow: auto;
}

.row{
min-height: 1%;
margin-bottom: 10px;
clear: both;
overflow: auto;
}

* html .row{
/*height: 1%;*/
}

.frmLabel{
width: 100px;
float: left;
}

.frmField{
    float:left;
}

.fullWidth{
width: 300px;
}

.halfWidth{
width: 175px;
}

.rightFrmField{
float: right;
margin-right: 100px;
}

.required{
    color: #9c0202;
}

.helpIcon{
    display: none;
    text-decoration: none;
    color: blue;
    font-size: large;
    float: left;
    margin-right: 10px;
    cursor: help;
}

.dateNumber{
    min-width: 50px;
}
.dateMonth{
    min-width: 90px;
}
.dateYear{
    min-width: 65px;
}

/*styles*/
.textInput, .selectInput{
    background-color: #fafafa;
    border-top: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    border-bottom: none;
    border-right: none;
}

.textInput{
    
}
.selectInput{
    
}

.buttonInput{
    background-color: #e1e2eb;
    color: #1f3e74;
    text-shadow: left;
    letter-spacing: 1px;
    padding: 1px 10px;
    border-top: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    border-bottom: none;
    border-right: none;
}
#editImage{
    padding: 15px 0 15px 15px;
    border-top: 1px solid #1f3e74;
    border-left: 1px solid #1f3e74; 
    display: none;
    width: 600px;
}
.center{
    text-align: center;
}

.attachmentControls img{
border: none;
}


/*attachment tables*/
.attachmentTable{
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
width: 300px;
border-collapse: collapse;
}

.attachmentTable td{
padding: 2px 5px;
}

.attachmentName{
width: 180 px;
}
.attachmentType{
width: 40px;
}
.attachmentControls{
width: 80px;
}

.attachmentTableHeader{
text-align: center;
font-weight: bold;
font-size: medium;
}

.halfLayout{
margin-left: 10px;
float: left;
}

.row0{
background-color: #ffffff;
}

.row1{
background-color: #f2f2f2;
}

/*form progress*/
#formProgressBar{
overflow: auto;
margin-bottom: 15px;

}
* html #formProgressBar{
height: 1%;
}
.incompleteStep{
background-image: url('/webapp/extranet/images/formProgressIncomplete.jpg');
}
.currentStep{
background-image: url('/webapp/extranet/images/formProgressActive2.jpg');
font-weight: bold;
color: #1f3e74;
}
.completeStep{
background-image: url('/webapp/extranet/images/formProgressComplete.jpg');
}
.incompleteStep, .currentStep, .completeStep{
border-width: 0 0 1px 0;
border-style: solid;
border-color: #1f3e74;
float: left;
text-align: center;
padding-top: 22px;
display: block;
font-size: large;
width: 150px;

min-height: 24px;
background-position: -25px 0;
background-repeat: no-repeat;
}
/* 
  SEFIP color scheme:
    dark blue:      #1f3e74;
    light blue:     #878fe8;
    greeny grey:    #abb7ae;
    light grey:     #dddddd;
    darker grey:    #555555;
    light green     #aab5ad;
    deep red:       #6d2026;
    light green:    #a4e887;
*/

root { 
    display: block;
}

.frmWrapper{
position: relative;
width: 450px;
float: left;
overflow: auto;
}

.row{
min-height: 1%;
margin-bottom: 10px;
clear: both;
overflow: auto;
}

* html .row{
/*height: 1%;*/
}

.frmLabel{
width: 100px;
float: left;
}

.frmField{
    float:left;
}

.fullWidth{
width: 300px;
}

.halfWidth{
width: 175px;
}

.rightFrmField{
float: right;
margin-right: 100px;
}

.required{
    color: #9c0202;
}

.helpIcon{
    display: none;
    text-decoration: none;
    color: blue;
    font-size: large;
    float: left;
    margin-right: 10px;
    cursor: help;
}

.dateNumber{
    min-width: 50px;
}
.dateMonth{
    min-width: 90px;
}
.dateYear{
    min-width: 65px;
}

/*styles*/
.textInput, .selectInput{
    background-color: #fafafa;
    border-top: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    border-bottom: none;
    border-right: none;
}

.textInput{
    
}
.selectInput{
    
}

.buttonInput{
    background-color: #e1e2eb;
    color: #1f3e74;
    text-shadow: left;
    letter-spacing: 1px;
    padding: 1px 10px;
    border-top: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    border-bottom: none;
    border-right: none;
}
#editImage{
    padding: 15px 0 15px 15px;
    border-top: 1px solid #1f3e74;
    border-left: 1px solid #1f3e74; 
    display: none;
    width: 600px;
}
.center{
    text-align: center;
}

.attachmentControls img{
border: none;
}


/*attachment tables*/
.attachmentTable{
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
width: 300px;
border-collapse: collapse;
}

.attachmentTable td{
padding: 2px 5px;
}

.attachmentName{
width: 180 px;
}
.attachmentType{
width: 40px;
}
.attachmentControls{
width: 80px;
}

.attachmentTableHeader{
text-align: center;
font-weight: bold;
font-size: medium;
}

.halfLayout{
margin-left: 10px;
float: left;
}

.row0{
background-color: #ffffff;
}

.row1{
background-color: #f2f2f2;
}

/*form progress*/
#formProgressBar{
overflow: auto;
margin-bottom: 15px;

}
* html #formProgressBar{
height: 1%;
}
.incompleteStep{
background-image: url('/webapp/extranet/images/formProgressIncomplete.jpg');
}
.currentStep{
background-image: url('/webapp/extranet/images/formProgressActive2.jpg');
font-weight: bold;
color: #1f3e74;
}
.completeStep{
background-image: url('/webapp/extranet/images/formProgressComplete.jpg');
}
.incompleteStep, .currentStep, .completeStep{
border-width: 0 0 1px 0;
border-style: solid;
border-color: #1f3e74;
float: left;
text-align: center;
padding-top: 22px;
display: block;
font-size: large;
width: 150px;

min-height: 24px;
background-position: -25px 0;
background-repeat: no-repeat;
}