body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 100%;
	margin: 0;
	/*overflow-y: scroll;*/
	background: #CCC;
}
/************
 *  GENERAL
 ************/
#loading {
	position: fixed;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.5) url(images/loader.gif) no-repeat center center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	transition: opacity 400ms;
}
#loading.active {
	z-index: 1000;
	opacity: 1;
}
a {
	outline: none;
}
form input,
form select,
form textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
button,
a.button {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;

	-moz-box-shadow:inset 0px 1px 0px 0px #f5f5f5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5f5f5;
	box-shadow:inset 0px 1px 0px 0px #f5f5f5;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #c7c7c7) );
	background:-moz-linear-gradient( center top, #ededed 5%, #c7c7c7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c7c7c7');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #666;
	display:inline-block;
	color:#333;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:28px;
	line-height:28px;
	text-decoration:none;
	text-align:center;
	padding: 0 15px;
	cursor: pointer;
	white-space: inherit;
	text-indent: 0;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline-width: 0;
	margin-left: 5px;
}
button.delete,
a.button.delete {
	margin-left: 10px;
}
button:hover,
a.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #c7c7c7 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#ededed');
	background-color:#c7c7c7;
}
button:active,
a.button:active {

}
*::-moz-button-content {
	display: block;
}
button::-moz-focus-inner {
	border: 0;
}
button::-webkit-focus-inner {
	border: 0;
}
.clearfix {
	clear: both;
	overflow: hidden;
}

/************
 *  NOTIFICATION
 ************/

#notification {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.2);
	height: 100%;
}
#notification > .container {
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	background: #333;
	width: 400px;
	height: 200px;
	margin: 0 auto;
	top: 50%;
	margin-top: -100px;
}
#notification > div.container > a.close {
	position: absolute;
	top: 4px;
	right: 4px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/16x16/close.png) no-repeat top left;
}
#notification > div.container > button {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#notification > div.container > div.content {
	position: absolute;
	top: 32px;
	left: 0;
	right: 4px;
	bottom: 48px;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	color: white;
	overflow-y: auto;
}
#notification > div.container > div.content > div.html {
	padding: 0 20px;
}
/***********
 *  LAYOUT
 ***********/
#main-panel {
	position: relative;
	z-index: 1;
}
#corner-panel {
	position: fixed;
	top: 0;
	left: 0;
	height: 100px;
	width: 250px;
	z-index: 2;
	background: #666 url(images/logo.png) no-repeat center left;
	border-right: #333 solid 1px;
}
#top-panel {
	position: fixed;
	top: 0;
	left: 250px;
	right: 0;
	height: 32px;
	background: #333;
	z-index: 2;
}
#top-panel div.actions {
	position: absolute;
	top: 0;
	right: 20px;
	height: 32px;
}
#top-panel div.actions a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
	line-height: 32px;
	font-style: italic;
	color: #FFF;
	font-weight: bold;
	margin-left: 20px;
}
#top-panel div.language {
	float: left;
	height: 32px;
	padding: 0 0 0 20px;
}
#top-panel div.language label {
	color: white;
	font-size: 12px;
	display: inline-block;
	line-height: 32px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#top-panel div.language select {
	color: #333;
	font-size: 12px;
	display: inline-block;
	line-height: 32px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#left-panel {
	position: fixed;
 	top: 100px;
	left: 0;
	bottom: 0;
	width: 250px;
	z-index: 2;
	overflow-y: auto;
	background: #666;
	border-right: #333 solid 1px;
	border-top: #333 solid 1px;
}
#left-panel ul.list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#left-panel ul.general.list {
	border-bottom: #AAA solid 1px;
}
#left-panel ul.list li a {
	display: block;
	padding: 10px 15px;
	color: #EFEFEF;
	font-size: 14px;
	line-height: 120%;
	text-decoration: none;
	transition: color 300ms, background-color 300ms;
}
#left-panel ul.list li.sub a {
	padding-left: 30px;
	color: #EFEFEF;
	font-style: italic;
}
#left-panel ul.list li a:hover {
	background: #333;
}
#left-panel ul.list li a.active {
	color: #FFF;
	background: #555;
}
#content-panel {
	position: relative;
	padding: 100px 0 0 250px;
	z-index: 1;
}
#content-panel.frame {
	padding: 0;
}
#content-panel.frame section.main-content > header {
	display: none;
}
#content-panel.frame section.main-content > form > header {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
section.main-content {
	position: relative;
	padding-bottom: 32px;
}
section.main-content > form {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
section.main-content > header,
section.main-content > form > header {
	position: fixed;
	top: 32px;
	left: 250px;
	right: 0;
	height: 68px;
	z-index: 5;
	background: #CCC;
}
section.main-content > header div.user-info,
section.main-content > form > header div.user-info {
	position: absolute;
	top: 65px;
	right: 40px;
	background: #CCC;
	padding: 4px 0;
}
section.main-content > header div.user-info p,
section.main-content > form > header div.user-info p {
	margin: 0 0 0 20px;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}
section.main-content > footer,
section.main-content > form > footer {
	height: 32px;
	background: #333;
	position: fixed;
	bottom: 0;
	left: 250px;
	right: 0;
	overflow: hidden;
}
div.pagination {
	height: 32px;
	float: right;
	overflow: hidden;
}
div.pagination div.total {
	position: absolute;
	top: 0;
	left: 20px;
	line-height: 32px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
div.pagination .b {
	display: block;
	float: left;
	border-left: #666 solid 1px;
	width: 32px;
	height: 32px;
}
div.pagination a.b {
	background-color: transparent;
	transition: background-color 200ms;
}
div.pagination a.b.previous {
	background: url(images/32x32/page-prev.png) no-repeat center center;
}
div.pagination span.b.previous {
	background: url(images/32x32/page-prev-d.png) no-repeat center center;
}
div.pagination a.b.next {
	background: url(images/32x32/page-next.png) no-repeat center center;
}
div.pagination span.b.next {
	background: url(images/32x32/page-next-d.png) no-repeat center center;
}
div.pagination a.b.first {
	background: url(images/32x32/page-first.png) no-repeat center center;
}
div.pagination span.b.first {
	background: url(images/32x32/page-first-d.png) no-repeat center center;
}
div.pagination a.b.last {
	background: url(images/32x32/page-last.png) no-repeat center center;
}
div.pagination span.b.last {
	background: url(images/32x32/page-last-d.png) no-repeat center center;
}
div.pagination a.b:hover {
	background-color: #444;
}
div.pagination .info {
	display: block;
	float: left;
	border-left: #999 solid 1px;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
}
div.pagination .info input {
 	border: none;
	height: 20px;
	padding: 0 5px;
	line-height: 18px;
	width: 30px;
	font-size: 12px;
	text-align: right;
	margin: 6px 0;
	font-family: monospace;
	background: #CCC;
	border-radius: 4px;
}
div.pagination .all-pages {
	display: none;
}
section.main-content > header h1,
section.main-content > form > header h1 {
	margin: 0;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	color: #333;
	background: #CCC;
	text-align: center;
}
section.main-content > .content,
section.main-content > form > .content {
	position: relative;
}
section.main-content > header + .content,
section.main-content > form > header + .content {
	padding-top: 0;
}
section.main-content > header .actions,
section.main-content > form > header .actions {
	position: absolute;
	bottom: 10px;
	right: 40px;
}
section.main-content > header > .filter,
section.main-content > form > header > .filter {
	position: absolute;
	bottom: 10px;
	left: 15px;
}
section.main-content > header > .filter > .info,
section.main-content > form > header > .filter > .info {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	line-height: 26px;
	font-size: 12px;
}
section.main-content > header > .filter > .info span,
section.main-content > form > header > .filter > .info span {
	display: inline-block;
	padding: 0 10px;
	margin: 0 -4px 0 0;
	line-height: 26px;
	height: 26px;
	background: white;
	border: #333 solid 1px;
}
/************
 *  POPUP
 ************/

div.popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 100;
	opacity: 1;
	transition: opacity 400ms;
}

div.popup-wrapper.disabled {
	opacity: 0;
}

div.popup-wrapper > div.popup-container {
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
}

div.popup-wrapper > div.popup-container > a.close {
	display: block;
	text-decoration: none;
	color: #FFF;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	right: 3px;
	text-align: center;
	line-height: 16px;
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana;
	z-index: 10;
}

div.popup-wrapper > div.popup-container > div.popup {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #CCC;
}

.popup section.main-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.popup section.main-content > form {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.popup section.main-content > header,
.popup section.main-content > form > header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
}
.popup section.main-content > footer,
.popup section.main-content > form > footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.popup section.main-content > header div.actions,
.popup section.main-content > form > header div.actions {
	right: 20px;
	bottom: 8px;
}
.popup section.main-content > header + .content,
.popup section.main-content > form > header + .content {
	position: absolute;
	padding: 0;
	top: 68px;
	left: 0;
	right: 0;
	bottom: 32px;
	overflow-y: scroll;
	background: #CCC;
}
.popup section.main-content > header h1,
.popup section.main-content > form > header h1 {
	background: #333;
	line-height: 24px;
	color: #FFF;
	font-size: 12px;
}
/************
 *  SEARCH
 ************/
section.search-list > header form.search {
	margin: 15px 0;
	position: relative;
	display: block;
	width: 50%;
	max-width: 400px;
}
section.search-list > header form.search input[type="search"] {
	height: 30px;
	padding: 5px;
	border: #999 solid 1px;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
section.search-list > header form.search button {
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background: #999 url(images/24x24/search.png) no-repeat center center;
	border: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 100%;
	transition: background-color 200ms;
}
section.search-list > header form.search button:hover {
	background-color: #888;
}
.search-content {
	display: block;
	width: 100%;
	position: relative;
}
.search-content .fixed-header {
	border-bottom: #333 solid 1px;
}
.search-content table {
	table-layout: auto;
	width: 100%;
	border-collapse: collapse;
}
.search-content table td {
	padding: 0;
}
.search-content table td.size32 {
	width: 32px;
}
.search-content table td.size32 div.actions {
	padding: 15px;
}
.search-content table td.size32 div.actions a.edit {
	display: block;
	text-decoration: none;
	color: #333;
	width: 32px;
	height: 32px;
	background: url(images/32x32/edit.png) no-repeat top left;
	opacity: 1;
	transition: opacity 400ms;
}
.search-content table td.size32 div.actions a:hover {
	opacity: .6;
}
.search-content .table-header div.value {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}
.search-content .table-header div.value.sort.asc {
	background: url(images/asc.png) no-repeat center right;
}
.search-content .table-header div.value.sort.desc {
	background: url(images/desc.png) no-repeat center right;
}
.search-content table td:first-child {
	width: 48px;
	text-align: center;
}
.search-content div.value {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
	padding: 15px 32px;
	width: 100%;
	min-height: 100%;
}
.search-content tbody tr:nth-child(odd) td {
	background-color: #F1F1F1;
}
.search-content tbody tr:nth-child(even) td {
	background-color: #FFF;
}
.search-content tbody tr:hover td {
	background-color: #D7F1FF;
}
.search-content tbody tr.selected td {
	background-color: #B0D8FF;
}
.search-content tbody div.value {
	font-size: 11px;
	line-height: 16px;
	color: #333;
}
/************
 *  EDIT
 ************/
.edit-module {
	padding: 0;
}
.edit-module > form > header {
	box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.8);
}
.edit-module .tab-selector {
	position: absolute;
	bottom: 0;
	left: 41px;
}
.edit-module .tab-selector.n1 {
	display: none;
}
.edit-module .tab-selector a {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	padding: 4px 20px 2px 20px;
	border: transparent solid 1px;
	border-bottom: #333 solid 1px;
	text-decoration: none;
	color: #999;
	z-index: 1;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-left: -1px;
}
.edit-module .tab-selector a:hover {
	border: #666 solid 1px;
}
.edit-module .tab-selector a.active {
	border: black solid 1px;
	border-bottom: #CCC solid 1px;
	background: #CCC;
	color: #333;
	z-index: 2;
}
.edit-module .tab-selector a.error {
	color: red;
}
.edit-module .tab-content {
	position: relative;
}
.edit-module .tab-content > .tab {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
	transition: opacity 500ms;
	height: 100%;
	overflow: hidden;
	padding: 20px 0;
}
.edit-module .tab-content > .tab.active {
	position: relative;
	z-index: 2;
	opacity: 1;
	overflow: visible;
}
.edit-module .group-fields {
	padding-right: 40px;
}
.edit-module .group-fields.label {
	padding: 20px 0;
	margin: 10px 40px;
	border: #333 dashed 1px;
}
.edit-module .group-fields.label > p {
	margin: 0 20px;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
}
.edit-module .group-fields.label div.label {
	padding-left: 20px;
}
.edit-module .group-fields.label .edit-field > .editable {
	margin-left: 180px;
}
.edit-module .group-fields div.cell {
	display: inline-block;
	padding: 0;
	vertical-align: top;
	margin-right: -2px;
}
.edit-module .group-fields .edit-field > .editable {
	padding-right: 0;
}
.edit-field {
	margin: 0;
	padding: 0;
}
.edit-field.hidden {
	display: none !important;
}
.filter-module .edit-field {
	position: relative;
	margin: 0 0 20px 0;
}
.filter-module .edit-field:first-child {
	margin-top: 20px;
}
.filter-module .field-group {
	margin: 0 0 20px 0;
}
.filter-module .field-group .edit-field {
	margin: 0;
}
.filter-module .edit-field .label,
.filter-module .edit-field .editable {
	opacity: .3;
	padding: 0;
}
.filter-module .edit-field.selected .label,
.filter-module .edit-field.selected .editable {
	opacity: 1;
}
.filter-module .edit-field > .label {
	padding-left: 40px;
}
.filter-module .edit-field > .editable {
	padding-right: 40px;
}
.filter-module .edit-field > input.select {
	position: absolute;
	top: 4px;
	left: 10px;
	z-index: 10;
}
.filter-module .edit-field > .editable .table {
	display: table;
	width: 100%;
}
.filter-module .edit-field > .editable .table .row {
	display: table-row;
}
.filter-module .edit-field > .editable .table .cell {
	display: table-cell;
	vertical-align: top;
}
.filter-module .edit-field > .editable .table .cell.comp {
	width: 150px;
}
.filter-module .edit-field > .editable select.comp {
	display: block;
	float: left;
	font-family: monospace;
	padding: 10px 5px;
	height: 35px;
	margin: 0 -1px 0 0;
	border: #989898 solid 1px;
	border-right: none;
	background: white;
	width: 100%;
	font-size: 9px;
}
.edit-field > .label {
	padding: 10px 0 10px 40px;
	float: left;
	width: 160px;
	text-align: left;
}
.edit-field > .label label {
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	padding: 8px 10px;
	overflow: hidden;
	border: #989898 solid 1px;
	position: relative;
	left: 1px;
	background: #DDD;
}
.edit-field.error > .label label {
	color: red;
}
.edit-field > .editable {
	position: relative;
	margin-left: 200px;
	padding: 10px 40px 10px 0;
}
.edit-field > .editable button.external {
	margin: 3px 10px;
}
.edit-field > .editable iframe {
	display: block;
	width: 100%;
	border: none;
}
.edit-field > .editable input[type='hidden'] {
	display: none;
}
.edit-field > .editable .input.visible {
	display: block;
	padding: 10px;
	border: #989898 solid 1px;
	height: 35px;
	line-height: 15px;
	font-size: 11px;
	width: 100%;
	margin: 0;
	vertical-align: middle;
}
.edit-field > .editable .input[type=text].visible,
.edit-field > .editable .input[type=password].visible {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
}
.edit-field > .editable select.input.visible {
	padding: 0 5px;
}

.edit-field > .editable textarea.input.visible {
	height: 69px;
}
.edit-field > .editable > .language-selector {
	overflow: hidden;
	border: #989898 solid 1px;
	position: relative;
	margin-bottom: -1px;
	background: #DDD;
}
.edit-field > .editable > .language-selector a {
	position: relative;
	display: block;
	color: #666;
	float: left;
	padding: 8px 15px;
	line-height: 17px;
	font-size: 12px;
	text-decoration: none;
	font-style: italic;
	text-transform: capitalize;
	background: #DDD;
	border-right: #989898 solid 1px;
	font-weight: bold;
}
.edit-field > .editable > .language-selector a:hover {
	color: #333;
	background: #CCC;
}
.edit-field > .editable > .language-selector a.active {
	background: #FFF;
	color: #333;
}
/************
 *  FIELDS
 ************/

/* CHECK */

.edit-field > .editable .input.check {
	display: inline-block;
	padding: 0;
	width: 35px;
	height: 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}
.edit-field > .editable .input.check.on {
	background-color: #19bc19;
	background-image: url(images/24x24/bool1.png);
}
.edit-field > .editable .input.check.off {
	background-color: #ff3c3c;
	background-image: url(images/24x24/bool0.png);
}

/* DATETIME */

.edit-field.datetime > .editable .input.visible {
	display: block;
	float: left;
	font-family: monospace;
	margin-right: -1px;
}
.edit-field.datetime > .editable .date.input.visible {
	width: 95px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
	transition: box-shadow 200ms;
	cursor: pointer;
}
.edit-field.datetime > .editable .date.input.visible:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) inset;
}
.edit-field.datetime > .editable select.input.visible {
	width: 55px;
	background: white;
}
.edit-field.datetime > .editable .input.time {
	width: 38px;
	display: inline-block;
	vertical-align: top;
	float: none;
}
.edit-field.datetime > .editable span {
	display: inline-block;
	vertical-align: top;
	line-height: 33px;
}
/* FTEXT */

.mce-panel {
	border-color: #989898 !important;
}

/* SELECT_ONE */

.edit-field.select_one div.container {
	position: relative;
	display: inline-block;
	border: #989898 solid 1px;
}
.edit-field.select_one div.container a.edit,
.edit-field.select_one div.container span.edit {
	display: block;
	float: left;
	line-height: 33px;
	padding: 0 40px;
	color: #333;
	text-decoration: none;
	background: #FFF;
}
.edit-field.select_one div.container.empty a.edit,
.edit-field.select_one div.container.empty span.edit {
	display: none;
}
.edit-field.select_one div.container a.empty {
	display: none;
	float: left;
	line-height: 33px;
	padding: 0 20px;
	color: #333;
	text-decoration: none;
	background: #FFF;
	border-right: #989898 solid 1px;
}
.edit-field.select_one div.container.empty a.empty {
	display: block;
}
.edit-field.select_one div.container div.autocomplete-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	z-index: 100;
	border: #CCC solid 1px;
	max-height: 270px;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 250px;
}
.edit-field.select_one div.container div.autocomplete-list a {
	display: block;
	white-space: nowrap;
	padding: 5px 20px 5px 10px;
	border-top: #CCC solid 1px;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	outline: none;
	box-shadow: none;
}
.edit-field.select_one div.container div.autocomplete-list a:hover,
.edit-field.select_one div.container div.autocomplete-list a.active {
	background: #999;
	color: #FFF;
}
.edit-field.select_one div.container div.autocomplete-list a:hover {
	background: #CCC;
}
.edit-field.select_one div.container div.autocomplete-list a:first-child {
	border: none;
}
.edit-field.select_one div.container input.autocomplete {
	float: left;
	border: none;
	border-right: #989898 solid 1px;
	height: 33px;
	padding: 0 10px;
	line-height: 33px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
	width: 250px;
}
.edit-field.select_one div.container a.edit-autocomplete {
	display: block;
	width: 33px;
	height: 33px;
	float: left;
	background: #CCC url(images/24x24/edit.png) no-repeat center center;
}
.edit-field.select_one div.container input.autocomplete.loading {
	background: white url(images/24x24/loading.gif) no-repeat right center;
}
.edit-field.select_one div.container input.autocomplete.not-selected {
	color: red;
}
.edit-field.select_one div.container a.remove {
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	border-right: #989898 solid 1px;
	background: #CCC url(images/24x24/remove-value.png) no-repeat center center;
}
.edit-field.select_one div.container.empty a.remove {
	display: none;
}
.edit-field.select_one div.container a.select {
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	background: #CCC url(images/24x24/select-value.png) no-repeat center center;
}
.edit-field.select_one div.container a {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
	transition: box-shadow 200ms;
}
.edit-field.select_one div.container a:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) inset;
}

/* SELECT_MANY */

.edit-field.select_many div.rows {
	position: relative;
	border-top: #989898 solid 1px;
	overflow: auto;
}
.edit-field.select_many div.container {
	display: block;
	border: #989898 solid 1px;
	border-top: none;
	overflow: hidden;
	position: relative;
}
.edit-field.select_many div.container.new {
	position: relative;
	border-bottom: #989898 solid 1px;
	overflow: visible;
}
.edit-field.select_many div.container.ui-sortable-helper {
	border-top: #989898 solid 1px;
}
.edit-field.select_many div.container span.sort {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 33px;
	border-right: #989898 solid 1px;
	background: #EFEFEF url(images/32x32/sort.png) no-repeat center center;
	cursor: move;
}
.edit-field.select_many div.container span.sort.disabled {
	cursor: default;
	background: #EFEFEF;
}
.edit-field.select_many div.container a.open-popup,
.edit-field.select_many div.container span.edit {
	display: block;
	margin: 0 34px 0 16px;
	padding: 0 20px;
	height: 33px;
	background: white;
	border-right: #989898 solid 1px;
	color: #333;
	font-size: 12px;
	line-height: 33px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
}
.edit-field.select_many div.container a.open-popup.icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 33px;
	padding: 0;
	margin: 0;
	background: #CCC url(images/24x24/select-value.png) no-repeat center center;
	border-left: #989898 solid 1px;
}
.edit-field.select_many div.container a.remove {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: #CCC url(images/24x24/remove-value.png) no-repeat center center;
}
.edit-field.select_many div.container.template {
	display: none;
}
.edit-field.select_many div.container div.autocomplete-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	z-index: 100;
	border: #CCC solid 1px;
	max-height: 270px;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 250px;
}
.edit-field.select_many div.container div.autocomplete-list a {
	display: block;
	white-space: nowrap;
	padding: 5px 20px 5px 10px;
	border-top: #CCC solid 1px;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	outline: none;
	box-shadow: none;
}
.edit-field.select_many div.container div.autocomplete-list a:hover,
.edit-field.select_many div.container div.autocomplete-list a.active {
	background: #999;
	color: #FFF;
}
.edit-field.select_many div.container div.autocomplete-list a:hover {
	background: #CCC;
}
.edit-field.select_many div.container div.autocomplete-list a:first-child {
	border: none;
}
.edit-field.select_many div.container input.autocomplete {
	display: block;
	border: none;
	border-right: #989898 solid 1px;
	height: 33px;
	padding: 0 75px 0 36px;
	line-height: 33px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset;
	width: 100%;
}
.edit-field.select_many div.container input.autocomplete.loading {
	background: white url(images/24x24/loading.gif) no-repeat right center;
}
.edit-field.select_many div.container input.autocomplete.not-selected {
	color: red;
}

/* SELECT_MANY_QUICK */

.edit-field.select_many_quick > .editable > .field-widget > div.rows {
	border-top: #989898 solid 1px;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container {
	position: relative;
	display: block;
	border: #989898 solid 1px;
	border-top: none;
	overflow: visible;
	background: #CCC;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container.new {
	position: relative;
	border-bottom: #989898 solid 1px;
	overflow: visible;
	margin-top: -1px;
	background: #BBB;
}
.edit-field.select_many_quick div.container.ui-sortable-helper {
	border-top: #989898 solid 1px;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > span.sort {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 33px;
	border-right: #989898 solid 1px;
	border-bottom: #989898 solid 1px;
	background: #EFEFEF url(images/32x32/sort.png) no-repeat center center;
	cursor: move;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > span.sort.disabled {
	cursor: default;
	background: #EFEFEF;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.row-editable {
	position: relative;
	margin: 0 110px 0 27px;
	padding: 10px 0;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.row-editable > div.edit-field {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	margin: 10px;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.row-editable > div.edit-field > div.label {
	padding: 0;
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-right: -3px;
	white-space: normal;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.row-editable > div.edit-field > div.label label {
	padding-right: 20px;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.row-editable > div.edit-field > div.editable {
	padding: 0;
	margin: 0;
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 360px;
	white-space: normal;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container.template {
	display: none;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > a.save {
	position: absolute;
	top: 0;
	right: 34px;
	display: block;
	width: 33px;
	height: 33px;
	background: #CCC url(images/24x24/save.png) no-repeat center center;
	border-left: #989898 solid 1px;
	border-bottom: #989898 solid 1px;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > a.remove {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: #CCC url(images/24x24/remove-value.png) no-repeat center center;
	border-left: #989898 solid 1px;
	border-bottom: #989898 solid 1px;
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > a.add {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: #CCC url(images/24x24/add.png) no-repeat center center;
	border-left: #989898 solid 1px;
	border-bottom: #989898 solid 1px;
}

.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.saving {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: rgba(0,0,0,0.5);
}
.edit-field.select_many_quick > .editable > .field-widget > div.rows > div.container > div.saving.active {
	display: block;
}

/* FILE */

.edit-field.file .field-widget {
	position: relative;
}

.edit-field.file a.open-fm {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 1px;
	right: 1px;
	text-decoration: none;
	color: #333;
	background: url(icons/24x24/file-manager.png) no-repeat center center;
}

/* IMAGE */

.edit-field.image .field-widget {
	position: relative;
	min-width: 450px;
}
.edit-field.image a.open-fm {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 1px;
	right: 1px;
	text-decoration: none;
	color: #333;
	background: url(icons/24x24/file-manager.png) no-repeat center center;
}
.edit-field.image a.open-image-manipulator.hidden {
	display: none;
}
.edit-field.image a.open-image-manipulator {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 1px;
	right: 40px;
	text-decoration: none;
	color: #333;
	background: url(icons/24x24/image-edit.png) no-repeat center center;
}
.edit-field.image div.preview.hidden img {
	display: none;
}
.edit-field.image div.preview {
	border: #999 solid 1px;
	margin-top: -1px;
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
	line-height: 200px;
	overflow: hidden;
	background: #EFEFEF;
}
.edit-field.image div.preview img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.edit-field.image div.info.hidden {
	display: none;
}
.edit-field.image div.info {
	position: absolute;
	padding: 0 10px;
	overflow: hidden;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	left: 1px;
	bottom: 1px;
	width: 180px;
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
}
.edit-field.image div.info p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	line-height: 120%;
	padding: 10px;
}
.edit-field.image div.resolution {
	position: absolute;
	top: 34px;
	right: 0;
	line-height: 20px;
	padding: 0 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	color: #FFF;
}

/* CREDENTIALS */

.admin-modules-fields-models-credentials div.options {
	border: #999 solid 1px;
	border-top: none;
	padding: 20px;
	background: white;
}
.admin-modules-fields-models-credentials div.options > p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	border-bottom: #999 solid 1px;
}
.admin-modules-fields-models-credentials div.options table {
	margin: 0 0 20px 0;
}
.admin-modules-fields-models-credentials div.options table td,
.admin-modules-fields-models-credentials div.options table th {
	padding: 0 10px 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	vertical-align: middle;
}
.admin-modules-fields-models-credentials div.options table.languages td {
	text-transform: capitalize;
}
/************
 *  LOGIN
 ************/
#login-panel {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	height: 100%;
}
#login-panel form {
	position: relative;
	top: 25%;
	display: block;
	margin: 0;
	width: 400px;
	padding: 40px;
	border: #FFF solid 2px;
	margin: 0 auto 0 auto;
}
#login-panel form .field {
	margin: 0 0 10px 0;
}
#login-panel form .submit {
	text-align: right;
}
#login-panel form label {
	display: inline-block;
	vertical-align: middle;
	color: #CCC;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
}
#login-panel form input {
	vertical-align: middle;
	width: 275px;
	height: 35px;
	margin: 0;
	padding: 10px;
	border: none;
	font-size: 12px;
}
/***********
 *  FILE MANAGER
 ***********/
.file-manager-list {
	padding: 0 !important;
}
.file-manager-list header .path {
	position: absolute;
	left: 20px;
	bottom: 10px;
}
.file-manager-list header .path a {
	margin: 0;
	vertical-align: middle;
}
.file-manager-list header .path a.add-folder {
	display: inline-block;
	vertical-align: middle;
	background: url(icons/16x16/add-folder.png) no-repeat 5px center;
	padding-left: 25px;
	line-height: 16px;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-style: italic;
	margin: 0 0 0 15px;
}
.file-manager-list header div.sort {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 32px;
	border-top: #333 solid 1px;
	border-bottom: #333 solid 1px;
	background: #CCC;
}
.file-manager-list header div.sort span {
	display: block;
	line-height: 32px;
	padding: 0 30px 0 20px;
	position: absolute;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}
.file-manager-list header div.sort span.name {
	top: 0;
	left: 0;
}
.file-manager-list header div.sort span.size {
	top: 0;
	right: 0;
}
.file-manager-list header div.sort span.asc {
	background: url(images/asc.png) no-repeat right center;
}
.file-manager-list header div.sort span.desc {
	background: url(images/desc.png) no-repeat right center;
}
.file-manager-list div.content div.list {
	padding-top: 34px;
}
.popup .file-manager-list div.content div.list {
	padding-top: 34px;
}
.file-manager-list div.content div.list div.file {
	position: relative;
}
.file-manager-list div.content div.list div.file div.actions {
	display: none;
	position: absolute;
	top: 2px;
	right: 10px;
	bottom: 2px;
}
.file-manager-list div.content div.list div.file:hover div.actions {
	display: block;
}
.file-manager-list div.content div.list div.file a.action {
	display: inline-block;
	border: #333 solid 1px;
	background: #EFEFEF;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	margin: 0 0 0 5px;
}
.file-manager-list div.content div.list div.file a.action:hover {
	background-color: #CCC;
	color: #666;
}
.file-manager-list div.content div.list div.file a.file {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	text-decoration: none;
	position: relative;
	padding: 5px 50px 5px 42px;
	background: #FFF url(icons/16x16/generic.png) no-repeat 20px 6px;
}
.file-manager-list div.content div.list div.file.folder a.file {
	background-image: url(icons/16x16/folder.png);
}
.file-manager-list div.content div.list div.file.image a.file {
	background-image: url(icons/16x16/image.png);
}
.file-manager-list div.content div.list div.file.video a.file {
	background-image: url(icons/16x16/video.png);
}
.file-manager-list div.content div.list div.file.audio a.file {
	background-image: url(icons/16x16/audio.png);
}
.file-manager-list div.content div.list div.file.application-pdf a.file {
	background-image: url(icons/16x16/pdf.png);
}
.file-manager-list div.content div.list div.file.application-zip a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file.application-x-rar a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file.application-x-7z-compressed a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file.application-x-bzip2 a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file.application-x-tar a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file.application-x-gzip a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file.application-bz2 a.file {
	background-image: url(icons/16x16/package.png);
}
.file-manager-list div.content div.list div.file:hover a.file {
	background-color: #D7F1FF;
}
.file-manager-list div.content div.list div.file.selected a.file {
	background-color: #B0D8FF;
}
.file-manager-list div.content div.list div.file a.file span.name {
	display: block;
}
.file-manager-list div.content div.list div.file a.file span.size {
	display: block;
	position: absolute;
	top: 5px;
	right: 20px;
}
.file-manager-list div.content div.list div.file a.file span.preview {
	display: none;
	position: fixed;
	bottom: 0;
	right: 340px;
	z-index: 100;
	max-width: 20%;
	max-height: 40%;
}
.file-manager-list div.content div.list div.file a.file:hover span.preview {
	display: block;
}
.file-manager-list div.content div.list div.file a.file span.preview img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.file-manager-uploader {
	padding: 20px;
}
.file-manager-uploader a.add-files {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.file-manager-uploader a.add-files input {
	position: absolute;
	top: -1px;
	left: -1px;
	opacity: 0;
	z-index: 10;
	font-size: 100px;
	cursor: pointer;
	width: 101%;
	height: 101%;
}
.file-manager-uploader div.file-list {
	padding: 10px 0 0 0;
}
.file-manager-uploader div.file-list div.file {
	position: relative;
	margin: 0 0 10px 0;
}
.file-manager-uploader div.file-list div.file.template {
	display: none;
}
.file-manager-uploader div.file-list div.file > div.name {
	position: relative;
	padding-right: 300px;
}
.file-manager-uploader div.file-list div.file > div.name div.progress {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	right: 300px;
	background: white;
}
.file-manager-uploader div.file-list div.file > div.name div.progress div.bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	background: #7ED6FF;
}
.file-manager-uploader div.file-list div.file > div.name div.progress div.bar.complete {
	width: 100% !important;
	background: #80EC82;
}
.file-manager-uploader div.file-list div.file > div.name input {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: block;
	border: none;
	width: 100%;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	background: transparent;
}
.file-manager-uploader div.file-list div.file > div.name span.size {
	position: absolute;
	top: 0;
	right: 200px;
	display: block;
	width: 100px;
	font-size: 12px;
	line-height: 28px;
	text-align: right;
}
.file-manager-uploader div.file-list div.file > div.upload {
	position: absolute;
	top: 0;
	right: 90px;
}
.file-manager-uploader div.file-list div.file > div.cancel {
	position: absolute;
	top: 0;
	right: 0;
}
/***********
 *  IMAGE EDITOR
 ***********/
.image-editor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 100;
	background: #CCC;
}
.image-editor > div.size {
	padding: 0 20px;
	font-size: 12px;
	font-weight: bold;
}
.image-editor div.canvas {
	position: absolute;
	top: 15px;
	left: 20px;
	bottom: 0;
	right: 200px;
	overflow: scroll;
	border: #333 solid 1px;
	background: url(images/canvas.png) repeat top left;

}
.image-editor div.canvas img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.image-editor div.canvas .crop {
	border: white dashed 2px;
	position: relative;
	top: 0;
	left: 0;
	box-shadow: 0 0 800px 800px rgba(0, 0, 0, 0.5);
	cursor: move;
	background: transparent;
	z-index: 2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.image-editor div.options {
	text-align: left;
	position: absolute;
	top: 15px;
	right: 0px;
	width: 160px;
	padding: 0 20px;
}
.image-editor div.options p {
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
}
.image-editor div.options p span.crop-info {
	font-weight: normal;
	font-family: monospace;
}
.image-editor div.options div.zoom,
.image-editor div.options div.resolutions {
	margin: 0 0 2em 0;
	padding: 0 0 2em 0;
	border-bottom: #999 solid 1px;
}
.image-editor div.options div.resolutions ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.image-editor div.options div.resolutions ul li {
	margin: 0 0 10px 0;
}
.image-editor div.options div.zoom {
	white-space: nowrap;
}
.image-editor div.options div.zoom input {
	width: 63px;
	border: #999 solid 1px;
	height: 26px;
	background: white;
	margin: 0 2px;
	line-height: 26px;
	padding: 0 4px;
	font-size: 12px;
}
.image-editor div.options div.zoom button {
	margin: 0;
}
.image-editor div.options div.resolutions button {
	width: 100%;
	margin: 0;
}
.image-editor div.options div.resolutions div.custom-info {
	margin: 0 0 4px 0;
	white-space: nowrap;
}
.image-editor div.options div.resolutions div.custom-info span {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	padding: 0 5px;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
}
.image-editor div.options div.resolutions div.custom-info input {
	width: 58px;
	border: #999 solid 1px;
	height: 26px;
	background: white;
	margin: 0;
	line-height: 26px;
	padding: 0 4px;
	font-size: 12px;
	vertical-align: middle;
}