body {
	background: #909090 url('../img/body_background.png') repeat;
	margin: 0;
	padding: 0;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 11px;
}

.loading {
	background-image: url(data:image/gif;base64,[encoded data, 14428 characters]);
	background-attachment: fixed;
	background-color: #909090;
	background-position: center center;
	background-repeat: no-repeat;
}

/*
body.loading > * {
	display: none;
}
 */
/**
 * JLayout
 */
.ui-layout-pane { /* all 'panes' */
	background:	transparent;
	border:		none;
	padding:	0;
	margin:		0;
	overflow:	hidden;
}

.ui-layout-resizer {
	background: url('../img/viewport_background.png') repeat-x !important;
	cursor: row-resize !important;
}

.ui-layout-toggler {
	background-color: #BBB;
}

.ui-layout-toggler:hover {
	background-color: #4966B1;/* Old browsers */
	background: -moz-linear-gradient(top, #6086e5 0%, #6086e5 39%, #4966b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6086e5), color-stop(39%,#6086e5), color-stop(100%,#4966b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6086e5', endColorstr='#4966b1',GradientType=0 ); /* IE6-9 */
}

/**
 * Elements
 */
div#wrapperPlayer {
	margin: 0;
	padding: 0;
	/*height: 75px;*/
	/*position: fixed;
	top: 0;
	left: 0;
	bottom: 75px;
	right: 0;*/
}

	form#wrapperSearchWidget {
		display: inline-block;
		float: right;
		clear: right;
		padding: 0;
		margin: 10px 10px 0 0;
		z-index: 100;
	}

	form#wrapperSearchWidget button {
		height: 20px;
		width: 25px;
		line-height: 0px;
		padding: 0;
	}

	form#wrapperSearchWidget button [class*=" icon-"] {
		margin-top: 0;
	}

	form#wrapperSearchWidget input {
		height: 18px;
		padding: 0;
		padding-left: 3px;
		font-size: 12px;
		line-height: 21px;
	}

body > .ui-layout-west {
	margin: 0;
	padding: 0;
	min-width: 100px;
	max-width: 175px;
	background: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}

body > .ui-layout-west > ul,
body > .ui-layout-west > ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

	body > .ui-layout-west > ul li {
		vertical-align: bottom;
		margin-bottom: 5px;
	}

	body > .ui-layout-west > ul li > span {
		display: block;
		line-height: 16px;
		height: 16px;
		vertical-align: bottom;
		padding-bottom: 2px;
		padding-left: 5px;
	}

	body > .ui-layout-west > ul li > span > span {
		overflow: hidden;
		text-overflow: ellipsis;
		height: 16px;
		line-height: 16px;
		max-height: 16px;
		display: inline-block;
		max-width: 70%;
		vertical-align: middle;
	}

	body > .ui-layout-west > ul li > span:hover {
		color: #000;
	}

	body > .ui-layout-west > ul li.selected > span {
		color: #FFF;
		background-color: #4966B1;/* Old browsers */
		background: -moz-linear-gradient(top, #6086e5 0%, #6086e5 39%, #4966b1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6086e5), color-stop(39%,#6086e5), color-stop(100%,#4966b1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* IE10+ */
		background: linear-gradient(to bottom, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6086e5', endColorstr='#4966b1',GradientType=0 ); /* IE6-9 */
	}

	body > .ui-layout-west > ul > li:last-child > span:hover {
		background-color: transparent;
		background: transparent;
		color: #333;
	}

	body > .ui-layout-west > ul li ul {
		margin-left: 10px;
	}

	body > .ui-layout-west > ul li .sidebar-list-action {
		display: none;
		height: 14px;
	}

	body > .ui-layout-west > ul li > span:hover > .sidebar-list-action {
		display: inline-block;
	}

body > .ui-layout-center > div {
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: block;
}

	body > .ui-layout-center > div {
		margin: 0;
		padding: 0;
		background: #FFF url(../img/grid3-hrow2.gif) repeat-x;
	}

	body > .ui-layout-center > div > div.ui-layout-north > div.third {
		width: 33.3333%;
		float: left;
		clear: none;
	}

	body > .ui-layout-center > div > div.ui-layout-north > div.third:first-child {
		clear: left;
	}

	body > .ui-layout-center > div > div.ui-layout-north > div.third:last-child {
		clear: right;
	}

	body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper,
	body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper {
		border-left: 1px solid #C6C6C6;
	}

	body > .ui-layout-center > div > div.ui-layout-north > div.third:first-child > div.dataTables_wrapper,
	body > .ui-layout-center > div > div.ui-layout-north > div.third:first-child > div.dataTables_wrapper {
		border-left: none;
		padding-left: 1px;
	}

	body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper table td {
		padding-left: 4px;
	}

	body > .ui-layout-center > div table.dataTable tr td.sorting_1 { background-color: transparent; }
	body > .ui-layout-center > div table.dataTable tr td.sorting_2 { background-color: transparent; }
	body > .ui-layout-center > div table.dataTable tr td.sorting_3 { background-color: transparent; }


.ui-layout-center .client-view-container {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #FFF url(../img/grid3-hrow2.gif) repeat-x;
}

	.ui-layout-center .client-view-container table.table-list {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	div#listItemDetails table tr td:first-child {
		width: 110px;
		font-weight: bold;
		padding-left: 10px;
	}

	div#listItemDetails table tr:first-child td {
		border-top: none;
	}

	div#listItemDetails div.modal-body {
		padding: 0;
	}

/*
.ui-layout-center .client-view-container table.table-list tr td {
	text-overflow: ellipsis;
	max-width: 20%;
	overflow: hidden;
	white-space: nowrap;
}
*/
body > .ui-layout-south {
	margin: 0;
	padding: 0;
	background: url('../img/viewport_background.png') repeat-x left bottom;
	text-align: center;
	height: 30px;
	line-height: 25px;
}
	body > .ui-layout-south .btn-inverse {
		line-height: 12px;
	}

	body > .ui-layout-south > div#wrapperFooterRight {
		text-align: right;
		padding-right: 10px;
		padding-top: 3px;
	}

		body > .ui-layout-south > div#wrapperFooterRight div.btn-group {
			height: 25px;
		}

	body > .ui-layout-south > div#wrapperFooterLeft {
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}


table.dataTable tbody tr {
	display: table-row;
	height: 17px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border: none;
}

table.dataTable tbody td {
	display: table-cell;
	margin: 0;
	padding: 0 2px;
	height: 16px;
	background-color: #FFF;
	border-bottom: 1px solid #EDEDED;
}

table.dataTable div.dataTables_scrollHeadInner {
	cursor: default;
	display: block;
	height: 22px;
	border: none;
}

table.dataTable tr td,
table.dataTable tr th {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	-o-text-overflow: ellipsis !important;
	-webkit-text-overflow: ellipsis !important;
}

table.dataTable tbody tr {
	height: 20px !important;
	max-height: 20px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	-o-text-overflow: ellipsis !important;
	-webkit-text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

div.dataTables_scrollHeadInner th {
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	text-overflow: clip;
	white-space: nowrap;
	color: #000;
	border: none;
}
	
	body > .ui-layout-center > div div.dataTables_scrollHeadInner th {
		padding-left: 4px;
	}

div.dataTables_scrollBody table tbody tr:last-child td {
	border: none;
}

div.dataTables_scrollHead table thead th.center,
div.dataTables_scrollBody table tbody td.center {
	text-align: center;
}

body > .ui-layout-south,
table.dataTable tr td,
table.dataTable tr th,
body > .ui-layout-west,
div#wrapperPlayer {
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: default;
}

table.dataTable tbody tr.selected td,
div.drag-table-item table tr.selected td,
table.dataTable tbody tr.selected td.sorting_1,
table.dataTable tbody tr.selected td.sorting_2,
table.dataTable tbody tr.selected td.sorting_3,
body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper table tr.selected td,
body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper table tr.selected td.sorting_1,
body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper table tr.selected td.sorting_2,
body > .ui-layout-center > div > div.ui-layout-north > div.third > div.dataTables_wrapper table tr.selected td.sorting_3,
.dropdown-menu * a:hover,
.dropdown-menu * a:focus,
.dropdown-menu * li:hover,
.dropdown-menu * li:hover a,
.dropdown-menu * li:hover a:hover,
.dropdown-menu > ul > li:hover,
.dropdown-menu li:hover,
.dropdown-menu .active > a:hover {
	color: #FFF;
	background-color: #4966B1;/* Old browsers */
	background: -moz-linear-gradient(top, #6086e5 0%, #6086e5 39%, #4966b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6086e5), color-stop(39%,#6086e5), color-stop(100%,#4966b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6086e5', endColorstr='#4966b1',GradientType=0 ); /* IE6-9 */
}

div.drag-table-item {
	opacity: 0.8;
}

div#wrapperPlayer {
	background: url('../img/viewport_background.png') repeat-x;
	height: 50px;
}


.clearfix {
	float: none;
	clear: both;
	font-style: oblique;
}

div.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.7;
	z-index: 1000;
	width: 100%;
}

div.overlay > div {
	z-index: 1001;
}


div#screen,
div#screen canvas#processcanvas {
	width : 512px;
	height : 512px;
	top: 0;
	margin: 0 auto;
	position : absolute;
	z-index : 2000;
}

.icon-loading {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(data:image/gif;base64,R0lGODlhDgAOAKUAADQyNJyanGxqbNTW1ExKTOzu7LS2tDw+PFRWVHx+fOTi5Pz+/MTCxDw6PKyqrHR2dFRSVPT29ERGRFxeXOzq7DQ2NGxubNze3ExOTPTy9Ly+vERCRFxaXIyOjOTm5MzKzLSytP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwAhACwAAAAADgAOAAAGYcCQcEgsGo/CDwICoYQSjGMCAPAsJIDOgjhoHCrOCwdgIE4/IGfI00AQMZItUVCJDDEE+dACsAsfAANCCwYZBxB6HwAICiELGxAADkUBABUZj4t6QxoTmAReIEiDC6WjR0EAIfkECQcAIwAsAAAAAA4ADgCFNDI0nJqcbGps1NbUTE5M7O7sjIqMREJEtLa0dHZ05OLkPDo8XFpc/Pr8xMbErKqsdHJ0lJKUTEpM7OrsNDY0bG5s3N7cVFJU9Pb0jI6MREZEvLq8fH585ObkPD48ZGJk/P78zMrMrK6s////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmnAkXBUaAyPSIUkMEEiBwcAAQRyjkQUACAwQmSqw8FCEyI0OQDEER0aDYSdxeVI0ICHAgpmSJDchRUAe0IQAG8jCkQHU0MhFAwjIAwKAgAPSAEGIw4AWQl/QkaBFA9GVogZBw6nRw0WR0EAIfkECQcAIAAsAAAAAA4ADgCFNDI0nJ6c1NbUXFpcvL68REZE7O7sbG5srKqszMrMVFJUPDo8/P787OrsZGZkxMbETE5M9Pb0fH58tLK0NDY0pKKk3NrcxMLETEpM9PL0dHZ0rK6szM7MVFZUPD48bGps////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmFAkHAIIhCPQ0YngBwKNBgAoNLcUACQBeWCFFAwCcaA23gQJYCE0AISd4gQDOP4oUSGGPnxALgLNQsZIA1zGR4Kc0Icag0QDAYOU0iNAB8LABqJRBNSFB0ImkcIfaFNoEhBACH5BAkHACEALAAAAAAOAA4AhTQyNKyqrGRmZNTW1ExKTISGhOzu7MzKzHR2dFRWVDw+PPz6/GxubLSytOTm5FRSVPT29NTS1FxeXERGRDQ2NKyurGxqbNze3ExOTJSWlPTy9MzOzHx+fFxaXERCRPz+/HRydP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZqwJBwOFwQj6HPJ5RxIEMDBGEC8mSQFQoA8wAAJsbhgEI4KCWKgobIARyEhsD6iCEsiREEZCgIIBkAe0JLHxEXcAoPd0kVHQp7BhYAfkMfHQAUAhYKAAiLQg0AHVoJAZ9CECAhCwunRHNPQQAh+QQJBwAiACwAAAAADgAOAIU0MjScnpxcXlzU1tRERkS8vrzs7uxsbmw8PjxUUlTMysz8+vysrqxkZmQ8Ojzc3txMTkzExsT09vR0dnQ0NjSsqqxkYmRMSkzEwsT08vREQkRUVlTMzsz8/vy0trRsamzk4uR8enz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGYkCRcEgsFjsdI3EwuRAOGJEiOWQAAJDEdYJYDAeUCyf50FK8whBAMYw4AOehRELMGO5E5IIqRBIFDg4BQxkXFnwbABogQgYNABV/AnAWH28TfCIeHQUWFBQbFZlFC3RKp0RBACH5BAkHACUALAAAAAAOAA4AhTQyNJyanMzOzGRiZLS2tExKTOzu7KyqrNze3Hx+fFRWVMTCxDw+PGxubPz6/KSmpNTW1FRSVLSytOTm5FxeXMzKzDQ2NJyenNTS1GxqbLy+vExOTPT29KyurOTi5IyOjFxaXMTGxERGRHR2dPz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZlwJJwSCwWSSQjETIqiBoLZccC2EQAgE9ySLoMKkkECECYeJTCiYXBMJQ4GQlnOKFgE8IDVgQZcg4KGCUkClQVRlsGIRUAEQhCBgkPDkUBABYDGQwAI1tEGhQWFhEHnkYOlGiqQkEAIfkECQcAIwAsAAAAAA4ADgCFNDI0nJqcbGps1NLUTE5M7OrsREJEtLa0hIaE3N7cXFpcPDo89Pb0xMLEdHZ03NrcVFZUTEpMjI6M5ObkZGJk/P78NDY0pKKkbG5s1NbUVFJUREZEvL685OLkXF5cPD48/Pr8zMrMlJKU////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmLAkXBILBYrFSMx44hsMA3lqLMhaAAASXLIGYwYyYQCcOAuPt7hZAERNhZYQ4YosDCElUhkOyp44BEXQg4Ac0MJBgAIWyEAGgl4IwkifCMBABYUAgQPUhx/FhplUiMgd6SoQQAh+QQJBwAmACwAAAAADgAOAIU0MjScmpxkYmTU1tRMSky0trR8enzs7uw8PjzEwsRUVlSMioz8+vxsbmzk4uQ8Ojy0srRUUlS8vryEgoT09vRERkTMysw0NjSkpqRsamzc3txMTky8urx8fnz08vREQkTExsRcWlyMjoz8/vx0dnTk5uT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGa0CTcEgsFkcjI5FhmlQaiSKjIBCZQBEAQJQ0MRYXwIci1IQABaIBUIEMS5cQcVMZaYiZC1m4IXRNByMNAHsmJAADQxYRDxF/FgARdyYjCgAXEx5DAZcCHCYYHyIORRICFwojDIVGDExKsERBADs=);
}

.ui-draggable-dragging {
	z-index: 50000;
}

@-webkit-keyframes pulse {
	0% {opacity: 1;color: #fff;}
	25% {opacity: 0.75;}
	50% {opacity: 0.50;}
	75% {opacity: 0.25;}
	100% {opacity: 0;color: #999;}
}

.droppable {
	/*-webkit-animation: pulse 1s infinite alternate;
	-moz-animation: pulse 1s infinite alternate;
	opacity: 0;
	color: #FFF;*/
	background-color: #4966B1;/* Old browsers */
	background: -moz-linear-gradient(top, #6086e5 0%, #6086e5 39%, #4966b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6086e5), color-stop(39%,#6086e5), color-stop(100%,#4966b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6086e5', endColorstr='#4966b1',GradientType=0 ); /* IE6-9 */

}

@-webkit-keyframes pulse-btn {
	0% {opacity: 0.75;}
	100% {opacity: 1;}
}

.btn-primary {
	-webkit-animation: pulse-btn 2s infinite alternate;
	-moz-animation: pulse-btn 2s infinite alternate;
}

.btn-primary:hover,
.btn-primary.hover,
.btn-primary:active,
.btn-primary.active {
	-webkit-animation: none;
	-moz-animation: none;
	opacity: 1;
}

div.drag-table-item table tr.selected td {
	padding-left: 5px;
	padding-right: 5px;
}

.droppable-hover {
	-webkit-animation: pulse 1s infinite alternate;
	-moz-animation: pulse 1s infinite alternate;
	opacity: 0;
	color: #FFF;
	background-color: #4966B1;/* Old browsers */
	background: -moz-linear-gradient(top, #6086e5 0%, #6086e5 39%, #4966b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6086e5), color-stop(39%,#6086e5), color-stop(100%,#4966b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6086e5 0%,#6086e5 39%,#4966b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6086e5', endColorstr='#4966b1',GradientType=0 ); /* IE6-9 */
}