
/*------------------------------------------------------------------------------
    General
------------------------------------------------------------------------------*/
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
/*------------------------------------------------------------------------------
    Autocomplete
------------------------------------------------------------------------------*/

.ui-corner-top
{
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-corner-all
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*------------------------------------------------------------------------------
    Dialog Styles
------------------------------------------------------------------------------*/

.ui-dialog,
.ui-dialog.ui-widget-content
{
    background: white;
    border: 1px solid #495761;
    padding: 0px;
    margin: 0px;
    color: #46403B;
    font-family: inherit;
}

.ui-dialog-titlebar
{
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    BACKGROUND-COLOR: #EEEDEC;
    padding:8px;
}

.ui-dialog-titlebar .ui-dialog-title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #46403B;
    FONT-FAMILY: arial,helvetica,sans-serif;
}

.ui-dialog .ui-dialog-content
{
    padding: .5em 1em;
}
.ui-dialog .ui-widget-content,
.ui-dialog .ui-widget-header
{
    border: none;
}

.ui-dialog .ui-dialog-content p
{
    font-size: 14px;
}

.ui-dialog .ui-button.ui-dialog-titlebar-close,
.ui-dialog .ui-button-icon-only.ui-dialog-titlebar-close,
.ui-dialog .ui-button.ui-dialog-titlebar-close:hover,
.ui-dialog .ui-button-icon-only.ui-dialog-titlebar-close:hover,
.ui-dialog .ui-button.ui-dialog-titlebar-close:active,
.ui-dialog .ui-button-icon-only.ui-dialog-titlebar-close:active,
.ui-dialog .ui-button.ui-dialog-titlebar-close:focus,
.ui-dialog .ui-button-icon-only.ui-dialog-titlebar-close:focus
{
    border: none;
    background: none;
    height: 16px;
    min-width: auto;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    box-shadow: none;
    float: none;
}

.ui-dialog-titlebar-close .ui-icon-closethick
{
    background-image: url("../images/close.gif");
    background-position: 0px 0px;
    width: 16px;
}

.ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick,
.ui-dialog-titlebar-close:hover .ui-icon-closethick,
.ui-dialog-titlebar-close:focus .ui-icon-closethick
{
    background-image: url("../images/close.gif");
    background-position: -16px 0px;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane
{
    text-align: right;
    margin: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ui-dialog .ui-button
{
    FONT-SIZE: 13px;
    WIDTH: 80px;
    height: 24px;
    FONT-FAMILY: arial,helvetica,sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    background: transparent url(../images/wbc_buttons.gif) no-repeat scroll 0px 0px;
    border: none;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 4px 0px;
    cursor: pointer;
    line-height: 22px;
}

.ui-button-text
{
    COLOR: #ffffff;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
}

.ui-widget-overlay
{
    background:none repeat scroll 0 0 #000000;
    left:0;
    opacity:0.25;
    position:absolute;
    top:0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
}


/*------------------------------------------------------------------------------
    Tabs
------------------------------------------------------------------------------*/

.ui-tabs,
.ui-tabs.ui-widget-content
{
    border: none;
    margin: 5px 0;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav
{
    margin: 0;
    padding: 0px 20px;
    border: none;
    border-bottom: 1px solid #AAAAAA;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: none;
}

.ui-tabs .ui-tabs-nav li
{
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    background: #EBE6DF;
    font-size: 13px;
    margin: 0 -1px 0px 0;

    position:relative;
    top:1px;
}

.ui-tabs .ui-tabs-nav li a
{
    color: #46403B;
    text-decoration: none;
    display: block;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active
{
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a
{
    font-weight: bold;
    color: #BC1903;
}

.ui-tabs .ui-tabs-hide
{
    display: none !important;
}

.ui-tabs .ui-tabs-panel
{
    border: none;
    padding: 0px;
    background: none;
}

.ui-tabs .ui-tabs-panel .listTableHeading
{
    margin-top: 0px;
    padding-top: 0px;
}

* html .ui-tabs-panel h2
{
    margin-top: 0px;
}

.ui-tabs-panel h2:first-child
{
    margin-top: 0px;
}

.ui-tabs-panel div.listTableHeading
{
    margin-top: 0px;
}
/*------------------------------------------------------------------------------
    Date Picker
------------------------------------------------------------------------------*/

.ui-datepicker
{
    border:1px solid #E1E1E1;
    overflow:hidden;
    font-size: 13px;
    background-color: #F2F2F2;
}

.ui-datepicker .ui-datepicker-header
{
    border:1px solid #E1E1E1;
    color: #BC1903;
    font-weight: bold;
    background: #ffffff;
}

.ui-datepicker .ui-datepicker-title
{
    line-height:1.8em;
    margin:0 2.3em;
    text-align:center;
    background: #ffffff;
}

.ui-datepicker .ui-datepicker-title a
{
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
    height:1.8em;
    position:absolute;
    top:1px;
    width:1.8em;
}
.ui-datepicker .ui-datepicker-prev
{
    left:2px;
}
.ui-datepicker .ui-datepicker-next
{
    right:2px;
}

.ui-datepicker .ui-datepicker-next span
{
    display:block;
    width: 20px;
    background: #BC1903 url("../images/datepicker/calendar_nextmonth.gif") no-repeat;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span
{
    display:block;
    width: 20px;
    background: #BC1903 url("../images/datepicker/calendar_prevmonth.gif") no-repeat;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
    top: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a
{
    border: 1px solid #E1E1E1;
    background: #ffffff;
}

.ui-datepicker-trigger
{
    border: none;
    background: transparent url("../images/datepicker/datepicker.png") no-repeat 3px 0px;
    overflow:hidden;
    text-indent:-9999px;
    height: 22px;
    width: 25px;
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-today a
{
    font-weight: bold;
    color: #2B699C;
}

.ui-datepicker .ui-datepicker-current-day a
{
    color: #BC1903;
}

.ui-datepicker td span,
.ui-datepicker td a:hover
{
    border: 1px solid #BC1903;
    text-decoration:none;
    color: #BC1903;
}

.ui-datepicker .ui-datepicker-buttonpane
{
  background-image: none;
  margin: .2em 0 0 0;
  padding:0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-top: 1px solid #E1E1E1;
}

.ui-datepicker .ui-datepicker-buttonpane button
{
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em;
  width:auto;
  overflow:visible;
  font-size: 13px;
  border: 1px solid #E1E1E1;
  background: #ffffff;
  color: #BC1903;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
  font-style: normal;
  font-family: arial,helvetica,sans-serif;
}

.ui-datepicker-current
{
    visibility:hidden;
}


/*------------------------------------------------------------------------------
    Autocomplete
------------------------------------------------------------------------------*/

.ui-autocomplete
{
    max-height: 177px;
    overflow-y: auto;
    background: #ffffff 50% 50% repeat-x;
    border: 1px solid #aaaaaa;
    min-width: 300px;
}

.ui-autocomplete-input
{
    width: 300px;
    margin-right: 0px;
}

.ui-autocomplete-button
{
    text-indent: -9999px;
    line-height: 0px;
    height: 22px;
    width: 22px;
    background: #eeeeee url("../images/arrow-down-grey.gif") no-repeat 6px 8px;
    border: 1px solid #aaaaaa;
    margin: 0;
    margin-left: -1px;
    overflow: hidden;
    border-collapse: collapse;
}
.ui-autocomplete-loading
{
    background: white url('../images/spin-ball-small.gif') right center no-repeat;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

* html form.dataEntry div.field .ui-autocomplete-button
{
    float: left;
    background: #eeeeee url("../images/arrow-down-grey.gif") no-repeat 5px 7px;
}

/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default {
border: 1px solid #CCC;
color: #46403B;
outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
  color: #555555;
  text-decoration: none;
}
ul.ui-autocomplete .ui-state-hover,
ul.ui-autocomplete .ui-state-focus,
ul.ui-autocomplete .ui-state-active,
ul.ui-autocomplete.ui-widget-content .ui-state-hover,
ul.ui-autocomplete.ui-widget-content .ui-state-focus,
ul.ui-autocomplete.ui-widget-content .ui-state-active,
ul.ui-autocomplete.ui-widget-header .ui-state-hover,
ul.ui-autocomplete.ui-widget-header .ui-state-focus,
ul.ui-autocomplete.ui-widget-header .ui-state-active
{
  background-color: #DEDCDA;
  font-weight: normal;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-autocomplete.ui-widget-content .ui-state-active, .ui-autocomplete.ui-widget-header .ui-state-active
{
  border: 1px solid #aaaaaa;
  background: #ffffff 50% 50% repeat-x;
  font-weight: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{ text-decoration: none; }
/* Corner radius */
.ui-autocomplete .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-autocomplete .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-autocomplete .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-autocomplete .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-autocomplete .ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-autocomplete .ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-autocomplete .ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-autocomplete .ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.ui-widget :active { outline: none; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 3px 6px;
  text-decoration: none;
}
.ui-menu .ui-menu-item .label{
  padding-right: 10px;
  color: #46403B;
}
.ui-menu .ui-menu-item .sublabel{
  color: #808080;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
  margin: 0px;
  border: none;
}
.ui-menu .ui-menu-item a div{ color: #808080; }
* html .autocomplete-fixed-height { height: 164px;} /* without this, the menu expands to 100% in IE6 */


/* Orderable
----------------------------------*/
table th.orderable
{
    cursor: pointer;
}

table th.orderedAsc
{
    padding-right: 16px;
    background: #EFEFEF url(../images/uparrow.gif) no-repeat scroll 95% 50%;
}

table th.orderedDesc
{
    padding-right: 16px;
    background: #EFEFEF url(../images/downarrow.gif) no-repeat scroll 95% 50%;
}

/*!
 * jQuery UI Accordion 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* Accordion
------------------------------------*/

.ui-accordion .ui-accordion-header
{
    background: #EEEDEC url(../images/redArrow.gif) no-repeat scroll 6px 8px;
    border: none;
    font-size: 12pt;
    font-weight: bold;
    padding:3px;
    padding-left: 18px;
    width:766px;
}

.ui-accordion .ui-accordion-header-active
{
    background: #EEEDEC url(../images/redArrowDown.gif) no-repeat scroll 6px 10px;
    border: none;
    font-size: 12pt;
    font-weight: bold;
    padding:3px;
    padding-left: 18px;
    width:766px;
}

/*------------------------------------------------------------------------------
    Processing Dialog
------------------------------------------------------------------------------*/

.spinner
{
    position: relative;
    top: 9px;
    left: 15px;
    height: 20px;
}

.dialog-processing
{
    padding: 0 20px;
    max-width: 390px;
}
.dialog-processing p
{
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 35px;
    margin: 6px 0px 0px 0px;
}

.dialog-processing .spinner
{
    position: relative;
    display:inline-block;
    top: 0px;
    left: 6px;
    height: 0px;
}

.dialog-processing .ui-dialog-titlebar
{
    display: none;
}

.ui-dialog.dialog-processing .ui-dialog-content
{
    padding: 18px;
}
