/* 
    Created on : Nov 12, 2015, 3:32:09 PM
    Author     : mwill
*/

/* General style */
body{
    background-color: #F8F8F8;
    /*    background-image: url("../images/Free%20Texture%20Asphalt%202010_07_22%200001.jpg");*/
}
/* End of general style */
/* Style for classes */
/* End of style for classes */

/* Style for id's */

/*This is on the addNewUser.jsp page */
#addUserForm{


}
#subRootCauseDiv{
    display:none;
}
#btnAddNewSubCasue{
    margin-bottom: 5px;
    margin-right: 50px;
}

#personCausing{
    display: none;
}
#naturalForces{
    display: none;
}
#btnAddNewOption{
    margin-botton: 5px;
    margin-right: 35px;
}

/* This is on the userTable.jsp page */
#btnAddNewUser{
    margin-bottom: 5px;
    margin-right: 35px;
}

/* This is on the userProfile.jsp page */
#btnChangeEmail{
    margin-top: 5px;
}

/* This is on the userProfile.jsp page */
#btnChangePWUserProfile{
    display: inline-block;
    margin-left: 20%;
    margin-top: 50px;
}

/* This is on the damageForm.jsp page*/
#btnSave{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#createDamageBtn{
    background-color: #337ab7;
    border: black solid 1px;
    border-radius: 5px;
    margin-top: -.5%;
    padding: .5%;
    box-shadow: 2px 2px 10px #888;

}
#createDamageBtn:hover{
    color: #CCC;
    background-color: #286090;
}

#damageFormArea{margin-left: -7%;}

/* This is on the damageForm.jsp page */
#damageForm{
    margin-left: 20%;
}

/* This is on the userProfile.jsp page*/
#divChangePWBtns{
    margin-top: 3px;
}

/* This is on the userProfile.jsp page */
#divChangePWUserProfile{
    margin-top: 40px;
    display: none;
    width: 80%;
}
/* This is on the userProfile.jsp page */
#emailGroupUserProfile{
    width: 80%;
}
/* This is on the userProfile.jsp page */
#emailLabel{
    margin-top: 15px;
}
/* This is on the addNewUser.jsp page */
#errorAddMember{
    border: solid black 1px;
    background-color: #F77;
    border-radius: 2px;
    display: none; 
}
/* This is on the memberForm.jsp page */
#errorMbrAddress1{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrCity{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrEmail{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrFacility{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrFName{
    display: none;
    font-size: 1.5em;
}

/* This is on the memberForm.jsp page */
#errorMbrLName{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrName{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrPhone{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrState{
    display: none;
    font-size: 1.5em;
}
/* This is on the memberForm.jsp page */
#errorMbrZip{
    display: none;
    font-size: 1.5em;
}

#errorAddUser{
    border: solid black 1px;
    background-color: #F77;    
    border-radius: 2px;
    display: none;
}
/* This is on the addNewUser.jsp */
#errorAddingUser{
    display: none;
    font-size: 1.5em;
}

/* This is on the addNewUser.jsp */
#errorDupUser{
    display:none;
    font-size: 1.5em;
}

/* This is on the addNewUser.jsp page */
#errorEmail{
    display: none;
    font-size: 1.5em;
}

/* This is on the addNewUser.jsp page */
#errorEmail{
    display: none;
    font-size: 1.5em;
}

/* This is on the addNewUser.jsp page */
#errorFirstName{
    display: none;
    font-size: 1.5em;
}

/* This is on the addNewUser.jsp page */
#errorLastName{
    display: none;
    font-size: 1.5em;
}


/*This is on the index.jsp page */
#errorLogin, #errorSection, #accessDenied{
    border: solid black 1px;
    background-color: #F77;
    border-radius: 2px;
    color: #FFF;
    display: none;
    padding:0000;
    text-align: center;
}

#ce1, #ce2, #ce3, #ce4, #ce5, #ce6{
    display: none;
}

/* This is on the addNewUser.jsp page */
#errorUserName{
    display: none;
    font-size: 1.5em;
}
/* This is on the addNewUser.jsp page */
#errorPassword{
    display: none;
    font-size: 1.5em;
}

/* This is on the addNewUser.jsp page */
#errorValidEmail{
    display: none;
    font-size: 1.5em;
}

#facilityYes{
    display: none;
}

/* This is on the damageForm.jsp page */
#partB{
    //display: none;
}

/* This is on the damageForm.jsp page */
#partC{
    display: none;
}

/* This is on the damageForm.jsp page */
#partD{
    display: none;
}
#partE{
    display: none;
}
#partF{
    display: none;
}
#partG{
    display: none;
}

#selectedGas{
    display: none;
}
#rootCausesSelect1, #rootCausesSelect2, #rootCausesSelect3, #rootCausesSelect4{
    display: none;
}

#damageReportable{
    display: none;
}

#id_NoReportComment{
    display: none;
}

#excavatorDownYes{
    display: none;
}
#wasEvacuation{
    display: none;
}
#markedCorrectlyNo{
    display: none;
}

/* This is on the addNewUser.jsp page */
#ph_addNewUser{
    color: #000;
}

#searchSpan{
    color: #B3240A;
    font-size: 1.5em;
    margin-left: 1%;
}

/* This is on the searchForm.jsp page*/
#sf_or{
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 1em;
    text-align: center;
}

/* This is on the addNewUser.jps */
#successAddUser{
    background-color: #7F7;
    border: solid black 1px;
    color:#000;
    display: none;
}

/* This is on the ticketDisplay.jsp page */
#ticketDisplayMap{
    border: solid black 1px;
    height: 707px;
}

/* This is on the dfTicketNumber.jsp page */
#ticketError{
    color: #F00;
    font-size: 1.4em;
    display: none;
}

/* This is on the dfTicketNumber.jsp page */
#ticketNumber{
    height: 32.8977px;
}

/* This is on the dfTicketNumber.jsp page */
#ticketSearchDiv{
    width:30%;
} 

#locateInOtherDescLabel{
    display: none;
}
#locateLineOther{
    display: none;
}
#locateInOtherDescOption{
    display: none;
}
#eeOtherDesc{
    display: none;
}

#wpOtherDesc{
    display: none;
}

#foOtherDesc{
    display: none;
}

#cfText{
    display: none;
}
#multiOptions{
    display: none;
}
#cfDropDown{
    display: none;
}
#cfRadioButton{
    display: none;
}
#cfCheckBox{
    display: none;
}
#cfDate{
    display: none;
}
#cfNumber{
    display: none;
}
#cfCurrency{
    display: none;
}
#cfGeneral{
    display: none;
}




/* End of style for id's */

/* This is on the addNewUserr.jsp page */
.addUserInput{
    width: 80%;
}


/* This is on the damageForm.jsp page*/
.btn1{
}

/* This is on the damageForm.jsp page*/
.btn2{
    display: none;
}

/* This is on the damageForm.jsp page */
.required{
    color: #B3240A;
}

/* This is on almost every page */
.panel-heading{
    background-color: #3A86A9;

}

.pre{
    height:650px;
    font-family: monospace;
    font-size: 0.8em;
    margin-top:-2%;
    white-space: pre;
    overflow: scroll;
}
.dvTicket{
    font-family: monospace;
    font-size: 0.9em;
    white-space: pre;
}

.fType{
    margin-right: 1%;
}
.df_nc_otherDesc{
    display: none;
}

.df_fa_otherDesc{
    display: none;
}
.attachHead{
    font-size: .9em;
}


.errorDamageForm{
    display: none;
    font-size: 1em;
    background-color: #FF7777;
    border-radius: 5px;
    padding-left: 3px;
}

.title{
    font-weight: bold;
}
.heading{
    text-align: center;
    font-weight: 900;
    font-size: 1em;
}
.other{
    visibility: hidden;
}
.panel-default>.panel-heading{
    background-color: #94CDFF;
}
/* Media queries */
/* End of media queries */

.notActive{
    color: gray;
}

.notActive:hover{
    cursor: not-allowed;
}

a.errorDamageForm{
    color: #000;
    display: block;
    font-size: 1em;
}
.matchControl{
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 34px;
    padding: 6px 12px;
}

.imgView{
    color: #337ab7;
}
.imgView:hover{
    color: #23527c;
    text-decoration: underline;
    cursor:pointer
}

.pArrows{
    float: right;
    cursor: pointer;
}
.pArrows .fa-chevron-up:hover{
    color: #94CDFF;
}
.pArrows .fa-chevron-down:hover{
    color: #94CDFF;
}

hr.reportable{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.customError{
    border: solid black 1px;
    background-color: #F77;
    border-radius: 2px;
    color: #FFF;
    padding:0000;
    text-align: center;
}

@media print{
    body{
        background-color: #FFF;
        font-family: Times, serif;

    }
    table{
        color: #000;
        font-family: Times, serif;
        font-size: 11pt;
    }
    th.heading{

        font-size: 13pt;
        text-align: justify;
        text-decoration: underline;
    }
    .doNotPrint{
        display: none;
    }
    .pageBreak{ page-break-before: always}

}