#fbPackageOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
}

.fbPackageStatusOverlay {
	position: absolute;
	z-index: 9999;
	background-color: #fff;
	padding: 20px;
	font-size: 2em;
	border: 2px solid #666;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.fbPackageStatus img{
	margin-right:10px;
}

.fabrikForm .fabrikGroup ul{
	list-style:none !important;
}

.addbutton {
	background: transparent url(../images/add.png) no-repeat left;
	padding: 2px 5px 0 20px;
	margin-left:7px;
}

.linkedTables{
	margin:0.6em 0;
}

.related_data_norecords{
	display:inline;
}

.fabrikForm .fabrikGroup ul, .fabrikForm .fabrikGroup li{
	padding:0;
	margin:0;
}


.fabrikForm .fabrikGroup li{
	padding:5px 10px;
	margin-top:10px;
	background:none !important;
}

.fabrikActions{
	padding-top:15px;
	clear:left;
	padding-bottom:15px;
}

.fabrikError, .fabrikNotice, .fabrikValidating, .fabrikSuccess{
	margin: 0; 
	font-weight: bold; 
	margin-bottom: 10px; 
	padding:7px 40px 7px 40px;
}

.fabrikError, .fabrikGroup li.fabrikError{
	color: #c00; 
	background: #EFE7B8 url(../images/alert.png) no-repeat right 7px !important;
	border-top: 3px solid #F0DC7E; 
	border-bottom: 3px solid #F0DC7E;
}

/** for checkboxes etc with multiple columns, the error was too squashed */
.fabrikError .fabrikSubElementContainer{
	margin-top: 20px;
}

.fabrikMainError{
	background: #EFE7B8 url(../images/alert.png) no-repeat left center !important;
	padding-left:40px !important
}

.fabrikElement{
	margin-right: 200px;
}

.fabrikLabel{
	/*ensures label text doesnt overrun validation icons*/
	padding-right:10px;  
	z-index:99999;
}

.fabrikElementContainer{
	/** $$$ rob this causes an issue with the automcompleter list appearing behind 
	fields, but is needed for the positioning of error messages, going to leave it for now 
	as i cant find a solution - in the long run probably either move the autocomplete list to the bottom of the body
	or change the way error messages are displayed*/
	position:relative;
}

.fabrikErrorMessage{
	padding-right: 20px;
	top: 3px;
	right: 0pt;
	position: absolute;
}

.fabrikValidating{
	color: #476767; 
	background: #EFFFFF url(../images/ajax-loader.gif) no-repeat right 7px !important;
	border-top: 3px solid #A5EFEF; 
	border-bottom: 3px solid #A5EFEF;	
}

.fabrikSuccess{
	color: #598F5B;
	background: #DFFFE0 url(../images/action_check.png) no-repeat right 7px !important;
	border-top: 3px solid #AFFFB2; 
	border-bottom: 3px solid #AFFFB2;	
}

.fabrikNotice{
	color: #009FBF; 
	background: #DFFDFF url(../images/alert.png) no-repeat center left !important;
	border-top: 3px solid #009FBF; 
	border-bottom: 3px solid #009FBF;
}

/**ie6 hacks for ensuring labels stay visible - means you dont get a bg colour */

/*\*/ * html .fabrikValidating { 
	background: transparent url(../images/ajax-loader.gif) no-repeat right 7px !important;
}
/*\*/ * html .fabrikSuccess { 
	background: transparent url(../images/action_check.png) no-repeat right 7px !important;
}
/*\*/ * html .fabrikNotice { 
	background: transparent url(../images/alert.png) no-repeat center left !important;
}

/*\*/ * html .fabrikError { 
	background: transparent url(../images/alert.png) no-repeat right 7px !important;
}


.fabrikHide{
	display:none;
}

.fabrikShow{
	display:block;
}

/*** default validation images */

.notempty{
	background: transparent url(../images/required.png) no-repeat top right !important;
}

.isemail{
	background: transparent url(../images/email.gif) no-repeat top right !important;
}

.isalphanumeric{
	background: transparent url(../images/alphanumeric.png) no-repeat top right !important;
}

/*** slide out add option 
section for dropdowns radio buttons etc**/

.addoption dl{
	display:inline;
	width:75%;
}
.addoption{
	clear:left;
	padding:8px;
	margin:3px 0;
	background-color:#efefef;
}

a.toggle-addoption, a.toggle-selectoption{
	padding:0 0 0 10px;
}

/*** end slide out add option section **/


.inputbox:focus{
	background-color:#ffffcc;
	border:1px solid #aaaaaa;
}

.addoption dd, .addoption dt{
	padding:2px;
	display:inline;
}

.fabrikSubGroupElements{
  float:none !important;
}

.fabrikSubGroup{ 
  position:relative;
}

.fabrikGroupRepeater{
  position:absolute;
  top:0;
  right:0;
}

.geo{
	visibility:hidden;
}

.fabrikHover label>span,
.fabrikLabel span.hasTip{
	background: transparent url(../images/questionmark.png) no-repeat top right;
	padding-right:16px;
}

.fabrikGroup .readonly,
.fabrikGroup .disabled{
	background-color:#DFDFDF !important;
	color:#8F8F8F;
}

/*** fileupload folder select css **/
ul.folderselect{
	border:1px dotted #eee;
	background-color:#efefef;
	color:#333;
}

.folderselect-container{
	border:1px dotted #666;width:350px;
}

.fabrikForm .breadcrumbs{
	background: transparent url(../images/folder_open.png) no-repeat center left;
	padding:2px 2px 2px 26px ;
}

.fabrikForm .fabrikGroup li.fileupload_folder{
	background: transparent url(../images/folder.png) no-repeat center left;
	padding:2px 2px 2px 26px ;
	margin:2px;
}

.fabrik_characters_left{
clear:left;
}

.fabrikForm .fabrikTag{
	background: transparent url(../images/tag.png) no-repeat left;
	padding: 3px 0.5em 0 19px;
	line-height:2.1em;
}

/** bump calendar above mocha window in mootools 1.2**/
div.calendar{
	z-index:115 !important;
}

/** special case for 'display' element with "show label: no" option **/
.fabrikPluginElementDisplayLabel {
	width: 100% !important;
}

.auto-complete-container{
	overflow-y: hidden;
	border:1px solid #ddd;
	z-index:100;
	display: block;
overflow: hidden;
}

.auto-complete-container li.unselected{
	padding:2px 10px !important;
	background-color:#fff !important;
	margin:0 !important;
	border-top:1px solid #ddd;
	cursor:pointer;
}

.auto-complete-container li:hover,
.auto-complete-container li.selected{
	background-color:#DFFAFF !important;
	cursor:pointer;
}

.fabrikForm .pagination li,.fabrikForm .list-footer li {
	display: inline;
}
