/*
   LIST STYLE
*/

.list {
   border-left: 1px solid #DAE3EC;
   background-color: #FFFFFF;
}

.list td, .list th{
    border: 1px solid #E2E2E2;
}

.list .rowheader{
   	background: url(List/GridHeader.gif) repeat-x;
	text-align: left;
    padding-left: 10px;   
    padding-right: 0px;
    height: 21px;
}

.list .rowheader th{
   	color: #000000;
    height: 21px;
    font-weight: normal;
    padding-left: 5px;
    border-bottom: 1px solid #B1BCCE;
    
}

.list .rowheader th div{
    height: 17px;
    padding-top: 4px;
}

.list .rowempty td, .list .rowdisplay td{
   height: 21px;
   padding-left: 10px;   
   padding-right: 10px;
}

.list .rowdisplay{
   cursor: pointer;
}

.list .rowodd{
 
}

.list .rowempty{
}

.list .rowheader .headerindex, .list .rowheader .headerselected, .list .rowheader .headerreversed{
    text-decoration: underline;
    padding-right: 0px;
    cursor: pointer;
}

.list .rowheader th.headerindex:hover, .list .rowheader .headerreversed:hover, .list .rowheader .headerselected:hover{
    background: url(List/header-bar-hover.gif) repeat-x;
}

.list .rowheader .headerindex div{
    background-image: url(List/sort-down.png);
    background-position: right;
    background-repeat: no-repeat;
}
.vdf-ie .list .rowheader .headerindex div{
    background-image: url(List/sort-down.gif);
}

.list .rowheader .headerselected, .list .rowheader .headerreversed{
    background: url(List/header-bar-selected.gif) repeat-x;
}

.list .rowheader .headerselected div{
    background-image: url(List/sort-selected-down.png);
    background-position: right;
    background-repeat: no-repeat;
}
.vdf-ie .list .rowheader .headerselected div{
    background-image: url(List/sort-selected-down.gif);
}

.list .rowheader .headerreversed div{
    background-image: url(List/sort-selected-up.png);
    background-position: right;
    background-repeat: no-repeat;
}
.vdf-ie .list .rowheader .headerreversed div{
    background-image: url(List/sort-selected-up.gif);
}

.list_loading{
    position: absolute;
    background: transparent url(List/loading_big.gif) no-repeat center;

}


/*
   LOOKUP STYLE
*/

.list tr.rowselected {
    background-color: #26A9F7;
    color: #FFFFFF;
}


.list tr.rowselected  td, .list tr.rowselected  td div , .list tr.rowselected  td div span {
    color: #FFFFFF;
}


.list .focussed tr.rowselected{
   background-color: #26A9F7;
   color: #FFFFFF;
}

/*
   GRID STYLE
*/

.list tr.rowedit {
    background-color: #26A9F7;
    color: #000000;   
}

.list .rowedit input, .list .rowdisplay input{
    padding-left: 8px;
    *padding-left: 9px;
    padding-right: 8px;
    *padding-right: 9px;
}

.list .rowedit select, .list .rowdisplay select {
    padding-left: 5px;
    padding-right: 5px;
}

.list .DeleteButton, .list .rowedit .DeleteButton{
   background: none;
   background-image: url(List/Delete.gif);
   background-position: center;
   background-repeat: no-repeat;
   width: 20px;
   height: 13px;
   border: 0px solid #FFFFFF;
   cursor: pointer;
}

.list .DeleteButton:hover{
	background-image: url(List/DeleteHover.gif);
	background-position: center;
	background-repeat: no-repeat;
	 border: 0px solid #FFFFFF;
}

.list .rowedit .DeleteButton{
    margin-left: 10px;
    margin-right: 10px;
}

.list .rowempty .DeleteButton{
    display: none;
}