/*  GRID
 
    USAGE:
    
    <table class="grid">
      <tr><td></td></tr>
    </table>


*/

@grid-line: #E0E0E0;
@grid-tr-hover: #fbfbfb;

table.grid {

  width: 100%;
  border-top: 1px solid @grid-line;
  
  td {
    vertical-align: top;
    font: 15px arial;
    color: #666666;
    padding: 7px;
    border-bottom: 1px solid @grid-line;
		&.empty_grid {
			padding: 50px 0;
			&:hover {
				background: #ffffff;
			}
		}
		&.top_row {
			font-size: 12px;
			color: #ababab;
			vertical-align: bottom;
			/* border-top: 1px solid #ffffff; */
		}
		&.col_fileicon {
			width: 16px;
			padding-right: 0;
			vertical-align: top;
		}
		&.col_filename {
			padding-left: 5px;
			padding-top: 9px;
			div {
			width: 280px;
			word-wrap: break-word;
      word-break:break-all;
			}
			div.plugin_name span {
	      /*
	      background: none repeat scroll 0 0 #EFFDCC;
	      border-left: 1px dotted #B5C681;
	      color: #587925; 
	      */
        background: none repeat scroll 0 0 #f9f9f9;
				border-left: 1px dotted #dadada;
				color: #DD9C1E;
				
	      font-size: 11px;
	      font-weight: bold;
	      padding: 2px 7px;
			}
		}

  }
  
  tr:hover {
    background: @grid-tr-hover;
  }
	tr.top_row:hover {
		background: #ffffff;
	}
  
}

table.invoice_info {
	td { 
	  vertical-align: top; 
		color: #666666;
	}
}