/*
 * File: application.css
 * Date: October 01, 2009
 * Description: This class is used to handle the look of the application
 * Copyright (c) 1987-2011 ProsLink, Inc.
*/
/*Body Section */
body {
}

/* Setup Section */
/* Login Panel CSS Code */
.PLoginPanel {
    width:100%; 
    border: #000000 2px solid;
    border-radius: 25px;
    background-color: #f0f0f0;
}
.PloginFieldContainer{
    display:flex;
    float: middle;
    padding-top:10px;
}
.minilink{
    text-decoration: none;
    cursor: pointer;
    color: #0000ee;
    font-size: 10px;
}
.minilink:hover{
    text-decoration: underline;
}
#PLoginBodyContainer {
    background-color: #fbfcff;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
#PLoginFormPanel {
    width: 100%;
}
.PLoginButton {
    border-radius: 12px;
    padding: 12px;
    background-color: #F6F6F6;
    font-size: 16px;
    width:100%;
}
.PLoginButtonAlt {
    border-radius: 6px;
    background-color: #F6F6F6;
    padding:4px;
    height:30px;
    width:auto;
    font-size: 18px;
}
.PLoginButton:hover{
    cursor:pointer;
    background-color:#979797;
}
.PLoginButtonAlt:hover{
    cursor:pointer;
    background-color:#979797;
}
#PPasswordButton {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    cursor:pointer;
    padding: 5px;
}
.PLoginLabelContainer{
    width:100%;
    height:auto;
}
.PLoginField {
    width:100%;
    height:30px;
    padding-left: 3px;
}
.PLoginCheckboxLabelContainer {
    white-space: nowrap;
    color: #000;
    overflow: hidden;
}
.PLoginErrorPanel {
    background-color: #d9d9ff;
    border: #8f8a7f 1px solid;
    position: relative;
    padding: 5px;
    width: auto;
}
#PLoginPanel_mask {
    opacity: .99;
    background: linear-gradient(#025587, #1D3364);
}
#PPasswordPanel_mask{
    opacity:.99;
    background: linear-gradient(#025587, #1D3364);
}
#PSplashPanel_mask{
    opacity:.99;
    background: linear-gradient(#025587, #1D3364); 
}
#PSplashBodyContainer {
    text-align: left;
}
#PSplashLoadingContainer {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}
.Contact{
    text-decoration: none;
    color: #525252;
    font-size: 14px;
    cursor:pointer;
}

.contact-footer {
    text-decoration: underline;
    color: blue;
    font-size: 12px;
    cursor: pointer;
}

.footer-spacer {
    font-size: 12px;
}


/* Application settings */
/*YUI Section */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
    border: none;
    background-color: #EDF5FF;
}

ul.yui-nav li span.close {
        background-image: url( ../images/tab_close_unhovered.png );
        background-repeat: no-repeat;
        text-indent: 500px;
        display: block;
        overflow: hidden;
        width: 12px;
        height: 15px;
        position: absolute;
        top: 6px;
        right: 1px;
        padding-right: 1px;
}
/**
* JIC - The below css statement prevents the Tabs from push down on the tab contains.
        If the user choose to build several documents the Tabs was preventing the document
        to be viewed and edited. A scrollbar will be placed in the tab container if the tabs
        take up more then 100px.
*/
ul.yui-nav {
    max-height:100px;
    overflow:auto;
}
ul.yui-nav li span.hovered {
        background-image: url( ../images/tab_close_hovered.gif );
}

ul.yui-nav li span.refresh {
        background-image: url( ../images/refresh.png );
        background-repeat: no-repeat;
        text-indent: 500px;
        display: block;
        overflow: hidden;
        width: 18px;
        height: 16px;
        position: absolute;
        top: 6px;
        right: 12px;
        padding-right: 1px;
}

.yui-skin-sam .yui-tt .bd {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    color: #000;
    padding: 2px 5px;
    border-color: #85b1de #85b1de #85b1de #85b1de;
    border-width: 1px;
    border-style: solid;
    background-color: #CCEEFF;
}

.yui-panel .hd {
    text-align:left;
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

/*Footer Section */
#footer {
    text-align: center;
    vertical-align: top;
    font-size: 9px;
}

/*Logo Section */
#logo {
    background-image: url( logo.png );
    height: 22px;
    width: 125px;
    position: absolute;
    top: 0px;
    right: 5px;
}
/*System Name Section (Prosecutor's Management System)*/
#system_name {
    position: absolute;
    top: 4px;
    right: 150px;
    font-weight: bold;
}
/* Module Title */
#Module {
    font-weight: bold;
    font-size: 14px;
}
/*Information Section */
#info {
    position: absolute;
    top: 3px;
    left: 150px;
    font-size: 85%;
    text-align: left;
}
#info strong {
    font-weight: bold;
}
#info span.links {
    display: block;
}

/*User Section */
#user {
    font-weight: bold;
}

/*Search Box Section */
#searchBox {
    position: absolute;
    right: 0;
    top: 1px;
    width: 350px;
    height: 22px;
    padding-top: 0px;
}
#searchBox input {
    border: 1px solid #C0C0C0;
    color: #A6A6A6;
}
.search_header {
    font-weight: bolder;
    text-align: center;
    font-size: 24px;
}
.search_link:link {
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.search_link:hover {
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.search_link:active {
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.search_link:visited {
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.search_results_container table {
    width:100%;
}

/* Tab Section */
 #tabContainer .yui-content {
     background-color:#99B0CF;
     overflow: auto;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     padding-bottom: 2px;
 }
#newTabInit {
    display: none;
}

/* Data Table Section*/
.full_datatable_container table {
    width: 100%;
}
.half_datatable_container table {
    width: 50%;
}

/*Document Section */
.document_text{
    font-size: 14px;
}
.document_subheader{
    vertical-align: text-top;
    font-weight: bold;
    color: black;
}
.document_table{
    margin-left: auto;
    margin-right: auto;
    width: 530px;
}

/*Forms Section */
.field_required{
    text-align:center;
    vertical-align: text-top;
    color: blue;
    width: 10px;
}

/*Form Inputs Section*/
.form_input input, select, textarea {
    background-color: #FFFFFF;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%;
}
.form_input_bold input, textarea{
    background-color: #FFFFFF;
    font-weight: bold;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%;
}
.form_input_bold select  {
    background-color: #FFFFFF;
    font-weight: bold;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%;
}

.field_input input, select, textarea {
    background-color: #FFFFFF;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%
}
.field_input_bold input, textarea  {
    background-color: #FFFFFF;
    font-weight: bold;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%;
}
.field_input_bold select  {
    background-color: #FFFFFF;
    font-weight: bold;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%;
}

.field_input_left{
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

/*Form Bullets Section*/
.bullet{
    vertical-align: middle;
    text-align: center;
}
.bullet_container{
    float: left;
    height: 15px;
    vertical-align: top;
}
.bullet_gap{
    width: 5px;
}
.bullet_description{
    text-align: left;
    vertical-align: top;
}
.bullet_text{
    text-align: left;
    vertical-align: top;
    width: 90px;
}
.bullet_row_spacer{
    height: 6px;
}

.table_header_row_label{
    text-align: center;
    vertical-align: text-bottom;
    font-weight: bold;
    color: black;
}

/*Form Labels Section*/
.field_label{
    text-align: right;
    vertical-align: text-top;
    font-weight: bold;
    color: black;
}
.form_label {
    text-align: right;
    vertical-align: text-top;
    font-weight: bold;
    color: #666666;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
}
.form_label_important {
    vertical-align: top;
    text-align: right;
    vertical-align: text-top;
    font-weight: bold;
    color: red;
}
.checkbox_label {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
}

/*BEGIN CITATION CSS DEFINITIONS*/
.field_label_citation{
    text-align: left;
    vertical-align: text-top;
    color: black;
    font-size:small;
    padding:2px;
}
.form_input_citation{
    background-color: #FFFFFF;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size:  100%;
    text-align: left;
    margin-bottom: 2px;
    margin-left: 2px;
}
.citation_box{
    border: solid black 1px;
}
/*END CITATION CSS DEFINITIONS*/

/*Form Table Section*/
.form_table_header {
    font-weight: bolder;
    text-align: center;
    font-size: 24px;
    color:black;
}
.form_table_subheader {
    font-weight: 300;
    text-align: center;
    font-size: 18px;
}

/*Form Buttons Section*/
.form_buttons{
    text-align: center;
}
.form_buttons_large{
    text-align: center;
    font-size: large;
    color: black;
    padding: 2px;
}

/* Validation Section */
.ValidationFailure{
    text-align: left;
    color: red;
}
.validation{
    color:red;
    font-weight: bold;
}

/*Error Section */
.error{
    text-align: center;
    color: red;
}
.error_container {
    width: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.form_error {
    background: url(../images/icon_alert.gif) left no-repeat;
    margin-left: 10px;
    padding-left: 20px;
    border: solid 10px #FF0000;
    padding-top: 5px;
    padding-bottom: 5px;
}
.element_error {
    background-color: #FFCCCC;
}

/*Unrelated Items */
.type {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #000000;
}
.row_spacer{
    height: 18px;
}
.row_width{
    width: 18px;
}
.thin_line{
    border: none;
    height: 1px;
    background: #07A;
    margin: 0px 0px 0px 0px;
}
.heightSpacer{
    height: 50px;
}

.icon-ppt, .icon-pdf { display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 0px no-repeat; }
.icon-txt { display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 -36px no-repeat; }
.icon-prv { display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 -72px no-repeat; }
.icon-gen { display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 -108px no-repeat; }
.icon-doc, .icon-docx{ display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 -144px no-repeat; }
.icon-jar { display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 -180px no-repeat; }
.icon-zip { display:block; height: 22px; padding-left: 20px; background: transparent url(../images/file_icons.png) 0 -216px no-repeat; }

/* Styling HTML reports */
.reset-body{
    box-sizing: border-box;
    margin: 0;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.container{
    width: 960px;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.75);
    min-height: 100vh;
}

.formatted_report{
    padding: 0 2% 3% 2%;
    margin: auto;
    font-family: Arial;
}

/* Utility Classes*/
.dark-bg{
    background: #666;
}

.light-bg{
    background: #FFFFFF;
}

.pp-5{
    padding: 5%;
}

.ppt-5{
    padding-top: 5%;
}

.pt-5{
    padding-top: 5px;
}

.pb-5{
    padding-bottom: 5px;
}

.mr-5{
    padding-right: 15px;
}

/* ./Utility Classes*/

@media print { 

 /* All your print styles go here */
 /*#header, #footer, #nav { display: none !important; } */

 .container{ width: 100%; padding: 0; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}
 .ppt-5{ padding-top: 0; }

}