.grid {
    border-collapse: collapse;
    width: 100%;
}

.grid-header {
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    border-top: 2px solid #D6E8FF;
    border-bottom: #8c8c8c 2px solid;
    padding: 6px 5px;
    text-align: left;
    border-top-style:hidden;
}

.grid-footer {
    padding: 6px 5px;
    text-align: left;
}

.grid-row {
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    min-height: 15px;
}

.grid-alternating-row {
    background-color: #e6f1f7;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    min-height: 15px;
}

td a { position: relative; }

td a:link, td a:visited, td a:active, td a:hover { padding: 0; }

th a {
    display: block;
    position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
    font-weight: bold;
    padding: 0;
    text-align: left;
}

th a:hover { color: #000; }

th.asc a:after, th.desc a:after {
    display: block;
    font-size: 0.75em;
    position: absolute;
    right: 0em;
    top: 0;
}

th.asc a:after { content: '▲'; }

th.desc a:after { content: '▼'; }

.title-column { width: 21%; }

a.link-button-booking {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, white, #b9b9b9) repeat scroll 0 0;
    border: 1px solid #808080;
    border-radius: 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    height: auto;
    padding: 5px 10px;
    text-align: center;
    transition-duration: 0.2s;
    width: auto;
}
a.link-button-booking:hover, a.link-button-booking:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff3fc, #a7d9f5) repeat scroll 0 0;
    border: 1px solid #3c7fb1;
    color: black;
    text-decoration: none;
}
a.link-button-booking:active {
    background: #e0e0e3 none repeat scroll 0 0;
    border: 1px solid #203e5f;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;
    text-decoration: none;
}

.narrow-column
{
    /*width: 8%;*/
    text-align:center !important;
}

.number-column
{
    /*width: 12%;*/
    text-align:right !important;
}

/*.desc-column
{
    width: 40%;
}

.desc-column-narrow
{
    width: 20%;
}

.code-column
{
    width: 20%;
}*/

.cell
{
    float: left;
    width: 30%;
}

.detail-cell
{
    float: left;
    width: 50%;
}

/*.arrest-table .detail-label 
{ 
    width: 200px; 
}

.personal-table .detail-label
{
     width: 120px; 
}*/

.add-bold
{ 
    font-weight: bold;
}

table
{
    width: 100%;
}

/*table.layout { width: 100%;}
table.layout td, table.layout th { border: medium none; }*/

/*.simple-content-text caption
{
     border-bottom:solid;
     border-color:black;
     background-color: transparent;
     margin-bottom:10px;
     border-width:1px;
     font-size:inherit;
     text-align:left;
}*/

.charge-divider
{
     border-top:solid;
     border-color:grey;
     /*background-color: transparent;*/
     margin-top:5px;
     /*margin-bottom:10px;*/
     border-width:1px;
}

.like-caption
{
    font-size: 1.17em;
    font-weight: bold;
    text-align: center;
    background-color: #eeeeee;
    margin: 5px 0 10px;
    padding: 2px 0;
  
}

.arrest-table, .personal-table
{
    width: 100%;
    vertical-align: top;
    border-collapse: separate !important;
}

.appearance-section
{
    text-align:left;
    margin-top:5px;
    margin-bottom:10px;
}

.appearance-section a, .app-top-menu a
{
    text-decoration:underline;
}

.app-top-menu
{
   min-height: 30px;
   font-size: 1.1em;
   border-style: none;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   margin-bottom: 20px;
   padding-left: 10px;  
   padding-top: 5px;
   vertical-align:top;
}

.app-top-menu span
{
   /*padding-left: 50px;*/
}

.app-link
{
   text-decoration: none;
   white-space: nowrap;
   margin-right: 50px;
}

.app-link:hover
{
   text-decoration: underline;
}
.app-bottom-menu
{
   margin-top:20px;
   white-space: nowrap;
   text-align: center;
   font-weight: bold;
}
.align-center
{
    text-align: center;
}
.align-right
{
    text-align: right !important;
}

.serach-criteria 
{
    /*padding: 10px;*/
    line-height: 1.65;
    margin: 15px 0;
    /*background-color: #E6F1F7;*/
    /*border: 1px solid lightgray;*/
    overflow:auto;
}


.search-button
{
    float:left;
    width:100%;
}

input[type=submit]
{
    font-size: 1.1em;
    width:auto;
    margin-right:20px;
}

.div-left-half
{
    width: 49%; 
    float: left; 
    display: inline-block;
}
.div-right-half
{
    width: 49%; 
    float: right; 
    display: inline-block;
}

.display-red
{
    color:#CC0000;
}


/****************************************************/
/*     Style sheet for Mobile Display               */
/****************************************************/
@media only screen and (max-width: 640px) {

   body 
   {
        overflow-x: scroll;
   }

    .search-button {
       float: none;
       width: 100%;
       margin-top: 0px;
    }

    input[type=submit]
    {
        width:auto;
        margin-top:10px;
    }

    .div-left-half
    {
        width: 100%; 
        float: none; 
        display: inline-block;
    }
    .div-right-half
    {
        width: 100%; 
        float: none; 
        display: inline-block;
    }

    /*.arrest-table .detail-label 
    { 
        width: 140px; 
    }

    .personal-table .detail-label
    {
         width: 140px; 
    }*/

}