﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/



body {
    /*background-color: #5c87b2;color: #353535; font-size: .85em;
    background: #5c87b2 url('../images/cns_repeat4.png') repeat top left;*/
   
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    
}

a:link {
    color: #034af3;
    text-decoration: none;
    border:0;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
   
}

a:active {
    color: #12eb87;
}

ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

img {
    border: 0;
}

header,
footer,
nav,
section 
{
    /*  display: block;*/
  
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color:  #5c87b2;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}
.suspended
{
    /*#F08080#FF4040*/
     padding: 0 5px;
    background-color:#DC143C;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.c1 {
    overflow:auto;
   
    float: left;
     
     /* border: 1px solid yellow; width: 100%;*/
}

.d1 
{
    /*  border: 1px solid #0f0; width:1%;*/
  
   
    display: inline-block;
    float: left;
    height:100px;
}

.d3 {
  
    /* border: 1px solid #0f0; width:1%; */
   
    display: inline-block;
    float: right;
    height:100px;
}

.d2 {
    
    /*border: 1px solid #000; width:98%; */
   overflow:hidden;
   
}

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    /*width: 90%;min-width:1024px;float:left; max-width:1200px; overflow:auto;   margin-left: auto;
    margin-right: auto;  margin-left:10px;margin-right:10px;
    float:left;
 margin-left:-10px;
 margin-right:-10px;
  width:100%; overflow:hidden;background-color:yellow
     
   
  height:100%;
  border:1px solid yellow ;*/
  float: left;
  width: 100%;
   
}
.maincontent
{
     
     float:left;
}
.leftmargin1
{
    /* 
      width:10px;float:left;border:1px solid red;margin-right:20px;display:inline-block;
     */
   border: 1px solid #0f0;
    display:inline-block;
    float: left;
    height:100%;background-color:Gray;
     width:10px;
}
.centerbox
{
    /* 
 
   max-width:1500px;
     margin-left: auto;
    margin-right: auto; */
     max-width:1500px;
    margin:0 auto;
}
.rightmargin1
{
    /* 
     width:10px;float:right;  border:1px solid green; display:inline-block;
    position:fixed;
    top:0;
    right:0;margin-left:10px;*/
    border: 1px solid #0f0;
    display: inline-block;
    float: right;
    height:100%;background-color:Gray;
     width:10px;
  
}
header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}



footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu 
{
    clear:both;
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    /*top:-15px;*/
    top:0;
    right:0;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting 
{
    /*padding: 10px 20px;*/
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    /**/background-color:#F0FFFF;
    text-decoration:none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.05em;
    color: #444;
    /*width: 200px;*/
    
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.05em;
    /**/
    color: #444;
}


input.submitbutton
{
     font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;
     margin:0;
     height:26px;
     border: 1px solid #cccccc/*{borderColorContent}*/; background: #f9f9f9/*{bgColorContent}*/ ;color: #034af3/*1c94c4{fcContent}*/;
    -moz-border-radius: 3px;
border-radius: 3px;
  font-size: 1.2em;
    padding: 0 10px;
    padding-bottom:2px;
  cursor:pointer;
  vertical-align:bottom;
}
input.submitbutton:hover
{
    border: 1px solid #fbcb09;
    background-color:#fdf9e1;
    color: #d07404;
}

.cancelbutton
{
     font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;
     margin:0;
     height:26px;
     /*border: 1px solid #cccccc;{borderColorContent}*/ 
     background: White/*{bgColorContent}*/ ;
     color: #034af3/*1c94c4{fcContent}*/;
    -moz-border-radius: 3px;
border-radius: 3px;
  font-size: 1.2em;
    padding: 0 10px;
    /*padding-bottom:2px;*/
  cursor:pointer;
  vertical-align:bottom;
}
.cancelbutton:hover
{
    border: 1px solid #fbcb09;
    background-color:#fdf9e1;
    color: #d07404;
}

#ui-id-1 ul {
    width: 666px !important;
    background-color: gainsboro !important;
}
/* TABLE
----------------------------------------------------------*/
table.data {
    /* border: solid 1px #e8eef4;
    border-collapse: collapse;
    margin-top:3px;font-size:larger;*/
    border-collapse: collapse;
    border: none;
    color: Black;
}

table td {
   
    text-align: left;
      vertical-align:top;padding: 5px;
    /*    border: solid 1px #e8eef4;*/
 
}

table .th 
{
    /*  padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;*/
  text-align: left;
  color:Blue;
    border-bottom:solid 1px blue;
}
    table .th .col_date {
        width: 120px
    }
    table .th .col_info {
        width: 220px
    }
.th12 {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}
 .full{width:100%;}
.alter tr:nth-child(even) {background-color:#e3eaef;}

.noborder tr td
{
    border:none;
}


/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
   
}

div#title 
{
    /*border:1px solid white;*/
    display: block;
    float: left;
    text-align: left;
    
}

/*#logindisplay {
   font-size:1.1em;
    display: block;
    text-align: right;
    margin: 10px 0;
    color: black;
    
    
   
}

    #logindisplay a:link {
        color: #35668f;
      
    }

    #logindisplay a:visited {
        color: #35668f;
    }*/


.searchselect
{
    -webkit-appearance: button;
    -webkit-user-select: none;
    background: url('../images/searchselect.png') no-repeat right #f9f9f9;
}

.stateheader
{
    border:1px solid #5c87b2;
    background-color:#5c87b2; 
-moz-border-radius: 3px;
border-radius: 3px;
}

hr
{
    /*background-color:White; */
   border:0; border-bottom:1px solid gray;
}

.wordwrap
{
    -ms-word-break: break-all;
     word-break: break-all;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    text-wrap:normal;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* Styles collected from _Layout which created by Jade
----------------------------------------------------------*/
  .ui-iggrid-header {text-align: center !important;}
        
        #selection_list
        {
            border: 1px solid;
            width: 600px;
            height: 200px;
            overflow-y: scroll;
            background-color: #EBEBEB;
        }
        
        
/* Styles for loading animation
----------------------------------------------------------*/
        div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
   
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    color:#1c94c4;
    background-color:White;
    border:1px solid #1c94c4;
    /*; background: url(/Content/ajax-loader.gif) no-repeat center;*/
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}


/* grid
---------------------------------------------------------------*/
.gridtd_filingdate
    {
       
        
    }
   .gridtd_filingdate a:link
    {
        
        
    }
    
    .gridtd_casenumber
    {
       
        /* color: #5b4770;*/
       
    }
   .gridtd_casenumber a:link
    {
        /* color: #5b4770;*/
       
    }
    
    .gridtd_courtname
    {
      
        /* color: #e0ac2f;  color: #592302;*/
       
    }
   .gridtd_courtname a:link
    {
        /*color: #e0ac2f;*/
        
    }
    
    .gridtd_plaintiffs
    {
        color:Red;
        /*color: #a4596b;*/
        
    }
   .gridtd_plaintiffs a:link
    {
        /*color: #a4596b;*/
        
    }
    
    .gridtd_defendants
    {
        color:Blue;
        /* color: #5959a4;*/
       
    }
   .gridtd_defendants a:link
    {
        /* color: #5959a4;*/
       
    }
    
    .gridtd_summary
    {
      color: #c23e0b;
        /*color: #2b402d; color: #017b4c;592302 ee7c20*/
    }
   .gridtd_summary a:link
    {
        /*color: #2b402d;*/
    }


.grid_filingdate
    {
        /*color: #592302;*/
        
        
    }
   .grid_filingdate a:link
    {
       /*color: #592302;*/
        
    }
    .grid_filingdate_asc
    {
        /*color: #592302;*/
        
        
    }
   .grid_filingdate_asc a:link
    {
     
        
    }
    .grid_filingdate_desc
    {
        /*color: #592302;*/
        
        
    }
   .grid_filingdate_desc a:link
    {
       
        
    }
    .grid_casenumber
    {
        /* color: #5b4770;*/
       
    }
   .grid_casenumber a:link
    {
        /* color: #5b4770;*/
       
    }
     .grid_casenumber_asc
    {
        /* color: #5b4770;*/
       
    }
   .grid_casenumber_asc a:link
    {
        /* color: #5b4770;*/
       
    } .grid_casenumber_desc
    {
        /* color: #5b4770;*/
       
    }
   .grid_casenumber_desc a:link
    {
        /* color: #5b4770;*/
       
    }
    .grid_courtname
    {
        /* color: #e0ac2f;*/
       
    }
   .grid_courtname a:link
    {
        /*color: #e0ac2f;*/
        
    }
    .grid_name_asc
    {
        /* color: #e0ac2f;*/
       
    }
   .grid_name_asc a:link
    {
        /*color: #e0ac2f;*/
        
    }.grid_name_desc
    {
        /* color: #e0ac2f;*/
       
    }
   .grid_name_desc a:link
    {
        /*color: #e0ac2f;*/
        
    }
    .grid_plaintiffs
    {
        /*color: #a4596b;*/
        
    }
   .grid_plaintiffs a:link
    {
        /*color: #a4596b;*/
        
    }
     .grid_plaintiffs_asc
    {
        /*color: #a4596b;*/
        
    }
   .grid_plaintiffs_asc a:link
    {
        /*color: #a4596b;*/
        
    } .grid_plaintiffs_desc
    {
        /*color: #a4596b;*/
        
    }
   .grid_plaintiffs_desc a:link
    {
        /*color: #a4596b;*/
        
    }
    .grid_defendants
    {
        /* color: #5959a4;*/
       
    }
   .grid_defendants a:link
    {
        /* color: #5959a4;*/
       
    }
     .grid_defendants_asc
    {
        /* color: #5959a4;*/
       
    }
   .grid_defendants_asc a:link
    {
        /* color: #5959a4;*/
       
    }
     .grid_defendants_desc
    {
        /* color: #5959a4;*/
       
    }
   .grid_defendants_desc a:link
    {
        /* color: #5959a4;*/
       
    }
    .grid_summary
    {
        /*color: #2b402d;*/
    }
   .grid_summary a:link
    {
        /*color: #2b402d;*/
    }
     .grid_summary_asc
    {
        /*color: #2b402d;*/
    }
   .grid_summary_asc a:link
    {
        /*color: #2b402d;*/
    } .grid_summary_desc
    {
        /*color: #2b402d;*/
    }
   .grid_summary_desc a:link
    {
        /*color: #2b402d;*/
    }
    
    grid_assets_asc
    {
    }
    grid_assets_asc a:link
    {
    }
     grid_assets_desc
    {
    }
    grid_assets_desc a:link
    {
    }
    grid_liabilities_asc
    {
    }
    grid_liabilities_asc a:link
    {
    }
     grid_liabilities_desc
    {
    }
    grid_liabilities_desc a:link
    {
    }
     grid_categories_asc
    {
    }
    grid_categories_asc a:link
    {
    }
     grid_categories_desc
    {
    }
    grid_categories_desc a:link
    {
    }
     grid_topic_asc
    {
    }
    grid_topic_asc a:link
    {
    }
     grid_topic_desc
    {
    }
    grid_topic_desc a:link
    {
    }
     grid_civil_asc
    {
    }
    grid_civil_asc a:link
    {
    }
     grid_civil_desc
    {
    }
    grid_civil_desc a:link
    {
    }
    .resultsreturned
    {
        font-style:italic; color:#5c87b2; margin:1px; float:left;
    }
    
    .excelbutton a:link
    {
        /*#cccccc#034af3*/
        float:right;border:1px solid #cccccc; font-size:smaller; margin:0 1px; padding: 0 2px; 
        color: #034af3;
        background-color:#f9f9f9;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
   .excelbutton a:hover
   {
       color:#66CD00;
       border-color:#66CD00;
   }
    .excelbuttonleft a:link
    {
        /*#cccccc#034af3*/
        margin:0 1px; padding: 0 2px; 
        
    }
   .excelbuttonleft a:hover
   {
       color:#66CD00;
      
   }
    
/* adv search
---------------------------------------------------------------*/
.advSearch
{
    background-color:White; border:1px solid #5c87b2  ;
    /*#034af3#DBDBDB*/
    -moz-box-shadow: 5px 5px 5px #5c87b2;
-webkit-box-shadow: 5px 5px 5px #5c87b2;
box-shadow: 5px 5px 5px #5c87b2;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:5px;
}

.advTable 
{
  width: 370px;
  margin:5px 0;
    
    /*margin-bottom:10px;  */
}

.advTable table
{
 border-color:Red;
    /*margin-bottom:10px;  */
}

.advTable td
{
    
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    
    font-size:smaller;
    /*min-width:120px; max-width:100px;width:25%;;*/
}

.advTable input[type="text"]
{
    width:98%;
}

.statebutton:hover
{
    border: 1px solid #fbcb09;
    background-color:#fdf9e1;
    color: #d07404;
}

#datePickerFrom
{
    width:95%;
}



.radioButtonFrame
{
    float:left;
    background-color:#5c87b2; border:1px solid #5c87b2;
    color:White;
     padding:0 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.radioButtonFrame1
{
    float:left;
    background-color:#7CCD7C; border:1px solid #7CCD7C;
    color:White;
     padding:0 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/*#subOnly
{
    float:left;
    background-color:#5c87b2; border:1px solid #5c87b2  ;
     color:White;
     padding:0 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#allStateFederal
{
    float:left;
     background-color:#7CCD7C; border:1px solid #7CCD7C  ;
     color:White;
     padding:0 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/
/* dinger
---------------------------------------------------------------*/
.freeicon
{
    display:inline-block;margin-bottom:1px;
     background-color:#7CCD7C; border:1px solid #7CCD7C  ;
     color:White;
     padding:0 10px;
    /*#034af3#DBDBDB*/
    -moz-box-shadow: 4px 2px 5px #5c87b2;
-webkit-box-shadow: 4px 2px 5px #5c87b2;
box-shadow: 4px 2px 5px #5c87b2;
-moz-border-radius: 10px;
border-radius: 10px;

}
.freeicon1
{
    display:inline-block;
     background-color:#7CCD7C;
     color:White;
     padding:0 5px;
    /*#034af3#DBDBDB*/
  
-moz-border-radius: 3px;
border-radius: 3px;

}

.paidicon
{
    display:inline-block;margin-bottom:1px;
     background-color:#FFC125; border:1px solid #FFC125;
     color:White;
     padding:0 10px;
    /*#034af3#DBDBDB#EEC900*/
    -moz-box-shadow: 4px 1px 5px #5c87b2;
-webkit-box-shadow: 4px 1px 5px #5c87b2;
box-shadow: 4px 1px 5px #5c87b2;
-moz-border-radius: 10px;
border-radius: 10px;

}
.paidicon1
{
    display:inline-block;
     background-color:#FFC125; 
     color:White;
     padding:0 5px;
    /*#034af3#DBDBDB#EEC900*/
   
-moz-border-radius: 3px;
border-radius: 3px;

}
.blueTitle
{
    /*#5c87b2;*/
    color: #496c8e;
    vertical-align:top;
}
.notspecified
{
    color:#A6A6A6;
    vertical-align:top;
}


#dingerTable tr td 
{
    border:none;
}

.dingerselect
{
    -webkit-appearance: button;
    -webkit-user-select: none;
    font-size:.85em;
    background: url('../images/searchselect.png') no-repeat right White;
}

.downloadui
{
    /*border: 1px dashed #FFC125; -moz-box-shadow: 4px 1px 5px #5c87b2;
-webkit-box-shadow: 4px 1px 5px #5c87b2;background-color:#799dc0;
box-shadow: 4px 1px 5px #5c87b2;height:160px;
*/
    width:615px;
    
    padding: 10px;
    
    border: 1px solid #799dc0;
    -moz-border-radius: 10px;
border-radius: 10px;
   
}
.downloadui a:hover
{
    /*Color:White;
    background-color:#799dc0;*/
    text-decoration:underline;
}
/* misc effects
---------------------------------------------------------------*/
.textshadowed
{
   text-shadow: 0.2em 0.1em 0.2em #1C1C1C;
}

.addBG
{
    background:none;
    background-color:White;
}

.boxshadowed
{
    position:relative;
    width:390px; float:left;  margin-right:30px;margin-bottom:30px; overflow:auto;
    height:270px;
    padding-left:10px;
    padding-right:10px;
     background-color:White; border:1px solid #5c87b2  ;
    /*#034af3#DBDBDB*/
    -moz-box-shadow: 5px 5px 5px #5c87b2;
-webkit-box-shadow: 5px 5px 5px #5c87b2;
box-shadow: 5px 5px 5px #5c87b2;
}
.boxshadowed_min
{
    position:relative;
    min-width:390px; float:left;  margin-right:30px;margin-bottom:30px; overflow:auto;
    min-height:270px;
    padding-left:10px;
    padding-right:10px;
     background-color:White; border:1px solid #5c87b2  ;
    /*#034af3#DBDBDB*/
    -moz-box-shadow: 5px 5px 5px #5c87b2;
-webkit-box-shadow: 5px 5px 5px #5c87b2;
box-shadow: 5px 5px 5px #5c87b2;
}

.hovershadow a:link
{
    
}
.hovershadow a:hover
{
    background-color:Yellow;
    text-shadow: 0.1em 0.1em 0.2em #333;
}

/* misc effects
---------------------------------------------------------------*/
.adminTable input[type="text"]
{
    width:98%;
}
.courticon
{
    margin-top:1px;
    display:inline-block;
     background-color:#8B7D7B; border:1px solid #8B7D7B;
     color:White;
     padding:0 10px;
    /*#FFE7BA

-moz-box-shadow: 4px 1px 5px #EED8AE;
-webkit-box-shadow: 4px 1px 5px #EED8AE;
box-shadow: 4px 1px 5px #EED8AE;
*/
    cursor:pointer;
    
-moz-border-radius: 10px;
border-radius: 10px;

}
.federalicon
{
    text-align:center;
    font-size:25px;
    margin:10px;
    display:inline-block;
     background-color:#000080; border:1px solid #000080;
     color:White;
     padding:0 10px;
     height:100px; width:150px;
    /*#FFE7BA


*/
    cursor:pointer;
    -moz-box-shadow: 4px 1px 5px #EED8AE;
-webkit-box-shadow: 4px 1px 5px #EED8AE;
box-shadow: 4px 1px 5px #EED8AE;
-moz-border-radius: 10px;
border-radius: 10px;

}

.circle {
	border-radius: 50%;
	width: 40px;
	height:15px; 
	 margin-right:2px;margin-top:1px; margin-bottom:0; 
	 padding-bottom:2px;
	 
	 
	 background-color:#5c87b2;
	 color:White;
	 text-align:center;
	/* border:3px solid green;font-size:large; padding-top:12px;padding:2px; */
}

#overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.nonoverlay {
   z-index: 999;
    /*
    position: absolute; 
    background-color:Gray;background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;*/
}
.download_invalid
{
    color: Red;
    
    /*font-size:larger;*/
}

/************New Search Page********************/
.col1
{
    width: 33.3%;
    min-width: 200px;
    float: left;
}

.col2
{
    width: 33.3%;
    min-width: 200px;
    float: none;
}

.col3
{
    width: 33.3%;
    min-width: 200px;
    float: right;
}

/***********************buttons**************************/
   .button
{
    
   cursor:pointer;
   
}
    .button_a
    {
        font-size:large;
        color:#006dcc;
    }
    .button_a:hover
    {
        text-decoration:underline;
        }
  
.button1
{
    /*float:left; border:1px solid transparent;vertical-align:top;*/
    
    
   margin:2px;
     height:36px;
    width:36px;
}
.button1:hover
{
    /* border:1px solid gray;*/
    
}

.btn_white
{
    font-size:0.9em;
     text-align:center;padding:10px; 
        display:inline-block ;cursor:pointer; font-weight:bold;
       border-radius: 4px;
       background-color:white;color:#323232; 
    border:1px solid gray;
       /*  background-color:white;color:black;border-top:3px solid #ddd;
       border-left:3px solid #ddd;
       border-right:3px solid gray;
       border-bottom:3px solid gray;*/
    }
.btn_white:hover
{
    /* background-color:#323232;color:white;  background-color:gray;color:white;background-color:#ddd;*/
 background-color:gray;color:white;
    }
.btn_blue
{
    font-size:0.9em; text-align:center;padding:10px; 
        display:inline-block ;cursor:pointer; font-weight:bold;
    border-radius: 4px;
    background-color:#1a0dab;color:white;
    border:1px solid #1a0dab;
       /*background-color:white;color:#1a0dab; border-top:2px solid #d1ceee;
       border-left:2px solid #d1ceee;
       border-right:2px solid #5e55c4;
       border-bottom:2px solid #5e55c4;*/
       /* background-color:#e3e1f4;color:#1a0dab; border-top:2px solid #d1ceee;
       border-left:2px solid #d1ceee;
       border-right:2px solid #756dcc;
       border-bottom:2px solid #756dcc;*/
    }
.btn_blue:hover
{
    /*background-color:#1a0dab;color:white; */
    background-color:white;color:#1a0dab;
    }
/***********Video Tutorial**************/
#btn_tutorial
{
    float: right;vertical-align:middle; border:1px solid #006dcc; padding-right:5px;
}
.img_tutorial
{
    background-color:#006dcc; vertical-align:middle;
    }
    .img_indexBtn
{
    background-color:Green; vertical-align:middle;
    }
    .btn_indexBtn
{
    background-color:White; vertical-align:middle;
    padding:0 4px; color:Green;border:1px solid green; margin:0 2px;
   
    }
     .btn_indexBtn a
     {color:Green; padding:0; margin:0;}
    .btn_indexBtn:hover,  .btn_indexBtn a:hover
    {
         background-color:Green; color:White;
         cursor:pointer;
        /*text-decoration:underline;*/
        }
        
/*************************table************************/
#table_index tr th
{
    font-weight:normal;
    text-align:left;color: 	#484848;
    border-bottom:1px solid gray;
    
     
    }
#table_index tr td
{
    padding-top:10px;
    padding-bottom:20px;border-bottom:1px solid #ddd;
    padding-left:10px;
   /* */
    }    
#table_index tr th a.sortarrow,#table_index tr th a.sortarrow:link,#table_index tr th a.sortarrow:active,#table_index tr th a.sortarrow:visited
{
    color: 	#ddd;
    }
#table_index tr th
{
    padding:5px;
    }
#table_index 
{
    border-collapse: collapse;
    width:100%;
    }
 #table_index   tr:nth-child(even) {
 
  /* background-color: #e7e7e7;*/
}
#table_index a, #table_index a:link, #table_index a:active,#table_index a:visited
{
    color: #1a0dab;
}
#table_index a:hover
{
    text-decoration:underline;
    }
#label_altrow
{
   cursor:pointer; 
    }    
#label_altrow:hover
{
    text-decoration:underline;
    }  
#table_index .sortingarrow_inactive      
{
    color: #ddd;
    cursor:pointer;
    }
    #table_index .sortingarrow_inactive:hover      
{
    text-decoration:underline;
    }
    #table_index .sortingarrow_active      
{
    color: black;
    cursor:pointer;
    }
    #table_index .sortingarrow_active:hover      
{
    text-decoration:underline;
    }

/******************/
.table_index tr th
{
    font-weight:normal;
    text-align:left;color: 	#484848;
    border-bottom:1px solid gray;
    
     
    }
.table_index tr td
{
    padding-top:10px;
    padding-bottom:20px;border-bottom:1px solid #ddd;
    padding-left:10px;
   /* */
    }    
.table_index tr th a.sortarrow,.table_index tr th a.sortarrow:link,.table_index tr th a.sortarrow:active,.table_index tr th a.sortarrow:visited
{
    color: 	#ddd;
    }
.table_index tr th
{
    padding:5px;
    }
.table_index 
{
    border-collapse: collapse;
    width:100%;
    }
 .table_index   tr:nth-child(even) {
 
  /* background-color: #e7e7e7;*/
}
.table_index a, .table_index a:link, .table_index a:active,.table_index a:visited
{
    color: #1a0dab;
}
.table_index a:hover
{
    text-decoration:underline;
    }
#label_altrow
{
   cursor:pointer; 
    }    
#label_altrow:hover
{
    text-decoration:underline;
    }  
.table_index .sortingarrow_inactive      
{
    color: #ddd;
    cursor:pointer;
    }
    .table_index .sortingarrow_inactive:hover      
{
    text-decoration:underline;
    }
    .table_index .sortingarrow_active      
{
    color: black;
    cursor:pointer;
    }
    .table_index .sortingarrow_active:hover      
{
    text-decoration:underline;
    }
/******************popup form****************************/
.popup_container
{
    padding: 20px;}
.popup_title
{
    margin-top: 5px; margin-bottom: 10px;color: #034af3;padding: 0;padding-left:5px;
    }    
/***************messagebox*********************/    
.div_message 
{
    height:300px;
    width:400px;
   padding:10px;
    display: flex;
  flex-direction: column;
  justify-content: center;
}
.p_message
{
 margin-top:-10%;   
    }
/***********to be replaced*************/
table.bordernone 
{
    border:none;
}


table.bordernone  td
{
    border:none;
}

table.marginnone 
{
    margin:none;
    padding:none;
    border-collapse: collapse;
	border-spacing: 0;
	line-height: 1;
}

table.marginnone tr
{
    margin:none;
    padding:none;
    border-collapse: collapse;
	border-spacing: 0;
	line-height: 1;
}
table.marginnone  td
{
    margin:none;
    padding:none;
    border-collapse: collapse;
	border-spacing: 0;
	line-height:1;
}
/*****************navi********************/
.sub-nav a:hover
{
    text-decoration:underline;
    }
.btn_textinputrightside_small_fontawesome
{
    cursor:pointer;
    border:1px solid #ccc;
    border-left: none;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    position: relative;
    top: 1px;
    /**/
    }
    .btn_textinputrightside_small_text
{
    cursor:pointer;
    border:1px solid #ccc;
    border-left: none;
    padding: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    position: relative;
    top: 1px;
    }
    
     /* chrome is reading the position differently from ff*/
    @-moz-document url-prefix() {
    .btn_textinputrightside_small_fontawesome,.btn_textinputrightside_small_text {
       top: -1px;
    }
}

/*********jquery datepicker (after kendo update)******/
/
.ui-datepicker {
    
    /*width: 300px;
    height: 300px;
    margin: 5px auto 0;
    font: 12pt Arial, sans-serif;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);*/
}

.ui-datepicker table {
    background: #ffffff;
    /*width: 100%;*/
}

.ui-datepicker-header {
    background: #ffffff;
    /*background: #3399ff;
    color: #ffffff;
    font-family: 'Times New Roman';
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;*/
    background: #ffffff;
}

.ui-datepicker-title {
    background: #ffffff;
    text-align: center;
    /*font-size: 15px;*/
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    padding-left: 5px;
    color: #034af3;
    /*background-position: center -30px;*/
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    /*background-position: center 0px;*/
    padding-right: 5px;
    color: #034af3;
}

.ui-datepicker thead {
    /*background-color: #f7f7f7;*/
    /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker th {
    /*background-color: #808080;
    text-transform: uppercase;
    font-size: 8pt;
    color: #666666;*/
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker tbody td {
    padding: 0;
    /*border-right: 1px solid #808080;*/
}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    /*font-weight: bold;*/
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    /*text-shadow: 1px 1px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}

.ui-datepicker-calendar .ui-state-default {
    /*background: linear-gradient(#ddd, #737373);*/
    background: #f2f6f7;
    color: black;
    height: 40px;
    width: 40px;
}

.ui-datepicker-calendar .ui-state-hover {
    background: #034af3;
    color: #FFFFFF;
}

.ui-datepicker-calendar .ui-state-active {
    background: #D6E4BE;
    color: #000;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    text-shadow: 0px 1px 0px #4d7a85;
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background:gray;
    color: black;
}