/******  CTERT-specific styles that are not part of standard facing from ertjsf  ******/
.datalist-noborder .ui-widget-content {
  border: none;
}

body .tab-container select option
{
  font-size: 12px !important;
  padding: 2px 0;
}
body form select option:hover
{
background-color: #0549ff !important;
}

#work-area .ui-tabs
{
   padding: 0 !important;
   margin-top: 6px;
}
.ui-fieldset .nested-container-invisible .scroll-panel-favorites {
       
min-height:8em;
max-height:  400px;
overflow-y:auto;
overflow-x:hidden;
border:solid 1px #dddddd;
width:auto;
height:auto;
}

.ui-fieldset .nested-container-invisible .scroll-panel-favorites input[type=checkbox] {
       margin-bottom:2.8em;
       margin-top:2px;
       top:2px;
       }

.tab-container
{
   width: 100%;
   vertical-align: top;
   border: none;
}

.displayInline
{
       display:inline-block;
}

.tab-container .conform-margins
{
   margin-left: 0 !important;
   margin-right: 0 !important;
}

/* 
 first level fieldsets only 
 */

.tab-container .ui-fieldset
{
   margin: 1em 0;
   padding: 1em;
}

#updateCtDiv.tab-container .ui-fieldset
{
   margin: 6px 0;
   padding: 6px;
}


.tab-container .ui-fieldset-content 
{
   margin: 0 !important;
   padding: 0 !important;
}

/* dashed fieldsets with inline legends */
.ui-fieldset .ui-fieldset-secondary,
.ct-dms-import-ui-fieldset     
{ 
  padding: .8em 0 0 0;
  display: block;
  width: 99% !important;
  clear: both;
  border: dashed 1px #333 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  overflow: visible;
  margin:1em 0;
}

.ui-fieldset-secondary.nodash
{ 
  border-top: none !important;
  margin:0 12px;
  padding:0;
}

#vehicleTabDIV .ui-fieldset-secondary.nodash{
margin:0px;
}

/* Remove the cursor from the legend of inner fieldsets */
.ui-fieldset-secondary .ui-fieldset-legend 
{
  cursor: default;
}

.ct-dms-import-ui-fieldset
{
       padding: 0 0;
       border-top: none !important;
       margin:0 0;
}
/*
Nested fieldsets with the dashed border
altered layout because of legend floating above.

*/
  
  
.ui-fieldset .ui-fieldset-toggleable
{
   margin-top: 4em;
   padding-top: 1em;
   padding-bottom: 0;
   display: block;
   clear: both;
   border: dashed 1px #333 !important;
   border-left: none !important;
   border-right: none !important;
   border-bottom: none !important;
   overflow: visible;
   margin-bottom: 0 !important;
}

.ui-fieldset .ui-fieldset-toggleable .ui-fieldset-content 
{
   margin: 2em -1em .3em -1em !important;
   padding: 0 0 0 0 !important;
}

.ct-dms-import-ui-fieldset .ui-fieldset-content 
{
  margin: 0em -1em  0em -1em !important;
  padding: 0 0 0 0 !important;
}

.ui-fieldset.nested-container-invisible {
   border: none !important;
}

/*this is the panel below the inquiry input in vehichle */
.ui-fieldset .nested-container-invisible

{
   border-color: #fff;
   border-width: 0px !important;
   border: none !important;
   padding: 0 0 0 0!important;
   margin: 0!important;
   width: 100%;
}

/* fieldsets with rule beneath*/

.ui-fieldset .rule-bottom
{
   margin: 0 !important;
   margin-bottom: 2em !important;
   padding: 0 0 1em 0 !important;
   border: none !important;
   border-bottom: 1px #aaa solid !important;
}



#updateCtDiv .ui-fieldset .rule-bottom
{
   margin-bottom: 1em !important;
}

/* ********************************************************************************** */
/* next two classes deal with borders and layouts of Inv and Docs panels */
/* .left .ui-fieldset
{
  border:none !important;
} */

/* .left .ui-fieldset .ui-fieldset-legend
{
  border-bottom: 1px solid #aaa !important;
  width:99% !important;
} */

/* ********************************************************************************** */

/*force layout on a fieldset, span, or div */
.container-has-layout
{
   display: block;
   clear: both;
   overflow: hidden;
   height: auto;
}

/* input groups that need to be divs or spans */
.input-groups-vertical-space,
.address-groups-vertical-space
{
   margin: 0 0 0 0;
}

.input-groups-vertical-space
{
   margin-top: 1.5em;
}

/*normalize first fieldset's  indent because it has one less container... */

.tab-container input,
.col-2-up-container input,
.tab-container .read-only-span
{
   margin-right: 2px;
}

.tab-container input.more-r-margin
{
       margin-right: 4px;
}

.tab-container label,
.tab-container .label-block
{
   float: left;
   display: block;
   margin-right: 2px;
   width: 135px !important;
   text-align: right;
   white-space: nowrap;
   line-height: 24px;
}

.label-block.more-left-margin
{
   margin-left: 12em;
   width:150px!important;
}

.label-block.narrower
{
   width:105px!important;
}

.col-thirds .less-left-margin
{
       margin-left: -42px;
}

.label-block.move-down
{
   margin-top: 2px;
}

.label-block.move-right
{
   margin-left: 24px;
}

.field-med.move-right
{
   margin-left: 3px!important;
}

/*vertical spacing*/

.tab-container label,
.tab-container input,
.tab-container select,
.tab-container .label-block,
.tab-container .read-only-span,
.tab-container .ui-selectonemenu,
.col-2-up-container label,
.col-2-up-container input,
.col-2-up-container select,
.col-2-up-container .label-block,
.col-2-up-container .read-only-span,
.col-2-up-container .ui-selectonemenu
{
   margin-bottom: 8px;
}

#updateCtDiv.tab-container label,
#updateCtDiv.tab-container input,
#updateCtDiv.tab-container select,
#updateCtDiv.tab-container .label-block,
#updateCtDiv.tab-container .read-only-span,
#updateCtDiv.tab-container .ui-selectonemenu
{
   margin-bottom: 0px;
}




/*
.remove-bottom-margin {
       margin-bottom: 0.1px!important;
}
*/

/* color: #aaa !important; changed to #333333*/
.tab-container .read-only-span
{
   line-height: 24px;
   margin-left: 8px;
   color: #333333 !important;
}

.tab-container .read-only-span-normal
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  color: #000000 !important;
  vertical-align: middle!important;
  line-height: 24px !important;
  margin-bottom: 8px !important;
  width: 150px !important;
  clear: none !important;
  margin-right: 2px !important;
  margin-left: 8px!important;
  float: left !important;
  display: block !important;
}

.tab-container .ui-selectonemenu,
.tab-container select
{
   padding: 0;
   float: left;
   height: 22px;
}

.tab-container input,
.tab-container select,
.tab-container label+div,
.tab-container .label-block,
.tab-container .read-only-span
{
   display: block;
   float: left;
   vertical-align: middle;
}

.tab-container div label+div
{
   margin: 0;
   padding: 0;
}

.tab-container select,
.tab-container .ui-selectonemenu
{
   padding: 0;
   float: left;
}

.tab-container button
{
   float: left;
   margin-left: 6px;
   padding-left: 0 !important;
   padding-right: 0 !important;
   height: 24px;
}

.tab-container .ui-fieldset-content select .ui-state-focus
{
   background-image: none !important;
   background-color: #00549f !important;
   color: #ffffff;
}

.ui-fieldset .ui-fieldset-toggleable label
{
   width: 145px;
   white-space: normal;
}

/*
.ui-fieldset .ui-fieldset-toggleable legend,   <------ *********************************
.ui-fieldset .ui-fieldset-toggleable legend.ui-state-default.ui-state-hover ,
.ui-fieldset .ui-fieldset-toggleable.prior-owner legend,
.ui-fieldset .ui-fieldset-toggleable.prior-owner legend.ui-state-default.ui-state-hover
*/

.ui-fieldset .ui-fieldset-toggleable legend,
.ui-fieldset .ui-fieldset-toggleable legend.ui-state-default.ui-state-hover,
.ui-fieldset .ui-fieldset-toggleable.prior-owner legend,
.ui-fieldset .ui-fieldset-toggleable.prior-owner legend.ui-state-default.ui-state-hover
{
   font-weight: 600;
   color: #333;
   margin-top: -2.3em;
   margin-left: -1em;
   padding: 0 0 0 2px;
   background-color: #fff !important;
}

/******  These work on the Vehicle Tab/Prior Ownership Toggleable Property  ******/

/***
#titleSection
.ct-dms-import-ui-fieldset legend span.ui-icon-minusthick,
.ct-dms-import-ui-fieldset legend.ui-state-hover span.ui-icon-plusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend span.ui-icon-minusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend.ui-state-hover span.ui-icon-plusthick
{
   font-weight: 600;
   color: #333;
   margin-left: 1em;
   padding: 0 0 0 2px;
   background-image: url("/ctolrs/javax.faces.resource/ertjsf/images/hideIcon.gif.xhtml")!important;
   background-color: #fff !important;
   background-position: 0 0 !important;
}

#titleSection
.ct-dms-import-ui-fieldset legend span.ui-icon-plusthick,
.ct-dms-import-ui-fieldset legend.ui-state-default.ui-state-hover span.ui-icon-minusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend span.ui-icon-plusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend.ui-state-hover span.ui-icon-minusthick
{
   font-weight: 600;
   color: #333;
   margin-left: 1em;
   padding: 0 0 0 2px;
   background-image: url("/ctolrs/javax.faces.resource/ertjsf/images/hideIcon.gif.xhtml")!important;
   background-color: #fff !important;
   background-position: 0 0 !important;
}
***/

/** it can be accomplished by the following without the side-effect of BZ31432, also changed to 0 margin so that it is consistent with the Customer tab**/
.ui-fieldset.prior-owner.ui-fieldset-secondary legend
{
   margin-left: 0!important;
}


/******  END OF - Vehicle Tab/Prior Ownership Toggleable Property Settings  ******/

.ui-fieldset .ui-fieldset-secondary legend,
.ct-dms-import-ui-fieldset legend
{
   font-weight: 600;
   color: #333;
   margin-top: -2px;
   margin-left: 0px;
   background-color: #fff !important;
}

/*
arrow replacements for nested fieldsets 
*/
.ct-dms-import-ui-fieldset legend span.ui-icon-minusthick,
.ct-dms-import-ui-fieldset legend.ui-state-hover span.ui-icon-plusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend span.ui-icon-minusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend.ui-state-hover span.ui-icon-plusthick
{
  width: 16px;
  height: 16px;
  display: block;
  background-image: url("/ctolrs/javax.faces.resource/ertjsf/images/hideIcon.gif.xhtml")!important;
  background-position: 0 0;
}
.ct-dms-import-ui-fieldset legend span.ui-icon-plusthick,
.ct-dms-import-ui-fieldset legend.ui-state-default.ui-state-hover span.ui-icon-minusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend span.ui-icon-plusthick,
.tab-container .ui-fieldset .ui-fieldset-toggleable legend.ui-state-hover span.ui-icon-minusthick
{
   width: 16px;
   height: 16px;
   display: block;
   background-image: url("/ctolrs/javax.faces.resource/ertjsf/images/showIcon.gif.xhtml") !important;
   background-position: 0 0;
}

/*

Special third variation of fieldset for one time address with a checkbox...
*/

.tab-container .checkbox-fieldset
{
   margin-top: 1.5em;
   padding-top: 2em;
   border: none !important;
   border-top: dashed 1px #333 !important;
   position: relative;
   height: auto;
   overflow: visible;
}

/* floating in space relative to the fieldset parent */

.checkbox-fieldset legend
{
   top: -10px;
   left: -10px;
   padding-top: 3px;
   line-height: 14px;
   padding-right: 12px;
   position: absolute;
   background-color: #ffffff;
   z-index: 2;
}

.checkbox-fieldset legend input[type=checkbox]
{
   margin-top: -3px;
   margin-right: 3px;
}

/* 
  primefaces generates a table for radios... 
 and sometimes we have labels in line.
  */
  

.tab-container .radio-table
{
   width: auto;
   padding: 0;
   margin: 0;
   height: 16px;
   overflow: hidden;
   float: left;
}

.tab-container .radio-table td
{
   display: table-cell;
   width: auto !important;
   text-align: left;
   padding: 1px;
   vertical-align: middle;
   white-space: nowrap;
}

.tab-container .radio-table td label
{
   width: auto !important;
   text-align: left;
   float: left;
   margin: 0 .2em 0 2px;
   padding: 0 .2em;
   padding-top: 2px;
   clear: none;
   line-height: 14px;
}

.tab-container .radio-table td input
{
   text-align: center;
   vertical-align: middle;
   line-height: 16px;
   padding: 1px 0 0 0px;
   margin: 1px 0 0 0;
   border: 1px solid #fff;
   width: auto!important;
}

/* 
select label override that's inside the dropdown
*/

.tab-container label.ui-selectonemenu-label,
.col-thirds label.ui-selectonemenu-label
{
   font-size: 12px !important;
   margin: 0;
   padding: 0;
   padding-left: 1px;
   text-align: left !important;
   line-height: 22px;
   height: 22px;
   display: block;
}
.tab-container .ui-widget select option,
.col-thirds select option,
.tab-container select option
{
   
   padding-left: 4px !important;
   padding-right: 4px !important; 
}



/*

text inputs and selects should have the same width and lengths 
This is an attempt to normalize them using a fieldset of classes

*/

.tab-container .col-thirds .field-small
{
   width: 35px;
   margin-right: 96px !important;
}

.tab-container .col-thirds .ui-selectonemenu.field-small,
.tab-container .col-thirds select.field-small
{
   margin-right: 74px !important;
}

/*
bigger for selects
*/
.tab-container div.ui-selectonemenu.field-small, /* make sure to adjust label margin for col-thirds if changing this value */
.tab-container .col-thirds select.field-small
{
   width: 65px !important;
   margin-right: 74px !important;
}

.tab-container .col-thirds select.field-small.bigger
{
   width: 67px !important;
}

.tab-container div.ui-selectonemenu.field-small label,
.tab-container select option
{
   width: 100% !important;
   display: block;
}

.ui-fieldset .hasDatepicker, /* input field for datepicker */
.input-zip,
.tab-container .field-med
{
   width: 80px !important;
}

.input-zip
{
       margin-right: 4px!important;
}


.ui-fieldset.col-thirds .ui-selectonemenu.field-med,
.ui-fieldset.col-thirds select.field-med
{
   width: 90px !important;
}

.tab-container .field-med
{
   margin-right: 52px;
}

.tab-container .field-med.less-r-margin
{
   margin-right: 4px;
}

.tab-container .remove-right-margin
{
   margin-right: 0px !important;
}

.tab-container .ui-fieldset.col-thirds .ui-selectonemenu.field-med,
.tab-container .ui-fieldset.col-thirds select.field-med
{
   margin-right: 50px;
}

.col-2-up-container select
{
   width: 100px!important;
   height:22px;
   padding:0;
}

.tab-container .field-med-long
{
   width: 130px !important;
   margin-right: 4px !important;
}

.tab-container .field-med-long
{
   width: 130px !important;
   margin-right: 4px !important;
}

.tab-container .ui-selectonemenu.field-med-long,
.tab-container select.field-med-long
{
   width: 138px !important;
   margin-right: 4px !important;
}

.tab-container .col-thirds .ui-autocomplete-input
{
   width: 135px !important;
   margin-right: 0px !important;
}

/* 

adds margin to make label in next col line up. 

*/

.tab-container .col-thirds .ui-datepicker-trigger
{
   margin-right: 24px !important;
   margin-left: 0 !important;
}

.tab-container label.label-med,
.col-2-up-container label.label-med,
.col-2-up-container .col-half .empty
{
   width: 80px !important;
   margin-left: 18px;
   float: left;
   clear: none !important;
}

/* col-half  is a two panel layout like in inv/fees*/

.tab-container .col-half input,
.tab-container .col-half .read-only-span,

/* col-two-up-container  contains a two panel layout without tabs like manage favorites */
.col-2-up-container .col-half input,
.col-2-up-container .col-half .read-only-span
{
   margin-right: 2px;
}

.tab-container .col-half .field-small,
.col-2-up-container .col-half .field-small
{
   width: 35px;
}

.col-2-up-container .col-half .label-small,
.tab-container .col-half .label-small,
.col-2-up.col-half .label-small
{
   width: 35px;
   margin: 1px 2px 1px .25em;
   line-height: 22px;
}

.tab-container .field-long,
.tab-container .field-long input,
.col-2-up-container .col-half .field-long,
.col-2-up-container .col-half .field-long input

/* auto complete field */ 
{
   width: 256px !important;
}
/* not in mine may be a problem  CONFLICT ERASE IF OKAY
.tab-container .field-long-select,
.tab-container .field-long-select input,
.col-2-up-container .col-half  .field-long-select,
.col-2-up-container .col-half  .field-long-select input
{
  width: 266px !important;
}
*/
.col-half .fs-head {
   width: 9.5em;
   text-align: right;
   line-height: 2em;
   padding: 5px 0;
   margin: 2em 1em 1em 0em;
}




.col-half .butt-right
{
   position: relative;
   float: right;
   bottom: 0;
   right: 0;
   width: 5em !important;
   white-space: nowrap;
}

.col-2-up-container fieldset .button-container .butt-right
{
   float: right;
   bottom: 0;
   right: 0;
   width: 5em !important;
   white-space: nowrap;
   margin: 1em 3.85em .5em auto !important;
}

.col-2-up-container .butt-right
{
   float: right;
   width: auto;
   white-space: nowrap;
   margin: 0 1em 3em 0;
}

.col-2-up-container .butt-right.move-left
{
   margin-right: 4.5em;
   width:6.5em!important
}


.col-2-up-container .left .ui-button-text-only
{
   margin-left: 1em;
}

.col-2-up-container .left .ui-button-text-only.move-left
{
   float:left;
   margin-left: 6px;
   width:65px;
   margin-bottom:0;
   margin-top:0;
}


.tab-container .field-long-select,
.tab-container .field-long-select input,
.col-2-up-container .col-half  .field-long-select,
.col-2-up-container .col-half  .field-long-select input

/* auto complete field */ 
 {
  width: 266px !important;
}

.col-half .fs-head {
  width:9.5em;
  text-align:right;
  line-height:2em;
  padding: 5px 0;
  margin: 2em 1em 1em 0em;
}
.col-2-up-container fieldset.right input
{
   
   border: none;
}

/*****.col-2-up-container fieldset input
{
   border: 1 #ffffff solid;;
}*****/
/* for fieldsets with bordeless input boxes... */
.tab-container .borderless-input-boxes input
{
       border:none!important;
}
.col-2-up-container .col-half .button-container .butt-right
{
   position: relative;
   float: right;
   bottom: 0;
   margin-right: 2.5em;
   width: 7em !important;
   white-space: nowrap;
}

.input-zip
{
   clear: right;
}

.no-wrap
{
   float: left !important;
   clear: none !important;
   white-space: nowrap;
}

form fieldset .label-small,
.tab-container .col-thirds label.label-small
{
   white-space: normal;
   width: 50px !important;
   float: left;
}

form fieldset .label-large,
.tab-container .col-thirds label.label-large
{
   white-space: normal;
   width: 180px !important;
   float: left;
}

form fieldset .label-smaller,
.tab-container .col-thirds label.label-smaller
{
   white-space: normal;
   width: 25px !important;
   float: left;
   margin: 0;
}
.tab-container.reports-check fieldset .label-smaller
{
   margin-left: -1em !important;
}

.tab-container.reports-check fieldset label
{
   line-height: 2em!important;
}

.tab-container.reports-check .button-bar-class
{
   overflow: hidden;
   height: auto;
   clear: both;
   margin: .5em 4em;
   text-align: right;
   width: auto !important;
}

/*
.tab-container.reports-check .button-bar-class button
{
   float: none;
   border: solid 1px #ffffff;
   padding: 0;
   margin:0;
}
*/
/*
.tab-container .ui-button-text-only.ui-state-focus,
.reports-container .ui-button-text-only.ui-state-focus
{
border: 1px #000000 solid!important;
padding:0;

background-image:none;
background-color:#6699ff;

}*/

.tab-container .ui-button-text-only.ui-state-focus span,
.reports-container .ui-button-text-only.ui-state-focus span
{

margin-top:0px;
line-height:12px;
margin:0px;
padding:0;
border: 2px solid #00aaff;
color:#aaaaff;
}

/*
.tab-container.reports-check .button-bar-class .ui-button-text
{
   padding: 1px;
   margin-bottom: 4px;
   margin-top: -1px;
}
*/

.tab-container.reports-check fieldset
{
   margin: 2em 4em 0;
   padding-top: 2em;
}

.tab-container.reports-check fieldset input[type=checkbox]
{
   margin-left: 5em;
}

/*class for flawed nested checkbox rending */


.tab-container.reports-check fieldset div div
{
   margin: 0 !important;
}

.tab-container fieldset .label-small,
.tab-container fieldset .label-name,
.col-2-up-container fieldset .label-small,
.col-2-up-container fieldset .label-name
{
   white-space: normal;
   width: auto !important;
   margin-left: 16px;
   margin-right: 3px;
   float: left;
}

.tab-container .suffix
{
   margin-left: 5px !important;
}

/* 

         Three Column Layout
*/

.col-thirds
{
   position: relative;
}


.tab-container .col-thirds label,
.tab-container .col-thirds .label-block
{
   text-align: right;
   margin-left: 1px;
   margin-right: 3px !important;
   display: block;
   width: 100px !important;
   float: left;
   clear: none;
}

.tab-container .col-thirds .label-block-half
{
   text-align: right;
   margin-left: 1px;
   margin-right: 3px !important;
   display: block;
   width: 50px !important;
   float: left;
   line-height: 24px;
   white-space: nowrap;
}

.tab-container .cal-half .label-block-half
{
   width: 50px !important;
}

.tab-container .col-thirds .remove-bottom-margin span
{
       margin-bottom: 0.1px!important;
}

/*
Created for one-off spacing on the imageFileUploadDialog to space out owner and veh info
*/
.tab-container .top-margin-10-remove-bottom-margin-point1
{
       margin-top: 10px;
       margin-bottom: 0.1px!important;
}

.tab-container .col-1
{
   clear: left !important;
}
.col-1.move-to-center
{
       text-align: center;
       font-weight: bold;
       
}

/* 

default sizes 

*/


.tab-container .col-thirds input,
.tab-container .col-thirds .read-only-span
{
   width: 150px;
   float: left;
   clear: none;
}

.read-only-span-width-long
{
   width: 220px!important;
}


.tab-container .col-thirds .read-only-width-small
{
   width: 135px !important;
}

.tab-container .col-thirds .p-calendar input.ui-state-disabled
{
   width: 80px;
   margin-right:55px!important;
}

.read-only-span.wider
{
       width: 400px!important;
}
.tab-container .col-thirds .CT-read-only-span-long
{
   width: 700px;
}


.tab-container .col-thirds .ui-selectonemenu,
.tab-container .col-thirds select
{
   width: 137px !important;
   float: left;
  /* background-color: #ffffff;*/
   margin-left: 1px;
   margin-right:3px;
}

.tab-container .col-thirds .ui-selectonemenu label,
.tab-container .col-thirds select option
{
   width: 100%;
/*  background-color: #ffffff;*/
   margin-left: 1px;
   padding: 0 0 0 1px;
}

.tab-container .read-only-span
{
   line-height: 24px;
   margin-left: 8px;
}

/* Two columns as used in Fees and Inventory Tab */


.col-full-container
{
   clear: both;
   margin: auto;
}

.col-2-up-container
{
   padding-top: 2em;
}

.tab-container .col-half
{
   width: 48%;
}

.col-2-up-container form .col-half
{
   width: 45%;
}

.col-layout-container
{
   margin: 0 0 0 0 !important;
   padding: 0 !important;
   position: relative;
   float: left;
}

.left
{
   float: left !important;
}

.right
{
   float: right;
   margin-left: .4%;
}

.col-2-up-container form .left
{
   margin-left: 2%;
}

.col-2-up-container form .right
{
   margin-right: 2%;
}

.tab-container .col-half
{
   padding: .5em;
   margin-bottom: 15px;
}

.col-2-up-container .col-half
{
   padding: .5em;
   margin-bottom: 15px;
}

.filter-table-ledge
{
   display: block;
   vertical-align: bottom;
   padding: 0;
   height: auto;
   margin-top: auto;
   margin-bottom: 5px;
   margin-left: 1em;
   overflow: hidden;
}

.tab-container .ui-fieldset-content.col-half,
.col-2-up-container .ui-fieldset-content.col-half
{
   margin: 0 !important;
}

.tab-container .col-half label,
.tab-container .col-half .label-block,
.tab-container .col-half .label-left-small,
.col-2-up-container .col-half label,
.col-2-up-container .col-half .empty-1,
.col-2-up-container .col-half .label-block,
.col-2-up-container .col-half .label-left-small
{
   float: left;
   display: block;
   margin-right: 4px;
   text-align: right;
   white-space: nowrap;
   clear: left !important;
   line-height: 24px;
}


/*
3 col fieldsets for update transaction
*/

.tab-container .threeColFS .inventoryDiv,
.tab-container .threeColFS .docsDiv,
.tab-container .threeColFS .feesDiv
{
       width:276px;
       float:left;
       margin-right:13px;
       overflow:hidden;
}

.tab-container .threeColFS .feesDiv
{
       margin-right:0px!important;
}


/*  -- update trx inventory   -- */

.tab-container .threeColFS .label-left-small
{
   float: left;
   display: block;
   margin-left: 16px;
   margin-right: 4px;
   text-align: right;
   white-space: nowrap;
   clear: left !important;
   line-height: 24px;
   width:65px;
}

.tab-container .threeColFS .text-large
{
   width: 120px !important;
   float: left;
   text-align: left;
   line-height: 24px;
   margin-left: 6px;
   clear: right;
   padding-top: 2px;
}


/*  -- update trx docs   -- */

.tab-container .threeColFS .docs-fs .ui-panel
{
   border: none;
   padding: 0;
   margin: 0;
   width: 99%;
}

.tab-container .threeColFS label.check-box-label
{
   float: left;
   text-align: left;
   clear: none;
   width: 180px;
}

.tab-container .threeColFS input[type=checkbox]
{
   width: 21px !important;
   float: left;
   clear: left;
   margin: 3px !important;
}



.tab-container .threeColFS .right-head-label
{
   float: right;
   width:20px;
   margin-right: 4em;
}

.tab-container .threeColFS .docs-fs .ui-selectonemenu,
.tab-container .threeColFS .docs-fs select
{
       margin: 0em 1em 0em 2em;
}

.tab-container .threeColFS label.check-box-label
{
   float: left;
   text-align: left;
   clear: none;
   width: 125px !important;
}

.tab-container .threeColFS select
{
       display: block;
    float: left;
    vertical-align: middle;
    overflow:hidden;
}
.tab-container .threeColFS .docs-fs button
{
   clear: both;
   float: right;
   margin: 1em 1em 0 0;
}


/*  -- update trx fees   -- */

.tab-container .threeColFS .fee-container
{
   overflow: visible;
   height: auto;
   display: block;
   width: auto;
   clear: both;
}

.tab-container .threeColFS .label-text
{
   width: 59% !important;
   display:inline-block;
   float: left;
   text-align: right;
   margin-right: 4px;
   clear: left;
}


.tab-container .threeColFS .fee-txt-right 
{
   border: none;
   background: none;
   display: inline-block;
   text-align:right;
   width:20%;
   float:left;
}



/* -- end update trx 3 col fieldset -- */


.cc-name-address-header
{
   float: left;
   display: block;
   margin-left: 4px;
   text-align: left;
   white-space: nowrap;
   clear: left !important;
   line-height: 24px;
   height:24px
}

.cc-name-address-header.bold 
{
       font-weight: bold;
}

.cc-name-address-header.shift-right 
{
       margin-left: 45px;
}
#work-area .label-left-small
{
   float: left;
   display: block;
   margin-right: 4px;
   line-height: 25px;
   padding-top: 2px;
/*   font-weight: 600; */
}

#tranSummaryForm
{
   background-color: #ffffff !important;
   border: solid 1px #aaaaaa;
   padding: .75em .5em;
}

#tranSummaryForm .button-bar-class
{
   text-align: right;
   margin: .5em 0 .25em 0;
}

#tranSummaryForm .button-bar-class button:first-child
{
   margin-right: .5em;
}

#tranSummaryForm .ui-datatable-data tr td:first-child
{
   text-align: center;
}

#tranSummaryForm .ui-datatable-data tr:nth-child(even) td
{
   background-color: #f2f5f9;
}

.tab-container .col-half label,
.tab-container .col-half .label-block,
.col-2-up-container .col-half label,
.col-2-up-container .col-half .empty-1,
.col-2-up-container .col-half .label-block
{
   width: 120px !important;
}

.tab-container .col-half .ui-selectonemenu label,
.tab-container .col-half select option,
.col-2-up-container .col-half .ui-selectonemenu label,
.col-2-up-container .col-half select option
{
   width: 100% !important;
   padding-left: 8px !important;
}

.tab-container .col-half .label-left-small
{
   width: 110px !important;
}

.tab-container .col-half .label-text-small
{
   width: 80px !important;
   float: left;
   text-align: left;
   margin-left: 6px;
   line-height: 24px;
}

.tab-container .col-half input,
.tab-container .col-half select,
.tab-container .col-half label+div,
.tab-container .col-half .label-block,
.tab-container .col-half .read-only-span,
.col-2-up-container .col-half input,
.col-2-up-container .col-half select,
.col-2-up-container .col-half label+div,
.col-2-up-container .col-half .empty-2,
.col-2-up-container .col-half .label-block,
.col-2-up-container .col-half .read-only-span
{
   display: block;
   float: left;
   vertical-align: middle;
}

.tab-container .col-half select.doc-copies{
	float: right;
	margin-right: 2.7em
}

.tab-container .col-half .label-block
{
   margin-bottom: 8px;
}

/* checkbox floating leftward */

.tab-container .col-half input.check-box[type=checkbox]
{
   width: 21px !important;
   float: left;
   clear: left;
   margin: 3px;
   margin-left: 120px;
}

.tab-container .col-half label.check-box-label,
.enter-manually-div label.check-box-label
{
   float: left !important;
   text-align: left !important;
   clear: none !important;
   width: 220px !important;
}

.tab-container label.check-box-label-long,
.tab-container .checkbox-fieldset label.check-box-label-long
{
   float: left !important;
   text-align: left !important;
   clear: none !important;
   width: 140px !important;
   margin-right: 6px;
   line-height: 2em !important;
}

.tab-container .col-half .button-container,
.col-2-up-container .col-half .button-container
{
   padding: 6px 0;
   margin: 0;
   margin-top: 6px;
   text-align: center;
   clear: both;
   display: block;
   height: auto;
   overflow: hidden;
}

.ui-dialog-content .button-container
{
   padding: 6px 0;
   margin: 0;
   margin-top: 6px;
   text-align: right;
   clear: both;
   display: block;
   height: auto;
   overflow: hidden;
}

.ui-dialog-content .button-container button
{
   margin-left: 5px;
}

/*** ----- no longer used

.button-container-for-cancel
{
   padding: 5px 0;
   margin-top: 3px;
   text-align: right;
   display: block;
   height: auto;
   overflow: hidden;
}

.button-container-for-cancel .button-for-cancel
{
       margin-left: 5px;
}

***/


/*container for nested fieldsets */

.ui-fieldset.col-half .ui-fieldset-toggleable
{
   margin-bottom: 6px !important;
   padding-top: 6px;
   display: block;
   width: 95%;
   clear: both;
   border: dashed 1px #333 !important;
   border-left: none !important;
   border-right: none !important;
   border-bottom: none !important;
   overflow: visible;
}

.ui-fieldset.col-half .ui-fieldset-toggleable legend,
.ui-fieldset.col-half .ui-fieldset-toggleable legend.ui-state-default.ui-state-hover
{
   font-weight: bold;
   color: #333;
   margin-top: -4px;
   margin-left: -16px;
   background-color: #fff !important;
}

.tab-container .col-half .label-text-right
{
   width: 50px !important;
   float: left;
   text-align: right;
   line-height: 24px;
   margin-left: 6px;
}

.tab-container .col-half .text-large
{
   width: 120px !important;
   float: left;
   text-align: left;
   line-height: 24px;
   margin-left: 6px;
   clear: right;
   padding-top: 2px;
}

/* select menus display on the right in assigned inventory. */

.tab-container .col-half.right label,
.tab-container .col-half.right .label-text
{
   width: 49% !important;
   display:inline-block;
   float: left;
   text-align: right;
   margin-right: 4px;
   clear: left;
}

.tab-container .col-half.right label.ui-selectonemenu-label 
.tab-container .col-half.right option
{
   width: 100% !important;
   float: left;
   margin-top: 0 !important;
   text-align: center;
   margin-left: 2px;
   line-height: 14px;
   padding: 0 !important;
}

/* select menus display on the right in assigned inventory. */


.tab-container .col-half .select-right
{
   float: left;
   clear: right;
   width: 90px !important;
   margin-left: 6px;
   margin-bottom: 2px;
}

/*vertical alignment  for right col*/


.tab-container .col-half.right label,
.tab-container .col-half.right input,
.tab-container .col-half.right .ui-selectonemenu,
.tab-container .col-half.right select
{
   line-height: 16px !important;
}

.tab-container .col-half.right .ui-selectonemenu,
.tab-container .col-half.right select
{
   margin-top: 3px;
   padding: 0;
   line-height: 21px !important;
   width: 95px;
}

.tab-container .col-half.right label
{
   padding: 2px 0 2px 0;
   margin: 3px 4px 0 0;
}

.tab-container .col-half.right .ui-selectonemenu label,
.tab-container .col-half.right select option
{
   margin: 0;
   line-height: 22px !important;
   text-indent: 3px;
}

.tab-container .col-half.right input
{
   width: 18% !important;
   float: left;
   text-align: right;
}

.tab-container .col-half .field-long,
.tab-container .col-half .field-long input,  /* auto complete field */
.col-2-up-container .col-half .field-long,
.col-2-up-container .col-half .field-long input
{
   width: 209px !important;
}

.read-only-input,
.read-only-input.ui-state-hover,
.read-only-input.ui-state-active
{
   border: none !important;
   background: none;
   display: block;
   cursor: pointer;
}
.fee-txt-right 
{
   border: none !important;
   background: none;
   display: inline-block;
/*   cursor: pointer; */
   text-align:right;
   width:20%;
   float:left;
}
/*margin heightss for fee panel*/
.label-text, .fee-txt-right
{
       line-height:1.7em;
       margin:.25em 0;
}

/* 
temp tag div is just about the only unique id/class I used 
not sure why I need fee container... to be investigated...

*/


.tab-container .col-half .fee-container
{
   overflow: visible;
   height: auto;
   display: block;
   width: auto;
   clear: both;
}

.col-2-up-container form .col-half .top-field-height
{
   height: 110px !important;
   padding: 5px;
   margin-bottom: 2em;
   display: block;
   margin-left: 2%;
   margin-bottom: 2em;
}

.col-2-up-container .ui-fieldset .rule-bottom.top-field-height
{
   padding-top: 1em!important;
   padding-bottom: 0 !important;
}

/* mod to textarea on lienholder favorites */


#namescroller
{
   width: 95% !important;
   overflow-x: auto;
   overflow-y: auto;
   border: solid 1px #dddddd;
}

#namescroller select,
#namescroller #preferredList
{
   height: 100%!important;
   margin: 0;
   padding: 0;
   width: 100%!important;
   overflow: visible!important;
   border: none !important;
}

.col-half .temp-half-container
{
   min-height: 110px !important;
}

.temp-div
{
   width: auto;
   margin: auto;
   text-align: center;
   clear: both;
   padding: 12px;
}

/*

pseudo classes are powerful, partial support in ie8... good luck. 

*/


.tab-container input[type=hidden]
{
   width: 0 !important;
   margin: 0;
   padding: 0;
   line-height: 0;
   font-size: .1px;
}

.tab-container input[type=checkbox]
{
   width: 21px !important;
   float: left;
   clear: none;
   margin: 3px;
}

.tab-container .ui-fieldset select.ui-state-focus,
.ct-dms-import-ui-fieldset select.ui-state-focus
{
       background-color:rgb(255,255,255) !important;
       background-image:none !important;
}

/*

hide and show are common classes for displaying and hiding. Don't use inline styles.
Not used yet....tbc
*/

.hide
{
   display: none;
}

.show
{
   display: block;
}

/* try though I might, I could not eliminate all need for hr. wanted to because browsers
have their own ideas about how it should look and a border top or bottom usually will suffice
*/


hr.rule,
.tab-container .fee-container hr
{
   width: 80%;
   display: block;
   margin: 1px auto;
   clear: both;
   border-top-width: 0px;
   border-left-width: 0px;
   border-bottom: 1px solid #aaa;
}

hr.last
{
   margin-bottom: 12px !important;
}

.bold-text
{
   font-weight: bold !important;
}

.note-container
{
   font-weight: bold;
   line-height: 1.2em;
   margin: 12px 0px !important;
   clear: both;
   height: auto;
   overflow: hidden;
   display: block;
}

.note-container-not-bold
{
   line-height: 1.2em;
   margin: 12px 0px !important;
   clear: both;
   height: auto;
   overflow: hidden;
   display: block;
}

.nested-container-invisible .ui-fieldset-content input[type=checkbox]
{
   float: left;
   margin-bottom: 4em;
   width: 10%;
}

.nested-container-invisible .ui-fieldset-content label
{
   float: left;
   width: 86%;
}

#invFeesCtDiv .note-container
{
   font-weight: bold;
   line-height: 1.5em;
   text-align: center;
   margin: 6px 12px;
   clear: both;
   height: auto;
   overflow: hidden;
}

#invFeesCtDiv .note-container button
{
   float: none!important;
   margin-right: 2em;
}

#invFeesCtDiv .docs-note-container
{
   border: none !important;
   text-align: left;
   padding: 0;
   margin: 0;
   margin-top: -.5em;
}


#invFeesCtDiv .col-half .docs-fs,
#cancelCtDiv .col-half .docs-fs,
#cancelCtDiv .col-half .fee-container,
#duplicateCtDiv .col-half .docs-fs,
#duplicateCtDiv .col-half .fee-container,
#singlePageInquiryDIV .col-1 .docs-fs
{
   position: relative;
   bottom: 0;
   margin-bottom: 0;
   margin-top: auto;
}

#invFeesCtDiv .col-half .docs-fs .ui-panel,
#cancelCtDiv .col-half .docs-fs .ui-panel,
#duplicateCtDiv .col-half .docs-fs .ui-panel,
#singlePageInquiryDIV .col-1 .docs-fs .ui-panel
{
   border: none;
   padding: 0;
   margin: 0;
   width: 99%;
}

#invFeesCtDiv .col-half .docs-fs input[type=checkbox],
#cancelCtDiv .col-half .docs-fs input[type=checkbox],
#duplicateCtDiv .col-half .docs-fs input[type=checkbox],
#singlePageInquiryDIV .col-1 .docs-fs input[type=checkbox]
{
   width: 21px !important;
   float: left;
   clear: left;
   margin: 3px !important;
}


/*****#invFeesCtDiv .col-half .docs-fs .ui-selectonemenu,
#invFeesCtDiv .col-half .docs-fs select,
{
   float: right;
   margin: 0 1em;
}*****/

#singlePageInquiryDIV .col-1 .docs-fs .ui-selectonemenu,
#singlePageInquiryDIV .col-1 .docs-fs select
{
       margin: 0em 1em 0em 10em;
   
}

#invFeesCtDiv .col-half .docs-fs .right-head-label
{
	float: right;
  	margin-right: 3.5em;
}

#cancelCtDiv .col-half .docs-fs .right-head-label,
#duplicateCtDiv .col-half .docs-fs .right-head-label
{
   float: right;
   margin-right: 6.5em;
}

#singlePageInquiryDIV .col-1 .docs-fs .right-head-label
{
   margin: 0em 1em 0em 11em;
}

#singlePageInquiryDIV .col-1 .docs-fs label
{
   text-align:left!important;
}


#invFeesCtDiv .col-half .docs-fs button,
#cancelCtDiv .col-half .docs-fs button,
#duplicateCtDiv .col-half .docs-fs button
{
   clear: both;
   float: right;
   margin: 1em 2em 0 0;
}

#singlePageInquiryDIV .col-1 .docs-fs button
{
   clear: right;
   float: right;
   margin: 1em 0em 0 0;
}


#invFeesCtDiv .col-half .inventory-fs button
{
   clear: both;
   float: right;
   margin: 1em 1.8em 0 0;
}


.ui-fieldset-toggleable.inventory-fs .ui-fieldset-legend,
.ui-fieldset-toggleable.fee-container .ui-fieldset-legend,
.ui-fieldset-toggleable.docs-fs .ui-fieldset-legend,
.ui-fieldset-toggleable.update-fs .ui-fieldset-legend
{
       cursor: default;
}

#updateAll3Div .ui-fieldset-toggleable 
{
       height:195px;
}

#updateAll3Div
{
       height:180px;
}

#invFeesCtDiv .col-half,
#cancelCtDiv .col-half,
#duplicateCtDiv .col-half
{
   overflow: hidden;
   height: auto;
   display: block;
}

#invFeesCtDiv .fees-fieldset,
#cancelCtDiv .fees-fieldset,
#duplicateCtDiv .fees-fieldset
{
   position: relative;
}

.input-align-right
{
   text-align: right !important;
}

.text-align-left,
.text-align-left div
{
   text-align: left !important;
}

.text-align-center,
.text-align-center div
{
   text-align: center !important;
}

.col-plates-min-width
{
   min-width: 70px;
}

.col-owner-lessor-min-width
{
   min-width: 150px;
}

.col-tran-id-min-width
{
   min-width: 50px;
}

#work-area th .ui-widget-header select.ui-state-hover option,
#work-area th .ui-paginator-rpp-options.ui-state-hover,
#work-area th.ui-paginator .ui-paginator-rpp-options.ui-state-hover option,
/* #work-area .ui-paginator-bottom .ui-paginator-rpp-options.ui-state-hover option, */
#work-area .ui-paginator-bottom .ui-paginator-rpp-options.ui-state-hover
{
   background-image: none;
   background-color: #ffffff !important;
   border: 1px transparent solid !important;
   color: #333333 !important;
}

#work-area .manage-container
{
   padding: 1.6em;
}

#work-area .manage-container fieldset
{
   margin: 1em 0 1em 0;
   padding: 1em;
}

#work-area .manage-container fieldset label,
#work-area .txt-label-like
{
   float: left;
   clear: left;
   text-align: right;
   white-space: nowrap;
   display: block;
   width: 250px;
   margin: 0 .5em;
   font-weight: bold;
}

#work-area .manage-container .txt-label-like
{
   line-height: 2em;
   display: inline-block;
   float: left;
   clear: left;
}

#work-area .manage-container fieldset .inline-data-value
{
   float: left;
   line-height: 2em;
   display: block;
   margin-right: 4px;
}

#work-area .manage-container fieldset a
{
   clear: right;
   color: #0000ee!important;
   margin: 0 2em;
   padding-left: 4px;
   display: block;
   line-height: 2em;
}

#work-area .manage-container .input-currency
{
   text-align: right;
   width: 8em !important;
}

#work-area .manage-container fieldset table
{
   margin: 0;
   padding: 0;
}

#work-area .manage-container fieldset table label
{
   float: right;
   text-align: left;
   margin-left: 0;
   margin-top: 1px;
   padding-left: 0;
   white-space: nowrap;
   width: 50px;
   line-height: 1.25em;
   font-weight: normal;
}

#work-area .manage-container fieldset table td input
{
   line-height: 24px;
}

#work-area .button-bar-class,
.reports-container .button-bar-class
{
   text-align: right;
   width: 100%;
   clear: both;
   display: block;
}

.reports-container .btn-height-float
{
       height:26px; 
       float: right; 
}

#work-area .button-bar-class button,
.reports-container .button-bar-class
{
   margin: .5em 0 0 .5em;
}

#work-area .button-bar-class button,
.reports-container .button-bar-class
{
   margin: .5em 0 0 .5em;
}

#work-area fieldset .butt-right
{
   position: relative;
   float: right;
   bottom: 0;
   right: 0;
   width: 9em;
   white-space: nowrap;
}

#work-area fieldset .butt-right.smaller
{
   width: 5em;
}

#work-area .rec.inventory-container fieldset .butt-right
{
   width: 7em;
}

/* inventory container */


.inventory-container
{
   box-sizing: border-box;
   display: block;
   height: auto;
   padding: .5em 1.8em 3em 1.8em !important;
   overflow: hidden;
   position: relative;
}

.inventory-container fieldset
{
   margin: 1em 0 .7em 0;
   padding: 1em;
}

.inventory-container fieldset.smaller-padding
{
   margin: 1em 0 .7em 0;
   padding: 0em 0em 0em 0em;
}

.inventory-container fieldset legend
{
   padding: .5em;
}

.inventory-container fieldset .ui-fieldset-content
{
   position: relative;
   width: auto;
   min-height: 8em;
   margin: 1em;
}

.inventory-container fieldset .nested-container-invisible .ui-fieldset-content,
.inventory-container fieldset .rule-bottom .ui-fieldset-content
{
   margin: 0em;
}

#returnInventory fieldset .ui-fieldset-content
{
   min-height: 5em;
}

.inventory-container label
{
   display: inline-block;
   vertical-align: top;
   font-weight: bold;
   line-height: 2em;
   position: absolute;
   top: .5em;
}

.inventory-container select,
.inventory-container fieldset .read-only-data,
.inventory-container input
{
   display: block;
   position: absolute;
   top: 3em;
}

.inventory-container span input
{
   position: static;
   width: 6em;
   float: left;
   clear: none;
   margin: 0;
   display: inline-block;
}

.inventory-container .select-all
{
   width: 2em; 
}

.inventory-container .select-all-label
{
   vertical-align:middle; 
}

.inventory-container .column-right
{
   text-align:right; 
   float: right; 
}

.inventory-container .column-center
{
   text-align:center; 
}

.inventory-container .column-left
{
   text-align:left; 
   float: left; 
}

.inventory-container .column-width
{
   width:100px; 
}

.inventory-container .qty-width
{
       width:3em;
}

.inventory-container fieldset .read-only-data
{
  line-height: 23px;
}

.inventory-container div.ui-datatable,
.inventory-container div.ui-datatable table thead *,
.inventory-container div.ui-datatable .ui-datatable-data,
.inventory-container div.ui-datatable .ui-datatable-data tr,
.inventory-container div.ui-datatable .ui-datatable-data-empty tr,
.inventory-container div.ui-datatable .ui-datatable-data td,
.inventory-container div.ui-datatable .ui-datatable-data-empty td
{
    border: none !important;
}

.inventory-container .ui-datatable-data tr:nth-child(even) td
{
   background-color: rgb(242, 242, 242);
}

.inventory-container .btn-width 
{
       width:68px;
}

.text-span
{
   display: inline-block;
   float: left;
   min-width: 2em;
   text-align: center;
   padding-top: 2px;
}

.inventory-container .text-span-adj
{
   display: inline-block;
   float: left;
   min-width: 2em;
   text-align: center;
   padding-top: 4px;
}



input.text-span
{
   text-align: left;
}

#work-area .inventory-container .ui-fieldset-content .order-list
{
   margin-bottom: 4em;
   overflow: hidden;
   height: auto;
   clear: both;
   width: 100%;
   display: block;
}

#work-area .inventory-container .button-right-close
{
   position: absolute;
   float: right;
   right: 1.8em;
   bottom: 8px;
}

#work-area .inventory-container .add-item .button-bar-class
{
   position: absolute;
   bottom: 0;
   margin-top: auto;
   clear: both;
}

#work-area .inventory-container .button-bar-class,
.reports-container .button-bar-class
{
   bottom: 0;
   margin-top: auto;
   clear: both;
}

#work-area .inventory-container .butt-right
{
   position: absolute;
   bottom: 0;
   margin-top: auto;
   clear: both;
}

#work-area .inventory-container button.butt-right.smaller .ui-button-text
{
       padding-left:2px!important;
       padding-right:2px!important;
}

#work-area .inventory-container .butt-right-one
{
   position: relative;
   float:right;
   bottom: 0;
   margin-top: auto;
   clear: both;
}


#work-area .inventory-container .butt-right-only
{
   margin-top:33.5px;
   clear: right;
   float:right;
   width:5em;
}

.inventory-container select option
{
   display: block !important;
   margin: 2px 0px;
}

.inventory-container .data-row-item
{
   display: block;
   box-sizing: border-box;
   float: left;
   margin-right: 3px;
   position: static;
}

.data-format-number
{
   text-align: right;
   padding-right: 4px;
   margin-right: 4px;
   margin-left: -2px;
}

.inventory-container .butt-right
{
   float: right;
   clear: both;
   position: relative;
}

.inventory-container fieldset div .data-row
{
   border-bottom: solid 1px #eeeeee;
   border-left: solid 1px #eeeeee;
   border-right: solid 1px #eeeeee;
   border-top: solid 1px #eeeeee;
}

.inventory-container fieldset div .data-row:nth-child(2n+1)
{
   background-color: #f2f2f2;
   border-top: none!important;
}

/* Inventory Recieved Specific */





.rec.inventory-container .col-1
{
   clear: left;
   left: 1em;
   width: 7%;
}

.rec.inventory-container .data-row-item.col-1
{
   margin-left: 1em;
}

.rec.inventory-container .col-2
{
   width: 16%;
   left: 8%;
}

.rec.inventory-container .data-row-item.col-2
{
   width: 25%;
}

.rec.inventory-container .col-3
{
   text-align: left;
}

.rec.inventory-container input.col-3,
.rec.inventory-container span.col-3,
.rec.inventory-container label.data-row-item.col-3
{
   text-align: right;
}

.rec.inventory-container .data-row-item.col-3
{
   width: 2.5em !important;
   margin-right: 2% !important;
}
.rec.inventory-container .col-3
{
   width: 8%;
   left: 46%;
}

.rec.inventory-container .col-4,
.rec.inventory-container .data-row-item.col-4
{
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   height: auto;
   clear: none;
}

.rec.inventory-container .col-4
{
	left: 58%;
	width: 26%;
}

.rec.inventory-container .data-row-item.col-4
{
	left: 52%;
	width: 18%;
}

.rec.inventory-container .col-5
{
   width: 13%;
   left: 85%;
   clear: right;
}

.rec.inventory-container .col-6
{
   width: 13%;
   left: 96%;
   clear: right;
}

.rec.inventory-container .col-subType
{
   width: 16%;
   left: 27%;
}

.rec.inventory-container .data-row-item.col-subType
{
   width: 15%;
}


/* Inventory Ordered */


.inventory-container .col-1
{
   clear: left;
   width: 13%;
}


.inventory-container .col-2
{
   width: 16%;
   left: 13%;
}

.inventory-container .col-subtype
{
   width: 18%;
   left: 32%;
}

.inventory-container .col-3
{
   text-align: right;
   width: 10%;
   left: 52%;
}

.inventory-container .col-3-manage
{
   text-align: right;
   width: 10%;
   left: 54%;
}

.inventory-container .col-3.field-med,
.inventory-container .col-3-manage.field-med
{
       text-align:start;
}

.inventory-container .col-3.last
{
   text-align: left;
   width: 10%;
   left: 32%;
   clear:right!important;
}

.inventory-container .col-3-manage.last
{
   text-align: left;
   width: 10%;
   left: 54%;
   clear:right!important;
}

.inventory-container .col-4
{
   width: 16%;
   left: 75%;
   clear: right;
}

.inventory-container .col-5
{
   text-align: right;
   width: 10%;
   left: 32%;
}

.inventory-container .col-6
{
   text-align: right;
   width: 10%;
   left: 32%;
}





/**
  * Manage Inventory Items Results
  *
  */
  
 .inventory-container .one-line
{
   position:relative;
   float:left;
   clear:both;
}

.inventory-container .one-line .emphasis
{
   font-weight:bold!important;
   }
   
   
   
.inventory-container .results-header
{
       position:relative;
       float:left;
    clear:both;
       text-align: center;
       font-weight:bold;
       height:26px;
       margin:12px 0 8px 0;
}

.inventory-container .results-header .col-1
{
       text-align: left;
}

.inventory-container .results-header .col-5,
.inventory-container .results-header .col-6,
.inventory-container .results-header .col-7
{
       text-align: center;
}

.inventory-container .results-values
{
       position:relative;
    float:left;
    clear:both;
       height:35px;
}

.inventory-container .results-value0
{
    background-color: #F2F5F9;
}

.inventory-container .results-value1
{
       background-color: #FFFFFF;
}



.inventory-container .results-header .col-1,
.inventory-container .results-header .col-2,
.inventory-container .results-header .col-3,
.inventory-container .results-header .col-4,
.inventory-container .results-header .col-5,
.inventory-container .results-header .col-6,
.inventory-container .results-header .col-7,
.inventory-container .results-values .col-1,
.inventory-container .results-values .col-2,
.inventory-container .results-values .col-3,
.inventory-container .results-values .col-4,
.inventory-container .results-values .col-5,
.inventory-container .results-values .col-6,
.inventory-container .results-values .col-7
{
       position: relative;
       float:left;
       left:0em;
}

.inventory-container .results-values .col-5 input,
.inventory-container .results-values .col-6 input

{
       position: relative!important;
    top:0;
    height:12px;
    margin:4px 0;
}

.inventory-container .results-values .col-7 select
{
       position: relative!important;
       top:0;
       margin:4px 0;
       background-color: #FFFFFF!important;
       width: 85px;
}

.inventory-container .results-values .col-1,
.inventory-container .results-values .col-2,
.inventory-container .results-values .col-3,
.inventory-container .results-values .col-4,
.inventory-container .results-values .col-6 .col-6-2,
.inventory-container .results-values .col-6 .col-6-3
{
       padding-top:8px;
}

#work-area .inventory-container .top-space
{
       float:right;
       clear:both;
}

#work-area .inventory-container .top-space button.butt-right
{
       margin-top:1em;
       position: relative!important;
}

.inventory-container .results-header .col-1,
.inventory-container .results-values .col-1
{
       clear:left;
       width:5em;
}

.inventory-container .results-header .col-2,
.inventory-container .results-values .col-2
{
       width:15em;
       text-align:left;
}

.inventory-container .results-header .col-3,
.inventory-container .results-values .col-3
{
       width:5em;
}

.inventory-container .results-header .col-4,
.inventory-container .results-values .col-4
{
       width:15em;
}

.inventory-container .results-header .col-5,
.inventory-container .results-values .col-5
{
       width:7em;
}

.inventory-container .results-header .col-6,
.inventory-container .results-values .col-6
{
       width:17em;
}

.inventory-container .results-header .col-7,
.inventory-container .results-values .col-7
{
       width:7em;
}

.inventory-container .results-values .col-1
{
       text-align:left;
}


.inventory-container .results-values .col-4,
.inventory-container .results-values .col-5
{
       text-align:center;
}


.inventory-container .results-values .col-3
{
       text-align:right;
}

.inventory-container .results-values .col-5 input
{
       width:3em;
       size:3;
       text-align:right;
       padding-left:4px;
       padding-right:4px;
       margin-left:16px;
}

.inventory-container .results-values .col-6
{
       margin-left:1em;
}





.inventory-container .results-values .col-6 .col-6-1,
.inventory-container .results-values .col-6 .col-6-2,
.inventory-container .results-values .col-6 .col-6-3
{
       float:left;
}

.inventory-container .results-values .col-6 .col-6-2
{
       margin-left:1em;
       margin-right:1em;
}
.inventory-container .results-values .col-6 .col-6-1 input
{
    width:5em;
       size:8;
       text-align:left;
       padding-left:4px;
       padding-right:4px;
       margin-left:15px;
       
}




/*
second fieldset
*/


.data-row
{
   width: auto;
   white-space: nowrap;
   margin: 0;
   padding: 2px;
   display: block;
   height: auto;
   overflow: hidden;
   clear: both;
}

.inventory-container .data-row-item.col-1
{
   clear: left;
}

.inventory-container .data-row-item.col-2
{
   width: 23%;
}

.inventory-container .data-row-item.col-4
{
   width: 20%;
   margin-left: 5em;
   clear: right;
}

/*
  
  A temporary patch to make sure we don't go below 11px font

  */
  
 

body #wrapper select,
body #wrapper input
{
   font-size: 12px !important;
}
/* Server version CONFLICT REMOVE IF DISPLAY IS OKAY

.modal-content
{
   height:300px;
   width:100%;
   font-size:12px;
   text-align:center !important;
   overflow:hidden;
   margin-bottom:1em;
}


.modal-content h3 
{
margin-top:1em;
padding:1em 0 1.25em 0;
}

.modal-content .row-container
{
  display:block;
  height:auto;
  margin:1em auto;
  overflow:hidden;
  text-align:center;
  line-height:16px;
  width:90%;
  float:none;
}


.modal-content .col-1
{
clear:left;
float:left;
display:block;
width:90px;
text-align:right;
}

  .modal-content .butt-right
{
clear:right;
float:right;
display:block;
width:100px;
}

.modal-content .ck-box-label
{
margin:4px;
padding:2px;
text-align:left;
float:left;
display:block;
}
.modal-content .ck-box-label-finalize
{
text-align:left;
float:left;
display:block;
margin:0px;
padding:0px;
line-height:24px;
}

.modal-content .col-1.check-box
{
margin-top:2px;
width:20px;
line-height:24px;
}

.modal-content .field-text
  {
  float:left;
  text-align:left !important;
  display:block;
  width:75px;
  }

.modal-content .tax-town-select .col-2,
.modal-content .tax-town-select .col-3,
.modal-content .tax-town-select .col-4
{
    float:left;
    text-align:left !important;
    display:block;
    width:115px!important;
}

  
.modal-button-container
{
position:absolute;
bottom:12px;
right:32px;
display:block;
clear:both;
text-align:right;
height:32px
}

*/

.modal-content
{
   
   width:auto;
   font-size: 12px;
   text-align: left;
   overflow: hidden;
   margin: 1em;
   padding:2em 0;
   height:auto;
}


.modal-content h3
{
   margin:0; 
   text-align: left;
   text-align:left;
   padding:1em 0 0 0;
   /*
margin-top:1em;
padding:1em 0 1.25em 0;
   */
}

.modal-content .row-container
{
   display: block;
   height: auto;
   padding: 1em 0 .5em 1em;
   overflow: hidden;
   text-align: left;
   line-height: 16px;
   width: 90%;
   float: none;
   vertical-align:middle;
   /*
   This might be an override
  margin:1em auto;
  text-align:center;
*/
}

.modal-content .row-container-center
{
   display: block;
   height: auto;
   padding: 1em 0 .5em 0em;
   overflow: hidden;
   text-align: center;
   line-height: 16px;
   width: 90%;
   float: none;
   margin:2em auto;
}
  

.modal-content .col-1,
.col-2-up-container .col-1
{
   clear: left;
   float: left;
   display: block;
   width: 90px;
   text-align: right;
}

.modal-content .tax-town-select .col-2
{
    float:left;
    text-align:left !important;
    display:block;
    width:115px!important;
    vertical-align:middle;
    margin-left:10px;
    height:20px;
}

.modal-content .tax-town-select .col-3
{
    float:left;
    text-align:right !important;
    display:block;
    width:115px!important;
    vertical-align:middle;
    height:20px;
    padding-top:5px;
}

 .modal-content .tax-town-select .col-4
{
    float:left;
    text-align:left !important;
    display:block;
    width:115px!important;
    vertical-align:middle;
    margin-left:10px;
    height:20px;
    padding-top:5px;
}


.col-2-up-container .col-1.as-button
{
   width: 65px;
   text-align: center;
   margin-left:226px;
   margin-bottom:0;
   margin-top:0;
}

.modal-content .col-1.auto-width
{
   width: auto;
}

.modal-content .butt-right
{
   clear: right;
   float: right;
   display: block;
   width: 100px;
}

.modal-content .col-3
{
   margin-left:10px;
}

.modal-content .ck-box-label
{
   margin: 4px;
   padding: 2px;
   text-align: left;
   float: left;
   display: block;
}
.modal-content .ck-box-label-finalize
{
   text-align: left;
   float: left;
   display: block;
   margin: 0px;
   padding: 0px;
   line-height: 24px;
}

.modal-content .col-1.check-box
{
   margin-top: 2px;
   width: 20px;
   line-height: 24px;
}

.modal-content .label-block
{
   float: left;
   text-align: right !important;
   display: block;
   width: 100px;
}

.modal-content .label-block.middle
{
  vertical-align: middle!important;
}
.modal-content select
{
  font-size: 12px !important; 
       height: 22px !important;
       vertical-align: middle;
}

.button-size-50
{
       width: 50px !important; 
}

/* just like the modal-button-container, just pushed further right
*
* See imageFileUploadDialog.xhtml
*/
.modal-button-container-pushed-right-single
{
   bottom: 15px;
   right: 9px;
   display: block;
   clear: both;
   text-align:right;
   height:32px;
   width:173px;
   float:right;
}

.modal-button-container-pushed-right
{
   position: absolute;
   bottom: 15px;
   right: 9px;
   display: block;
   clear: both;
   text-align:right;
   height:32px;
   width:173px;
}

.modal-button-container
{
   position: absolute;
   bottom: 15px;
   right: 32px;
   display: block;
   clear: both;
   text-align:right;
   height:32px;
}

.button-group.explicit-height
{
       height:80px;
}

.button-group
{
       text-align:right!important;
       float:right;
}

.button-group .col-1,
.button-group .col-2,
.button-group .col-3,
.button-group .col-4,
.button-group .col-5
{
  margin-left: 7px;
  margin-right: 0px;
  width:65px;
}

.button-group .col-1.more-margin-right
{
       margin-right: 11px;
}


.button-group .col-1.butt-right
{
       float: right;
       margin-right:50px;
}

.button-group .col-1.fix-height
{
       height:26px!important;
}

.button-group .col-1.less-margin-below
{
       margin-bottom:12px!important;
}


.button-group .col-1.wider
{
       width:80px!important;
       text-align:center!important;
}

.button-group .col-5.wider
{
  width:80px;
  margin-right: 7px;
}


button.ui-state-hover,
.button-group .ui-state-hover,
.import-container button.ui-state-hover,
#singlePageInquiryDIV .nested-container-invisible.col-thirds button.ui-state-hover,
#invFeesCtDiv .note-container.has-layout button.ui-state-hover,
#preferredListForm .ui-fieldset-toggleable.col-half.left button.ui-state-hover,
#reportForm .reports-date-div button.ui-state-hover,
.loginChangePassword .tableRowStyle buttonu.ui-state-hover 
{
    border-top-width: 1px!important;
    border-bottom-width: 1px!important;
    border-top-color: #666!important;
    border-bottom-color: #666!important;
}

.button-group .ui-state-focus,
.button-group .ui-state-active,
.import-container button.ui-state-focus,
.import-container button.ui-state-active
{
    border-width: 1px!important;
    border-color: #000000!important;
/*    
    outline-width:medium!important;
    outline-style:none!important;
    outline-color:#000000!important;
*/
}

.import-container
{
   box-sizing:border-box;
   display:block;
   height:auto;
   padding:0em 1.0em 0em 1.0em !important;
   overflow:hidden;
   position:relative;
   
}

.import-container .col-1
{
clear:left;
float:left;
display:block;
width:15%;
text-align:right;
}

.import-container .col-2
{
       width:200px;
} 
 
#DMSConversionForm.manage-container
{
  width:900px;
}

#DMSConversionForm.manage-container .fileupload-buttonbar label,
#imageMultiFileUploadDialogForm .fileupload-buttonbar label,
#imageFileUploadDialogForm .fileupload-buttonbar label
{
  width:auto;
  padding:0;
  margin:0;
}

#imageFileUploadDialogForm .override-width label,
#imageMultiFileUploadDialogForm .override-width label
{
       width:92px!important;
}

#DMSConversionForm.manage-container .fileupload-buttonbar,
#imageFileUploadDialogForm .fileupload-buttonbar,
#imageMultiFileUploadDialogForm .fileupload-buttonbar
{
  height: 30px;
  width: 85px;
  background-image: none;
  background-color: white;
  border-style: none;
  float: left;
  padding-top: 0em;
}

#imageFileUploadDialogForm .fileupload-buttonbar,
#imageMultiFileUploadDialogForm .fileupload-buttonbar
{
  width: 62px!important;
  height:22px;
}
#DMSConversionForm.manage-container .fileupload-content
{
  min-height: 30px;
  width: 500px;
  border-style: none;
  float: left;
  padding-top: 0em;
}

#imageFileUploadDialogForm .fileupload-content,
#imageMultiFileUploadDialogForm .fileupload-content
{
       display: none;
}

#DMSConversionForm.manage-container .ui-fileupload
{
       float: left;
}

#DMSConversionForm.manage-container .ui-inputtext
{
  float: left;
}

#DMSConversionForm.manage-container .CT_storeNameLabel
{
  width:75px;
  line-height: 24px;
}

#DMSConversionForm.manage-container .ui-button-text
{
       padding-top: .2em;
       padding-bottom: .2em;
}

.import-container .col-3
{
  margin-left:100px;
  text-align:right;
  clear:none;
  float:none;
}

.import-container .col-4
{
  width:80px;
}

.import-container .col-5
{
  width:80px;
  margin-left:8px;
}

.import-container .col-6
{
  margin-left: 10px;
  margin-right: 6px;
  width:70px;
}

.import-container select
{
       padding:0 0 0 0;
       height:22px
}

.bold-left-margin
{
       font-weight:bold; 
       margin-left:5px;
       
}



/* This only hits the first level div cause of the > */

.modal-scroll-list > div
{
   border: none;
}

.modal-scroll-list .scroll-panel
{
   height: 300px;
   overflow-x: hidden;
}

/* select many checkbox styles 


Checkbox Renderer is the default class for the ul list.
label and inputs cascade below with no additional classes
at their levels. the UL may have the layout class applied as well.
Each layout for checkbox is only defined at the ul level.
The conditional formatting for label and input are 
defined below.

*/

/*GENERIC  FOR ALL CHECKBOX RENDERS */

.checkbox-renderer
{
   list-style: none; 
   margin: 0;
   display: block;
   overflow: hidden;
   height: auto;
   clear: both;
    padding: 0;
   margin: 0;
}

.checkbox-renderer li
{
   padding: 0;
   list-style: none;
  display: inline;
  float: left;
   margin:.25em 0;
   overflow:hidden;
}

.checkbox-renderer li label br
{
       
       display:none;
       width:0;
       height:0;
       display:inline;
       font-size:1px;
       clear:none;
       
}

.checkbox-renderer li input[type=checkbox]
{
   float: left;
   clear:left;
   display:inline-block; 
   width:auto !important;
  
}

.checkbox-renderer li label
{
       float: left;
   clear: right;
   width: auto;
   text-align: left;
   padding: 0;
   display:inline; 
   overflow:hidden;
   white-space:normal;

}

/*FULL WIDTH CHECKBOXES*/

.checkbox-col-full li
{
         padding:.25em;
}

.checkbox-col-full li
{
   width: 100%;
   clear: both;
}

.checkbox-col-full li input[type=checkbox]
{
   
   float: left;
   padding: 0;
   margin:2px 6px !important;
   
}

.checkbox-col-full li label
{
   float: left;
   clear: right;
   width: auto;
   text-align: left;
   padding: 0;
   margin: 0 3px;
}

/* TWO COLUMNS OF CHECKBOX AND DATA LABEL */

.checkbox-col-half li
{
   width: 48%;
   clear: none;
   white-space:nowrap;
  margin-bottom:1em!important;
}

.checkbox-col-half li input[type=checkbox]
{
   margin:0;
   padding-top:0;
   margin-bottom:1em!important;
  }
  
.checkbox-col-half li label
{
   float: left;
   clear: right;
   width:80%;
   text-align: left;
   padding: 0;
   display:inline-block; 
  
}

/* THREE COLUMNS OF CHECKBOX AND DATA LABEL */


.checkbox-renderer.checkbox-col-thirds li
{
   width:32%; 
   clear:none;
   display: inline-block;
   box-sizing:border-box;
   float: left;
   padding: 1px !important;
   margin: 0;
   white-space:nowrap;
   position:relative;
}
.checkbox-renderer.checkbox-col-thirds li input[type=checkbox]
{
   
  height:auto;
  width:18px;
  display:inline-block; 
  position:absolute;
  left:2px;
  top:1px; 
}
.checkbox-renderer.checkbox-col-thirds li label
{
   margin-left:21px;
   width:auto;
   padding:1px;
   height:100%;  
   white-space:pre-line;
   width:90%;   
}

.ct-transaction-dialog
{ 
width:500px; 
height:auto; 
}
#DMSConversionForm.manage-container 
{
  padding-right:0em;
  padding-left:0em;
}

.reports-container .button-container
{
  padding:1em 0 .5em 0 !important;
  float:right;
}

.reports-container .text-align-with-button-container
{
       line-height:40px;
       margin-left:50px;
} 
 
.reports-container .reports-date-div
{
       padding-left: 70px;
} 

.tabNavigationDiv
{
   clear:both;
   vertical-align:middle;
   height: 20px;
}

.add-bottom-border {
   border-bottom-style: solid;
   border-bottom-color: #dddddd;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-right-color: #dddddd;
   border-right-width: 1px;
   border-left-style: solid;
   border-left-color: #dddddd;
   border-left-width: 1px;
   margin-top: -1px;
}

.remove-bottom-border {
   border-bottom-style: none;
}

.ct_next-tab
{
float:right;
}
.ct_previous-tab 
{
float:left;
}

.add-bottom-border .ct_next-tab {
       padding-right: 20px;
}

.add-bottom-border .ct_previous-tab {
       padding-left: 20px;
}

#gvw_label
{
  color:#000000;
  text-decoration:none;
}

.modal-button-container .butt-right.add-left-margin
{
   margin-left:7px;
}

.modal-button-container.tax-town-button .ui-button
{
       margin-right:7px;
}

#closeImageUploadDialog .ui-button{
       margin-right:3px!important;
}

/****.enter-manually-div input.check-box[type=checkbox]
{
   margin-left:120px; !important;
}*******/

.CT-singlePagePadding {
  padding-bottom: 1em;
  padding-top: 1em;
  padding-left: 1.4em;
  padding-right: 1.4em;
}

.CT-fieldset-flush-top {
       margin-top: 0em !important;
}

#singlePageInquiryDIV .label-block, #singlePageInquiryDIV .read-only-span {
       line-height: 16px;
}

#singlePageInquiryDIV .read-only-span {
       color:#333333 !important;
}

#singlePageInquiryDIV .nested-container-invisible .lbl-Inq-Type {  /* lbl-Inq-Type */
    width: 100px !important;
    display: block;
}

#singlePageInquiryDIV .nested-container-invisible .lbl-VIN-Number {
    width: 40px !important;
}

#singlePageInquiryDIV .nested-container-invisible .lbl-Plate-Number {
    width: 60px !important;
}

#singlePageInquiryDIV .nested-container-invisible .lbl-Plate-Type {
    width: 65px !important;
    margin-left: -40px !important;
}

#singlePageInquiryDIV .nested-container-invisible .inq-Plate-Button-Pos {
    margin-left: 7px !important;
}

#singlePageInquiryDIV  .lbl-Name-Inquiry {
    width: 45px !important;
}

.fixed-height
{
       height: 1.5em;
}

.fixed-height-bigger
{
       height: 2em;
       margin-top:17px;
       margin-bottom: 3em;
}

.lbl-inq-type-margin-left{
       margin-left:10px;
}


.fixed-height-bigger.less-margin-below
{
       margin-bottom: 2px!important;
}

.fixed-height-bigger.margin-below-above
{
       margin-top:32px!important;
       margin-bottom:8px!important;
}

.fixed-height-bigger.more-margin-above
{
       margin-top:20px;
}

.shift-odo-reading-field-left {
    margin-left: -3px !important;
}

.shift-odo-reading-value-right {
    margin-left: 13px !important;
}

.input-field-pad-left {
    margin-left: 8px !important;
}

.selectOne-pad-right {
    margin-right: 8px !important;
}

select
{
       padding:0;
       height:22px
}

.tab-container .col-thirds .weight .field-small
{
   width: 80px;
   margin-right: 51px !important;
}

.tab-container .weight .field-med-long
{
   width: 80px !important;
   margin-right: 54px !important;
}


.button-move-left
{
       margin-left:-42px!important;
}

.ui-fieldset-untoggleable legend
{
   border-style: none;
   padding: 0.5em 1em 0.5em 0.5em !important;
}

.fee-panel-hr-rule {
  margin-bottom: 19px;
}

/*--- StockId padding issue-- */

.ct-dms-import-ui-fieldset  .fixed-height
{
   height: 2.3em;
  
}

/*-- Disbled drop dowm -grey style--*/

.tab-container select[disabled] {
       
       background-color : #F2F2F2 !important;
}

.tab-container .col-thirds select[disabled] {
       
       background-color : #F2F2F2 !important;
}

/*-- Code for making the focus border blue--*/
#work-area .ui-inputfield.ui-state-focus,
#work-area .ui-inputfield.ui-state-hover
{
       border-color:#00549f !important;
}

/*--Button Focus change--*/

button.ui-state-hover,
.button-group .ui-state-hover,
.import-container button.ui-state-hover,
#singlePageInquiryDIV .nested-container-invisible.col-thirds button.ui-state-hover,
#invFeesCtDiv .note-container.has-layout button.ui-state-hover,
#preferredListForm .ui-fieldset-toggleable.col-half.left button.ui-state-hover,
#reportForm .reports-date-div button.ui-state-hover,
.loginChangePassword .tableRowStyle buttonu.ui-state-hover,
#imageFileUploadDialogForm .fileupload-buttonbar label.ui-state-hover,
#imageMultiFileUploadDialogForm .fileupload-buttonbar label.ui-state-hover,
#DMSConversionForm.manage-container .fileupload-buttonbar label.ui-state-hover 
{    

border: 1px solid #0549FF !important;
background-image: -webkit-gradient(
       linear,
       left bottom,
       left top,
       color-stop(0.35, #2060BF),
       color-stop(1, #1DC3E0),
       color-stop(1, #000549)
) !important;
background-image: -o-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -moz-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -webkit-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -ms-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: linear-gradient(to top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ) !important;


}

/*---Button Focus change--*/
.button-group .ui-state-focus,
.button-group .ui-state-active,
.import-container button.ui-state-focus,
.import-container button.ui-state-active,
#imageFileUploadDialogForm .fileupload-buttonbar label.ui-state-focus,
#imageFileUploadDialogForm .fileupload-buttonbar label.ui-state-active,
#imageMultiFileUploadDialogForm .fileupload-buttonbar label.ui-state-focus,
#imageMultiFileUploadDialogForm .fileupload-buttonbar label.ui-state-active,
#DMSConversionForm.manage-container .fileupload-buttonbar label.ui-state-focus,
#DMSConversionForm.manage-container .fileupload-buttonbar label.ui-state-active
{
   border: none !important;
    background-image: -webkit-gradient(
       linear,
       left bottom,
       left top,
       color-stop(0.35, #2060BF),
       color-stop(1, #1DC3E0),
       color-stop(1, #000549)
) !important;
background-image: -o-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -moz-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -webkit-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -ms-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: linear-gradient(to top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ) !important; 

}

#imageFileUploadDialogForm .fileupload-buttonbar label.ui-state-active,
#imageMultiFileUploadDialogForm .fileupload-buttonbar label.ui-state-active
{
       height:24px!important;
       width:64px!important;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-focus {
       border: 1px solid #0549FF !important;
background-image: -webkit-gradient(
       linear,
       left bottom,
       left top,
       color-stop(0.35, #2060BF),
       color-stop(1, #1DC3E0),
       color-stop(1, #000549)
) !important;
background-image: -o-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -moz-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -webkit-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -ms-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: linear-gradient(to top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ) !important;
       
}

/*---Inquiry Button focus changes --*/

.tab-container .ui-button-text-only.ui-state-focus span,
.reports-container .ui-button-text-only.ui-state-focus span
{

       border: none !important;
background-image: -webkit-gradient(
       linear,
       left bottom,
       left top,
       color-stop(0.35, #2060BF),
       color-stop(1, #1DC3E0),
       color-stop(1, #000549)
) !important;
background-image: -o-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -moz-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -webkit-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: -ms-linear-gradient(top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
background-image: linear-gradient(to top, #2060BF 35%, #1DC3E0 100%, #000549 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ) !important;


}

.read-only-input-field {
       border:white;
       color:black!important;
}

/*--- Styling for Primefaces fileUpload component ---*/
.fileupload-buttonbar .fileinput-button .ui-icon-plusthick { /* remove icon from browse button */
    display: none !important;
}
.fileupload-buttonbar .fileinput-button  .ui-button-text { /* removed icon from browse button so shifting text left*/
    padding-left: 1em!important;
}

#imageFileUploadDialogForm .fileupload-buttonbar label,
#imageMultiFileUploadDialogForm .fileupload-buttonbar label,
#DMSConversionForm.manage-container .fileupload-buttonbar label.ui-state-default {
height:22px!important;
border: 1px solid #333333; 
 background: #00549f url("/ctolrs/javax.faces.resource/ertjsf/images/ui-bg_highlight-soft_25_00549f_1x100.png.xhtml") 50% 50% repeat-x !important; 
 font-weight: bold; 
 outline:none !important;
color: #efefef;
border-top:#333 1px solid;
border-left:#999 1px solid;
border-right:#aaa 1px solid;
border-bottom:#333 1px solid;
}

.multifileuploadButton {
width: 90px;
float: left;
height:22px!important;
border: 1px solid #333333; 
 background: #00549f url("/ctolrs/javax.faces.resource/ertjsf/images/ui-bg_highlight-soft_25_00549f_1x100.png.xhtml") 50% 50% repeat-x !important; 
 font-weight: bold; 
 outline:none !important;
color: #efefef;
border-top:#333 1px solid;
border-left:#999 1px solid;
border-right:#aaa 1px solid;
border-bottom:#333 1px solid;
}

#DMSConversionForm.manage-container .fileupload-buttonbar label.ui-state-disabled
{
background: #f6f6f6 url("/ctolrs/javax.faces.resource/ertjsf/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png.xhtml") 50% 50% repeat-x !important; 
color: #888888;
border-color: #aaaaaa !important;
}

/* Disabled label(button) clicked */
#DMSConversionForm.manage-container .fileupload-buttonbar label.ui-state-disabled *
{
background: #f6f6f6 url("/ctolrs/javax.faces.resource/ertjsf/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png.xhtml") 50% 50% repeat-x !important; 
color: #888888;
border-color: #aaaaaa !important;;
height: 20px;
}

#imageFileUploadDialogForm .fileupload-buttonbar .ui-button .ui-button-text{
line-height: 1.2!important;
}
       
#imageFileUploadDialogForm .read-only-file-name
{
   margin-left: 8px;
}

#imageFileUploadDialogForm .move-button-left
{
       margin-right: 4px;
}

#imageMultiFileUploadDialogForm .fileupload-buttonbar .ui-button .ui-button-text{
line-height: 1.2!important;
}
       
#imageMultiFileUploadDialogForm .read-only-file-name
{
   margin-left: 8px;
}

#imageMultiFileUploadDialogForm .move-button-left
{
       margin-right: 4px;
}

.tab-container .col-thirds .move-label-right
{
       margin-left:7px!important;
}

.margin-compensate-4-fs
{
       margin-left:-12px!important;
}

.ui-toolbar-group-left .ui-selectonemenu-trigger.ui-state-hover {
       background-color: #00549f !important;
       background-image: none !important;
}

.ui-selectonemenu-trigger.ui-state-default.ui-corner-right.ui-state-focus {
       background-image: none !important;
       background-color: #00549f !important;
}

.address-groups-vertical-space.container-has-layout.col-thirds {
       padding-left:34px !important;
}

.rule-bottom.container-has-layout.col-thirds {
       padding-left:34px !important;
}

/* Added to align JSF messages */

.ui-messages-info ul, 
.ui-messages-warn ul, 
.ui-messages-error ul, 
.ui-messages-fatal ul, 
.ui-message-info ul, 
.ui-message-warn ul, 
.ui-message-error ul, 
.ui-message-fatal ul {
       padding-left: 5px;
}
.ui-messages-info-detail, 
.ui-messages-warn-detail, 
.ui-messages-error-detail, 
.ui-messages-fatal-detail, 
.ui-message-info-detail, 
.ui-message-warn-detail, 
.ui-message-error-detail, 
.ui-message-fatal-detail {
      margin-left: 0px; 
}

.ui-state-default,
.ui-widget-header .ui-state-default {
       border-color: #aaa;
}


.font-weight-normal legend 
{ 
       font-weight: normal !important;
}

.top-space
{
       margin-top:40px;
}

#work-area form .select-focus, 
#work-area .import-container .col-2.select-focus,
body #wrapper input[type="radio"]:focus,
#work-area form a:focus,
body #wrapper input[type="checkbox"]:focus,
#work-area form .check-box:focus
{
outline: #333333 dotted 1px !important;
}

#work-area form input[type="text"]:focus
{
border: #00549F solid 1px !important;
outline: none !important;
}

#work-area form select option:hover
{
color:#ffffff !important;
}


#work-area .manage-container fieldset #printSetupButton
{
display:block;
float:left;
padding:0 8px;
width:3em;   
line-height:1.6em;
margin-top:.12em;
margin-left:2px;
}

/*-- Code for error  disabled text field - border color red --*/
#work-area .ui-inputfield.ui-state-error.ui-state-disabled  
{      
  border-color:#aa0000 !important;
  background-color: #F2F2F2 !important;
  color:#000000;
  }
  
 
 /* Code for disabled textfield */
#work-area .ui-inputfield.ui-state-disabled  
{
  border-color: #DEDEDE !important;
  background-color: #F2F2F2 !important;
  color:#000000;

}

.DT-selectOne-input-invalid
{
       border:solid 1px;
}

.fileupload-buttonbar .ui-button input {
  position : fixed;
}


.info-block {
  width: 150px;
  top: 100px;
  left: -190px;
  padding: 1em;
  border: solid 1px #aaa;
  background-color: white;
  color: #333333;
  font-size: 1em;
  display: block;
  position: absolute;
}
.fee-block-info {
  line-height: 1.7em; 
  position:relative; 
  left:39px; 
  display: inline-block; 
  float: left; 
  margin-right: 4px; 
  clear: left;
}

.tab-container .col-half.right .input-zip.preferred-results-zip {
  color: black !important;
}
.tab-container .col-half.right .field-long.preferred-results-long {
  width: 209px !important;
  text-align: left !important;
  color: black !important;
}
.preferred-results-ns-spacer {
  margin-bottom: 15px;
}
.tab-container .col-half.right .col-1.preferred-results-label {
  width: 120px !important;
}

table.styled-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.styled-table th, .styled-table td {
  padding: 8px;
  border: 1px solid #dddddd;
}
.styled-table .ui-datatable-odd {
  background: none repeat scroll 0 0 #F2F5F9;
}
.styled-table select {
  width: 100%;
}

.transSummary-LeftBlk {
       width: 75%;
       float: left;
       overflow: hidden
}

.transSummary-RighttBlk {
       width: 25%;
       float: left;
       overflow: hidden
}

.vertical-line {
       width: 1px;
       border-left: 1px solid #aaa;
       float: left;
       margin-right: 15px;
       height: 85px;
}

#horizontal-line {
       width: 100%;
       border: 0;
       border-top: 1px solid #aaa;
       float: left;
       margin: 1em 0;
       height: 10px;
}

.redtext {
       color: #A3101E;
}

.fa-stack {
    line-height: 1.6em;
    width: 1.5em;
}

.fa-stack[data-count]:after {
    position: absolute;
    right: 2%;
    top: -20%;
    content: attr(data-count);
    font-size: 40%;
    border-radius: 900px;
    line-height: 2.2em;
    color: white;
    background: rgba(215,41,40, 0.85);
    text-align: center;
    min-width: 2.2em;
    font-weight: bold;
}

.scanAlertTextLink {
       font-size: 12px;
       width:40px;
       font-family: Arial, Helvetica, sans-serif;
       color:#00549f;
}

.scanAlertTextLink:hover {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.pdfIcon {
       width: 40px;
       height: 100px;
}

.pdfIcon.a:hover {
       text-decoration: none;
}

.pdfIconReqd {
       line-height: 1em;
       text-align: center;
       width: 20%;
}

.pdfIconFail {
       line-height: 1em;
       color: #F5A623;
       text-align: center;
       width: 20%;
}

.pdfIcon14Days {
       line-height: 1em;
       color: #A3101E;
       text-align: center;
       width: 20%;
}
.height25 {
       height: 25px;
}
.searchByValueMng {
       background-image: none;
       background-color: #fff; 
        color: #00549f;
       width: 220px;
       height: 16px;
}


.tree-table-no-header thead {
    display: none;
}

.fileupload-content {
       display: none;
}

#imageMultiFileUploadDialogForm .ui-datatable-empty-message {
       display: none;
}

.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}


.tab-container .col-thirds input.watermk{
       margin-right: 10px;
       width:100px;
       
       }
       
       
.ui-outputlabel .lbl-Inq-Type .regInqType{
       margin-left:35px;
       }
       
       
.tab-container .col-thirds .reqInqfield-small
{
   width: 65px;
   margin-right: 30px;
}

#singlePageInquiryDIV .lbl-RegPlate-Type {
    width: 65px;
    margin-left: -35px;
}

.tab-container .col-thirds .field-reg-inq-small
{
	width: 65px !important;
	margin-right:15px;
}

.inq-for-Boat-Vehicle {
    padding: 0;
    vertical-align: middle;
    line-height: 24px;
    padding-right: 3px;
}

.no-right-margin {
    margin-right:0px !important;
}

.tab-container .col-thirds .left-margin-negative{
	margin-left:-90px !important;
	 width: 6px !important;
}
.tab-container .col-thirds .left-margin-negative-in{
	margin-left:-25px !important;
	 width: 4px !important;
}

.tab-container .col-thirds .field-small-no-margin {
    width: 35px;
    margin-right: 0px !important;
    margin-left:-75px !important;
}

.tab-container .col-thirds .label-block-in {
    text-align: right;
    margin-left: 1px;
    margin-right: 13px !important;
    display: block;
    width: 10px !important;
    float: left;
    clear: none;
    padding-top: 5px;
}

.tab-container .col-thirds .renewReg {
    text-align: right;
    margin-left: 1px;
    margin-right: 3px !important;
    display: block;
    width: 130px !important;
    font-weight:bold;
}