@charset "utf-8";

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	font-family: Helvetica, Sans-Serif, 'Arial', Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	border: 0;
}

select {
	font-family: Helvetica, Sans-Serif, 'Arial', Georgia, "Times New Roman", Times, serif;
	margin: 1px 0px 1px 3px;
	padding: 2px;
	border: solid 2px rgb(153,153,153);
}

/*
div.styled-select {
   // width: 240px;
   // height: 34px;
   overflow: hidden;
   background: url(/v7-menu/select-arrow.jpg) no-repeat right #ddd;
   border: solid 2px rgb(153,153,153);
}

div.styled-select > select {
	font-family: Helvetica, Sans-Serif, 'Arial', Georgia, "Times New Roman", Times, serif ;
	margin: 1px 2px 1px 2px;
	padding: 1px;
	background: transparent;
	// width: 268px;
	// height: 34px;
	// padding: 5px;
	border: 0;
	border-radius: 0;
	line-height: 1;
	-webkit-appearance: none;
}

div.styled-select > select:focus {
   outline: none;
}
*/

p {
	text-align: justify;
	line-height: 20px;
	padding-bottom: 10px;
}

body {
	font-family: Helvetica, Sans-Serif, 'Arial', Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	padding: 0px 0px;
	background-position: top center;
	background-color: #FFFFFF;
	background: #FFFFFF;
}

/*input {
	margin: 1px 0px 1px 3px;
	padding: 4px 2px 4px 2px;
	border: solid 2px rgb(153,153,153);
	outline: 0;
	background: #FFFFFF;
}*/

input:hover,
input:focus {
	/*padding: 2px 2px;*/
	/*border: solid 1px #000000;*/
}

input[type="button"] {
	background-color: rgb(153,153,153);
	color: white;
	border-radius: 0;
}

input[type="button"]:hover {
	cursor: pointer;
}

textarea {
	width: 230px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	padding: 2px;
	border: solid 2px rgb(153,153,153);
	background: #FFFFFF;
	border-radius: 0;
}

a:active {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

a {
	color: #0028a1;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* table style start */
.table_heading {
	float: left;
	text-align: left;
	padding-left: 5px;
	color: #00426E;
	line-height: 26px;
	font-family: 'Arial', Helvetica, sans-serif, Arial;
	font-size: 24px;
	font-weight: normal;
	text-shadow: #666;
}

/* get rid of those system borders being generated for A tags */
.table_heading,
.editTabsBtn,
.list_table_button,
.list_table,
#tableContainer,
#tableContainerTab {
	width: 99%;
}

#tableContainer,
#tableContainerTab {
	float: left;
	/*overflow-x: auto;*/
	/*min-width: 800;*/
	margin: 10px 0px 0px 5px;
}

/* table style end */

.list_table_button {
	clear: both;
	display: table;
	padding: 5px 0px 0px 5px;
	/*height: 20px;*/
	line-height: 20px
}

div.list_table_button  > div.left_btn  {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

div.list_table_button  > div.right_btn {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

/* 2015-11-16 (cliff.yeung) Added a new line to support mobile */
div.list_table_button  > div.right_btn  > div.right_btn_new_line {
	display:none;
}

.list_table_button .add_btn,
.list_table_button .delete_btn,
.list_table_button .custom_btn,
.list_table_button .edit_btn {
	margin: 0px 0px 0px 2px;
	color: transparent; /* Fix for Firefox */
	padding: 0px 0px 0px 20px !important; /* Fix for Internet Explorer */
	border: none;
	cursor: pointer;
	/*font-size: 0;*/
	width: 20px;
	height: 20px;
	line-height: 20px !important;
	/*overflow: hidden;*/
	/*text-indent: 14px;*/
	/*color: #0028A1;*/
}

/* style of table buttons start */
.list_table_button .add_btn {
	background: url("../images/btn_add.png") left 0 no-repeat;
}

.list_table_button .edit_btn {
	background: url("../images/btn_edit.png") left 0 no-repeat;
}

.list_table_button .delete_btn  {
	background: url("../images/btn_trash.png") left 0 no-repeat;
}

.list_table_button .delete_btn:hover,
.list_table_button .add_btn:hover,
.list_table_button .custom_btn:hover,
.list_table_button .edit_btn:hover {
	color: #ff0000;
	text-decoration: underline;
}

.list_table_button .delete_btn[disabled],
.list_table_button .add_btn[disabled],
.list_table_button .custom_btn[disabled],
.list_table_button .edit_btn[disabled] {
	color: #808080;
	text-decoration: none;
	cursor: default;
}

#selectViewId {
	/*height: 24px;*/
	line-height: 24px;
	font-weight: bold;
}

table.list_table {
	padding: 0px;
	clear: both;
	border-collapse: collapse;
	border: 0px none rgb(0,0,0);
}

table.list_table > thead > tr {
	font-size: 12px;
	height: 22px;
}

table.list_table > thead > tr > td {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	font-weight:bold;
	color: #000;
	padding: 0px 5px 0px 5px;
	border-bottom: 2px solid rgb(179,179,179);
	border-right: 2px solid rgb(179,179,179);
	// background: #EEE;
	// border-top:1px solid #CCC;
}

table.list_table > thead > tr > td:last-child {
	border-right: 0px solid rgb(179,179,179);
}

table.list_table > tbody > tr {
	font-size: 12px;
	/*padding: 5px 0 5px 0;*/
	height: 28px;
	/* border-bottom: 1px solid #CCC; */
}
table.list_table > tbody > tr:hover {
	background-color:#52A1D8;
	cursor:pointer;
	color:#FFF;
}
table.list_table > tbody > tr.separator {
	height: 1px;
	border-top:1px solid #CCC;
}
table.list_table > tbody > tr.separator > td {
	height: 1px;
	border-top:1px solid #CCC;
}
table.list_table > tbody > tr.sub_item_separator {
	height: 1px;
	border-top: 1px dashed #CCC;
}
table.list_table > tbody > tr > td {
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #CCC;
}
table.list_table > tbody > tr > td > div {
	word-break: normal;
}
table.list_table > tbody > tr.sub_item > td {
	padding-left: 30px;
	font-size: 10px;
	border-top:1px dashed #CCC;
}

div.css-tabs-select {
	display: none;
	margin: 4px 0px 4px 5px;
	font-weight: bold;
}

div.css-tabs-select > select {
	padding: 2px;
	font-weight: bold;
}

@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */
	div.css-tabs-select > select {
		height: 26px;
		line-height: 26px;
	}
}

.ui-tabs.ui-tabs-horizontal {
	padding: 0;
	background-color: transparent;
	top: 0px;
}
.ui-tabs.ui-tabs-horizontal > .ui-widget-header {
	border: none;
	background-color: transparent;
	margin: 4px;
}
.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav {
	clear: both;
	margin: 4px 4px 2px 4px;
	padding: 0px;
	width: 100% - 4px;
	border: none;
}
.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li {
	float: left;
	list-style-type: none;
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
	padding: 0px;
	/*margin-right: 4px;*/
	z-index: 2;
	background-color: rgb(128,128,128);
}
.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li > a {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	outline: 0;
	vertical-align: middle;
	color: rgb(204,204,204);
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li > a > img {
	vertical-align: middle;
	margin-right: 0px;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover {
	cursor: pointer;
	background-color: #000;
	color: #FFF;
	border: 0px none rgb(230,230,230);
	outline: #000000 double 1px;
	margin: 0px;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li.ui-tabs-active {
	font-weight: bold;
	color: #000000;
	background: rgb(230,230,230);
	border: 0px none rgb(230,230,230);
	border-bottom: 6px solid rgb(230,230,230);
	margin-bottom: 0px;
	padding-bottom: 0px;
	cursor: default;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li.ui-tabs-active > a{
	color: #000000;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-panel {
	min-height: 465px;
	width: 100% - 4px;
	padding: 4px;
	margin: 0px 0px 0px 4px;
	background-color: rgb(230,230,230);
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
}

.ui-tabs.ui-tabs-vertical {
	display: table-row;
	border: 0px solid;
	padding: 0;
	left: 0px;
	padding: 0px;
	/*background: rgb(230, 230, 230);
	background-color: rgb(230, 230, 230);*/
	background-color: #ffffff;
}

.ui-tabs.ui-tabs-vertical > .ui-widget-header {
	border: none;
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
	margin: 0px;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav {
	display: table-cell;
	vertical-align: top;
	// float: left;
	width: 14em;
	background: #efefef;
	border-right: 0px none;
	margin: 0px;
	padding: 0px;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li {
	clear: left;
	width: 100%;
	border: 0px none;
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0;
	overflow: hidden;
	position: relative;
	// right: -2px;
	// z-index: 2;
	background-color: transparent;
	padding: 4px 0px 0px 0px;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li > a {
	display: block;
	// padding: 0.6em 1em;
	padding: 4px;
	color: rgb(247,122,30);
	text-decoration: none;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li > a > img {
	vertical-align: middle;
	margin-right: 0px;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li:not(.ui-tabs-active):hover {
	cursor: pointer;
	background: darkred;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li.ui-tabs-active {
	font-weight: bold;
	color: #000000;
	background: rgb(247,122,30);
	border: 0px none;
	margin: 0px;
	cursor: default;
	// border-right: 1px solid white;
	// color: white;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li.ui-tabs-active > a {
	color: white;
}

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li:last-child {
	margin-bottom: 100px;
}

.ui-tabs.ui-tabs-vertical > div.ui-tabs-panel {
	display: table-cell;
	// float: left;
	// width: 100%;
	border: 0px solid;
	border-radius: 0;
	position: relative;
	left: 0px;
	background-color: white;
	background: white;
}

/* 2014-12-22 (cliff.yeung) Changed the style of css-buttons-table */
/*
div.css-buttons-table {
	display: table;
	margin: 0px;
	height: 30px;
	padding-top: 10px;
	width: 100%;
}

div.css-buttons-table > div {
	display: table-cell;
	text-align: center;
}

div.css-buttons-table > div:first-child {
	text-align: left;
}

div.css-buttons-table > div:last-child {
	text-align: right;
}

div.css-buttons-table > div > input[type="button"] {
	font-size: 12px;
	margin-right: 4px;
	margin-top: 4px;
	padding: 0px 6px 0px 6px;
	font-weight: bold;
	height: 24px;
}

div.css-buttons-table > div > input[type="button"]:hover {
	color: white;
}
*/

div.css-buttons-table {
	background-color: #666;
	bottom: 0px;
	height: 50px;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px;
	z-index: 9999;
}

div.css-buttons-table > div > input[type="button"],
div.css-buttons-table > div > input[type="image"] {
	text-decoration: none;
	background-color: transparent;
	/*border-radius:4px;
	padding:4px 6px 4px 6px;
	font-size:12px;
	font-weight:400;
	color:#fff;
	line-height:14px;*/
	margin-left: 0px;
	/*border:2px solid #fff;*/
	width: 48px;
	height: 48px;
}

div.css-buttons-table > div > input[type="button"].focused,
div.css-buttons-table > div > input[type="image"].focused {
	text-decoration: none;
	background-color: rgba(255,255,255,0.25);
	/*border-radius:4px;
	padding:4px 6px 4px 6px;
	font-size:12px;
	font-weight:400;
	color:#fff;
	line-height:14px;*/
	margin-left: 0px;
	/*border:2px solid #fff;*/
}

div.css-buttons-table > div > input[type="button"]:hover,
div.css-buttons-table > div > input[type="button"].focused:hover,
div.css-buttons-table > div > input[type="image"]:hover,
div.css-buttons-table > div > input[type="image"].focused:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,0.5);
	color: #fff;
}

div.css-buttons-table > div > input[type="button"]:active,
div.css-buttons-table > div > input[type="button"].focused:active,
div.css-buttons-table > div > input[type="image"]:active,
div.css-buttons-table > div > input[type="image"].focused:active {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

div.css-buttons-table > div > input[type="button"]:disabled,
div.css-buttons-table > div > input[type="image"]:disabled {
	text-decoration: none;
	/*border-radius:4px;
	padding:4px 6px 4px 6px;
	font-size:12px;
	font-weight:400;
	color:rgba(255, 255, 255, 0.25);
	line-height:14px;*/
	margin-left: 0px;
	/*border:2px solid rgba(255, 255, 255, 0.25);*/
	/* 11921: 2016-01-28 (cliff.yeung) Added the disabled button style */
	opacity: 0.2;
	cursor: default;
}

div.css-buttons-table > .editTabsLeftBtn {
}

div.css-buttons-table > .editTabsMidBtn {
	float:center
	position: relative;
}

div.css-buttons-table > .editTabsRightBtn {
	float: right;
	margin-left: 0px;
	position: relative;
}

div.css-buttons-table > .editTabsRightBtn > .btnTblAlertMsg {
	font-size: 200%;
	color: yellow;
	vertical-align: middle;
}

/* [Start] 2015-04-14 (cliff.yeung) draggable rows */
table.list_table > tbody.atl-sortable > tr,
table.list_table > tbody.atl-sortable > tr:hover {
	border-bottom: 1px solid #ccc;
	margin: 10px;
	padding: 0;
	cursor: move;
	background-image: url(../atl/images/ico_24_move.png);
	background-position: right;
	background-repeat: no-repeat;
}

table.list_table > tbody.atl-sortable > tr > td,
table.list_table > tbody.atl-sortable > tr > td:hover {
	border-right: 0px solid #fff;
}
/* [End] 2015-04-14 (cliff.yeung) draggable rows */

/* [Start] 2015-10-08 (cliff.yeung) combobox */
.custom-combobox {
	position: relative;
	display: inline-block;
	/* 11470: 2016-01-13 (cliff.yeung) Removed combobox arrow */
	/* margin-right: 30px; */
	 border-radius: 0;
}

.custom-combobox-toggle.ui-button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: 0px;
	padding: 0;
}

_:not(),
_:-moz-loading,
.custom-combobox-toggle.ui-button {
	margin-left: 135px;
}

.custom-combobox a span.ui-icon {
	background-image: url('images/ui-icons_888888_256x240.png');
}

.custom-combobox > .ui-corner-right,
.custom-combobox > .ui-corner-br {
	border-bottom-right-radius: 0px;
}

.custom-combobox > .ui-corner-all,
.custom-combobox > .ui-corner-top,
.custom-combobox > .ui-corner-right,
.custom-combobox > .ui-corner-tr {
	border-top-right-radius: 0px;
}

.custom-combobox > .ui-button-icon-only {
	width: 1.5em;
}

.custom-combobox > .custom-combobox-toggle.ui-state-hover {
	border-left: 0px solid #999;
}

.ui-autocomplete > li.ui-state-focus.ui-menu-item {
	border: 1px solid #3399ff;
	background-color: #3399ff;
	font-weight: normal;
	color: #FFFFFF;
}

/* 11470: 2015-12-28 (cliff.yeung) Support the disabled combobox */
.custom-combobox > .ui-widget.custom-combobox-input[disabled=""],
.custom-combobox > .ui-widget.custom-combobox-input[disabled="disabled"],
.custom-combobox > .ui-widget.custom-combobox-input[disabled="true"] {
	border: 2px solid #CCC;
	color: #999;
	background-color: #DDD;
}

.custom-combobox > .ui-button-disabled.ui-state-disabled,
.ui-widget-content .custom-combobox > .ui-button-disabled.ui-state-disabled {
	border-top: 2px solid #777;
	border-right: 2px solid #777;
	border-bottom: 2px solid #777;
	color: #999;
	background-color: #DDD;
}
/* [End] 2015-10-08 (cliff.yeung) combobox */

/*
.ui-tabs.ui-tabs-vertical + div.css-buttons-table  > div {
	display: table-row;
}
.ui-tabs.ui-tabs-vertical + div.css-buttons-table  > div > div {
	display: table-cell;
	background: rgb(247, 122, 30);
	vertical-align: middle;
}
.ui-tabs.ui-tabs-vertical + div.css-buttons-table  > div > div > input {
	background: transparent;
	border: 3px solid white;
	color: white;
	font-weight: bold;
	padding: 4px;
	padding: 4px 8px 4px 8px;
	margin: 4px 0px 4px 2px;
}
.ui-tabs.ui-tabs-vertical + div.css-buttons-table  > div > div > input:hover {
	background: darkred;
}
.ui-tabs.ui-tabs-vertical + div.css-buttons-table  > div > div > input:last-child {
	margin-right: 5px;
}
.ui-tabs.ui-tabs-vertical + div.css-buttons-table  > div > div > input:first-child {
	margin-left: 5px;
}
*/

/* Start mobile */
@media only screen and (max-width : 800px) {

	div.list_table_button  > div.left_btn  {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
		vertical-align: middle;
	}

	/* 2018-01-16 (scherring.chong) Correct typo addition */
	/* div.list_table_button  > div.right_btn {div.list_table_button  > div.right_btn { */
	div.list_table_button  > div.right_btn {
		display: block;
		width: 100%;
		text-align: left;
		vertical-align: middle;
	}

	/* [Start] 2015-11-05 (cliff.yeung) Support mobile for ALT table */
	table.list_table {
		border: 0;
	}

	table.list_table thead {
		display: none;
	}

	/* 2018-01-16 (scherring.chong) Correct nested table showing the border */
	table.list_table > tbody > tr {
		margin-bottom: 20px;
		display: block;
		border-top: 2px solid #ccc;
	}

	/* 2018-01-16 (scherring.chong) Correct nested table showing the border */
	table.list_table > tbody > tr > td {
		display: block;
		text-align: right;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
	}

	table.list_table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 5px;
	}

	table.list_table th, table.list_table td {
		min-height: 21px;
	}

	/* [Start] 2018-01-16 (scherring.chong) Correct alignment for checkbox */
	/*
	table.list_table td input[type="checkbox"] {
		 float: left;
	}
	*/
	table.list_table td div.cbs-checkbox {
		float: left;
	}
	/* [End] 2018-01-16 (scherring.chong) */

	table.list_table td label.cbs-checkbox {
		float: left;
	}

	table.list_table > tbody > tr,
	table.list_table > thead > tr {
		height: auto;
	}

	table.list_table > tbody > tr > td {
		border-top: none;
	}

	table.list_table > tbody > tr > td > div {
		word-break: break-all;
	}
	/* [End] 2015-11-05 (cliff.yeung) Support mobile for ALT table */

	div.css-buttons-table > div > input[type="button"],
	div.css-buttons-table > div > input[type="image"] {
		width: 48px;
		height: 48px;
	}

	/* [Start] 2015-11-12 (cliff.yeung) draggable rows */
	table.list_table > tbody.atl-sortable > tr,
	table.list_table > tbody.atl-sortable > tr:hover {
		background-size: 16px 16px;
		background-position:right 2px;
	}
	/* [End] 2015-11-12 (cliff.yeung) draggable rows */

	/* 2015-11-16 (cliff.yeung) Added a new line to support mobile */
	div.list_table_button  > div.right_btn  > div.right_btn_new_line {
		display: block;
	}
}
/* End mobile */
@media (max-width: 720px) {

	ul.css-tabs  {
		display: none;
	}

	.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav  {
		display: none;
	}

	div.css-tabs-select {
		display: inline-block;
	}

}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {  // safari and chrome
    div.css-tabs-select {
        height: 30x;
        line-height: 30x;
    }
}

div.css-tabs-select::-moz-focus-inner { // Remove button padding in FF
    border: 0;
    padding: 0;
}

@-moz-document url-prefix() { // targets Firefox only
    div.css-tabs-select {
        padding: 15px 0!important;
    }
}
*/
/*
#tableContainerTab {
	float: left;
	overflow-x: auto;
	width: 700px;
	margin:10px 20px 10px 20px;
}

.list_table_dropmenu {
	display:block;
	float:left;
	font: 12px Helvetica, Sans-Serif;
	width:240px;
	height:40px;
	background:url(../images/left_menu_bg_top.png);
	-moz-border-radius: 16px 16px 0 0;
	-webkit-border-radius: 16px 16px 0 0;
	border-radius: 16px 16px 0 0;
	border:1px solid #ccc;
	border-bottom:none;
	margin-top:-24px;
	margin-left:10px;
	margin-right:20px;
}

.list_table_dropmenu .pagination {
	text-align:center;
	width:232px;
	color:#333;
	padding:5px 4px 5px 4px;
	border-bottom:1px solid #ccc;
}
*/


/* style of table buttons end */

/*.list_table_button .btn{
	color: #FFF;
	list-style: none;
	margin-right: 20px;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 5px;
	background:url(../images/btn_left_bg.gif);
	background-color: #1A1A1A;
	text-align: center;
}

.list_table_button .left_button ul li {
	float: left;
	width: auto;
}
.list_table_button .left_button ul li a {
	color: #FFF;
	text-decoration: none;
}

.list_table_button .left_button .elements {
	float: left;
	margin-left: 0px;
	margin-top: 0;
	margin-bottom: 2px;
	font-weight: bold;
}

.list_table_button .right_button {
	float: right;
	margin: 0px 0px 0px 0px;
	color: #000;
	text-decoration: none;
}

.list_table_button .elements {
	margin-top: 0px 10px 10px 0px;
	font-weight: bold;
}
.list_table_button  .elements .btn {
	margin-left: 10px;
	margin-right: 0;
}

.list_table img {
	margin: 0 2px;
}

.list_table_dropmenu .pagination .next_btn {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_next.png") left 0 no-repeat;
	cursor:pointer;
}

.list_table_dropmenu .pagination .next_btn_off {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_next_off.png") left 0 no-repeat;
	cursor:pointer;
}

.list_table_dropmenu .pagination .previous_btn {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_previous.png") left 0 no-repeat;
	cursor:pointer;
}

.list_table_dropmenu .pagination .previous_btn_off {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_previous_off.png") left 0 no-repeat;
	cursor:pointer;
}
.list_table_dropmenu .pagination .last_btn {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_last.png") left 0 no-repeat;
	cursor:pointer;
}
.list_table_dropmenu .pagination .last_btn_off {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_last_off.png") left 0 no-repeat;
	cursor:pointer;
}
.list_table_dropmenu .pagination .first_btn {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_first.png") left 0 no-repeat;
	cursor:pointer;
}
.list_table_dropmenu .pagination .first_btn_off {
	float:left;
	width:20px;
	height:18px;
	margin-right:5px;
	margin-top:2px;
	background:url("../images/btn_first_off.png") left 0 no-repeat;
	cursor:pointer;
}
.list_table_dropmenu .pagination .page_box {
	float:left;
	margin-right:8px;
}
*/

/* ---------------------------- UI Components ---------------------------- */
input,
textarea,
select,
div.cbs-dropdown,
label.cbs-checkbox,
label.cbs-radiobtn,
label.cbs-togglebtn,
div.combobox {
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: top;
}

input,
textarea,
select,
div.cbs-dropdown,
div.combobox {
	line-height: 1em;
}

label.cbs-checkbox,
label.cbs-radiobtn,
label.cbs-togglebtn {
	line-height: 24px;
}

/* ---------------------------- Input Fields ----------------------------- */
input[type="text"],
input[type="text"]:disabled,
input[type="password"],
input[type="password"]:disabled {
	height: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

input[type="text"]:not(:disabled):hover,
input[type="text"]:not(:disabled):focus,
input[type="password"]:not(:disabled):hover,
input[type="password"]:not(:disabled):focus {
	border: 2px solid #666666;
}

input[type="text"]:disabled,
input[type="password"]:disabled {
	background-color: #dddddd;
	color: #bbbbbb;
}

/* ------------------------------ Textareas ------------------------------ */
textarea,
textarea:disabled {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	line-height: normal;
}

textarea:not(:disabled):hover,
textarea:not(:disabled):focus {
	border: 2px solid #666666;
}

textarea:disabled {
	background-color: #dddddd;
	color: #bbbbbb;
}

/* ------------------------------- Buttons ------------------------------- */
input.cbs-grey_button,
input.cbs-grey_button:disabled {
	height: 24px;
	background-color: #b3b3b3;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

input.cbs-grey_button {
	cursor: pointer;
}

input.cbs-grey_button:not(:disabled):hover,
input.cbs-grey_button:not(:disabled):focus {
	background-color: #aaaaaa;
	border: 2px solid #aaaaaa;
}

input.cbs-grey_button:disabled {
	background-color: #dddddd;
	border: 2px solid #dddddd;
	color: #bbbbbb;
	cursor: default;
}

/* ------------------------------ Dropdowns ------------------------------ */
div.cbs-dropdown {
	position: relative;
}

select,
select:disabled,
div.cbs-dropdown > select,
div.cbs-dropdown > select:disabled {
	height: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

select,
div.cbs-dropdown > select {
	cursor: pointer;
}

select:not(:disabled):hover,
select:not(:disabled):focus,
div.cbs-dropdown > select:not(:disabled):hover,
div.cbs-dropdown > select:not(:disabled):focus {
	border: 2px solid #666666;
}

select:disabled,
div.cbs-dropdown > select:disabled {
	background-color: #dddddd;
	color: #bbbbbb;
	cursor: default;
}

/* ------------------------------ Checkboxs ------------------------------ */
label.cbs-checkbox {
	position: relative;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

label.cbs-checkbox > input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

label.cbs-checkbox > input[type="checkbox"] ~ .cbs-checkbox-control::before,
label.cbs-checkbox > input[type="checkbox"] ~ .cbs-checkbox-control::after {
	cursor: pointer;
}

label.cbs-checkbox > input[type="checkbox"]:disabled ~ .cbs-checkbox-control::before,
label.cbs-checkbox > input[type="checkbox"]:disabled ~ .cbs-checkbox-control::after {
	cursor: default;
}

label.cbs-checkbox > input[type="checkbox"] ~ .cbs-checkbox-control::before,
label.cbs-checkbox > input[type="checkbox"]:disabled ~ .cbs-checkbox-control::before { /* checkbox border */
	content: ' ';
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	opacity: 1;
}

label.cbs-checkbox:hover > input[type="checkbox"]:not(:disabled) ~ .cbs-checkbox-control::before,
label.cbs-checkbox > input[type="checkbox"]:not(:disabled):focus ~ .cbs-checkbox-control::before {
	border: 2px solid #666666;
}

label.cbs-checkbox > input[type="checkbox"]:not(:disabled):focus ~ .cbs-checkbox-control::before {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

label.cbs-checkbox > input[type="checkbox"]:disabled ~ .cbs-checkbox-control::before {
	background-color: #dddddd;
	color: #bbbbbb;
}

label.cbs-checkbox > input[type="checkbox"] ~ .cbs-checkbox-control::after,
label.cbs-checkbox > input[type="checkbox"]:disabled ~ .cbs-checkbox-control::after { /* checkbox check icon */
	content: '';
	position: absolute;
	width: 9px;
	height: 4px;
	background: transparent;
	top: 8px;
	left: 3px;
	border: 3px solid #333333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	opacity: 0;
}

label.cbs-checkbox:hover > input[type="checkbox"]:not(:disabled) ~ .cbs-checkbox-control::after {
	opacity: 0.2;
}

label.cbs-checkbox > input[type="checkbox"]:not(:disabled):checked ~ .cbs-checkbox-control::after,
label.cbs-checkbox > input[type="checkbox"]:disabled:checked ~ .cbs-checkbox-control::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	    filter: alpha(opacity=1);
	opacity: 1;
}

/* ---------------------------- Radio buttons ---------------------------- */
label.cbs-radiobtn {
	position: relative;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

label.cbs-radiobtn > input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

label.cbs-radiobtn > input[type="radio"] ~ .cbs-radiobtn-control::before,
label.cbs-radiobtn > input[type="radio"] ~ .cbs-radiobtn-control::after {
	cursor: pointer;
}

label.cbs-radiobtn > input[type="radio"]:disabled ~ .cbs-radiobtn-control::before,
label.cbs-radiobtn > input[type="radio"]:disabled ~ .cbs-radiobtn-control::after {
	cursor: default;
}

label.cbs-radiobtn > input[type="radio"] ~ .cbs-radiobtn-control::before,
label.cbs-radiobtn > input[type="radio"]:disabled ~ .cbs-radiobtn-control::before { /* radio btn border */
	content: ' ';
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	border-radius: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	opacity: 1;
}

label.cbs-radiobtn:hover > input[type="radio"]:not(:disabled) ~ .cbs-radiobtn-control::before,
label.cbs-radiobtn > input[type="radio"]:not(:disabled):focus ~ .cbs-radiobtn-control::before {
	border: 2px solid #666666;
}

label.cbs-radiobtn > input[type="radio"]:not(:disabled):focus ~ .cbs-radiobtn-control::before {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

label.cbs-radiobtn > input[type="radio"]:disabled ~ .cbs-radiobtn-control::before {
	background-color: #dddddd;
	color: #bbbbbb;
}

label.cbs-radiobtn > input[type="radio"] ~ .cbs-radiobtn-control::after,
label.cbs-radiobtn > input[type="radio"]:disabled ~ .cbs-radiobtn-control::after { /* radio btn dot icon */
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #333333;
	top: 9px;
	left: 4px;
	border: 0;
	border-radius: 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	opacity: 0;
}

label.cbs-radiobtn:hover > input[type="radio"]:not(:disabled) ~ .cbs-radiobtn-control::after {
	opacity: 0.2;
}

label.cbs-radiobtn > input[type="radio"]:not(:disabled):checked ~ .cbs-radiobtn-control::after,
label.cbs-radiobtn > input[type="radio"]:disabled:checked ~ .cbs-radiobtn-control::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	    filter: alpha(opacity=1);
	opacity: 1;
}

/* ---------------------------- Toggle Buttons --------------------------- */
label.cbs-togglebtn {
	position: relative;
	display: inline-block;
	min-width: 52px;
	min-height: 26px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

label.cbs-togglebtn > input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

label.cbs-togglebtn > input[type="checkbox"] ~ .cbs-togglebtn-control::before,
label.cbs-togglebtn > input[type="checkbox"] ~ .cbs-togglebtn-control::after {
	cursor: pointer;
}

label.cbs-togglebtn > input[type="checkbox"]:disabled ~ .cbs-togglebtn-control::before,
label.cbs-togglebtn > input[type="checkbox"]:disabled ~ .cbs-togglebtn-control::after {
	cursor: default;
}

label.cbs-togglebtn > input[type="checkbox"] ~ .cbs-togglebtn-control::after,
label.cbs-togglebtn > input[type="checkbox"]:disabled ~ .cbs-togglebtn-control::after { /* toggle btn border */
	content: ' ';
	position: absolute;
	top: 0px;
	left: 0;
	width: 52px;
	height: 26px;
	background: transparent;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	opacity: 1;
	transition: box-shadow 0.3s cubic-bezier(0.63,0.04,0,1.22);
}

/*label.cbs-togglebtn:hover > input[type="checkbox"]:not(:disabled) ~ .cbs-togglebtn-control::after,
label.cbs-togglebtn > input[type="checkbox"]:not(:disabled):focus ~ .cbs-togglebtn-control::after {
	border: 2px solid #666666;
}*/

label.cbs-togglebtn > input[type="checkbox"]:not(:disabled):focus ~ .cbs-togglebtn-control::after {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

label.cbs-togglebtn > input[type="checkbox"]:disabled ~ .cbs-togglebtn-control::after {
	border-color: #ececec;
}

label.cbs-togglebtn > input[type="checkbox"]:not(:checked) ~ .cbs-togglebtn-control::after {
	box-shadow: inset 12px 0 0 0 #333333;
}

label.cbs-togglebtn > input[type="checkbox"]:not(:checked):disabled ~ .cbs-togglebtn-control::after {
	box-shadow: inset 12px 0 0 0 #959595;
}

label.cbs-togglebtn:hover > input[type="checkbox"]:not(:checked):not(:disabled) ~ .cbs-togglebtn-control::after {
	/*box-shadow: inset 2px 0 0 0 #ffffff, inset 14px 0 0 0 #000000;*/
	box-shadow: inset 12px 0 0 0 #000000;
}

label.cbs-togglebtn > input[type="checkbox"]:checked ~ .cbs-togglebtn-control::after {
	box-shadow: inset -12px 0 0 0 #333333;
}

label.cbs-togglebtn > input[type="checkbox"]:checked:disabled ~ .cbs-togglebtn-control::after {
	box-shadow: inset -12px 0 0 0 #959595;
}

label.cbs-togglebtn:hover > input[type="checkbox"]:checked:not(:disabled) ~ .cbs-togglebtn-control::after {
	/*box-shadow: inset -2px 0 0 0 #ffffff, inset -14px 0 0 0 #000000;*/
	box-shadow: inset -12px 0 0 0 #000000;
}

label.cbs-togglebtn > input[type="checkbox"] ~ .cbs-togglebtn-control::before,
label.cbs-togglebtn > input[type="checkbox"]:disabled ~ .cbs-togglebtn-control::before { /* toggle btn state color */
	content: '';
	position: absolute;
	width: 76%;
	height: 56%;
	background-color: #e6e6e6;
	top: 22%;
	left: 12%;
	border: 0;
}

label.cbs-togglebtn > input[type="checkbox"]:disabled ~ .cbs-togglebtn-control::before {
	background-color: #ececec;
}

label.cbs-togglebtn > input[type="checkbox"]:not(:disabled):checked ~ .cbs-togglebtn-control::before {
	background-color: #f6921e;
}

label.cbs-togglebtn > input[type="checkbox"]:disabled:checked ~ .cbs-togglebtn-control::before {
	background-color: #f0ca9f;
}

/* ------------------------------ Comboboxs ------------------------------ */
div.combobox {
	position: relative;
}

div.combobox input.ui-widget-content.ui-widget.custom-combobox-input {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px solid #b3b3b3;
	border-radius: 0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #000;
	font-weight: normal;
}

div.combobox input.ui-widget-content.ui-widget.custom-combobox-input:hover,
div.combobox input.ui-widget-content.ui-widget.custom-combobox-input:focus {
	border: 2px solid #666666;
}

div.combobox ul.ui-widget-content.ui-widget.ui-menu.ui-autocomplete {
	line-height: 1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 0.5px solid #666666;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

div.combobox ul.ui-widget-content.ui-widget.ui-menu.ui-autocomplete > li {
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}

/* ------------------------------ Hyperlinks ----------------------------- */