/*
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	THIS IS STYLESHEET TEMPLATES USED FOR SKINS IN ADMIN
	IT'S NOT BEING USED DIRECTLY
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/


/* General elements */

html {
	height: 100%;
}

body {
 	font-family: verdana,arial,helvetica,sans-serif;
 	color: #000000;
	overflow-x: auto; overflow-y: auto;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

body, td {
	/* fix for Firefox, when font-size was not inherited in table cells */
	font-size: 9pt;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #009ff0;
	text-decoration: none;
}

form {
   display: inline;
}

img { border: 0px; }

body.height-100 {
	height: 100%;
}

body.regular-body {
	margin: 0px 10px 5px 10px;
	color: #000000;
	background-color: @@SectionBgColor@@;
}

body.edit-popup {
	margin: 0px 0px 0px 0px;
}

table.collapsed {
	border-collapse: collapse;
}

.bordered, table.bordered, .bordered-no-bottom {
	border: 1px solid #000000;
	border-collapse: collapse;
}

.bordered-no-bottom {
	border-bottom: none;
}

.login-table td {
	padding: 1px;
}

.disabled {
	background-color: #ebebeb;
}

/* Head frame */
table.head-table {
	background: url('@@base_url@@/core/admin_templates/img/top_frame/right_background.png') top right @@HeadBgColor@@ no-repeat;
}

.head-table tr td, .head-table tr td a {
	color: @@HeadColor@@
}

div#extra_toolbar td.button-active {
	background: url('@@base_url@@/core/admin_templates/img/top_frame/toolbar_button_background.gif') bottom left repeat-x;
	height: 22px;
}

div#extra_toolbar td.button-active a {
	color: black;
	text-decoration: none;
}

td.kx-block-header, .head-table tr td.kx-block-header{
	color: @@HeadBarColor@@;
	background: url('@@base_url@@/core/admin_templates/img/top_frame/toolbar_background.gif') repeat-x top left;
	/*background-color: @@HeadBarBgColor@@;*/
	padding-left: 7px;
	padding-right: 7px;
}

a.kx-header-link {
	text-decoration: underline;
	font-weight: bold;
	color: #0080C8;
}

a.kx-header-link:hover {
	color: #FFCB05;
	text-decoration: none;
}

.kx-secondary-foreground 	{
	color: #FFFFFF;
	/*background-color: @@HeadBarBgColor@@;*/
}

.kx-login-button {
	background-color: #2D79D6;
	color: #FFFFFF;
}

/* General form button (yellow) */
.button {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: url('@@base_url@@/core/admin_templates/img/button_back.gif') #f9eeae repeat-x;
	text-decoration: none;
}

/* Disabled (grayed-out) form button */
.button-disabled {
	font-size: 12px;
	font-weight: normal;
	color: #676767;
	background: url('@@base_url@@/core/admin_templates/img/button_back_disabled.gif') #f9eeae repeat-x;
	text-decoration: none;
}

/* Tabs bar */

.tab, .tab-active {
	background-color: #F0F1EB;
	padding: 3px 7px 2px 7px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin-left: 3px !important;
	white-space: nowrap;
}

.tab-active {
	background-color: #4487D9;
}

.tab a {
	color: #4487D9;
	font-weight: bold;
}

.tab-active a {
	color: #FFFFFF;
	font-weight: bold;
}

a.scroll-left, a.scroll-right {
	cursor: pointer;
	display: block;
	float: left;
	height: 18px;
	margin: 0px 1px;
	width: 18px;
}

a.scroll-left {
	background: transparent url('@@base_url@@/core/admin_templates/img/tabs/left.png') no-repeat scroll 0 0;
}

a.scroll-right {
	background: transparent url('@@base_url@@/core/admin_templates/img/tabs/right.png') no-repeat scroll 0 0;
}

a.disabled {
	visibility: hidden !important;
}

a.scroll-left:hover, a.scroll-right:hover {
	background-position: 0 -18px;
}

td.scroll-right-container {
	width: 20px;
}

td.scroll-right-container.disabled, td.scroll-right-container.disabled * {
	width: 0px;
	margin: 0px;
}

td.scroll-right-container.disabled br {
	display: none;
}

/* Toolbar */

.toolbar {
	font-size: 8pt;
	border: 1px solid #000000;
	border-width: 0px 1px 1px 1px;
	background-color: @@ToolbarBgColor@@;
	border-collapse: collapse;
}

.toolbar td {
	height: 100%;
}

.toolbar-button, .toolbar-button-disabled, .toolbar-button-over {
	float: left;
	text-align: center;
	font-size: 8pt;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	color: #006F99;
}

.toolbar-button-over {
	color: #000;
}

.toolbar-button-disabled {
	color: #444;
}

/*  Scrollable Grids */


.layout-only-table td {
  border: none !important;
}

/* Main Grid class */
.grid-scrollable {
	padding: 0px;
	border: 1px solid black !important;
	border-top: none !important;
}

/* Div generated by js, which contains all the scrollable grid elements, affects the style of scrollable area without data (if there are too few rows) */
.grid-container {
	background-color: #fff;
}

.grid-container table {
	border-collapse: collapse;
}

/* Inner div generated in each data-cell */
.grid-cell-div {
	overflow: hidden;
	height: auto;
}

/* Main row definition */
.grid-data-row td, .grid-data-row-selected td, .grid-data-row-even-selected td, .grid-data-row-mouseover td, .table-color1, .table-color2 {
	font-weight: normal;
	color: @@OddColor@@;
	background-color: @@OddBgColor@@;
	padding: 3px 5px 3px 5px;
	overflow: hidden;
	border-right: 1px solid #c9c9c9;
}
.grid-data-row-even td, .table-color2 {
	background-color: @@EvenBgColor@@;
	color: @@EvenColor@@;
}
.grid-data-row td a, .grid-data-row-selected td a, .grid-data-row-mouseover td a {
	text-decoration: underline;
}

/* mouse-over rows */
.grid-data-row-mouseover td, table tr.grid-data-row[_row_highlighted] td {
	background: #FFFDF4;
}

/* Selected row, applies to both checkbox and data areas */
.grid-data-row-selected td, table tr.grid-data-row[_row_selected] td {
	background: #FEF2D6;
}

.grid-data-row-even-selected td, .grid-data-row-even[_row_selected] td {
	background: #FFF7E0;
}

/* General header cell definition */
.grid-header-row td {
	font-weight: bold;
	background-color: @@ColumnTitlesBgColor@@;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	color: @@ColumnTitlesColor@@;
	border-right: none;
	text-align: left;
	vertical-align: middle !important;
	white-space: nowrap;
	border-right: 1px solid #777;
}

/* Filters row */
tr.grid-header-row-1 td {
	background-color: @@FiltersBgColor@@;
	border-bottom: 1px solid black;
}

/* Grid Filters */
table.range-filter {
	width: 100%;
}

.range-filter td {
	padding: 0px 0px 2px 2px !important;
	border: none !important;
	font-size: 8pt !important;
	font-weight: normal !important;
	text-align: left;
	color: #000000 !important;
}

input.filter, select.filter, input.filter-active, select.filter-active {
	margin-bottom: 0px;
	border: 1px solid #aaa;
}

input.filter-active {
  background-color: #FFFF00;
}

select.filter-active {
 background-color: #FFFF00;
}

/* Column titles row */
tr.grid-header-row-0 td {
	height: 25px;
	font-weight: bold;
	background-color: @@ColumnTitlesBgColor@@;
	color: @@ColumnTitlesColor@@;
	border-bottom: 1px solid black;
}

tr.grid-header-row-0 td a {
	color: @@ColumnTitlesColor@@;
}

tr.grid-header-row-0 td a:hover {
	color: #FFCC00;
}


.grid-footer-row td {
	background-color: #D7D7D7;
	font-weight: bold;
	border-right: 1px solid #C9C9C9;
	padding: 3px 5px 3px 5px;
}

td.grid-header-last-cell, td.grid-data-last-cell, td.grid-footer-last-cell {
	border-right: none !important;
}

td.grid-data-col-0, td.grid-data-col-0 div {
	text-align: center;
	vertical-align: middle !important;
}

tr.grid-header-row-1 td.grid-header-col-1 {
	text-align: center;
	vertical-align: middle !important;
}

tr.grid-header-row-1 td.grid-header-col-1 div {
	display: table-cell;
	vertical-align: middle;
}

.grid-status-bar {
	border: 1px solid black;
	border-top: none;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	height: 30px;
}

.grid-status-bar td {
	background-color: @@TitleBarBgColor@@;
  color: @@TitleBarColor@@;
	font-size: 11pt;
	font-weight: normal;
	padding: 2px 8px 2px 8px;
}

/*  /Scrollable Grids */


/* Forms */
table.edit-form {
	border: none;
	border-top-width: 0px;
	border-collapse: collapse;
	width: 100%;
}

.edit-form-odd, .edit-form-even {
	padding: 0px;
}

.subsectiontitle {
	font-size: 10pt;
	font-weight: bold;
	background-color: #4A92CE;
	color: #fff;
	height: 25px;
	border-top: 1px solid black;
	vertical-align: middle;
}

.subsectiontitle td {
	vertical-align: middle;
	/*padding: 3px 5px 3px 5px;*/
	padding: 1px 5px;
}

.label-cell {
	background: #DEE7F6 url('@@base_url@@/core/admin_templates/img/bgr_input_name_line.gif') no-repeat right bottom;
  font: 12px arial, sans-serif;
  padding: 4px 20px;
  width: 160px;
}

.control-mid {
	width: 13px;
	border-left: 1px solid #7A95C2;
	background: #fff url('@@base_url@@/core/admin_templates/img/bgr_mid.gif') repeat-x left bottom;
}

.control-cell {
	font: 11px arial, sans-serif;
	padding: 4px 10px 5px 5px;
	background: #fff url('@@base_url@@/core/admin_templates/img/bgr_input_line.gif') no-repeat left bottom;
	width: auto;
	vertical-align: middle;
}

.label-cell-filler {
	background: #DEE7F6 none;
}
.control-mid-filler {
	background: #fff none;
	border-left: 1px solid #7A95C2;
}
.control-cell-filler {
	background: #fff none;
}

.error {
	color: red;
}
.error-cell {
	color: red;
}

.field-required {
	color: red;
}

.warning-table {
	background-color: #F0F1EB;
	border: 1px solid #000000;
	border-collapse: collapse;
	border-top-width: 0px;
}

.form-warning {
	color: red;
	font-size: 11px;
}

.priority {
	color: red;
	padding-left: 1px;
	padding-right: 1px;
	font-size: 11px;
}

.small-statistics {
	font-size: 11px;
	color: #707070;
}

.req-note {
	font-style: italic;
	color: #333;
}

#scroll_container table.tableborder {
	border-collapse: separate
}

/* Uploader */
.uploader-queue div.file {
	font-size: 11px;
	border: 1px solid #7F99C5;
	padding: 3px;
	background-color: #DEE7F6;
	margin-bottom: 2px;
}

.uploader-queue .left  {
	float: left;
	vertical-align: top;
}

.uploader-queue .file-label {
	margin-left: 5px;
}

.uploader-queue .preview .delete-checkbox {
	margin-top: -3px;
}

.uploader-queue .progress-container {
	margin: 2px 5px 0px 5px;
}

.uploader-queue .progress-empty {
	width: 150px;
	height: 9px;
	border: 1px solid black;
	background: url('@@base_url@@/core/admin_templates/img/progress_left.gif') repeat-x;
}

.uploader-queue .progress-full {
	height: 9px;
	background: url('@@base_url@@/core/admin_templates/img/progress_done.gif');
}

.uploader-queue .thumbnail {
	/*margin-bottom: 2px;*/
	border: 1px solid black;
	background-color: grey;
}

/* To be sorted */
span#category_path, span#category_path a {
	color: #FFFFFF;
}

span#category_path a {
	text-decoration: underline;
}

/* Section title, right to the big icon */
.admintitle {
	font-size: 16pt;
	font-weight: bold;
	color: @@SectionColor@@;
	text-decoration: none;
}

/* Left side of bluebar */
.header_left_bg {
	background-color: @@TitleBarBgColor@@;
	background-image: none;
	padding-left: 5px;
}

/* Right side of bluebar */
.tablenav, tablenav a {
	font-size: 11pt;
	font-weight: bold;
	color: @@TitleBarColor@@;

	text-decoration: none;
	background-color: @@TitleBarBgColor@@;
	background-image: none;
}

/* Section title in the bluebar * -- why 'link'? :S */
.tablenav_link {
	font-size: 11pt;
	font-weight: bold;
	color: @@TitleBarColor@@;
	text-decoration: none;
}

/* Active page in top and bottom bluebars pagination */
.current_page {
	font-size: 10pt;
	font-weight: bold;
	background-color: #fff;
	color: #2D79D6;
	padding: 3px 2px 3px 3px;
}

/* Other pages and arrows in pagination on blue */
.nav_url {
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	padding: 3px 2px 3px 3px;
}

/* Tree */
.tree-body {
	background-color: @@TreeBgColor@@;
	height: 100%
}

.tree_head.td, .tree_head, .tree_head:hover {
 font-weight: bold;
 font-size: 10px;
 color: #FFFFFF;
 font-family: Verdana, Arial;
 text-decoration: none;
}

.tree {
	padding: 0px;
	border: none;
	border-collapse: collapse;
}

.tree tr td {
	padding: 0px;
	margin: 0px;
	font-family: helvetica, arial, verdana,;
	font-size: 11px;
	white-space: nowrap;
}

.tree tr td a {
	font-size: 11px;
	color: @@TreeColor@@;
	font-family: Helvetica, Arial, Verdana;
	text-decoration: none;
	padding: 2px;
}

.tree tr td a:hover, .tree tr td a.debug-only-item:hover {
	color: @@TreeHoverColor@@;
}

.tree tr.highlighted td a, .tree tr.highlighted td a.debug-only-item {
	color: @@TreeHighColor@@;
	background-color: @@TreeHighBgColor@@;
}

.tree tr.highlighted td a:hover {
	color: @@TreeHighHoverColor@@;
}

.tree tr td a.debug-only-item {
	color: grey;
}

/* Ajax Dropdown */
.suggest-box {
	border: 1px solid #999;
	background-color: #fff;
}

.suggest-item, .suggest-item-over {
	padding: 1px 2px 0px 2px;
	font-family: arial,verdana;
	font-size: 12px;
}

.suggest-item-over {
	background-color: #3366CC;
	color: #fff;
}