/*
  <div id="$id" class="subfilterDiv">
    <table class="subfilterTable">
      <tbody>
        <tr class="sortOrder">
          <td>Sort Ascending</td>
	    </tr>
        <tr class="sortOrder">
          <td class="selected">Sort Descending</td>
	    </tr>
	    <tr class="seperator">
	      <td> </td>
	    </tr>
	    <tr>
	      <td>
	        <input type="checkBox" value="-99999" class="checkbox">
            <span class="description">
	          All
	        </span>
	      </td>
	    </tr>
	    <tr>
	      <td>
	        <input type="checkBox" value="FORD" class="checkbox">
	        <span class="description">
	          FORD
	        </span>
	      </td>
	    </tr>
      </tbody>
    </table>
  </div>
*/

.subfilterDiv{
  border:   1px solid #000;
  overflow: auto;
}

table.subfilterTable tr td{
	margin:         0px;
	margin-right: 11px;
	font-size:     10px;
	padding-right:10px;
}

table.subfilterTable tr td input{
	padding:        0px;
	margin:         0px;
	font-size:     10px;
	margin-top:     0px; 
	padding-top:    0px;
	margin-right:   3px;
}

table.subfilterTable tr td span.description{
	font-size: 11px;
	margin-top: 0px;
	padding-top: 1px;
	vertical-align:top;
	line-height: 15px;
	display:inline-block;
}

.selected{
  background-color: #0000ff;
  color: #ffffff;
  cursor:default;
}

.seperator td{
	background-image:url('../../../images/subfilter/Filter_DotLine.jpg');
	background-repeat:repeat-x;
	height: 10px;
}

.seperator{
	height: 10px;
}
tr.sortOrder td span{
	display:inline-block;
	cursor:default;
}