div.grid12, .grid12 select {width: 951px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid11, .grid11 select {width: 871px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid10, .grid10 select {width: 791px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid9 , .grid9  select {width: 711px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid8 , .grid8  select {width: 631px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid7 , .grid7  select {width: 551px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid6 , .grid6  select {width: 471px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid5 , .grid5  select {width: 391px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid4 , .grid4  select {width: 311px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid3 , .grid3  select {width: 231px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid2 , .grid2  select {width: 151px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}
div.grid1 , .grid1  select {width:  71px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; float: left}

td.grid12, td.grid12 div, th.grid12 div {width: 951px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;} 
td.grid11, td.grid11 div, th.grid11 div {width: 871px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid10, td.grid10 div, th.grid10 div {width: 791px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid9,  td.grid9  div, th.grid9  div {width: 711px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid8,  td.grid8  div, th.grid8  div {width: 631px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid7,  td.grid7  div, th.grid7  div {width: 551px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid6,  td.grid6  div, th.grid6  div {width: 471px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid5,  td.grid5  div, th.grid5  div {width: 391px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid4,  td.grid4  div, th.grid4  div {width: 311px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid3,  td.grid3  div, th.grid3  div {width: 231px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid2,  td.grid2  div, th.grid2  div {width: 151px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}
td.grid1,  td.grid1  div, th.grid1  div {width:  71px; margin: 3px 4px; overflow-x: hidden; overflow-y: hidden; word-wrap: break-word;}

.grid12 input, .grid12 textarea {width: 949px; margin: 3px 4px; overflow-x: hidden;}
.grid11 input, .grid11 textarea {width: 869px; margin: 3px 4px; overflow-x: hidden;}
.grid10 input, .grid10 textarea {width: 789px; margin: 3px 4px; overflow-x: hidden;}
.grid9  input, .grid9  textarea {width: 709px; margin: 3px 4px; overflow-x: hidden;}
.grid8  input, .grid8  textarea {width: 629px; margin: 3px 4px; overflow-x: hidden;}
.grid7  input, .grid7  textarea {width: 549px; margin: 3px 4px; overflow-x: hidden;}
.grid6  input, .grid6  textarea {width: 469px; margin: 3px 4px; overflow-x: hidden;}
.grid5  input, .grid5  textarea {width: 389px; margin: 3px 4px; overflow-x: hidden;}
.grid4  input, .grid4  textarea {width: 309px; margin: 3px 4px; overflow-x: hidden;}
.grid3  input, .grid3  textarea {width: 229px; margin: 3px 4px; overflow-x: hidden;}
.grid2  input, .grid2  textarea {width: 149px; margin: 3px 4px; overflow-x: hidden;}
.grid1  input, .grid1  textarea {width:  69px; margin: 3px 4px; overflow-x: hidden;}
.mgrid1  input {width:  69px; margin: 3px 4px; overflow-x: hidden;}

/* reset following div properties */
.grid12 div div, .grid12 td, .grid12 th,
.grid11 div div, .grid11 td, .grid11 th,
.grid10 div div, .grid10 td, .grid10 th,
.grid9  div div, .grid9  td, .grid9  th,
.grid8  div div, .grid8  td, .grid8  th,
.grid7  div div, .grid7  td, .grid7  th,
.grid6  div div, .grid6  td, .grid6  th,
.grid5  div div, .grid5  td, .grid5  th,
.grid4  div div, .grid4  td, .grid4  th,
.grid3  div div, .grid3  td, .grid3  th,
.grid2  div div, .grid2  td, .grid2  th,
.grid1  div div, .grid1  td, .grid1  th  
{
	width: auto;
	margin: 0px;
	overflow: auto;
}

/* multiselect grids */

.multiselect { 
	border: 1px solid #CBCBCB; 
	width: 100%; 
	overflow-y: auto; 
	height: 125px;
}
.multiselecttitle { 
	border: 1px solid #CBCBCB; 
	width: 100%; 
	overflow-y: auto;
	background: #E9E9E9 url(../../image/system/tab-background.jpg) repeat-x scroll 0 0;
	border-bottom: none;	
}
.singleselect { border: 1px solid #CBCBCB; width: 100%; overflow-y: auto;}

.multiselect div.even, .singleselect div.even { background-color: #E9E9E9; padding: 3px 0; cursor: pointer; overflow: hidden; }
.multiselect div.odd, .singleselect div.odd { background-color: #FFFFFF; padding: 3px 0; cursor: pointer; overflow: hidden; }
.multiselect div.select, .singleselect div.select { background-color: #d6e5ef; }

.multiselectfooter .mgrid12, .multiselect .mgrid12, .multiselecttitle .mgrid12 { width: 900px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid11, .multiselect .mgrid11, .multiselecttitle .mgrid11 { width: 824px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid10, .multiselect .mgrid10, .multiselecttitle .mgrid10 { width: 748px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid9, .multiselect .mgrid9,  .multiselecttitle .mgrid9  { width: 672px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid8, .multiselect .mgrid8,  .multiselecttitle .mgrid8  { width: 596px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid7, .multiselect .mgrid7,  .multiselecttitle .mgrid7  { width: 520px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid6, .multiselect .mgrid6,  .multiselecttitle .mgrid6  { width: 444px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid5, .multiselect .mgrid5,  .multiselecttitle .mgrid5  { width: 368px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid4, .multiselect .mgrid4,  .multiselecttitle .mgrid4  { width: 292px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid3, .multiselect .mgrid3,  .multiselecttitle .mgrid3  { width: 216px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid2, .multiselect .mgrid2,  .multiselecttitle .mgrid2  { width: 136px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap;  }	
.multiselectfooter .mgrid1, .multiselect .mgrid1,  .multiselecttitle .mgrid1  { width:  62px; float: left; display: block; margin: 0 4px; overflow: hidden; white-space:nowrap; }	

.multiselecttitle .mgrid1, .multiselecttitle .mgrid2,  .multiselecttitle .mgrid3,
.multiselecttitle .mgrid4, .multiselecttitle .mgrid5,  .multiselecttitle .mgrid6,
.multiselecttitle .mgrid7, .multiselecttitle .mgrid8,  .multiselecttitle .mgrid9,
.multiselecttitle .mgrid10, .multiselecttitle .mgrid11, .multiselecttitle .mgrid12
{
	font-weight: bold;
	height: 27px;
	line-height: 27px;
}

.grid12 .multiselectfooter, .grid12 .multiselect, .grid12 .multiselecttitle, .grid12 .singleselect  { width: 949px; }
.grid11 .multiselectfooter, .grid11 .multiselect, .grid11 .multiselecttitle, .grid11 .singleselect  { width: 869px; }
.grid10 .multiselectfooter, .grid10 .multiselect, .grid10 .multiselecttitle, .grid10 .singleselect  { width: 789px; }
.grid9 .multiselectfooter, .grid9  .multiselect, .grid9  .multiselecttitle, .grid9  .singleselect  { width: 709px; }
.grid8 .multiselectfooter, .grid8  .multiselect, .grid8  .multiselecttitle, .grid8  .singleselect  { width: 629px; }
.grid7 .multiselectfooter, .grid7  .multiselect, .grid7  .multiselecttitle, .grid7  .singleselect  { width: 549px; }
.grid6 .multiselectfooter, .grid6  .multiselect, .grid6  .multiselecttitle, .grid6  .singleselect  { width: 469px; }
.grid5 .multiselectfooter, .grid5  .multiselect, .grid5  .multiselecttitle, .grid5  .singleselect  { width: 389px; }
.grid4 .multiselectfooter, .grid4  .multiselect, .grid4  .multiselecttitle, .grid4  .singleselect  { width: 309px; }
.grid3 .multiselectfooter, .grid3  .multiselect, .grid3  .multiselecttitle, .grid3  .singleselect  { width: 229px; }
.grid2 .multiselectfooter, .grid2  .multiselect, .grid2  .multiselecttitle, .grid2  .singleselect  { width: 149px; }
.grid1 .multiselectfooter, .grid1  .multiselect, .grid1  .multiselecttitle, .grid1  .singleselect  { width:  69px; }


/* multiselectfooter */
.multiselectfooter { 
	border: 1px solid #CBCBCB;
	overflow: hidden;
	background: #E9E9E9 url(../../image/system/tfoot-background.jpg) repeat-x scroll 0 0;
	border-top: none;
	height:42px;
}
.multiselectfooter .mgrid12 { width: 936px; }
.multiselectfooter .mgrid11 { width: 857px; }
.multiselectfooter .mgrid10 { width: 778px; }
.multiselectfooter .mgrid9  { width: 699px; }
.multiselectfooter .mgrid8  { width: 620px; }
.multiselectfooter .mgrid7  { width: 541px; }
.multiselectfooter .mgrid6  { width: 462px; }
.multiselectfooter .mgrid5  { width: 383px; }
.multiselectfooter .mgrid4  { width: 304px; }
.multiselectfooter .mgrid3  { width: 225px; }
.multiselectfooter .mgrid2  { width: 146px; }
.multiselectfooter .mgrid1  { width:  67px; }
.multiselectfooter .mgrid1, .multiselectfooter .mgrid2,  .multiselectfooter .mgrid3,
.multiselectfooter .mgrid4, .multiselectfooter .mgrid5,  .multiselectfooter .mgrid6,
.multiselectfooter .mgrid7, .multiselectfooter .mgrid8,  .multiselectfooter .mgrid9,
.multiselectfooter .mgrid10, .multiselectfooter .mgrid11, .multiselectfooter .mgrid12
{
	margin-top:7px;
}


.singleselect .mgrid12{ width: 924px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid11{ width: 846px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid10{ width: 768px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid9 { width: 690px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid8 { width: 612px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid7 { width: 534px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid6 { width: 456px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid5 { width: 378px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid4 { width: 300px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid3 { width: 222px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid2 { width: 144px; float: left; display: block; margin: 0 4px; overflow: hidden; }	
.singleselect .mgrid1 { width:  66px; float: left; display: block; margin: 0 4px; overflow: hidden; }	

tr.grid td {
	visibility: hidden;
	height: 1px;
}

tr.grid td div {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}