/* main container for app pages */
.app_container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #ffffff;
}

/* app pages EAS header */
.app_container h3 {
    color: #004d1a;
    text-shadow: 0.02em 0.02em 0.02em #404040;
}

/* app pages little message window */
#appPgMsg { 
    border: 0.2em ridge #404040;
    border-radius: 0.2em;
    width: 25%;
    margin-left: 1.1em;
    margin-bottom: 0.6em;
    padding: 0.6em;
    box-shadow: 0.1em 0.1em 0.2em #202020;
    background: #829595;
    color: #FFFFFF;
    text-shadow: 0.1em 0.1em 0.1em #202020;
}

/* app pages current date under pg header */
#currDate {
    font-size: 1.30em;
    float: center;
    color: #994C00;
    text-shadow: 0.01em 0.01em 0.01em #BC8F8F;
}

/* app pages table */
.tableAppPg {
    font-family: Helvetica, sans-serif;
    text-shadow: 0.009em 0.009em #A0A0A0;
    letter-spacing: 0.06em;
    border: 0.1em solid #606060;
    border-collapse: collapse;
    box-shadow: 0.1em 0.1em 0.1em #A0A0A0;
    width: 75%;
}

.tableAppPg tr {
    color: #404040;
    vertical-align: top;
    text-align: left;
	word-wrap: break-word;
    border: 0.1em solid #606060;
    border-collapse: collapse;
}

.tableAppPg th {
    color: #404040;
    text-shadow: 0.02em 0.02em 0.02em #A0A0A0;
    font-size: 1.55em;
    letter-spacing: 0.05em;
    background-color:#C0C0C0;
    padding: 0.2em 0.2em 0.2em 0.2em;
    vertical-align: top;
    text-align: left;
	word-wrap: break-word;
}

.tableAppPg td {
    vertical-align: top;
    text-align: left;
    padding: 0.4em;
	word-wrap: break-word;
}

/* header on app review page */
.headAppView {
    font: 2.75em Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #004d1a;
    text-shadow: 0.02em 0.015em #606060;
    background-color: #A0A0A0;
    margin: auto;
    padding: 0.7em 0.4em;
    border: 0.08em solid #606060;
    outline: thin inset #000000;
    text-align: center;
}

/* table on app review page */
.tableAppView {
    font: 0.93em Arial;
    color: #606060;
    background-color: #FFFFCC;
    text-shadow: 0.02em 0.01em #BDB76B;
    border: medium solid #606060;
    outline: thick ridge #B8860B;
    overflow: auto;
}

.tableAppView tr {
    border: 0.125em solid #606060;
    border-collapse: collapse;
    text-align: center;
}

.tableAppView th {
    background-color:#BDB76B;
    font: 1.56em Arial;
    letter-spacing: 0.06em;
    color: #404040;
    text-align: left;
    text-shadow: 0.02em 0.01em #808000;
    padding-left: 0.2em;
}

.tableAppView td {
    text-align: left;
    padding: 0.25em;
}

/* add hover effect for right side of table */
#right_side:hover {
    background-color: #F0E68C;
    cursor: pointer;
}

/* style the text buttons in the app review table */
.tableAppView button {
    color: #000000;
    style: none;
    border: none;
    outline: none;
    background: none;
}

.tableAppView button:hover {
    cursor: pointer;
}

/* app review page - print any "Blank" in red */
button[id="Answer Needed"], p[id="info"] {
    color: #B22222;
    font-style: italic;
}

h5[id="no_prev_emp"] {
    color: #606060;
}

/* app review page - for numResArr > 1 : change new section background color */
.tableAppViewNew {
    background-color: #EBEBB1;
}

/* nav button bar on app pages */
button.navBtn {
    border: none;
    background: none;
}

.navBtn:hover {
    cursor: pointer;
}

/* styling for JobPostings page */
.jobPostPg hr {
    background-color: #000066;
}

.jobPost_disp {
    background-color: #E0E0E0;
    cursor: pointer;
    padding: 1.1em;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1em;
    transition: 0.4s;
}
.active, .jobPost_disp:hover {
    cursor: pointer;
    background-color: white;
}

.jobPost_hide {
    padding: 0em 1.1em;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.app_welcome {
    font: 0.93em Arial;
    color: #606060;
    background-color: #FFFFCC;
    text-shadow: 0.02em 0.01em #BDB76B;
    border: medium solid #606060;
    outline: thick ridge #B8860B;
    overflow: auto;
}

.appViewMsg { 
    border: 0.2em ridge #404040;
    border-radius: 0.2em;
    width: 25%;
    position: static;
    display: block;
    margin: auto;
    padding: 0.6em;
    box-shadow: 0.1em 0.1em 0.2em #202020;
    background: #829595;
    color: #ffffff;
    text-shadow: 0.1em 0.1em 0.1em #202020;
}

#milServ {
    color : #3D1FFF;
}