#listform_ 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_ table.fabrikList .groupdataMsg{
	padding:0;
}

#listform_ .fabrikDataContainer{
	overflow-y:auto;
	clear:left;
	width:100%;
}

#listform_ a,
#listform_ .fabrikDataContainer  a:hover{
	border:0;
	background:transparent;
}

#listform_ .list-footer{
	display:-moz-box;
	display:-webkit-box;
	display:box;
}

#listform_ .list-footer div.limit{
	margin-top:5px;
	margin-left:10px;
}

#listform_ .list-footer div.counter{
	margin-top:8px;
	margin-left:10px;
}

#listform_ .list-footer .pagination{
	margin-left:20px;
}

#listform_ .list-footer .pagination li{
	display: inline;
	margin:0 2px;
	 line-height: 1.7em;
}

#listform_ .list-footer .pagination li .pagenav {
    padding: 2px;
}


#listform_ .fabrik_ordercell a{
	text-decoration:none;
	color:#333;
}

#listform_ .fabrik_ordercell a:hover{
	color:#333;
}

#listform_ td.decimal,
#listform_ td.integer{
	text-align:right;
}

#listform_ .fabrikElementContainer{
	/** for inline edit **/
	position:relative;
}

.advancedSeach_ table {
	border-collapse: collapse;
	margin-top: 10px;
}

#listform_ table.fabrikList th{
	vertical-align:top;
}

#listform_ table.fabrikList td,
#listform_ table.fabrikList th,
.advancedSeach_ td, .advancedSeach_ 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_ */
.auto-complete-container{
	overflow-y: 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;
	color: #eee;
	text-shadow: 0 1px 0 #666;
}

.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_ .fabrikForm {
	margin-top: 15px;
}

#listform_ .fabrik_groupheading,
#listform_ .fabrik___heading,
.advancedSeach_ .fabrik___heading{
	background-color: #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_ th,
#listform_ .fabrik_groupheading,
#listform_ tfoot td{
	background: -moz-linear-gradient(center top , #F3F3F3, #D7D7D7) repeat scroll 0 0 #E7E7E7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#F3F3F3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3),
		to(#D7D7D7) );
}

#listform_ .fabrik_groupheading a{
	color: #777777;
	text-decoration:none;
}

#listform_ table.fabrikList tr.fabrik_calculations td {
	border: 0 !important;
}

#listform_ .oddRow0 {
	background-color: #FAFAFA;
}

#listform_ .oddRow1,
.advancedSeach_ .oddRow1 {
	background-color: #Efefef;
}


#listform_ table.fabrikList tr.fabrik_calculations td {
	border: 0 !important;
}

#listform_ .firstPage,.previousPage,.aPage,.nextPage,.lastPage {
	display: inline;
	padding: 3px;
}

#listform_ table.filtertable {
	width: 50%;
}

#listform_ .fabrikHover {
	background-color: #ffffff;
}

/** highlight the last row that was clicked */
#listform_ .fabrikRowClick {
	background-color: #ffffff;
}

/** highlight the loaded row - package only */
#listform_ .activeRow {
	background-color: #FFFFCC;
}

#listform_ .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_ ul.fabrikRepeatData {
	padding: 0;
	margin: 0;
	list-style: none;
}

#listform_ ul.fabrikRepeatData li {
	background-image: none;
	padding: 0;
	margin: 0;
	min-height: 20px;
}

.advancedSeach_ {
	padding:10px;
}

/********************************************/
/ ****** start: action buttons **************/
/********************************************/

#listform_ .fabrik_buttons {
	height:25px;
}

#listform_ .fabrik_buttons{
	/* remove this if you want the top menu bar to be on the right hand side*/
	float:left !important;
}

#listform_ 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_ .fabrik_action .fabrik_filter{
	margin-top:2px;
	padding:2px;
}

#listform_ ul.fabrik_action li button{
	background-image:none;
	border:0;
	background:transparent;
}

#listform_ .fabrikFilterContainer .fabrik_action{
	margin:0;
}

#listform_ .fabrik_row ul.fabrik_action{
	width:100%
}

/* $$$ hugh - separated pagination from fabrik_action, 'cos float right makes pagination disappear in Chrome! */
#listform_ 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_ ul.fabrik_action span{
	display:none;
}

#listform_ .fabrik_action li,
.advancedSeach_ .fabrik_action li{
	float:left;
	border-left:1px solid #999;
	min-height:17px;
	min-width:25px;
	text-align:center;
	margin:0;
	padding:0;
}


#listform_ .fabrik_action li:first-child,
.advancedSeach_ .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_ .fabrik_action li a{
	display:block;
	padding:4px 6px 2px 6px;
}


/********************************************/
/ ****** end: action buttons ****************/
/********************************************/

/********************************************/
/ ****** start: search all   ****************/
/********************************************/

#listform_ .searchall li{
	line-height:1.1em;
}
#listform_ .searchall li input,
#listform_ .searchall li select,
#listform_ .fabrik___heading button,
#listform_ .fabrik___heading input,
#listform_ .fabrik___heading select{
	margin:3px 3px 0 3px;
	border:1px solid #999;
	border-radius:3px;
}

#listform_ button.fabrik_filter_submit{
	margin:0;
	padding:3px 6px;
}

#listform_ .searchall li input[type=button]{
	background-image:none;
	padding:0px;
}

.webkit #listform_ .searchall li input[type=button]{
	padding:1px;
}

/********************************************/
/ ****** end: search all     ****************/
/********************************************/

/*****************************************************/
/********** the context menu that appears ************/
/********** when you click row checkboxes ************/
/*****************************************************/

.floating-tip a:link,
{
	text-decoration:none;
	display:block;
	padding:5px 16px;
}

.floating-tip a{
	text-decoration:none;
	display:block;
	padding:5px 16px;
}

.floating-tip {
	background-color: #fff;
	border:1px solid #999;
	padding:0;
	text-align:left;
	font-weight: bold;
	font-size: 11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	list-style:none !important;
	box-shadow: 2px 2px 2px #aaa;
	-moz-box-shadow: 2px 2px 2px #aaa;
	-webkit-box-shadow: 2px 2px 2px #aaa;
}
.floating-tip li:first-child{
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.floating-tip li:last-child{
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}

.floating-tip li{
	display:block;
	min-height:19px;
	border-top:1px solid #D7D7D7;
	padding:0;
	background-color:#fff;
}

.floating-tip li:hover{
	background-color:#DBF5FA;
}

.floating-tip li span{
	margin-left:7px;
}