1/*==================================================== 2 - HTML Table Filter Generator v1.6 3 elements and classes 4 - edit classes below to change filter grid style 5=====================================================*/ 6 7.fltrow{ /* filter grid row appearance */ 8 height:20px; 9 background-color:#f4f4f4; 10} 11.btnflt{ /* button appearance */ 12 font-size:11px; 13 margin:0 2px 0 2px; padding:0 1px 0 1px; 14 text-decoration:none; color: #fff; 15 background-color:#666; 16} 17.flt{ /* filter (input) appearance */ 18 background-color:#f4f4f4; border:1px inset #ccc; 19 margin:0; width:100%; 20} 21.flt_s{ /* small filter (input) appearance */ 22 background-color:#f4f4f4; border:1px inset #ccc; 23 margin:0; width:80%; 24} 25.inf{ /* div containing left, middle and right divs */ 26 clear:both; width:auto; height:20px; 27 background:#f4f4f4; font-size:11px; 28 margin:0; padding:1px 3px 1px 3px; 29 border:1px solid #ccc; 30} 31.ldiv{ /* left div */ 32 float:left; width:30%; position:inherit; 33} 34.mdiv{ /* middle div */ 35 float:left; width:30%; position:inherit; text-align:center; 36} 37.rdiv{ /* right div */ 38 float:right; width:30%; position:inherit; text-align:right; 39} 40.loader{ /* loader appearance */ 41 position:absolute; padding: 15px 0 15px 0; 42 margin-top:7%; width:200px; left:40%; 43 z-index:1000; font-size:14px; font-weight:bold; 44 border:1px solid #666; background:#f4f4f4; 45 text-align:center; vertical-align:middle; 46} 47div.mdiv select{ height:20px; }/*paging drop-down list*/ 48div.inf a{ color:#CC0000; }/*link appearence in .inf div*/ 49div.inf a:hover{ text-decoration:none; }/*link appearence in .inf div*/ 50.tot{ font-weight:bold; }/*rows counter*/ 51.even{ background-color:#fff; }/*row bg alternating color*/ 52.odd{ background-color:#f4f4f4; }/*row bg alternating color*/ 53 54