/********************************************************
**
**  Objects list stylesheet
**
**  Copyright (c) 2007, Nimisoft LTD. All rights reserved.
**  for more information visit http://nimisoft.com/
**/


#list.outer .rows,
.list .rows {
    width:100%;
}

#list.outer .rows tr.header,
.outer-list .rows tr.header {
    background: #AFC3DE url('../images/list/head_bg.gif') 0% 100% repeat-x;
    color: white;
}

#list.outer .rows th,
.outer-list .rows th {
    height: 24px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 0px;
}

#list.outer .rows td,
.outer-list .rows td {
    height: 24px;
/*    line-height: 22px;*/
    background-color: #ffffff;
    border-bottom: 1px solid #c8d6e6;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

#list.outer .rows tr.hover td,
.outer-list .rows tr.hover td {
    background-color: #eff3fb;
    border-bottom: 1px solid #c8d6e6;
}


#list.outer .rows tr.selected td,
.outer-list .rows tr.selected td {
    background-color: #dfe7f1;
    border-bottom: 1px solid #94aac6;
}

#list td.icons,
.list td.icons {
    font-size:0;
    text-align:right;
}

#list img.icon,
.list img.icon {
    margin-right:3px;
}

#list .rows td.children,
.list .rows td.children {
    padding: 0px;
    border: none;
}

#list img.expand,
.list img.expand {
    margin-top: 1px;
    width:11px;
}

#list td.children table,
.list td.children table {
    width: 100%;
}

.noresults {
    background: url('../images/list/nr_bg.gif') 0% 100% repeat-x;
    height: 30px;
    padding-top: 5px;
}

.noresults .text{
    background: url('../images/icon/warn.gif') 10px 6px no-repeat;
    color: #6e6e6e;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 30px;
}


/* --------- Inner List Styles ---------- */

#list.inner .rows ,
.inner-list .rows {
    width:100%;
}

#list.inner .rows tr.header,
.inner-list .rows tr.header {
    background: #f5f5f5 url('../images/list/inner/head_bg.gif') 0% 100% repeat-x;
    color: #444444;
}

#list.inner .rows th,
.inner-list .rows th {
    height: 24px;
    padding-left:   5px;
    padding-right:  5px;
    padding-top:    0px;
    padding-bottom: 2px;
}

#list.inner .rows td,
.inner-list .rows td {
    height: 24px;
    /*line-height: 20px;*/
    background-color: #ffffff;
    border-bottom: 1px solid #e4e5e5;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

#list.inner .rows td.grey,
.inner-list .rows td.grey {
    background-color: #efefef;
}

#list.inner .rows tr.hover td,
.inner-list .rows tr.hover td {
    background-color: #efefef;
    border-bottom: 1px solid #efefef;
}


#list.inner .rows tr.selected td,
.inner-list .rows tr.selected td {
    background-color: #efefef;
    border-bottom: 1px solid #bababa;
}

#list.inner .rows td input,
.inner-list .rows td input {
    width: 98%;
    margin-right: 3px;
    margin-bottom: 2px;
    margin-top: 2px;
}


#list.inner #buttons,
.inner-list #buttons {
    background-image: url('../images/btn/small/bg.gif');
    height:26px;
    font-size: 0;
}


#list .totals,
.list .totals {
    float: right;
}

#list .totals tr,
.list .totals tr {
    background: #f1f1f1;
}

#list .totals tr.highlight,
.list .totals tr.highlight {
    background: #f5e4c6;
    font-weight: bold;
}

#list .totals td, #list .totals th,
.list .totals td, #list .totals th {
    border-bottom: 1px solid #e4e5e5;
    text-align: right;
    height: 20px;
    line-height: 20px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

#list .totals td .label,
.list .totals td .label {
    text-align: right;
}



/* --------- Pager Styles ---------- */

#pager {
    background-image: url('../images/pager/bg.gif');
    height:22px;
    color: #516a8c;
    font-size:10px;
    line-height: 18px;
}

#pager .outer{
    float: right;
    width: auto;
    background: url('../images/pager/separator.gif') no-repeat;
    text-align: right;
    padding-left: 10px;
}

#pager .pages {
    float: left;
}

#pager .btn {
    float:left;
    height: 19px;
}

#pager .btn .ledge{
    float:left;
    width: 5px;
    height: 19px;
}

#pager .btn .redge{
    float:left;
    width: 5px;
    height: 19px;
}

#pager .btn .text{
    float: left;
    padding-left:2px;
    padding-right:2px;
}

#pager .btn .text img {
    margin-top:6px;
}

/***     Active Button Effect     ***/
#pager .active { behavior: url("css/hover.htc"); }

#pager .active:hover,
#pager .active_hover {
    cursor: hand;
    cursor: pointer;
    background: url('../images/pager/nbg.gif') repeat-x;
}

#pager .active:hover .ledge,
#pager .active_hover .ledge {
    background: url('../images/pager/nl_edge_h.gif') no-repeat;
}

#pager .active:hover .redge,
#pager .active_hover .redge {
    background: url('../images/pager/nr_edge_h.gif') no-repeat;
}


/***     Current page effect     ***/
#pager .current {
    background: url('../images/pager/cnbg.gif') repeat-x;
    color: white;
}

#pager .current .ledge {
    background: url('../images/pager/cnl_edge.gif') repeat-x;
}

#pager .current .redge {
    background: url('../images/pager/cnr_edge.gif') repeat-x;
}

#pager .results {
    float: right;
}



/* Expandable UL списък */
ul.expandable ul {
    padding-left: 20px;
    display: none;
    clear: both;
}

ul.expandable li .content {
    line-height: 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #e4e5e5;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}


ul.expandable div.hover {
    background-color: #efefef;
}

ul.expandable div.selected {
    background-color: #dfe7f1;
    border-bottom: 1px solid #94aac6;
}

ul.expandable div.expand {
    background: url("../images/list/inner/plus.gif") 50% 50% no-repeat;
    float: left;
    width: 11px;
    height: 18px;
    margin-top: 1px;
    margin-right: 3px;
    margin-left: 3px;
    cursor: hand;
    cursor: pointer;
}


ul.expandable div.collapse {
    background: url("../images/list/inner/minus.gif") 50% 50% no-repeat;
    float: left;
    width: 11px;
    height: 18px;
    margin-top: 1px;
    margin-right: 3px;
    margin-left: 3px;
    cursor: hand;
    cursor: pointer;
}


#list.stats .rows th {
    height: 23px;
    padding: 2px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/***
*   New list classes
*/
.new-outer-list {
    width:100%;
}

.new-outer-list > tbody > tr.header {
    background: #AFC3DE url('../images/list/head_bg.gif') 0% 100% repeat-x;
    color: white;
}

.new-outer-list > tbody > tr > th {
    height: 23px;
    padding: 2px;
    padding-left: 5px;
    padding-top: 0px;
}

.new-outer-list > tbody > tr > td {
    height: 22px;
    background-color: #ffffff;
    border-bottom: 1px solid #c8d6e6;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.new-outer-list tr:hover > td {
    background-color: #eff3fb;
    border-bottom: 1px solid #c8d6e6;
}

.new-outer-list div.expand {
    width: 12px;
    height: 12px;
    background: url("../images/plus.gif") 50% 50% no-repeat;
}

.new-outer-list tr.expanded div.expand {
    background: url("../images/minus.gif") 50% 50% no-repeat;
}

.new-outer-list tr.clean > td {
    border: none;
}

.new-outer-list tr.grey > td {
    background: #f0f0f0;
}



.new-outer-list tr.clean:hover > td {
    background-color: #ffffff;
    border: none;
}