/*
   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;
    background-color: #E1E1E1;
	text-align: left;
    padding-left: 10px;   
    padding-right: 0px;
    height: 21px;
}

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

.list .rowheader th div{
    height		: 16px;
    padding-top	: 2px;
	overflow 	: hidden;
	white-space	: nowrap;	
}

.list .rowdisplay td div{
    height		: 16px;
 	overflow 	: hidden;
	/*white-space	: nowrap*/	
}

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

.list #PurchDtlList .rowempty td, .list #PurchDtlList .rowdisplay td{   
   padding-left: 3px;   
   padding-right: 3px;
}

div#ArticleMinStockList .list tr td, div#ArticleMinStockList .list th{
   padding-left: 3px;   
   padding-right: 3px;
}

.list .rowdisplay{
   cursor: pointer;
}

.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;
	opacity : 0.7;
	 background-color: #FFFFFF;
}


/*
   LOOKUP STYLE
*/

.list tr.rowselected, .list tbody tr.selected {
    /*background-color: #26A9F7;
    color: #FFFFFF;*/
    background-color: #DBDBDB;
}

.list tbody tr.rowselected, .list tbody tr.selected {
    /*background-color: #26A9F7;
    color: #FFFFFF;*/
    background-color: #DBDBDB;
}

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


.list .focussed tr.rowselected, .list .focussed tr.selected {
   /*background-color: #26A9F7;
   color: #FFFFFF;*/
   background-color: #DBDBDB;
}

/*
   GRID STYLE
*/

.list tr.rowedit {
    /*background-color: #26A9F7;*/
    background-color: #DBDBDB;
    color: #000000;
	height: 21px;
}

.list .rowedit input[type="text"]{
	height : 16px;
}

.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;
   color: #F01B1B;
}

.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;
}

.list .rowdisplay:hover{
	background-color: #FFF991;
}