/* Use this file to make APA style changes  */


.overflow { overflow: visible; }

/*
 * The following are styles for the contacts table on ARO -> Program -> Contacts page 
 */

/* this background-color overrides line 793 in style.css */
.table-container table th.caption,
.table-container table td.caption { background-color: #d9eaf3; /* #d1e7f3; */ }

/* this overrides lines 741 and 742 in style.css */
.table-container table tbody tr:nth-child(2n) { background-color: #daf3fd;  } /* #e5fbff; */
.table-container table.radio-table tbody tr:nth-child(2n) td:first-child { background-color: #e5fbff; }


/*
 * The following are 508 Compliant font colors. They affect the status table on the ARO Page. 
 */
/* this overrides line 863 in style.css. */
.table-container table th.complete,
.table-container table td.complete {
	color: #003300;
}

/* this overrides line 869 in style.css. */
.table-container table th.incomplete,
.table-container table td.incomplete {
	color: #330000;
}

/* this overrides line 875 in style.css */
.table-container table th.not-started,
.table-container table td.not-started {
	color: #660000;
}

form fieldset .field-container .control-container:hover {
	background: #CDD6E2;
}

.aural {
    /* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}


/* We want a thin table, just two columns, headers on the left */

.table-container.thin {
    width: 50%;
}
.table-container.thin th {
    width: 50%;
}

.table-container.thin  table tbody tr th.caption {
    background-color: #E49D7D;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    text-transform: none;
    color: #313232;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

.table-container.thin  table tbody tr th {
    text-align: left;
    background-color: #c0e5ce;
    color: #313232;
    font: 700 11px/18px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.table-container.thin  tr:nth-child(2n) th {
    background-color: #aedabe;
}

.table-container.thin  tr:nth-child(2n+1) td {
    background-color: #E5FBFF;
}
.table-container.thin  tr:nth-child(2n) td {
    background-color: #d1eef3;
}

.table-container.thin th em {
    font-style: oblique;
}


/* otherwise it looks crowded. compare it to p + h4 */
#main .table-container + h4 {
    margin-top: 1.5em;
}

.asterix_red {
    color: red;
}

.reopened_listing{
    background-color:#FAC0C0;
}