/* Overview component */

.overview #overv {
   border: solid 1px #969696;
   border-radius: 4px;
   background-color: #FFFFFF;
}

.overview tr.hover td span div {
   text-decoration: underline;
}

.overview table th.resizing {
   cursor: col-resize;
}

.overview .grid th, .overview .grid td {
   padding: 4px;
}

.overview .grid {
   word-wrap: break-word;
   clear: both;
}

.overview .grid td, .overview .grid th, .overview .grid tr {
   word-wrap: break-word;
}

.overview .grid tbody td, .overview .grid tbody th, .overview .grid tbody tr {
   height: 30px;
}

.overview thead tr td, .overview tfoot tr td {
   height: 25px;
}

.overview .grid tr.alt {
   background-color: #EEEEEE;
}

.overview .grid td span {
   display: inline-block;
   color: #555555;
   line-height: 16px;
   /*text-align:left;*/
}

.overview .grid li a {
   height: 20px;
   padding: 5px 0 0 0;
}

.overview .grid a.col_header {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   cursor: pointer;
   display: block;
   width: 100%;
}

.overview .grid a {
   color: #555555;
   clear: left;
   display: block;
   width: 100%;
   float: left;
   text-decoration: none;
   vertical-align: middle;
   white-space: nowrap;

   border-left:solid 1px transparent;
   border-right:solid 1px transparent;
}

.overview .grid a:hover {
   text-decoration: underline;
}

.overview .grid tr.hover {
   /*background-color: #FFDFC7;*/
   background-color: #CCCCCC;
   cursor: default;
}

.overview .grid a.ui-spinner-button {
   width: 16px;
   min-width: 0;
   border-left: 1px solid #D3D3D3;
}


.overview .grid a.ui-spinner-button:hover {
   text-decoration: none;
}

.overview .spinner {
   width: 50px;
}

.overview tfoot tr td {
   border-top: 1px solid #AAAAAA;
}

.overview tbody .overview_filter_row, .overview tbody .overview_action{
   border-bottom: 1px solid #AAAAAA;
}

.overview #overview_total_row {
   font-weight: bold;
}

.overview #overview_total_row td {
  border-top: 1px solid #000;
}

/* Michael 02-04-2012: paginator */
.paginator_first,
.paginator_first_disabled,
.paginator_prev,
.paginator_prev_disabled,
.paginator_next,
.paginator_next_disabled,
.paginator_last,
.paginator_last_disabled {
   margin: 0;
   padding: 0;
   width: 8px;
   height: 13px;
   display: inline-block !important;
   background-repeat: no-repeat;
   overflow: hidden;
   zoom: 1;
}

.paginator_prev,
.paginator_prev_disabled,
.paginator_next,
.paginator_next_disabled {
   margin: 0 5px 0 5px;
}


.paginator_first_disabled,
.paginator_prev_disabled,
.paginator_next_disabled,
.paginator_last_disabled {
  cursor: text;
}

.paginator_first {
   background: url("../images/pag_first.png");
}
.paginator_first_disabled {
   background: url("../images/pag_first_disabled.png");
}
.paginator_prev {
   background: url("../images/pag_prev.png");
}
.paginator_prev_disabled {
   background: url("../images/pag_prev_disabled.png");
}
.paginator_next {
   background: url("../images/pag_next.png");
}
.paginator_next_disabled {
   background: url("../images/pag_next_disabled.png");
}
.paginator_last {
   background: url("../images/pag_last.png");
}
.paginator_last_disabled {
   background: url("../images/pag_last_disabled.png");
}

.overview th {
   /*background: #BDA887;*/
   background: url('../images/nav_bg.png');
   background-repeat: repeat-x;
   font-weight: bold;
   color: #ffffff;
   text-align: left;
   height: 28px;
}
.overview td {
   color: #555555;
   text-decoration: none;
}

.overview .normal td {
   color: #555555;
   text-decoration: none;
}

.overview .grid ul .hover  {
   color: #FFF;
   background: #969696;
   text-decoration: none;
}

.overview .grid .expand_div {
   position: relative;
   /*font-size: 0.8em;*/
}

.overview .grid .expand_div_content {
   background-color: white;
   margin: 0 10px;
   padding: 10px;
   border-color: #A0B7D4;
   border-style: solid;
   border-width: 1px;

   max-height: 250px;
   overflow-y: auto;
}

.overview .grid .expand_div_content a {
   clear: none;
   width: auto;
   float: none;
   display: inline-block;
}

.overview .grid .expand_div_content h3 {
   margin: 0 0 4px 0;
}

.overview .grid .expand_div_bottom {
   height: 15px;
}

.overview td img {
   cursor:pointer;
}

.overview_col_header {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
   background-color: #717174;
   cursor: pointer;
}

.overview input[type="text"], .overview select {
   width: 100%;
   border: 1px solid #AAAAAA;
   border-radius: 4px;
}

.overview input[type="checkbox"] {
   width: 13px;
}

.overview_filter_link {
   color: #555555;
   font-weight: bold;
   text-decoration: underline;
   cursor: pointer;
}

.overview_cell {
   float: left;
   overflow: hidden;
   /*height:16px;*/
   margin: 0;
   padding: 0;
   text-align:left;
   white-space:nowrap;
}

#overview_options_top {
    margin-bottom: 5px;
    text-align: center;
    float: left;
    clear: both;
}

#overview_options_bottom {
    margin: 5px 0 10px 0;
    text-align: center;
    float: left;
}

#overview_options_bottom select {
    width: 50px;
}

.overview_export_container, .overview_page_container, .overview_item_count_container {
   display: inline-block;
}

.overview_page_container {
   float: left;
}

.overview_item_count_container {
   float: right;
}

.hintstyle {
   position:absolute;
   background:#EEEEEE;
   border:1px solid black;
   padding:2px;
}

/* DualListBox component */
.duallistbox select {
   /*font-family: Arial, Helvetica, sans-serif;*/
   border: solid 1px #969696;
   padding: 1px;
   width: 200px;
   height: 240px;
}

.jqduallistbox ol {
   border: solid 1px #969696;
   padding: 1px;
   width: 200px;
   height: 240px;
}

.dlbox_container {
   width: 100%;
}

/* PickList component */


.picklist .list_dlb{
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 12px;
  border: solid 1px #969696;
  padding: 1px;
  background-color: #ccc;
  padding: 10px;
  z-index: 1000;
  display: none;
}

.datetimepicker {
   display: inline;
}

.datetimepicker input {
   float: left;
   width: 80px;
}

.datetimepicker images {
   border: none;
}

.datetimepicker images:hover {
   cursor: pointer;
}

.picklist table {
   background: #FFFFFF none repeat scroll 0 0;
   border: 1px solid #969696;
   width: 100%;
}

.picklist input.text {

}

.picklist images {
   position: absolute;
   top:0;
}

.picklist div.scroll {
   height: 200px;
   overflow: auto;
   border: 1px solid #666;
   background-color: #ccc;
   padding: 1px;

}

.picklist input.search  {
   border: 1px solid #969696;
   background-color: #FFF;
   background-image:url(../images/search.gif);
   background-position:10px 2px;
   background-repeat:no-repeat;
   padding-left: 30px;
}

.picklist input.selector {
   border: 0px solid #969696;
}

.picklist input.notfound  {
   border: 1px solid #FF0000;
   background-color: #FFF;
   background-image:url(../images/search.gif);
   background-position:10px 2px;
   background-repeat:no-repeat;
   padding-left: 30px;
}

.picklist div.panel {
   position: absolute;
   display: none;
   background-color: #FFF;
   position: absolute;
   z-index: 10000;
   left:0px;
   top: 0px;
}

/* PasswordField component */

.passwordfield {
   position: relative;
}

.passwordfield input{
   border: solid 1px #969696;
   padding-right: 30px;
   width: 300px;
}

.passwordfield .menu {
  position: absolute;
  top: 0px;
  left: 280px;
  border: 0px solid #969696;
  background-image:url(../images/menu.gif);
  background-repeat:no-repeat;
  background-position:0px 2px;
  width:20px;
  height:18px;
  z-index:100;
  cursor: pointer;
}

.passwordfield div.panel {
  display: none;
   background-color: #BBF;
   position: absolute;
   width: 150px;
   left:0px;
   top: 20px;
}

/* JQDatePicker */
.jqdatepicker .ui-datepicker select.ui-datepicker-month { width: 58%;}
.jqdatepicker .ui-datepicker select.ui-datepicker-year { width: 40%;}

.jqdatepicker input {
   width: 180px;
}

.jqdatepicker .jqdatepicker_error {
   border-top: 2px solid #ff4040;
   border-left: 2px solid #ff4040;
   border-bottom: 2px solid #ffa0a0;
   border-right: 2px solid #ffa0a0;
}

.jqdatepicker .jqdatepicker_errortext {
   display:none;
   color:#a00000;
   margin-left:8px;
}

.jqdatepicker .ui-widget-content {
   border: 1px solid #aaaaaa/*{borderColorContent}*/;
   background: #ffffff/*{bgColorContent}*/ /*url(images/ui-bg_flat_0_ffffff_40x100.png)*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
   color: #222222/*{fcContent}*/;
}

.jqdatepicker .till_text {
   margin: 0 10px;
   line-height: 35px;
}

.hide-calendar .ui-datepicker-calendar {
  display: none;
}

#ui-datepicker-div button.ui-datepicker-current {display: none;}

.colorpicker {

}

.overview td.ov_type_currency, .overview th.ov_type_currency {
   text-align: right;
}

.overview th.ov_type_currency a.col_header {
   float: none;
   display: inline;
}