fancygrid 1.0.0

data/public/javascripts/fancygrid.min.js

@@ -0,0 +1,17 @@
+(function(b){b.fn.fancygrid=function(a){if(g[a])return g[a].apply(this,Array.prototype.slice.call(arguments,1));else if(typeof a==="object"||!a)return g.init.apply(this,arguments);else b.error("Method "+a+" does not exist on jQuery.fancygrid")};var g={init:function(a){var c={url:"/",ajaxType:"GET",name:"",query:{pagination:{page:a.paginationPage||0,per_page:a.paginationPerPage},columns:{},conditions:{},operator:"any",order:{}},searchFadeTime:25,searchFadeOpac:0.5,searchType:"simple",queries:0,isStatic:!1,
+gridType:"table",hideTopControl:!1,hideBottomControl:!1},a=a||{};b.extend(c,a);return this.each(function(){var d=b(this),e=d.data("fancygrid");e?b.extend(e,a):(d.data("fancygrid",c),b(".fg-sort-window, .fg-sort-content, .fg-search-template").hide(),c.searchVisible?c.searchVisible=!0:d.find(".fg-search").hide(),d.find(".fg-search").find("input[type='text'], select").bind("change.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("newSearch");return!1}).bind("focus.fancygrid",function(){b(this).select();
+return!1}),d.find(".fg-page").bind("change.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("page",b(this).val());return!1}).bind("focus.fancygrid",function(){b(this).select();return!1}),d.find(".fg-previous").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("previousPage");return!1}),d.find(".fg-next").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("nextPage");return!1}),d.find(".fg-reload").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("reloadPage");
+return!1}),d.find(".fg-clear").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("clearSearch");return!1}),d.find(".fg-per-page").bind("change.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("perPage",b(this).val());return!1}),d.find(".fg-magnify").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("toggleSearch");return!1}),d.find(".fg-sort").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("showSortWindow");
+return!1}),d.find(".fg-search-submit").bind("click.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("newSearch");return!1}),d.find(".fg-search-remove").click(function(){b(this).parents(".fg-search-criterion").remove()}),d.find(".fg-search-add").click(function(){d.fancygrid("addCriterionRow")}),d.find(".fg-sort-content").click(function(){d.fancygrid("closeSortWindow")}),d.find(".fg-sortable").click(function(a){a.stopPropagation()}))})},destroy:function(){return this.each(function(){var a=
+b(this);data=a.data("fancygrid");a.unbind(".fancygrid");a.removeData("fancygrid")})},setupConditions:function(){var a=b(this),c=a.data("fancygrid"),c=a.data("fancygrid");c.query.conditions={};c.searchType==="simple"?(c.query.operator="all",b(this).find(".fg-attribute").each(function(){c.query.conditions[b(this).attr("name")]=b(this).val()})):(c.query.operator=a.find("#fg-search-conditions:checked").val()||"any",a.find("ul.fg-search-criteria li.fg-search-criterion").each(function(){var a=b(this).find("select[name='column_name']").val(),
+e=b(this).find("select[name='operator']").val(),f=b(this).find("input[name='column_value']").val();typeof c.query.conditions[a]==="undefined"&&(c.query.conditions[a]=[]);c.query.conditions[a].push({operator:e,value:f})}))},setupEmptyConditions:function(){b(this).data("fancygrid").query.conditions={}},setupPagination:function(a,c){var d=b(this).data("fancygrid");d.query.pagination={page:0,per_page:20};if(!isNaN(Number(a))&&Number(a)>=0)d.query.pagination.page=a;if(!isNaN(Number(c))&&Number(c)>0)d.query.pagination.per_page=
+c},setupOrder:function(){var a=b(this),c=a.data("fancygrid"),d={},a=a.find("th.fg-orderable[order='ASC'], th.fg-orderable[order='DESC']");if(a.length>0)d.table=a.attr("table"),d.column=a.attr("column"),d.direction=a.attr("order");c.query.order=d},setupColumns:function(){var a=b(this),c=a.data("fancygrid"),d={},e=a.find(".fg-sortable-visible li:not(.fg-not-sortable)"),a=a.find(".fg-sortable-hidden li:not(.fg-not-sortable)"),f=0;b(e).each(function(){d[b(this).attr("id")]={visible:!0,position:f};f+=
+1});b(a).each(function(){d[b(this).attr("id")]={visible:!1,position:f};f+=1});c.query.columns=d},order:function(){return""},search:function(){var a=b(this),c=a.find(".fg-tablewrapper"),d=a.find(".fg-control-bar"),e=a.data("fancygrid");e.queries+=1;e.query.search_visible=a.find(".fg-search").is(":visible");d.find(".fg-reload").addClass("loading");a.fadeTo(e.searchFadeTime,e.searchFadeOpac);queryData={fancygrid:{}};queryData.fancygrid[e.name]=e.query;b.ajax({type:e.ajaxType,url:e.url,data:queryData,
+dataType:"html",success:function(c){e.queries-=1;e.queries===0&&(a.fancygrid("replaceContent",b(c).find(".fg-tablewrapper")),d.find(".fg-per-page").val(e.query.pagination.per_page),d.find(".fg-page").val(Number(e.query.pagination.page)+1),total=Number(b(c).find(".fg-result-total").html()),totalPages=total/e.query.pagination.per_page,totalPages=(totalPages|0)+1,d.find(".fg-page-total").text(totalPages),d.find(".fg-result-total").html(total),a.fadeTo(e.searchFadeTime,1,function(){d.find(".fg-reload").removeClass("loading")}));
+a.trigger("loadSuccess")},error:function(){e.queries-=1;e.queries===0&&(c.find(".fg-row").detach(),a.fadeTo(e.searchFadeTime,1,function(){d.find(".fg-reload").removeClass("loading")}));a.trigger("loadError")}})},replaceContent:function(a){var c=b(this),d=c.data("fancygrid"),e=c.find("input:focus").attr("id");c.find(".fg-tablewrapper").replaceWith(a);c.find(".fg-tablewrapper").find(".fg-search").find("input[type='text'], select").bind("change.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("newSearch");
+return!1}).bind("focus.fancygrid",function(){b(this).select();return!1});c.find("th.fg-orderable").click(function(){c.fancygrid("orderBy",b(this))});d.searchVisible?c.find(".fg-search").show():c.find(".fg-search").hide();e&&c.find("#"+e).focus()},nextPage:function(){var a=b(this);data=a.data("fancygrid");a.fancygrid("setupPagination",data.query.pagination.page+1,data.query.pagination.per_page);a.fancygrid("search")},previousPage:function(){var a=b(this);data=a.data("fancygrid");a.fancygrid("setupPagination",
+data.query.pagination.page-1,data.query.pagination.per_page);a.fancygrid("search")},perPage:function(a){var c=b(this);data=c.data("fancygrid");c.fancygrid("setupPagination",0,a);c.fancygrid("search")},page:function(a){var c=b(this);data=c.data("fancygrid");c.fancygrid("setupPagination",Number(a)-1,data.query.pagination.per_page);c.fancygrid("search")},reloadPage:function(){var a=b(this);data=a.data("fancygrid");a.fancygrid("setupPagination",data.query.pagination.page,data.query.pagination.per_page);
+a.fancygrid("setupConditions");a.fancygrid("setupColumns");a.fancygrid("setupOrder");a.fancygrid("search")},newSearch:function(){var a=b(this);data=a.data("fancygrid");a.fancygrid("setupPagination",0,data.query.pagination.per_page);a.fancygrid("setupConditions");a.fancygrid("setupColumns");a.fancygrid("setupOrder");a.fancygrid("search")},clearSearch:function(){var a=b(this);data=a.data("fancygrid");a.find(".fg-attribute").each(function(){b(this).val("")});a.find("ul.fg-search-criteria li.fg-search-criterion").detach();
+a.fancygrid("setupEmptyConditions");a.fancygrid("search")},toggleSearch:function(){var a=b(this);data=a.data("fancygrid");a.find(".fg-search").toggle();data.searchVisible=a.find(".fg-search").is(":visible")},addCriterionRow:function(){var a=b(this),c=b(a.find(".fg-search-template").html());a.find("ul.fg-search-criteria").append(c);c.find(".fg-search-remove").click(function(){b(this).parents(".fg-search-criterion").remove()});c.find("input[type='text']").bind("change.fancygrid",function(){b(this).parents(".fg-fancygrid").fancygrid("newSearch");
+return!1}).bind("focus.fancygrid",function(){b(this).select();return!1})},showSortWindow:function(){var a=b(this);a.find(".fg-sort-window").show();a.find(".fg-sort-content").show();a.find(".fg-sortable").sortable({connectWith:".fg-sortable",items:"li:not(.fg-not-sortable)"})},closeSortWindow:function(){var a=b(this);a.find(".fg-sort-window").hide();a.find(".fg-sort-content").hide();a.fancygrid("reloadPage")},orderBy:function(a){$this=b(this);var c=a.attr("order");$this.find("th.fg-orderable").removeAttr("order");
+c==="DESC"?a.attr("order","ASC"):a.attr("order","DESC");$this.fancygrid("reloadPage")}}})(jQuery);

data/public/stylesheets/fancygrid.css

@@ -0,0 +1,289 @@
+/* line 16, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper {
+  clear: left;
+  overflow: auto;
+  margin: 0px;
+  border: 1px solid #cccccc;
+}
+/* line 22, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table {
+  width: 100%;
+  border-spacing: 0px;
+  font-size: 90%;
+}
+/* line 28, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 10px 5px 10px;
+  border-right: 1px solid #cccccc;
+  background: url("/images/fancygrid/th_bg.png");
+}
+/* line 35, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th .fg-order-tag {
+  display: none;
+  float: right;
+  width: 16px;
+  height: 16px;
+}
+/* line 43, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th.fg-orderable .fg-order-tag {
+  display: block;
+  background: url("/images/fancygrid/dots.png") no-repeat scroll 50% 50% transparent;
+}
+/* line 49, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th[order='ASC'] .fg-order-tag {
+  display: block;
+  background: url("/images/fancygrid/dn.png") no-repeat scroll 50% 50% transparent;
+}
+/* line 55, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th[order='ASC']:hover .fg-order-tag {
+  background: url("/images/fancygrid/ddn.png") no-repeat scroll 50% 50% transparent;
+}
+/* line 60, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th[order='DESC'] .fg-order-tag {
+  display: block;
+  background: url("/images/fancygrid/up.png") no-repeat scroll 50% 50% transparent;
+}
+/* line 66, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th[order='DESC']:hover .fg-order-tag {
+  background: url("/images/fancygrid/uup.png") no-repeat scroll 50% 50% transparent;
+}
+/* line 70, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr th:last-child, .fg-fancygrid .fg-tablewrapper table tr td:last-child {
+  border-right: none;
+}
+/* line 74, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr td {
+  padding: 4px 10px 4px 10px;
+  border-right: 1px solid #cccccc;
+  background: none repeat scroll 0 0 #f8f8f8;
+}
+/* line 78, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr td img {
+  vertical-align: bottom;
+}
+/* line 84, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr:nth-child(odd) td {
+  background: none repeat scroll 0 0 #e8e8e8;
+}
+/* line 90, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr:hover td {
+  background: none repeat scroll 0 0 #dedede;
+}
+/* line 98, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr.fg-search td {
+  padding: 4px;
+  background: none repeat scroll 0 0 #f8f8f8;
+}
+/* line 102, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr.fg-search td input {
+  display: inline;
+  width: 99%;
+  height: 25px;
+  margin: 0px;
+  padding: 0px;
+  border: 1px solid #cccccc;
+}
+/* line 110, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr.fg-search td input:focus {
+  background: none repeat scroll 0 0 #fffae0;
+}
+/* line 114, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr.fg-search td select {
+  width: 100%;
+  display: inline;
+  margin: 0px;
+  padding: 2px;
+}
+/* line 122, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-tablewrapper table tr.fg-search:hover td {
+  background: none repeat scroll 0 0 #f8f8f8;
+}
+/* line 130, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search {
+  display: inline;
+}
+/* line 132, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search .fg-search-controls {
+  margin: 5px;
+  margin-bottom: 15px;
+}
+/* line 135, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search .fg-search-controls input[type='checkbox'] {
+  width: 16px;
+  height: 16px;
+}
+/* line 141, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search ul.fg-search-criteria {
+  margin: 5px;
+  padding: 0px;
+}
+/* line 145, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search ul.fg-search-criteria li.fg-search-criterion {
+  margin: 0px 0px 3px 0px;
+  padding: 0px;
+  list-style: none;
+}
+/* line 149, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search ul.fg-search-criteria li.fg-search-criterion select {
+  width: 80px;
+  padding: 2px;
+}
+/* line 153, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid fieldset.fg-search ul.fg-search-criteria li.fg-search-criterion input[type='text'] {
+  width: 100px;
+  padding: 2px;
+}
+/* line 161, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar.top {
+  background: transparent;
+}
+/* line 164, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar.bottom {
+  background: transparent;
+}
+/* line 167, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar {
+  clear: both;
+  display: block;
+  text-align: center;
+  margin: 0px;
+  padding: 5px;
+}
+/* line 174, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar li {
+  list-style: none;
+  display: inline;
+  margin: 0px 2px 0px 2px;
+  padding: 0;
+}
+/* line 179, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar li select {
+  padding: 2px;
+  width: 60px;
+}
+/* line 183, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar li input {
+  padding: 0px;
+  width: 40px !important;
+}
+/* line 189, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid ul.fg-control-bar li.separator {
+  border-left: 1px solid #cccccc;
+  border-right: 1px solid white;
+  height: 50px;
+  margin: 1px 8px;
+}
+/* line 197, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button {
+  cursor: pointer;
+  vertical-align: bottom;
+  padding-bottom: 3px;
+}
+/* line 202, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-first {
+  background: url("/images/fancygrid/first.png") no-repeat;
+}
+/* line 206, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-last {
+  background: url("/images/fancygrid/last.png") no-repeat;
+}
+/* line 210, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-next {
+  background: url("/images/fancygrid/next.png") no-repeat;
+}
+/* line 214, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-previous {
+  background: url("/images/fancygrid/prev.png") no-repeat;
+}
+/* line 218, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-reload {
+  background: url("/images/fancygrid/reload.png") no-repeat;
+}
+/* line 222, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-clear {
+  background: url("/images/fancygrid/clear.png") no-repeat;
+}
+/* line 226, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-magnify {
+  background: url("/images/fancygrid/magnifier.png") no-repeat;
+}
+/* line 230, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-sort {
+  background: url("/images/fancygrid/order.png") no-repeat;
+}
+/* line 234, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.loading {
+  background: url("/images/fancygrid/loading.gif") no-repeat;
+}
+/* line 238, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.new {
+  background: url("/images/fancygrid/add.png") no-repeat;
+}
+/* line 242, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-search-add {
+  background: url("/images/fancygrid/add.png") no-repeat;
+}
+/* line 246, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-search-remove {
+  background: url("/images/fancygrid/remove.png") no-repeat;
+}
+/* line 250, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid img.fg-button.fg-search-submit {
+  background: url("/images/fancygrid/submit.png") no-repeat;
+}
+/* line 256, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable-visible {
+  float: left;
+}
+/* line 259, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable-hidden {
+  float: right;
+}
+/* line 262, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable {
+  list-style-type: none;
+  margin: 0;
+  padding: 5px;
+  width: 48%;
+  display: inline;
+  background: none repeat scroll 0 0 #f8f8f8;
+}
+/* line 270, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable li {
+  margin: 3px;
+  padding: 3px;
+  padding-left: 20px;
+  font-size: 14px;
+  height: 18px;
+  cursor: move;
+}
+/* line 277, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable li span {
+  position: absolute;
+  margin-left: -17px;
+}
+/* line 281, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable li h4 {
+  margin: 0px;
+  padding: 0px;
+}
+/* line 287, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sortable li.fg-not-sortable {
+  cursor: default;
+}
+/* line 293, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .fg-sort-content {
+  margin: 5%;
+  position: fixed;
+  top: 0px;
+	left: 0px;
+  width: 90%;
+  height: 90%;
+}
+/* line 301, ../../../app/stylesheets/fancygrid.scss */
+.fg-fancygrid .ui-state-highlight {
+  margin-bottom: 10px;
+  padding: 10px;
+}

data/public/stylesheets/fancygrid.scss

@@ -0,0 +1,302 @@
+$fg_background_system_focus  : none repeat scroll 0 0 #fffae0;
+$fg_background_system        : none repeat scroll 0 0 #f8f8f8;
+$fg_background_system_odd    : none repeat scroll 0 0 #e8e8e8;
+$fg_background_system_hover  : none repeat scroll 0 0 #dedede;
+
+$fg_background_control       : transparent;
+$fg_background_control_hover : transparent;
+
+$fg_background_round         : transparent;
+$fg_border                   : 1px solid #cccccc;
+$fg_border_separator1        : 1px solid #cccccc;
+$fg_border_separator2        : 1px solid #ffffff;
+
+.fg-fancygrid {
+
+  .fg-tablewrapper {
+    clear       : left;
+    overflow    : auto;
+    margin      : 0px;
+    border      : $fg_border;
+    
+    table {
+      width          : 100%;
+      border-spacing : 0px;
+      font-size      : 90%;
+      
+      tr {
+        th {
+          text-align  : left;
+          font-weight : bold;
+          padding     : 0px;
+          border-right: $fg_border;
+          background  : url('/images/fancygrid/th_bg.png');
+          white-space : nowrap;
+          .fg-head-wrapper{
+            padding     : 5px 10px 5px 10px;
+          }
+        }
+        th.fg-orderable{
+          .fg-order-tag {
+            display: block;
+            cursor : pointer;
+            //background: url('/images/fancygrid/dots.png') no-repeat scroll 50% 0% transparent;
+          }        
+        }
+        th[order='DESC'] {
+          .fg-order-tag {
+            background: url('/images/fancygrid/dn.png') no-repeat scroll 50% 0% transparent;
+          }
+        }
+        th[order='DESC']:hover {
+          .fg-order-tag{
+            background: url('/images/fancygrid/ddn.png') no-repeat scroll 50% 0% transparent;
+          }
+        }
+        th[order='ASC'] {
+          .fg-order-tag{
+            background: url('/images/fancygrid/up.png') no-repeat scroll 50% 0% transparent;
+          }
+        }
+        th[order='ASC']:hover {
+          .fg-order-tag{
+            background: url('/images/fancygrid/uup.png') no-repeat scroll 50% 0% transparent;
+          }
+        }
+        th:last-child, td:last-child {
+          border-right: none;
+        }
+        
+        td {
+          padding     : 4px 10px 4px 10px;
+          border-right: $fg_border;
+          background  : $fg_background_system;
+          img{ 
+            vertical-align: bottom; 
+          }
+        }
+        
+        &:nth-child(odd) {
+          td{
+            background: $fg_background_system_odd;
+          }
+        }
+        
+        &:hover{
+          td{
+            background: $fg_background_system_hover;
+          }
+        }        
+      }
+
+
+      tr.fg-search {
+        td {
+          padding   : 4px;
+          background: $fg_background_system;
+          
+          input {
+            display : inline;
+            width   : 99%;
+            height  : 25px;
+            margin  : 0px;
+            padding : 0px;
+            border  : $fg_border;
+          }
+          input:focus{
+            background: $fg_background_system_focus;
+          }
+          
+          select {
+            width   : 100%;
+            display : inline;
+            margin  : 0px;
+            padding : 2px;
+          }
+        }
+        &:hover{
+          td {
+            background: $fg_background_system;
+          }
+        }
+      }
+    }
+  }
+  
+  fieldset.fg-search{
+    display: inline;
+    .fg-search-controls{
+      margin: 5px;
+      margin-bottom: 15px;
+	    input[type='checkbox'] {
+	      width: 16px;
+	      height: 16px;
+	    }
+    }
+
+    ul.fg-search-criteria {
+      margin: 5px;
+      padding: 0px;
+      
+      li.fg-search-criterion{
+        margin: 0px 0px 3px 0px;
+        padding: 0px;
+        list-style: none;
+        select{
+          width: 80px;
+          padding: 2px;
+        }
+        input[type='text']{
+          width: 100px;
+          padding: 2px;
+        }
+      }
+    }
+  }
+  
+  ul.fg-control-bar.top{
+    background: $fg_background_round;
+  }
+  ul.fg-control-bar.bottom{
+    background: $fg_background_round;
+  }
+  ul.fg-control-bar {
+    clear        : both;
+    display      : block;
+    text-align   : center;
+    margin       : 0px;
+    padding      : 5px;
+    
+    li {
+      list-style : none;
+      display    : inline;
+      margin     : 0px 2px 0px 2px; 
+      padding    : 0;
+      select {
+        padding: 2px;
+        width : 60px;
+      }
+      input{
+        padding: 0px;
+        width: 40px !important;
+      }
+    }
+
+    li.separator{
+      border-left  : $fg_border_separator1;
+      border-right : $fg_border_separator2;
+      height       : 50px;
+      margin       : 1px 8px;
+    }
+  }
+  
+  img.fg-button {
+    cursor: pointer;
+    vertical-align: bottom;
+    padding-bottom: 3px;
+    
+    &.fg-first{
+      background: url('/images/fancygrid/first.png') no-repeat;
+    }
+    
+    &.fg-last{
+      background: url('/images/fancygrid/last.png') no-repeat;
+    }
+    
+    &.fg-next{
+      background: url('/images/fancygrid/next.png') no-repeat;
+    }
+    
+    &.fg-previous{
+      background: url('/images/fancygrid/prev.png') no-repeat;
+    }
+    
+    &.fg-reload{
+      background: url('/images/fancygrid/reload.png') no-repeat;
+    }
+    
+    &.fg-clear{
+      background: url('/images/fancygrid/clear.png') no-repeat;
+    }
+    
+    &.fg-magnify{
+      background: url('/images/fancygrid/magnifier.png') no-repeat;
+    }
+    
+    &.fg-sort{
+      background: url('/images/fancygrid/order.png') no-repeat;
+    }
+    
+    &.loading{
+      background: url('/images/fancygrid/loading.gif') no-repeat;
+    }
+    
+    &.new{
+      background: url('/images/fancygrid/add.png') no-repeat;
+    }
+    
+    &.fg-search-add{
+      background: url('/images/fancygrid/add.png') no-repeat;
+    }
+    
+    &.fg-search-remove{
+      background: url('/images/fancygrid/remove.png') no-repeat;
+    }
+    
+    &.fg-search-submit{
+      background: url('/images/fancygrid/submit.png') no-repeat;
+    }
+  }
+
+	
+  .fg-sortable-visible{
+    float: left;
+  }
+  .fg-sortable-hidden{
+    float: right;
+  }
+  .fg-sortable { 
+    list-style-type : none; 
+    margin          : 0; 
+    padding         : 5px; 
+    width           : 48%; 
+    display         : inline;
+    background      : $fg_background_system;
+    
+    li {
+      margin       : 3px; 
+      padding      : 3px; 
+      padding-left : 20px; 
+      font-size    : 14px; 
+      height       : 18px;
+      
+      span {
+        position: absolute; 
+        margin-left: -17px;
+      }
+      h4 {
+        margin: 0px;
+        padding: 0px;
+      }
+      
+      cursor       : move;
+      &.fg-not-sortable{
+        cursor       : default;
+      }
+    }
+  }
+	
+	.fg-sort-content{
+	  margin   : 5%;
+	  position : fixed;
+	  top      : 0px;
+		left		 : 0px;
+	  width    : 90%;
+	  height   : 90%;
+	}
+	
+	.ui-state-highlight{
+	  margin-bottom: 10px;
+	  padding: 10px;
+	}
+}