
/*------------------------------------------------------------------------------
    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;
}

.ui-corner-all
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/*------------------------------------------------------------------------------
    Dialog Styles
------------------------------------------------------------------------------*/

.ui-dialog
{
    background: white;
    border: 1px solid #495761;
    padding: 0px;
    margin: 0px;
}

.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;
    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: 0 1em;
}

.ui-dialog .ui-dialog-content p
{
    font-size: 14px;
}

.ui-dialog-titlebar-close
{
    display: none;
}

.ui-dialog .ui-dialog-buttonpane
{
    text-align: right;
    margin: 0;
}

.ui-button, .ui-button.ui-state-active
{
    FONT-SIZE: 13px;
    WIDTH: 80px;
    height: 24px;
    FONT-FAMILY: arial,helvetica,sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    background: transparent url(../images/buttons.gif) no-repeat scroll 0px 0px;
    border: none;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 4px 0px;
    cursor: pointer;
}

.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
{
    border: none;
    margin: 5px 0;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav
{
    margin: 0;
    padding: 0px 20px; 
    border-bottom: 1px solid #AAAAAA;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.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; 

    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
}

.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;
    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-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
{
    float: left;
    margin-left: 40px;
    width: 20px;
    height: 21px;
    overflow: hidden;
    text-indent:-9999px;
    background: transparent url(../images/datepicker/datepicker.png) no-repeat;
    border: 0;
}

.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;
  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
{
    min-width: 300px;
    margin-right: 0;
}

.ui-button.ui-button-icon-only
{
    WIDTH: 22px;
    height: 22px;
    COLOR: #ffffff;
    background: #eeeeee url("../images/arrow-down-grey.gif") no-repeat 6px 8px;
    border: 1px solid #aaaaaa;
    margin: 0px;
    padding: 0px;
    cursor: default;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .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; 
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete.ui-widget-content .ui-state-hover, .ui-autocomplete.ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus, .ui-autocomplete.ui-widget-header .ui-state-focus 
{
  background: #DEDCDA 50% 50% repeat-x; 
  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 {
  list-style:none;
  padding: 0px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  padding: 2px 4px;
  line-height: 18px;
  height: 18px;
  zoom:1;
}
.ui-menu .ui-menu-item a span.label{
  display: block;
  float: left;
  padding-right: 10px;
}
.ui-menu .ui-menu-item a span.sublabel{
  display: block;
  position: relative;
  float: right;
  color: #808080;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: 0px;
}
.ui-menu .ui-menu-item a div{ color: #808080; }
* html .autocomplete-fixed-height { height: 164px;} /* without this, the menu expands to 100% in IE6 */
