﻿#auditTableDiv {
    /*width: 98%;*/
    margin-left: auto;
    margin-right: auto;
    font-size:1em !important;
}

#auditTableDiv select {
    margin-right: 15px;
}

#auditTable {
    background-color: #FDFDFD;
    width: 70%;
}

#auditTable td > div {
    height: 2.7em;
    overflow:hidden;
}

#auditTable td:nth-child(1) div { /* Record */
    width: 3.5em;
}

#auditTable td:nth-child(2) div { /* Description */
    width: 22em;
}

#auditTable td:nth-child(3) div { /* Application */
    width: 12em;
}

#auditTable td:nth-child(4) div { /* Date */
    width: 12em;
}

#auditTable td:nth-child(5) div { /* UserName */
    width: 15em;
}

#pageNum {
    text-align: center;
}

.pageButton {
    font-weight: bolder;
    text-decoration: underline;
}

#page {
    margin-left: 20px;
}

#detailsLinkDiv {
    width: 100%;
    padding-top: .2em;
    text-align: center;
    font-size: .85em;
}

.details {
     width:940px;
     margin-left:-470px;
}
    .details dd {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

.detailsTitle { /* Note: styles for detailsTitle won't take affect, as only the contained text is taken by jQuery to populate the modal title. */
    display: none;
}

.detailsHeader { 
    line-height: 1.5em;
    font-weight: bold;
}

.exceptionDetails {
    border: 1px solid #EAEAEA;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: .85em;
    padding: 4px 5px 15px 5px;
}

#noPagesFound {
    display: inline-block;
    color: red;
    font-weight: bold;
}

#refreshLog {
    margin-bottom: 10px;
}


#auditTable .key {
    font-weight: bold;
}

#auditTable .array {
    margin-left: 20px;
}

#auditTable .object {
    margin-left: 20px;
}

.css-treeview ul,
.css-treeview li
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.css-treeview li > span
{
    margin-left: 16px;
}

.css-treeview input
{
    position: absolute;
    opacity: 0;
}

.css-treeview input + label + ul
{
    margin: 0 0 0 22px;
}

.css-treeview input ~ ul
{
    display: none;
}


.css-treeview label::before
{
    cursor: pointer;
    background: url("images/treeicons.png") no-repeat;
    content: "";
    width: 16px;
    margin: 0 0 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}

.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}

.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}


.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.css-treeview input:checked + label::before
{
    background-position: 0 -16px;
}

.css-treeview label {
    font-weight: bold;
}

#DateFilter, #UserFilter, #DescriptionFilter {
    margin-right: 7px;
}

.clearButton {
    margin-right: 0;
    margin-bottom: 12px;
}