#listform_2_com_fabrik_2 table.fabrikList { clear: right; border-collapse: collapse; margin-top: 10px; color: #444444; /* seem to remember an issue with this, but it seems nicer to have the table full width - then you can right align the top buttons against it */ width:100%; } #listform_2_com_fabrik_2 .fabrikFilterContainer { float: right; width: 50%; } #listform_2_com_fabrik_2 table.fabrikList .groupdataMsg{ padding:0; } #listform_2_com_fabrik_2 .fabrikDataContainer{ overflow-y: auto; clear: both; width: 100%; } #listform_2_com_fabrik_2 a, #listform_2_com_fabrik_2 .fabrikDataContainer a:hover{ border:0; background:transparent; } #listform_2_com_fabrik_2 .list-footer{ display:-moz-box; display:-webkit-box; display:box; } #listform_2_com_fabrik_2 .list-footer div.limit{ margin-top:5px; margin-left:10px; } #listform_2_com_fabrik_2 .list-footer div.counter{ margin-top:8px; margin-left:10px; } #listform_2_com_fabrik_2 .list-footer .pagination{ margin-left:20px; } #listform_2_com_fabrik_2 .list-footer .pagination li{ display: inline; margin:0 2px; line-height: 1.7em; } #listform_2_com_fabrik_2 .list-footer .pagination li .pagenav { padding: 2px; } #listform_2_com_fabrik_2 .fabrik_ordercell a{ text-decoration:none; color:#333; } #listform_2_com_fabrik_2 .fabrik_ordercell a:hover{ color:#333; } #listform_2_com_fabrik_2 td.decimal, #listform_2_com_fabrik_2 td.integer{ text-align:right; } #listform_2_com_fabrik_2 .fabrikElementContainer{ /** for inline edit **/ position:relative; } .advancedSeach_2_com_fabrik_2 table { border-collapse: collapse; margin-top: 10px; } #listform_2_com_fabrik_2 table.fabrikList th{ vertical-align:top; } #listform_2_com_fabrik_2 table.fabrikList td, #listform_2_com_fabrik_2 table.fabrikList th, .advancedSeach_2_com_fabrik_2 td, .advancedSeach_2_com_fabrik_2 th { padding: 5px; border: 1px solid #cccccc; } /** bump calendar above mocha window in mootools 1.2**/ div.calendar{ z-index:10000 !important; } /** autocomplete container inject in doc body not in #forn_2_com_fabrik_2 */ .auto-complete-container{ overflow: hidden; border-radius:0 0 6px 6px; box-shadow:2px 2px 6px rgba(100, 100, 100, 150); border:1px solid #999 } .auto-complete-container ul{ list-style:none; background-color:#fff; margin:0; padding:0; } .auto-complete-container li{ text-align:left; padding:6px 10px !important; background-color:#999999; border-top:1px solid #bbb; border-bottom:1px solid #777; margin:0 !important; cursor:hand; font-size:0.9em; } .auto-complete-container li:hover{ background-color:#777 !important; border-top:1px solid #999; border-bottom:1px solid #555; } .auto-complete-container li:last-child{ border-bottom:0; } #listform_2_com_fabrik_2 .fabrikForm { margin-top: 15px; } #listform_2_com_fabrik_2 .fabrik_groupheading, #listform_2_com_fabrik_2 .fabrik___heading, .advancedSeach_2_com_fabrik_2 .fabrik___heading{ background: #c0c0c0; border-bottom: 1px solid #B7B7B7; border-top: 1px solid #FFFFFF; color: #777777; font-weight: bold; min-height: 20px; line-height: 19px; margin: 0; text-shadow: 0 1px 0 #FFFFFF; zoom: 1; } #listform_2_com_fabrik_2 th, #listform_2_com_fabrik_2 .fabrik_groupheading, #listform_2_com_fabrik_2 tfoot td{ background: -moz-linear-gradient(center top , #F3F3F3, #D7D7D7) repeat scroll 0 0 #E7E7E7; background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D7D7D7) ); background-image: -ms-linear-gradient(top, #F3F3F3, #D7D7D7); } #listform_2_com_fabrik_2 .fabrik_groupheading td{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#F3F3F3'); /* for IE */ } #listform_2_com_fabrik_2 .fabrik_groupheading a{ color: #777777; text-decoration:none; } #listform_2_com_fabrik_2 table.fabrikList tr.fabrik_calculations td { border: 0 !important; } #listform_2_com_fabrik_2 .oddRow0 { background-color: #FAFAFA; } #listform_2_com_fabrik_2 .oddRow1, .advancedSeach_2_com_fabrik_2 .oddRow1 { background-color: #Efefef; } #listform_2_com_fabrik_2 table.fabrikList tr.fabrik_calculations td { border: 0 !important; } #listform_2_com_fabrik_2 .firstPage,.previousPage,.aPage,.nextPage,.lastPage { display: inline; padding: 3px; } #listform_2_com_fabrik_2 .fabrikHover, #advancedSearchContainer tr:hover { background-color: #ffffff; } #advancedSearchContainer tr:active { background-color: red; } /** highlight the last row that was clicked */ #listform_2_com_fabrik_2 .fabrikRowClick { background-color: #ffffff; } /** highlight the loaded row - package only */ #listform_2_com_fabrik_2 .activeRow { background-color: #FFFFCC; } #listform_2_com_fabrik_2 .emptyDataMessage { background-color: #EFE7B8; border-color: #EFD859; border-width: 2px 0; border-style: solid; padding: 5px; margin: 10px 0; font-size: 1em; color: #CC0000; font-weight: bold; } #listform_2_com_fabrik_2 ul.fabrikRepeatData { padding: 0; margin: 0; list-style: none; } #listform_2_com_fabrik_2 ul.fabrikRepeatData li { background-image: none; padding: 0; margin: 0; min-height: 20px; } .advancedSeach_2_com_fabrik_2 { padding:10px; } /********************************************/ / ****** start: action buttons **************/ /********************************************/ #listform_2_com_fabrik_2 .fabrik_buttons { height:25px; } #listform_2_com_fabrik_2 .fabrik_buttons{ /* remove this if you want the top menu bar to be on the right hand side*/ float:left !important; } #listform_2_com_fabrik_2 ul.fabrik_action { list-style:none; background:none; list-style:none; min-height:25px; border-radius: 6px; float:right; margin:0; padding:0; border:1px solid #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc) ); /* for webkit browsers */ background: -moz-linear-gradient(top, #eee, #ccc); background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); } #listform_2_com_fabrik_2 .fabrik_action .fabrik_filter{ margin-top:2px; padding:2px; } #listform_2_com_fabrik_2 ul.fabrik_action li button{ background-image:none; border:0; background:transparent; } #listform_2_com_fabrik_2 .fabrikFilterContainer .fabrik_action{ margin:0; } #listform_2_com_fabrik_2 .fabrik_row ul.fabrik_action{ width:auto } /* $$$ hugh - separated pagination from fabrik_action, 'cos float right makes pagination disappear in Chrome! */ #listform_2_com_fabrik_2 ul.pagination { list-style:none; background:none; list-style:none; min-height:25px; border-radius: 6px; /* float:right; */ margin:5px; padding:0; border:1px solid #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc) ); /* for webkit browsers */ background: -moz-linear-gradient(top, #eee, #ccc); background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); } #listform_2_com_fabrik_2 ul.fabrik_action span{ display:none; } #listform_2_com_fabrik_2 .fabrik_action li, .advancedSeach_2_com_fabrik_2 .fabrik_action li{ float:left; border-left:1px solid #999; min-height:17px; min-width:25px; text-align:center; margin:0; padding:0; } #listform_2_com_fabrik_2 .fabrik_action li:first-child, .advancedSeach_2_com_fabrik_2 .fabrik_action li:first-child{ -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; border:0; } #listform_2_com_fabrik_2 .fabrik_action li a{ display:block; padding:4px 6px 2px 6px; } /********************************************/ / ****** end: action buttons ****************/ /********************************************/ /********************************************/ / ****** start: search all ****************/ /********************************************/ #listform_2_com_fabrik_2 .searchall li{ line-height:1.1em; } #listform_2_com_fabrik_2 .searchall li input, #listform_2_com_fabrik_2 .searchall li select, #listform_2_com_fabrik_2 .fabrik___heading button, #listform_2_com_fabrik_2 .fabrik___heading input, #listform_2_com_fabrik_2 .fabrik___heading select{ margin:3px 3px 0 3px; border:1px solid #999; border-radius:3px; } #listform_2_com_fabrik_2 button.fabrik_filter_submit{ margin:0; padding:3px 6px; } #listform_2_com_fabrik_2 .searchall li input[type=button]{ background-image:none; padding:0px; } .webkit #listform_2_com_fabrik_2 .searchall li input[type=button]{ padding:1px; } /********************************************/ / ****** end: search all ****************/ /********************************************/