@import url(openSans.css);
@import url(arimo.css);

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

body.iframe_body {
	background-color: #FFFFFF;
	background-image: none;
}

/*Help pages start*/
.helpcontent {
	padding: 40px 40px 0 40px;
	background-color: white;
}

.helpcontent h1, .helpcontent h2, .helpcontent h3 { font-family: 'Arimo', sans-serif, Verdana, Arial; }
.helpcontent h1 { font-size: 32px; line-height: 36px; margin-bottom: 28px; font-weight: 400; margin-top: 0; }
.helpcontent h2 { font-size: 24px; line-height: 28px; margin-top: 20px; margin-bottom: 22px; font-weight: 700; }
.helpcontent h3 { font-size: 18px; line-height: 24px; margin-top: 20px; margin-bottom: 18px; font-weight: 700; color: #333; }
.helpcontent h4 { font-size: 18px; line-height: 18px; margin-top: 20px; margin-bottom: 14px; font-weight: 700; }
.helpcontent h5 { font-size: 18px; line-height: 18px; margin-top: 20px; margin-bottom: 14px; font-weight: 700; text-decoration: underline; }
.helpcontent p { text-align: justify; font-size: 14px; }

.helpcontent table { width: 82%; margin: 20px 0 10px 40px; }
.helpcontent tr { vertical-align: top; }
.helpcontent td { font-size: 14px; border-bottom: 1px solid #b3b3b3; }
.helpcontent td.titles {
	font-weight: bold;
	border-bottom: 2px solid #b3b3b3;
	border-left: 2px solid #b3b3b3;
}
.helpcontent td.firstTitles {
	font-weight: bold;
	border-bottom: 2px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	border-right: 0px solid #b3b3b3;
}

#tipsContainer {
	display: block;
	margin: 20px 10% 10px 40px;
	padding: 10px;
	width: 80%;
	text-align: left;
	border: 1px solid #090;
}
#tipsContainer p { margin: 0 0 0 36px; padding: 0; color: #090; text-align: justify; }
#tipsContainer ol, #tipsContainer ul { color: #090; text-align: justify; margin-left: 20px; }
#tipsContainer .icon {
	display: block;
	float: left;
	color: #FFF;
	font-family: sans-serif, Verdana, Arial;
	font-size: 18px;
	line-height: 18px;
	background-color: #090;
	padding: 2px 10px 5px 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	margin-top: -4px;
}

.helpcontent ul li { list-style-image: url(/image/bullet_triangle_black.png); }
.helpcontent ul li ol li { list-style-image: none; list-style-type: lower-roman; }

.helpcontent ul, .helpcontent ol { padding-left: 55px; }

.helpcontent hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	margin-right: 0em;
	border-style: inset;
	border-width: 1px;
}

/*added on 20150623*/
.colorSystemPanel { color: #000000; }
.colorUserManagement { color: #000000; }
.colorBackupServer { color: #000000; }
.colorReplicationServer { color: #000000; }
.colorRedirector { color: #000000; }
.colorOthers { color: #000000; }
/*Help pages end*/

/* tooltip */
.tooltip img {
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.tooltip span {
	z-index: 10;
	display: none;
	padding: 6px;
	margin-top: 30px;
	margin-left: -20px;
	max-width: 360px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}
.tooltip:hover span {
	display: inline;
	position: absolute;
	border: 1px solid #999;
	color: #333;
	background-color: #fff;
	box-shadow: 2px 2px 4px #bbb;
	/*opacity: 0.8;*/
}

@media all and (max-width : 800px) {
	.tooltip img {
		width:24px;
		height:24px;
	}
	.tooltip span {
		margin-top:42px;
	}
}

/* tooltip end */

#app-top {
	display: table;
	height: 40px;
	width: 100%;
	color: #FFFFFF;
	background-color: #993399;
}

#app-status {
	display: table;
	height: 30px;
	width: 100%;
	background-color: #000000;
}

#cbs-minimize-menu {
	display: none;
	vertical-align: middle;
	background-color: #000000;
	width: 50px;
	text-align: center;
}

#cbs-minimize-menu > a {
	text-decoration: none;
	font-size: 25pt;
	color : white;
	width: 50px;
}

#cbs-left-menu {
	width: 140px;
	vertical-align: top;
}

#cbs-left-menu > nav {
	border: 1px solid rgb(0,0,0);
	border-top: 0px none rgb(0,0,0);
	overflow: hidden;
	text-align: center;
	width: 140px;
	float: left;
}

#cbs-left-menu > nav > div {
	display: table-row;
	height: 42px;
	background-color: rgb(0, 0, 0);
	border: 1px solid rgba(0,0,0);
	// box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);
}

#cbs-left-menu > nav > div > a {
	display: table-cell;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	// -webkit-border-radius: 3px;
	/* Firefox 1-3.6 */
	// -moz-border-radius: 3px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	// border-radius: 3px;
	/* Prevent background color leak outs */
	// -webkit-background-clip: padding-box;
	// -moz-background-clip: padding;
	// background-clip: padding-box;

	border: 1px solid rgb(0,0,0);
	color: rgb(255,255,255);
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
	transition: all .1s ease;
	text-decoration: none;
	vertical-align: middle;
	// text-transform: uppercase;
	// letter-spacing: .5rem;
}

#cbs-left-menu > nav > div > a:hover {
	background-color: rgb(114, 51, 98);
	background-image: -webkit-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	background-image: -moz-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	background-image: -o-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	background-image: linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));
	cursor: pointer;
}

#cbs-left-menu > nav > div > a > div {
	display: table;
}

#cbs-left-menu > nav > div > a > div > div {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 4px
}

#cbs-left-menu > nav > div > a > div > div > img {
	vertical-align: middle;
}

#cbs-left-menu > nav > div.system-nav-menu-item {
	background-color: rgb(255, 255, 255);
	background-image: -webkit-linear-gradient(135deg, rgb(235, 235, 235), rgb(255, 255, 255));
	background-image: -moz-linear-gradient(135deg, rgb(235, 235, 235), rgb(255, 255, 255));
	background-image: -o-linear-gradient(135deg, rgb(235, 235, 235), rgb(255, 255, 255));
	background-image: linear-gradient(135deg, rgb(235, 235, 235),rgb(255, 255, 255));
}

#cbs-left-menu > nav > div.system-nav-menu-item > a {
	color: rgb(0, 0, 0);
}

#cbs-left-menu > nav > div.obs-nav-menu-item {
	background-color: rgb(247, 122, 30);
	background-image: -webkit-linear-gradient(135deg, rgb(227, 120, 10), rgb(247, 122, 30));
	background-image: -moz-linear-gradient(135deg, rgb(227, 120, 10), rgb(247, 122, 30));
	background-image: -o-linear-gradient(135deg, rgb(227, 120, 10), rgb(247, 122, 30));
	background-image: linear-gradient(135deg, rgb(227, 120, 10), rgb(247, 122, 30));
}

#cbs-left-menu > nav > div.rps-nav-menu-item {
	background-color: rgb(34, 181, 115);
	background-image: -webkit-linear-gradient(135deg, rgb(14, 161, 95), rgb(34, 181, 115));
	background-image: -moz-linear-gradient(135deg, rgb(14, 161, 95), rgb(34, 181, 115));
	background-image: -o-linear-gradient(135deg, rgb(14, 161, 95), rgb(34, 181, 115));
	background-image: linear-gradient(135deg, rgb(14, 161, 95), rgb(34, 181, 115));
}

#cbs-left-menu > nav > div.rdr-nav-menu-item {
	background-color: rgb(147, 39, 143);
	background-image: -webkit-linear-gradient(135deg, rgb(127, 19, 123), rgb(147, 39, 143));
	background-image: -moz-linear-gradient(135deg, rgb(127, 19, 123), rgb(147, 39, 143));
	background-image: -o-linear-gradient(135deg, rgb(127, 19, 123), rgb(147, 39, 143));
	background-image: linear-gradient(135deg, rgb(127, 19, 123), rgb(147, 39, 143));
}

#cbs-left-menu > nav > div.logoff-nav-menu-item {
	background-color: rgb(222, 222, 222);
	background-image: -webkit-linear-gradient(135deg, rgb(202,202, 202), rgb(222, 222, 222));
	background-image: -moz-linear-gradient(135deg, rgb(202,202, 202), rgb(222, 222, 222));
	background-image: -o-linear-gradient(135deg, rgb(202,202, 202), rgb(222, 222, 222));
	background-image: linear-gradient(135deg, rgb(202,202, 202), rgb(222, 222, 222));
}

#cbs-left-menu > nav > div.logoff-nav-menu-item > a {
	color: rgb(22, 22, 22);
}

#cbs-left-menu > nav > div.separator {
	display: table-cell;
	height: 1px;
}

#cbs-main-body {
	text-align: left;
	vertical-align: top;
}

.logo {
	display: table-cell;
	width: 30px;
	text-align: center;
	vertical-align: middle;
}

.title {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14pt;
}

.message {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #00FF00;
}

.cpu-ram {
	display: table-cell;
	line-height: 25px;
	text-align: left;
	vertical-align: middle;
	color: #00FF00;
	width: 120px;
	font-weight: bold;
}

.cpu-ram > a {
	text-decoration: none;
	color: #00FF00;
	font-weight: bold;
}

.cpu-ram > a:hover {
	color: #00FF00;
	text-decoration: none;
	cursor: pointer;
}

.cpu-ram > a > img {
	vertical-align: middle;
}

div.cbs-dashboard-error {
	display: table;
	width: 100%;
	margin-bottom: 3px;
}

div.cbs-dashboard-error-blocks {
	display: table-cell;
	color: black;
	/*background-color: white;*/
	font-weight: bold;
	width: 16%;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

div.cbs-dashboard-error-blocks-six-columns {
	display: table;
	width: 100%;
	margin-bottom: 3px;
}

div.cbs-dashboard-error-blocks-three-columns {
	display: none;
	width: 100%;
	margin-bottom: 3px;
}

div.cbs-dashboard-statistics {
	margin-bottom: 2px;
	width: 100%;
	line-height: 30px;
	height: 30px;
	background-color: white;
	font-weight: bold;
	text-indent: 4px
}

div.cbs-dashboard-statistics-switch {
	float: right;
}

div.cbs-dashboard-date-chooser {
	/*min-width: 420px; */
	margin-bottom: 2px;
	width: 100%;
	line-height: 30px;
	height: 30px;
	background-color: white;
	text-indent: 2px
}

div.cbs-dashboard-date-chooser-sorter {
	margin-left: 2px;
	margin-right: 2px;
	padding: 4px;
	line-height: 30px;
	/*background-color: grey;
	color: white;*/
	font-weight: bold;
	display: inline
}

div.cbs-dashboard-date-chooser-select {
	line-height: 30px;
	color: black;
	font-weight: bold;
	float: right;
	margin: 0px 3px
}

/* Common on/off switch style for CBS */
div.cbs-common-switch-row {
	width: 100%;
	/*line-height: 30px;
	height: 30px; */
	background-color: white;
	font-weight: bold;
	/*text-indent: 4px*/
	padding-bottom:8px;
}

div.cbs-common-switch {
	float: right;
}

/* [Start] Checkbox style for CBS */
div.cbs-checkbox {
	display: inline;
	position: relative;
}

div.cbs-checkbox > input {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width: 16px;
	height: 16px;
}

/**
 * Create the checkbox state for the disabled checkbox
 */
div.cbs-checkbox > input[type=checkbox]:disabled ~ label {
	background-color: #CCC;
	cursor: default;
}

/**
 * Create the checkbox state for the disabled checkbox
 */
div.cbs-checkbox.partial-select > input[type=checkbox] ~ label {
	background-color: #CCC;
	cursor: default;
}

/**
 * Create the box for the checkbox
 */
div.cbs-checkbox > label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	cursor: pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0px;
	left: 0px;
	background: white;
	border: 2px solid rgb(175,175,175);
	// margin: 0px 2px 0px 0px ;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

div.cbs-checkbox > label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 2px;
	left: 1px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/**
 * Create the hover event of the tick
 */
div.cbs-checkbox > label:hover::after {
	opacity: 0.2;
}

div.cbs-checkbox > input[type=checkbox]:disabled ~ label:hover::after {
	opacity: 0;
}

div.cbs-checkbox.partial-select > input[type=checkbox] ~ label:hover::after {
	opacity: 0;
}

/**
 * Create the checkbox state for the tick
 */
div.cbs-checkbox > input[type=checkbox]:checked ~ label:after {
	opacity: 1;
}

div.cbs-checkbox > input[type=checkbox]:disabled:checked ~ label:after {
	opacity: 1;
}
div.cbs-checkbox.partial-select > input[type=checkbox]:checked ~ label:after {
	opacity: 1;
}

/* [End] Checkbox style for CBS */

/* [Start] Show/Hide switch */
div.cbs-show-hide-switch {
	display: inline;
	position: relative;
}
@media only screen and (max-width : 800px) {
	div.cbs-show-hide-switch {
		top: 15px;
	}
}

div.cbs-show-hide-switch > input {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width: 56px;
	height: 26px;
	// margin: 0px 2px 0px 2px;
}

div.cbs-show-hide-switch > label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	cursor: pointer;
	position: absolute;
	width: 52px;
	height: 26px;
	top: -10px;
	left: 0px;
	background: white;
	// margin: 0px 0px 0px 2px;
}

div.cbs-show-hide-switch > input:not(:checked) + label:before
/*, div.cbs-show-hide-switch > input.cbs-show-hide-switch.checked + label:before  /* the .checked class is used by IE only */
{
	background-position: 0 -26px;
}

div.cbs-show-hide-switch > label:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	content: ' ';
	position: absolute;
	background: transparent url('/cbs/images/show-hide-switch.png') no-repeat scroll 0px 0px;
	height: 26px;
	width: 52px;
	left: 0px;
	margin: 0px 2px 0px 2px ;
}

/* 2015-12-08 11394: (cliff.yeung) Added the disabled switch */
div.cbs-show-hide-switch > input[type="checkbox"]:disabled ~ label:before {
	background: transparent url('/cbs/images/show-hide-switch_disable.png') no-repeat scroll 0px 0px;
	cursor: default;
}

div.cbs-show-hide-switch > input[type="checkbox"]:not(:checked):disabled ~ label:before {
	background-position: 0 -26px;
}

@media only screen and (max-width : 800px) {
	div.cbs-show-hide-switch > label {
		top: -27px;
	}
}
/* [End] Show/Hide switch */

/* [Start] Dropdown list */
div.cbs-dropdown {
	display: inline;
}

div.cbs-dropdown > select {
	height: 24px;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
/*
@media only screen and (max-width : 800px) {
	div.cbs-dropdown > select {
		height: 36px;
		font-size: 18px;
	}
}
*/

div.cbs-dropdown > select[disabled=""], div.cbs-dropdown > select[disabled="disabled"] {
	border: 2px solid #ccc;
	color: #999;
	background-color: #ddd;
	margin: 0px 0 5px 0;
}
/* [End] Dropdown list */

/*Styles for screen 860px and lower*/
@media only screen and (max-width : 860px),
only screen and (max-width : 1280px) and (-webkit-min-device-pixel-ratio : 2.0)
{
	#cbs-left-menu {
		display: none;
	}

	#cbs-minimize-menu {
		display: table-cell;
	}
	/*
	div.cbs-dashboard-error-blocks-six-columns {
		display: none;
	}

	div.cbs-dashboard-error-blocks-three-columns {
		display: table;
	}
	*/
	div.cbs-dashboard-error-blocks-six-columns .spanType {
		display: none;
	}

	div.cbs-dashboard-error-blocks-six-columns .spanNumber > font {
		font-size: inherit;
	}

	div.cbs-dashboard-error-blocks-six-columns > div > img {
		width: 36px;
		height: 36px;
	}
}


/* Styles for mobile and tablet when orientation is landscape */
/*
@media only screen and (min-width : 860px) and (orientation : landscape) {

	#cbs-left-menu > nav{
		display: table;
	}

	#minimize-menu {
		display: none;
	}

	#app-body {
		margin-left: 140px;
		width: 100%;
	}

}
*/

div, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}
.cbs-break { display: block; width: 100%; min-height: 5px; margin: 5px 0 0 0; }

*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cbs-bottom_block { float: inherit; display: block; width: 100%; height: 40px; clear: both; }

.cbs-grey_separator {
	border-bottom: 1px solid #ccc;
	margin: 20px 0 6px 0;
	width: 100%;
}

a:link {
	color: #005695;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	color: #005695;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	font-weight: normal;
	text-decoration: underline;
}

h1 {
	font-family: 'Arimo';
	font-size: 36px;
	font-weight: 300;
	margin: 40px 0 40px 0;
}

h2 {
	font-family: 'Arimo';
	font-size: 28px;
	line-height: 50px;
	font-weight: 300;
	margin: 0;
}

h3 {
	font-family: 'Arimo';
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 15px 0;
}

h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 10px 0;
	line-height: 18px;
}

input, select {
	font-size: 12px; font-weight: 300; margin-bottom: 5px;
}

textarea {
	font-size: 12px; font-weight: 300;
}

input, textarea {
	border: 2px solid #b3b3b3;
	/*margin:3px 0 3px 0;*/
}

input[type="button"] {
	border: none;
}

input[type="button"][name^="RightBtn"] {
	background-size: 48px;
}
@media all and (max-width : 800px) {
	input[type="text"], select {
		max-width: 270px;
	}
}

.h24 {
	height: 24px;
}

/* select style */

span.customSelect {
	font-size: 12px;
	line-height: 20px;
	height: 24px;
	background-color: #fff;
	color: #000;
	padding: 0 0 0 5px;
	border: 2px solid #b3b3b3;
}
.customSelectInner {
	background: url("/cbs/images/btn_down_arrow-black.png") no-repeat right center;
}

/* select style */

.cbs-btn-2 a {
	text-decoration: none;
	background-color: #ccc;
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	line-height: 12px;
	margin-right: 5px;
}

.cbs-btn-2 a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}
.cbs-btn a {
	text-decoration: none;
	background-color: #ccc;
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	line-height: 12px;
	margin-left: 5px;
}

.cbs-btn a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

.cbs-float_r { float: right; margin-left: 5px; }
.cbs-float_l { float: left; margin-right: 5px; }
.cbs-bottom-left { position: fixed; left: 0; bottom: 0; z-index:10; }
.cbs-bottom-right { float: right; margin-left: 0px; }

.cbs-subtitle {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.cbs-menu-btn {
	display: none;
	background-color: #000;
	/*background-image:url(/cbs/images/ico_80_menu_white.png);*/
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none
}
.cbs-logout-btn {
	background-color: #C00;
	background-image: url(../img/ico_40_logout.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none
}
.cbs-logout-btn:hover {
	background-color: #000;
}

select.icon-menu option {
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 30px;
	height: 28px;
}

/* header end */

/* main body container */

.cbs-white-bg {
	position: fixed;
	height: 100vh;
	top: 200px;
	padding: 0;
	background-color: white;
	z-index: -1;
}

.cbs-white-bg_lv3 {
	position:fixed;
	height:100vh;
	top:5px;
	left:0;
	right:0;
	padding:0;
	border-left:5px solid #EFEFEF;
	border-right:5px solid #EFEFEF;
	background-color:transparent;
	z-index:-1;
}

.cbs-annoucement_container {
	/*min-width:1000px;*/
	height: auto;
	padding: 10px;
	border-bottom: 5px solid #EFEFEF;
	/*margin-bottom:5px;*/
	background-color: #FF9;
}

.cbs-msg_container {
	/*min-width:1000px;*/
	height: auto;
	padding: 10px;
	border-bottom: 5px solid #EFEFEF;
	background-color: #C8DFDD;
}
.cbs-page_header_container {
	/*min-width:1000px;*/
	height: auto;
	width: 100%;
	padding: 10px;
	margin: 0;
	background-color: transparent;
}
.cbs-main_container {
	/*min-width:1000px;*/
	height: auto;
	padding: 10px;
	margin: 10px;
	border: 1px solid #e6e6e6;
	/*margin-bottom:5px;*/
	background-color: #ffffff;
}
.cbs-main_container_sub-level {
	/*min-width:1000px;*/
	height: auto;
	padding: 5px 10px 10px 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	/*margin-bottom:5px;*/
	background-color: #ffffff;
}

iframe {
	/*min-width:1000px;*/
	padding: 0px;
	border-top: 0px solid #EFEFEF;
	/*margin-bottom:5px;*/
	background-color: #ffffff;
}

.cbs-main_container_statistics {
	/*min-width:1000px;*/
	height: auto;
	padding: 0;
	/*border-top:5px solid #EFEFEF;*/
	background-color: #ffffff;
	padding-left: 5px;
}

.cbs-statistics_num {
	padding: 5px;
	border-bottom: 5px solid #EFEFEF;
	text-align: center;
	background-color: #E6E6E6;
	cursor: pointer;
}
.cbs-statistics_num.active {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding-bottom: 10px;
	background-color: #fff;
}

.cbs-statistics_operating_system {
	padding: 5px;
	margin: 5px;
	min-height: 150px;
	border: 1px solid #e6e6e6;
	text-align: center;
	width: calc(20% - 12px);
	float: left;
}

.cbs-statistics_operating_system:nth-child(5), .cbs-statistics_operating_system:nth-child(10) {
	margin-right: 0px;
	width: calc(20% - 7px);
}

@media screen and (max-width: 800px) {
	.cbs-statistics_operating_system {
		width: calc(50% - 12px);
		height: 160px;
	}

	.cbs-statistics_operating_system:nth-child(5), .cbs-statistics_operating_system:nth-child(10) {
		margin-right: 5px;
		width: calc(50% - 12px);
	}

	.cbs-statistics_operating_system:nth-child(2), .cbs-statistics_operating_system:nth-child(4),
	.cbs-statistics_operating_system:nth-child(6), .cbs-statistics_operating_system:nth-child(8),
	.cbs-statistics_operating_system:nth-child(10) {
		margin-right: 0px;
		width: calc(50% - 7px);
	}
}

.cbs-statistics_operating_system_fixed {
	padding: 5px;
	height: 200px;
	border-bottom: 5px solid #EFEFEF;
	text-align: center;
}

.cbs-statistics_live_threads {
	padding: 5px;
	margin: 5px;
	min-height: 150px;
	border: 1px solid #e6e6e6;
	text-align: center;
	width: calc(25% - 12px);
	float: left;
}

.cbs-statistics_live_threads:nth-child(4){
	margin-right: 0px;
	width: calc(25% - 9px);
}

@media screen and (max-width: 800px) {
	.cbs-statistics_live_threads {
		width: calc(25% - 12px);
		height: 160px;
	}

	.cbs-statistics_live_threads:nth-child(4){
		width: calc(25% - 4px);
	}
}

.cbs-statistics_live_threads_fixed {
	padding: 5px;
	height: 200px;
	border-bottom: 5px solid #EFEFEF;
	text-align: center;
}

.cbs-main_container_lv2 {
	/*min-width:1000px;*/
	height: auto;
	padding: 10px;
	margin: 5px 5px 0 5px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}
.cbs-main_container_lv3 {
	/*min-width:1000px;*/
	height: auto;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.cbs-left-container {
	display: block;
	position: fixed;
	top: 72px;
	width: 100%;
	height: 72px;
	margin: 0;
	padding: 0;
	z-index: 10000;
	background-color: #000;
}

/* main body container end */

/* pop body container */
.cbs-pop-left-container {
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	width: 200px;
	height: 100%;
	margin: 0 0 80px 0;;
	padding: 0;
	background-color: #EFEFEF;
}
.cbs-pop-right-container {
	position: absolute;
	top: 40px;
	left: 200px;
	right: 0;
	padding: 0;
	margin: 0;
	background-color: #EFEFEF;
}
/* pop body container end */

/* Remove the border of pop-up */
.ui-dialog .ui-dialog-content {
	padding: 0.4em 0em;
}

.ui-tabs.ui-tabs-vertical > div.ui-tabs-panel {
	background: none repeat scroll 0% 0% #ffffff;
	padding: 0;
}

/* pop menu with levels end */

/* popup menu */
.cbs-popnav {
	float: left;
	width: 195px;
	height: auto;
	margin: 5px 0 0 5px;
	padding: 8px 5px 8px 5px;
	/*font-family:Open Sans;*/
	font-family: Arial;
	font-weight: 300;
	font-size: 14px;
	text-decoration: none;
	/* color:#F77A1E; */
}
.cbs-popnav.system:hover, .cbs-popnav.obs:hover, .cbs-popnav.rps:hover, .cbs-popnav.rdr:hover,
.cbs-popnav.system.active, .cbs-popnav.obs.active, .cbs-popnav.rps.active, .cbs-popnav.rdr.active {
	/*background-color:#F77A1E;*/
	color: #fff;
}
/* popup menu end */



/* tree */
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: transparent;
}

.treeview .hitarea {
	background: url(../atl/images/treeview-default.gif) -64px -25px no-repeat;
	height: 24px;
	width: 16px;
	margin-left: -20px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
	overflow: visible;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background-image: url(../atl/images/treeview-default-line.gif); background-position: 0 0; background-repeat:no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }


.treeview li.lastCollapsable.top-bottom-node {
	background-image: url(../atl/images/treeview-top-nodes.gif);
	background-position: 0 -22px, left top;
}

.treeview li.lastExpandable.top-bottom-node {
	background-image: url(../atl/images/treeview-top-nodes.gif);
	background-position: -16px 0, left top;
}

.treeview li.lastCollapsable.top-node {
	background-image: url(../atl/images/treeview-top-nodes.gif), url(../atl/images/treeview-default-line.gif);
	background-position: 0 -22px, left top;
}

.treeview li.lastExpandable.top-node {
	background-image: url(../atl/images/treeview-top-nodes.gif), url(../atl/images/treeview-default-line.gif);
	background-position: -16px 0, left top;
}


.treeview li.lastCollapsable.bottom-node {
	background-image: url(../atl/images/treeview-default.gif);
	background-position: 0 -111px, left top;
}

.treeview li.lastExpandable.bottom-node {
	background-image: url(../atl/images/treeview-default.gif);
	background-position: -32px -67px, left top;
}

.treeview li.lastCollapsable {
	background-image: url(../atl/images/treeview-default.gif), url(../atl/images/treeview-default-line.gif);
	background-position: 0 -111px, left top;
}

.treeview li.lastExpandable{
	background-image: url(../atl/images/treeview-default.gif), url(../atl/images/treeview-default-line.gif);
	background-position: -32px -67px, left top;
}

.focusNode {
	/*min-width:1000px;*/
	height: auto;
	padding: 2px 4px 2px 2px;
	margin: 2px;
	border: 1px solid #aeaeae;
	/*margin-bottom:5px;*/
	background-color: #ffffff;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../atl/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../atl/images/treeview-red.gif); }

.treeview-black li { background-image: url(../atl/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../atl/images/treeview-black.gif); }

.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../atl/images/treeview-gray.gif); }

.treeview-famfamfam li { background-image: url(../atl/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../atl/images/treeview-famfamfam.gif); }


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../atl/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../atl/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../atl/images/file.gif) 0 0 no-repeat; }

input.vm { margin-right: 5px; margin-left: 1px; }

/* end tree */

/* table elements */

.cbs-table-m {
	width: 100%;
	font-size: 12px;
	line-height: 20px;
}
.cbs-table-m .font14 {
	font-size: 14px;
}
.cbs-table-m .title {
	font-weight: 600;
	padding: 3px;
	border-bottom: 2px solid #b3b3b3;
	border-left: 2px solid #b3b3b3;
}
.cbs-table-m .title-firstcolumn {
	font-weight: 600;
	padding: 3px;
	border-bottom: 2px solid #b3b3b3;
	border-left: none;
}
.cbs-table-m td, .cbs-table-m th {
	padding: 3px;
	border-bottom: 1px solid #b3b3b3;
	border-right: 2px solid #transparent;
}
.cbs-table-m td.lastrow, .cbs-table-m th.lastrow {
	padding: 3px;
	border-bottom: none;
	border-right: 2px solid #transparent;
}
.cbs-table-m tr.topline {
	padding: 3px;
	border-top: 1px solid #b3b3b3;
	border-right: 2px solid #transparent;
}

.cbs-table-m tr.cbs-rollable:hover {background-color:#EFEFEF; cursor:pointer;}
img.module-icon {
	border: none;
	padding: 0;
	margin-top: 5px;
}
/* table elements end */

/* button elements */
.cbs-btn-24 {
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	margin-bottom: 5px;
	margin-top: 3px;
}

.cbs-btn-24-close {
	width: 24px;
	height: 24px;
	padding: 0;
	background: rgba(0,0,0,0.25);
	background-image: url(/cbs/images/ico_24_x.png);
	margin: 0;
	cursor: pointer;
}
.cbs-btn-24-close:hover {
	background: rgba(0,0,0,1);
	background-image: url(/cbs/images/ico_24_x.png);
}

.cbs-btn-24-delete {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_trash_black.png);
}
.cbs-btn-24-delete:hover {
	background-color: #000;
	background-image: url(../img/ico_24_trash_white.png);
}

.cbs-btn-24-clone {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_clone_black.png);
}
.cbs-btn-24-clone:hover {
	background-color: #000;
	background-image: url(../img/ico_24_clone_white.png);
}

.cbs-btn-24-broadcast {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_broadcast_black.png);
}
.cbs-btn-24-broadcast:hover {
	background-color: #000;
	background-image: url(../img/ico_24_broadcast_white.png);
}

.cbs-btn-24-stat {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_stat_black.png);
}
.cbs-btn-24-stat:hover {
	background-color: #000;
	background-image: url(../img/ico_24_stat_white.png);
}

.cbs-btn-24-upgrade {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_upgrade_black.png);
}
.cbs-btn-24-update:hover {
	background-color: #000;
	background-image: url(../img/ico_24_update_white.png);
}

.cbs-btn-24-update {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_update_black.png);
}
.cbs-btn-24-upgrade:hover {
	background-color: #000;
	background-image: url(../img/ico_24_upgrade_white.png);
}

.cbs-btn-24-backup {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_backup_black.png);
}
.cbs-btn-24-backup:hover {
	background-color: #000;
	background-image: url(../img/ico_24_backup_white.png);
}

.cbs-btn-24-create {
	background-color: #00FF00;
	background-image: url(../img/ico_24_add_white.png);
}
.cbs-btn-24-create:hover {
	background-color: #000;
	background-image: url(../img/ico_24_add_white.png);
}

.cbs-btn-24-search {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_search_black.png);
}
.cbs-btn-24-search:hover {
	background-color: #000;
	background-image: url(../img/ico_24_search_white.png);
}

.cbs-btn-24-paid {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_paid_black.png);
}
.cbs-btn-24-paid:hover {
	background-color: #000;
	background-image: url(../img/ico_24_paid_white.png);
}

.cbs-btn-24-void {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_void_black.png);
}
.cbs-btn-24-void:hover {
	background-color: #000;
	background-image: url(../img/ico_24_void_white.png);
}

.cbs-btn-24-back {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_back_black.png);
}
.cbs-btn-24-back:hover {
	background-color: #000;
	background-image: url(../img/ico_24_back_white.png);
}

.cbs-btn-24-next {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_next_black.png);
}
.cbs-btn-24-next:hover {
	background-color: #000;
	background-image: url(../img/ico_24_next_white.png);
}

.cbs-btn-24-rewind {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_rewd_black.png);
}
.cbs-btn-24-rewind:hover {
	background-color: #000;
	background-image: url(../img/ico_24_rewd_white.png);
}

.cbs-btn-24-forward {
	background-color: #b3b3b3;
	background-image: url(../img/ico_24_ffwd_black.png);
}
.cbs-btn-24-forward:hover {
	background-color: #000;
	background-image: url(../img/ico_24_ffwd_white.png);
}

.cbs-btn-24-back-disable {
	background-color: #EFEFEF;
	background-image: url(../img/ico_24_back_grey.png);
}
.cbs-btn-24-back-disable {
	background-color: #EFEFEF;
	background-image: url(../img/ico_24_back_grey.png);
}
.cbs-btn-24-back-disable {
	background-color: #EFEFEF;
	background-image: url(../img/ico_24_back_grey.png);
}
.cbs-btn-24-back-disable {
	background-color: #EFEFEF;
	background-image: url(../img/ico_24_back_grey.png);
}
/* button elements end */
.cbs-block_header_title {
	font-family: 'Arimo';
	font-size: 16px;
	font-weight: 600;
	margin-left: -5px;
	/*margin-bottom:10px;*/
}
@media screen and (max-width: 800px) {
	.cbs-block_header_title {
		/*font-size:24px;*/
		/*margin-bottom:20px;*/
	}
}
a.cbs-block_header {
	display: block;
	font-family: 'Arimo';
	font-size: 16px;
	font-weight: 600;
	/*margin-top:5px;
	margin-bottom:5px;*/
	padding: 0 0 4px 0;
	/*border-width:1px 0 0 0;
	border-style:solid;
	border-color:#ccc;*/
	color: #000;
	text-decoration: none;
}
a.cbs-block_header:hover {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}
a.cbs-block_header img {
	float: right;
	border: none;
}
.cbs-block_body {
	display: block;
	margin: 0 4px 0 4px;
	padding: 0;
}

.cbs-totalprice_container {
	display: block;
	width: 100%;
	border: 4px solid #000;
	margin: 20px 0 20px 0;
	padding: 10px;
}
.cbs-totalprice_title {
	font-size: 36px;
	font-weight: 600;
}
.cbs-totalprice_content {
	font-size: 24px;
	font-weight: 300;
}

.cbs-btn-delete, .cbs-btn-add {
	display: block;
	height: 24px;
	width: 24px;
	background-color: #ccc;
	color: #000;
	font-size: 24px;
	line-height: 1;
	margin-right: 5px;
}
.cbs-btn-create {
	display: block;
	height: 24px;
	width: 24px;
	background-color: #0C0;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	margin-right: 5px;
}
.cbs-btn-dub {
	display: block;
	height: 24px;
	width: 24px;
	background-color: #F60;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	margin-right: 5px;
}
.cbs-btn-delete:hover, .cbs-btn-add:hover, .cbs-btn-create:hover, .cbs-btn-dub:hover {
	color: #fff;
	background-color: #000;
}

input.cbs-dl_button {
	text-decoration: none;
	background-color: #093;
	background-image: url(/cbs/images/ico_24_download_white.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 6px 4px 24px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	line-height: 14px;
	margin-right: 5px;
	border: 1px solid #093;
}
input.cbs-dl_button:hover {
	background-color: #3F0;
	background-image: url(/cbs/images/ico_24_download_black.png);
	color: #000;
	border: 1px solid #3F0;
}
input.cbs-dl_button:active {
	background-color: #000;
	background-image: url(/cbs/images/ico_24_download_white.png);
	color: #fff;
	border: 1px solid #000;
}
input.cbs-dl_button:disabled {
	background-color: #ddd;
	background-image: url(/cbs/images/ico_24_download_white.png);
	color: #bbb;
	border: 1px solid #ddd;
}

.cbs-download_button a {
	text-decoration: none;
	background-color: #093;
	background-image: url(/cbs/images/ico_24_download_white.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 6px 4px 24px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	line-height: 14px;
	margin-right: 5px;
	border: 1px solid #093;
}
.cbs-download_button a:hover {
	background-color: #3F0;
	background-image: url(/cbs/images/ico_24_download_black.png);
	color: #000;
	border: 1px solid #3F0;
}
.cbs-download_button a:active {
	background-color: #000;
	background-image: url(/cbs/images/ico_24_download_white.png);
	color: #fff;
	border: 1px solid #000;
}
.cbs-download_button_disable a {
	text-decoration: none;
	background-color: #ddd;
	background-image: url(/cbs/images/ico_24_download_white.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 4px 6px 4px 24px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	line-height: 14px;
	margin-right: 5px;
	border: 1px solid #ddd;
	pointer-events: none;
	cursor: default;
}

.cbs-btn-white a {
	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: 5px;
	border: 2px solid #fff;
}
.cbs-btn-white-focused a {
	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: 5px;
	border: 2px solid #fff;
}
.cbs-btn-white a:hover, .cbs-btn-white-focused a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.5);
	color: #fff;
}
.cbs-btn-white a:active, .cbs-btn-white-focused a:active {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
.cbs-btn-white-disable {
	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: 5px;
	border: 2px solid rgba(255, 255, 255, 0.25);
}
.cbs-btn-icon {
	color: #ff0000;
	font-size: 24px;
	vertical-align: middle;
}

input.cbs-grey_button {
	text-decoration: none;
	background-color: #b6b6b6;
	padding: 4px 6px 4px 6px;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	line-height: 14px;
	margin-right: 5px;
	border: 1px solid #b6b6b6;
	font-family: Arial,sans-serif;
}
input.cbs-grey_button:hover {
	background-color: #ddd;
	color: #000;
	border: 1px solid #ddd;
}
input.cbs-grey_button:active {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}
input.cbs-grey_button:disabled {
	background-color: #ddd;
	color: #bbb;
	border: 1px solid #ddd;
}
/*
@media all and (max-width : 800px) {
	input.cbs-grey_button {
		padding:8px 12px 8px 12px;
		font-size:24px;
		line-height:24px;
	}
}
*/
/* form elements end */

/* on/off switch */
.onoffswitch {
	position: relative;
	/*float:left;*/
	/*margin-bottom:15px;*/
	margin-right:-3px;
	/*left:100px;*/
	width: 52px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #b3b3b3;
	border-radius: 0px;
}
.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.1s ease-in 0s;
	-webkit-transition: margin 0.1s ease-in 0s;
	-o-transition: margin 0.1s ease-in 0s;
	transition: margin 0.1s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 22px;
	padding: 0;
	line-height: 12px;
	font-size: 12px;
	color: white;
	/* font-family: Trebuchet, Arial, sans-serif; */
	font-weight: 600;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid transparent;
	background-clip: padding-box;
}
.onoffswitch-inner:before {
	content: "";
	padding-left: 8px;
	background-color: #F6921E;
	color: #000000;
}
.onoffswitch-inner:after {
	content: "";
	padding-right: 5px;
	background-color: #EFEFEF;
	color: #000000;
	text-align: right;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-switch {
	width: 12px; margin: 0px;
	background: #000000;
	position: absolute; top: 0; bottom: 0; right: 40px;
	-moz-transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s; transition: all 0.1s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
/* on/off switch end */

/* draggable items */
.cbs-draggable_box {
	border-bottom: 1px solid #ccc;
	background-color: #FFF;
	background-image: url(../img/ico_24_move.png);
	background-position: right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	cursor: move;
}
#cbs-sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#cbs-sortable li { margin: 0 0 0 0; padding: 4px; }
/* draggable items not */


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

/* footer */
.cbs-footer_container {
	max-width: 980px;
	height: auto;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cbs-footertxt {
	font-size: 12px;
	line-height: 14px;
	color: #999;
}

.cbs-footertxt a:link {
	font-weight: normal;
	text-decoration: none;
	color: #999;
}

.cbs-footertxt a:visited {
	text-decoration: none;
	color: #999;
}

.cbs-footertxt a:hover {
	text-decoration: underline;
	color: #ff0000;
}

.cbs-copyrighttxt {
	font-size: 11px;
	line-height: 14px;
	color: #999;
}
/* footer end */

/* footer inside page */
.cbs-inner_footer {
	position: fixed;
	bottom: 0px;
	height: 48px;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px;
	z-index: 9999;
}

/* footer inside page end */

/* color variations */
.cbs-menu-system, .cbs-inner_footer.system, .cbs-header.system, .cbs-popnav:hover.system, .cbs-popnav.active.system { background-color:#666; }
.cbs-menu-obs, .cbs-inner_footer.obs, .cbs-header.obs, .cbs-popnav:hover.obs, .cbs-popnav.active.obs { background-color:#F77A1E; }
.cbs-menu-rps, .cbs-inner_footer.rps, .cbs-header.rps, .cbs-popnav:hover.rps, .cbs-popnav.active.rps { background-color:#22B573; }
.cbs-menu-rdr, .cbs-inner_footer.rdr, .cbs-header.rdr, .cbs-popnav:hover.rdr, .cbs-popnav.active.rdr { background-color:#93278F; }
/*.cbs-header.general {background-color:#eee;}*/
.cbs-header.general { background-color:#666; }

.cbs-main_container h1.system, .cbs-main_container h2.system, .cbs-main_container_lv2 h1.system, .cbs-main_container_lv2 h2.system, .cbs-right-container h1.system, .cbs-right-container h2.system,
.cbs-popnav.system
{ color:#333; }
.cbs-main_container h1.obs, .cbs-main_container h2.obs, .cbs-main_container_lv2 h1.obs, .cbs-main_container_lv2 h2.obs, .cbs-right-container h1.obs, .cbs-right-container h2.obs,
.cbs-popnav.obs
{ color:#F77A1E; }
.cbs-main_container h1.rps, .cbs-main_container h2.rps, .cbs-main_container_lv2 h1.rps, .cbs-main_container_lv2 h2.rps, .cbs-right-container h1.rps, .cbs-right-container h2.rps,
.cbs-popnav.rps
{ color:#22B573; }
.cbs-main_container h1.rdr, .cbs-main_container h1.rdr, .cbs-main_container_lv2 h2.rdr, .cbs-main_container_lv2 h2.rdr, .cbs-right-container h1.rdr, .cbs-right-container h2.rdr,
.cbs-popnav.rdr
{ color:#93278F; }
/* color variations end */

/* statement */
.cbs-table_totalprice td {
	border: 4px solid #000;
	text-align: center;
}
.cbs-table_breakdown th {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #000;
}
.cbs-table_breakdown td {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
}
.cbs-table_breakdown td.lastrow {
	border-color: #000;
}
/* statement end */

/* Align the height of text fields and dropdowns */
input[type="text"], input[type=textarea], input[type="password"] {
	height: 24px;
	font-family: Arial, sans-serif;
}

input[type="text"][disabled=""], input[type="text"][disabled="disabled"], input[type=textarea][disabled=""], input[type=textarea][disabled="disabled"], input[type="password"][disabled=""], input[type="password"][disabled="disabled"] {
	border: 2px solid #ccc;
	color: #999;
	background-color: #ddd;
	margin: 3px 0px;
}

input[type="image"] {
	border: none;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
@media all and (max-width : 800px) {
	input[type="image"] {
		border: none;
		width: 48px;
		height: 48px;
		border-radius: 50%;
	}
	/*
	input[type="text"], input[type=textarea], input[type="password"] {
		padding:2px;
		height: 36px;
	}*/
}

/* 2014-11-18 (cliff.yeung) override jquery-ui-1.11.1.theme.min.css */
.ui-widget-content {
	border: 0px solid #DDD;
	background: none;
}

/* 2015-10-08 (cliff.yeung) override jquery-ui-1.11.1.theme.min.css for combobox */
.ui-widget-content.ui-widget.ui-menu.ui-autocomplete, .ui-widget-content.ui-widget.custom-combobox-input {
	border: 2px solid #999;
	background: repeat-x scroll 50% top #fff;
	margin-top: 2px;
}

.ui-widget select {
	font-family: Arial,sans-serif;
}

/* Remove the iframe round corners */
.ui-corner-all {
	border-radius: 0px;
}

/* Remove the orange bar generated by jquery under ListTable */
:not(.ui-tabs-horizontal):not(.ui-tabs-vertical) > .css-tabs.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
	display: none;
}

/* 2015-02-05 (cliff.yeung) Get the image "Prev" and "Next" of datepicker by overriding jquery-ui-1.11.1.theme.min.css */
.ui-widget-header .ui-icon {
	background-image: url('/cbs/images/ui-icons_222222_256x240.png');
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
	top: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px
}

.ui-datepicker-header.ui-widget-header, .ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover {
	border: none;
}

/* Change the mouse over color of ATL table row from blue to grey */
table.list_table > tbody > tr:hover {
	background-color: #EEEEEE;
	cursor: default;
	color: #000;
}

table.list_table > tbody > tr[class="clickable"]:hover {
	background-color: #EFEFEF;
	cursor: pointer;
	color: #000;
}

.jqplot-table-legend-label {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000;
}

.stat_table {
	margin: 0 5px 0 5px;
	width: calc(100% - 10px);
}

div.css-buttons-table > .editTabsRightBtn > .btnTblAlertMsg {
	color: black;
	background-color: yellow;
	background-image: url(/cbs/images/bubble_pointer.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.cbs-top-margin-10 {
	display: block; height: 1px;
}

/* 2015-11-12 (cliff.yeung) override std.css for removing space between buttons in the button table */
div.css-buttons-table > .editTabsRightBtn {
	font-size: 0;
}
/*////////////////////////////////////////////////////////////////////////////////*/

/* [Start] 2015-02-05 (cliff.yeung) override std.css for mobile version */
@media screen and (max-width: 720px) {

	ul.css-tabs	 {
		/*display: none; */
		display: table;
	}

	.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav	{
		/*display: none;*/
		display: table-cell;
	}

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

}
/* [End] 2015-02-05 (cliff.yeung) override std.css for mobile version */

/* for iphone */

.table-row {
	display: block;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #b3b3b3;
}
.table-cell-row-title {
	display: inline-block;
	font-weight: bold;
	text-align: right;
	padding: 4px 0;
	vertical-align: middle;
	word-wrap: break-word;
	width: 20%;
	border-bottom: none;
}
.table-cell-row-content {
	display: inline-block;
	padding: 4px 0;
	width: 29%;
	border-bottom: none;
	vertical-align: middle;
	word-wrap: break-word;
}

@media screen and (max-width : 800px) {

body {
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	/*font-size:18px;
	line-height:24px;*/
	color: #000;
	/* background-image:url(../img/bg.gif); */
	margin: 0px;
	padding: 0px;
	background-color: #EFEFEF;
	background-image: none;
}

/*input, select, textarea, input.totalprice_ex
{font-size:18px; font-weight:300; margin-bottom:5px;}*/

input[type="button"][name^="RightBtn"] {
	background-size: 48px;
}

h2 {
	font-family: 'Arimo';
	font-size: 32px;
	line-height: 48px;
	font-weight: 300;
	margin: 0 0 20px 0;
}
h3 {
	font-family: 'Arimo';
	font-size: 24px;
	line-height: 30px;
}
h4 {
	font-size: 18px;
}

.cbs-subtitle {
	display: block;
	font-size: 24px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 10px;
}

.cbs-bottom_block {
	float: inherit;
	display: block;
	width: 100%;
	height: 80px;
	clear: both;
	background-color: #fff;
}

.cbs-tab-header {
	height: auto;
	clear: both;
	margin: 0px 5px 0 5px;
}
.cbs-tab-body {
	clear: both;
	/* width:610px; */
	margin: 0;
	padding: 0px;
	/*height:100vh;
	height: calc(100vh - 48px);*/
	background-color: #FFF;
}

@media only screen and (max-width : 800px) {
	.cbs-tab-body {
		margin-bottom: 35px;
	}
}

.cbs-tab-menu {
	float: left;
	height: 36px;
	padding: 0 10px 0 10px;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #808080;
	/*font-family:Open Sans;*/
	font-family: Arial;
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	cursor: pointer;
}
.cbs-tab-menu-active {
	float: left;
	height: 36px;
	padding: 0 10px 0 10px;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #fff;
	/*font-family:Open Sans;*/
	font-family: Arial;
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	color: #000;
	cursor: pointer;
}

.cbs-white-bg {
	display: none;
	position: fixed;
	height: 100vh;
	top: 200px;
	left: 200px;
	right: 0;
	padding: 0;
	border-left: 5px solid #EFEFEF;
	border-right: 5px solid #EFEFEF;
	background-color: #fff;
	z-index: -1;
}

.cbs-white-bg_lv3 {
	display: none;
	position: fixed;
	height: 100vh;
	top: 5px;
	left: 0;
	right: 0;
	padding: 0;
	border-left: 5px solid #EFEFEF;
	border-right: 5px solid #EFEFEF;
	background-color: #fff;
	z-index: -1;
}

/* header m */

.cbs-header {
	position: fixed;
	display: block;
	top: 0;
	height: 80px;
	left: 0;
	right: 0;
	padding: 0;
	line-height: 80px;
	font-family: Arial,sans-serif;
	font-weight: 600;
	color: #000;
	text-align: center;
	border: none;
	z-index: 10000;
}
.cbs-header-title { font-size: 24px; margin-left: -60px; color: #FFF; }
.cbs-header-logo {
	/*background-color:#eee;
	background-image:url(/cbs/images/ico_80_cbs_logo.png);
	background-repeat:no-repeat;
	height:80px;
	width:120px;
	margin:0;
	padding:0;*/
}

.cbs-status-bar {
	position: fixed;
	display: none;
	top: 40px;
	height: 2px;
	left: 0;
	right: 0;
	padding: 0;
	line-height: 24px;
	color: #0F0;
	text-align: right;
	background-color: #000;
	overflow: hidden;
	border: none;
	z-index: 10000;
}
.cbs-dl_obm_acb {
	text-decoration: underline;
}
.cbs-dl_obm_acb:hover {
	color:#ff0000;
	text-decoration: underline;
}

.cbs-cpu-ram {
	display: none;
	float: right;
	width: auto;
}

.cbs-menu-btn {
	display: none;
	background-color: #000;
	/*background-image:url(/cbs/images/ico_80_menu_white.png);*/
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none
}
.cbs-menu-btn > a {
	text-decoration: none;
	font-size: 55pt;
	color : white;
	width: 50px;
}
.cbs-cpu-ram {
	display: none;
}
/* header m end */

/* main body container m */

.cbs-page_header_container {
	/*min-width:1000px;*/
	height: auto;
	width: calc(100% - 20px);
	padding: 10px;
	margin: 10px;
	background-color: transparent;
}
.cbs-main_container {
	/*min-width:1000px;*/
	height: auto;
	width: calc(100% - 20px);
	padding: 10px;
	/*margin-bottom:80px;*/
	background-color: #ffffff;
}


iframe {
	/*min-width:1000px;*/
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}

.cbs-main_container-logon_screen {
	position: absolute;
	top: 80px;
	height: auto;
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #EFEFEF;
}
.cbs-main_container_statistics {
	/*min-width:1000px;*/
	height: auto;
	width: 100%;
	padding: 0px 5px 0px 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.cbs-main_container_lv2 {
	/*min-width:1000px;*/
	width: calc(100% - 20px);
	height: auto;
	padding: 10px;
	margin: 5px 5px 0 5px;
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
}
.cbs-main_container_lv3 {
	/*min-width:1000px;*/
	height: auto;
	width: calc(100% - 20px);
	padding: 10px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.cbs-left-container {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	width: 200px;
	margin: 0;
	padding: 0;
	background-color: #EFEFEF;
	line-height: 22px;
}
.cbs-right-container {
	position: absolute;
	width: 640px;
	top: 80px;
	left: 0;
	right: 0;
	padding: 0;
	background-color: #EFEFEF;
}
/* main body container m end */

/* pop body container m */
.cbs-pop-left-container {
	display: none;
	position: fixed;
	top: 80px;
	left: 0;
	width: 190px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #EFEFEF;
}

.cbs-pop-right-container {
	position: absolute;
	top: 80px;
	width: 640px;
	left: 0;
	right: 0;
	padding: 0;
	background-color: #EFEFEF;
}
/* pop body container m end */

/* table elements */
.cbs-table-m {
	font-size: 24px;
	line-height: 36px;
	width: 100%;
	/*text-align:left;
	margin-left:10px;
	margin-right:10px;*/
}
.cbs-table-m .font14 {
	font-size: 24px;
}
/* table elements end */

/* buttons */
.cbs-btn-2 a {
	text-decoration: none;
	background-color: #ccc;
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	/*font-size:24px;*/
	font-weight: 400;
	color: #000;
	line-height: 12px;
	margin-right: 5px;
}

.cbs-btn-2 a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

.cbs-btn a {
	text-decoration: none;
	background-color: #ccc;
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	font-size: 24px;
	font-weight: 400;
	color: #000;
	line-height: 12px;
	margin-left: 5px;
}

.cbs-btn a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

.cbs-btn-white a {
	text-decoration: none;
	/*background-color:transparent;*/
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
	margin-left: 5px;
	border: 2px solid #fff;
}
.cbs-btn-white-focused a {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.25);
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
	margin-left: 5px;
	border: 2px solid #fff;
}
.cbs-btn-white-disable {
	text-decoration: none;
	/*border-radius:4px;*/
	padding: 4px 6px 4px 6px;
	font-size: 24px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.25);
	line-height: 24px;
	margin-left: 5px;
	border: 2px solid rgba(255, 255, 255, 0.25);
}
/* buttons end */

a.cbs-block_header {
	display: block;
	font-family: Arial, sans-serif;
	/*font-size:24px;*/
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 7px 0 9px 2px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	text-decoration: none;
}

a.cbs-block_header:hover {
	color: #000;
	/*font-size:24px;*/
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

a.cbs-block_header img {margin-right:10px;}

/* 2014-11-18 (cliff.yeung) override std.css */
.cbs-right-container div.css-buttons-table {
	width: 100%;
}

/* footer inside page */
.cbs-inner_footer {
	position: fixed;
	bottom: 0px;
	height: 72px;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 25px 10px 20px 10px;
	z-index: 9999;
}
/* footer inside page end */

/* [Start] 2015-02-05 (cliff.yeung) override std.css for mobile version */
ul.css-tabs {
	display: none;
}

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

div.css-tabs-select {
	display: inline-block;
	margin: 10px 0 0 10px;
}
/* [End] 2015-02-05 (cliff.yeung) override std.css for mobile version */

.table-row {
	border-bottom: none;
}

.table-cell-row-title {
	text-align: left;
	border-bottom: 1px solid #b3b3b3;
	width: 100%;
}

.table-cell-row-content {
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
}

}

/*//////////////////////// new styles ////////////////////////////*/

div.css-buttons-table {
	position: fixed;
	height: 48px;
	padding: 0px;
}
.cbs-right-container div.css-buttons-table {
	width: 100%;
}
@media screen and (max-width : 800px) {
	div.css-buttons-table {
	}
}

/* header */
.cbs-header {
	position: fixed;
	display: block;
	top: 0;
	height: 48px;
	left: 0;
	right: 0;
	padding: 0;
	line-height: 48px;
	font-family: Open Sans;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	border: none;
	z-index: 10;
}
@media only screen and (max-width : 800px) {
	.cbs-header {
		position: absolute;
	}
}
.cbs-header-logo, .cbs-header-logo-logon {
	height: 48px;
	min-width: 130px;
	margin-left: 0;
	padding: 0;
}
.cbs-header-logo img, .cbs-header-logo-logon img {
	height: 48px;
	width: auto;
}
@media only screen and (max-width : 800px) {
	.cbs-header-logo {
	}
	.cbs-header-logo img, .cbs-header-logo-logon img {
	}
}

.cbs-profile-bar {
	display: block;
	position: fixed;
	display: block;
	top: 0px;
	height: 72px;
	max-width: 300px;
	line-height: 72px;
	color: #0F0;
	text-align: right;
	background-color: #000;
	border: none;
	overflow: hidden;
	z-index: 10;
}
.cbs-errmsg-bar {
	display: block;
	position: fixed;
	display: block;
	top: 48px;
	height: 24px;
	left: 0;
	right: 0;
	padding: 0 0px 0 10px;
	line-height: 24px;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF0000;
	border: none;
	z-index: 10;
}
@media only screen and (max-width : 800px) {
	.cbs-errmsg-bar {
		top: 72px;
	}
}

/*//// top menu start ///*/

.toggle, [id=drop] {
	display: none;
}

lang {
	position: fixed;
	width: 200px;
	top: 0;
	right: 48px;
	background-color: #000;
	padding: 0;
	height: 48px;
	font-size: 18px;
	z-index: 101;
}

lang a:link {
	color: #fff;
	text-decoration: none;
	text-decoration: none;
}
lang a:visited {
	color: #fff;
	text-decoration: none;
	text-decoration: none;
}
lang a:hover {
	color: #fff;
	text-decoration: none;
}

lang:after {
	content: "";
	display: table;
	clear: both;
}

lang ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

lang ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	z-index: 100001;
}

lang ul li a:link {
	display: block;
	padding:0 10px 0 10px;
	color: #FFF;
	font-size: 14px;
	line-height: 48px;
	text-decoration: none;
}

lang ul li a:hover {
	color: #FFF;
	background-color: #404040;
	/*background-image:url(../images/common/header_menu_bg_hover.png);
	background-repeat:repeat-x;*/
}


lang ul ul {
	display: none;
	position: absolute;
	top: 48px;
}

lang ul li:hover > ul { display: block; }

/* Media Queries
--------------------------------------------- */

@media all {

lang {
	margin: 0;
	position: fixed;
	background-color: transparent;
	top: 48px;
	height: 1px;
	z-index: 1000001;
}

.toggle + a, .menu, .cbs-dt-menu {
	display: none;
}

.toggle {
	display: block;
	height: 48px;
	padding: 0 20px;
	color: #FFF;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 18px;
	border-bottom: 1px solid #333;
	line-height: 40px;
	text-decoration: none;
	z-index: 10002;
	cursor: pointer;
}

.toggle.topmenu {
	display: block;
	position: absolute;
	border-top: none;
	height: 49px;
	padding: 0 20 0 0;
	top: -48px;
	right: 0px;
	width: 240px;
	line-height: 48px;
	background-color: #000;
	background-image: url(/cbs/images/drop_down_arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	z-index: 100001;
}

.menutxt {
	font-size: 14px;
}

.toggle_arrow {
	background-image: url(../images/menu_down_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

/*.toggle:hover { background-color: #00a6e7; cursor:pointer; }*/

[id^=drop]:checked + ul { display: block; position: fixed; width: 480px; right: 48px; z-index: 1000001; background-color: #000; }

lang ul li {
	display: block;
	float: left;
	background-color: #000;
	width: 240px;
	z-index: 1000001;
}

lang ul li:first-child {
	border-radius: 0;
}

lang ul li a:link {
	display: block;
	padding: 0 0 0 20px;
	color: #FFF;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
}

lang ul ul li a:only-child {
	padding:0 15px 0 40px;
}

lang ul li a:hover { background-color: #222; border-radius: 0; }

lang ul ul .toggle, lang ul ul a { padding: 0 40px; }

lang ul ul ul a { padding: 0 40px; }

lang a:hover/*,
 nav ul ul ul a*/ { background-color: #666; }

lang ul li ul li .toggle, lang ul ul a { background-color: #333; }
lang ul ul li a:hover { background-color: #444; }

lang ul ul {
	float: none;
	position: static;
	color: #ffffff;
}

lang ul ul li:hover > ul,
lang ul li:hover > ul { display: none; }

lang ul ul li {
	display: block;
	width: 100%;
}

lang ul ul ul li {
	position: static;
	width: 100%;
	text-indent: 50px;
}

lang ul ul ul ul li {
	position: static;
	width: 100%;
	text-indent: 100px;
}

}

@media all and (max-width : 800px) {
	lang {
		position: absolute;
		top: 72px;
	}
	.toggle {
		height: 72px;
		font-size: 24px;
		line-height: 72px;
		text-align: left;
	}

	.toggle.topmenu {
		height: 72px;
		top: -72px;
		right: 24px;
		font-size: 24px;
		line-height: 72px;
		text-align: left;
		width: 180px;
	}
	[id^=drop]:checked + ul { position: absolute; width: 180px; right: 24px; }

	lang ul li {
		width: 180px;
	}
	lang ul li a:link {
		font-size: 24px;
		text-align: left;
		line-height: 72px;
	}
}

.navmenu_on {
	background-color: #F60;
}

/*//// top menu end ///*/

/* 2014-11-18 (cliff.yeung) override std.css */
/* 2015-09-18 (peter.tse) further update */
.ui-tabs.ui-tabs-horizontal > .ui-tabs-panel {
	padding: 0px;
	/*border-top: 5px solid #EFEFEF;*/
	margin: 0px;
	background-color: #FFF;
	height: 100%;
	min-height: 0px;
}
#cbs-newpage-content {
	height: calc(100% - 48px);
	width: 100%;
}

.ui-tabs.ui-tabs-horizontal {
	background-color: #FFF;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav {
	margin: 0px;
	background-color: #EFEFEF;
	width: 100%;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li {
	border: 0px;
	margin-left: 5px;
	margin-top: 5px;
}
.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li > a {
	float: left;
	height: 24px;
	padding: 0px 10px;
	margin-right: 0px;
	background-color: #808080;
	font-family: Arial,sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	cursor: pointer;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li.ui-tabs-active {
	border-width: 0px 0px 0px;
}

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

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li.ui-tabs-active > a:hover  {
	background-color: #FFF;
	color: #000;
	cursor: pointer;
}

.ui-tabs.ui-tabs-horizontal > .ui-tabs-nav > li:not(.ui-tabs-active) > a:hover {
	background-color: #CCC;
	color: #000;
	cursor: pointer;
	outline: 0px double #CCC;
}

/*//////////////////// 2nd level menu //////////////////////////////*/

.toggle_lv2, [id^=droplv2] {
	display: none;
}

ul.cbs-2nd_menu, .ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav {
	list-style: none;
	margin: 5px 0 0 5px;
	padding: 0;
}
ul.cbs-2nd_menu li a, .ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li > a {
	float: left;
	/*width:195px;*/
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px;
	/*font-family:Open Sans;*/
	font-family: Arial;
	font-weight: 300;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}

ul.cbs-2nd_menu li ul {
	list-style:none;
}
ul.cbs-2nd_menu li ul li a {
	float: left;
	width: 195px;
	height: auto;
	margin: 0;
	padding: 5px 5px 5px 15px;
	/*font-family:Open Sans;*/
	font-family: Arial;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	/*background-color:#ddd;*/
	text-decoration: none;
}

ul.cbs-2nd_menu li ul li ul {
	list-style: none;
}
ul.cbs-2nd_menu li ul li ul li a {
	float: left;
	width: 195px;
	height: auto;
	margin: 0;
	padding: 2px 5px 2px 25px;
	/*font-family:Open Sans;*/
	font-family: Arial;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	/*background-color:#d6d6d6;
	background-image:url(../img/ico_10_triangle_grey.png);
	background-position:12px 8px;
	background-repeat:no-repeat;*/
	text-decoration: none;
}

ul.cbs-2nd_menu li a:hover, ul.cbs-2nd_menu li ul li a:hover, ul.cbs-2nd_menu li ul li ul li a:hover, .ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li > a:hover {
	color: #333;
	background-color: #ccc;
	/*background-image:url(/cbs/images/menu_bullet_off.png);
	background-position:right center;
	background-repeat:no-repeat;*/
}
ul.cbs-2nd_menu li a.active, ul.cbs-2nd_menu li ul li a.active, ul.cbs-2nd_menu li ul li ul li a.active, .ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li.ui-tabs-active.ui-state-active > a {
	background-color: #333;
	/*background-image:url(/cbs/images/menu_bullet_on.png);
	background-position:right center;
	background-repeat:no-repeat;*/
}

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

.ui-tabs.ui-tabs-vertical > ul.ui-tabs-nav > li {
	line-height: 22px;
	padding: 0px 0px 0px;
}

ul.cbs-2nd_menu li a.withsubmenu {
	background-image: url(../img/ico_10_triangle_grey_down.png);
	background-position: right 10px;
	background-repeat: no-repeat;
}
ul.cbs-2nd_menu li ul li a.withsubmenu {
	background-image: url(../img/ico_10_triangle_grey_down.png);
	background-position: right 9px;
	background-repeat: no-repeat;
}

@media all and (max-width : 800px) {

ul.cbs-2nd_menu {
	margin: 0;
	position: absolute;
	background-color: transparent;
	top: 72px;
	height: 1px;
	z-index: 101;
}

.toggle2 + a, .menu2 {
	display: none;
}

.toggle2 {
	display: block;
	height: 48px;
	padding: 0 20px;
	color: #FFF;
	font-size: 14px;
	border-bottom: 1px solid #333;
	line-height: 40px;
	text-decoration: none;
	z-index: 10002;
	cursor: pointer;
}

.toggle2.topmenu2 {
	display: block;
	position: absolute;
	border-top: none;
	height: 72px;
	padding: 0;
	top: -72px;
	width: 72px;
	background-color: #000;
	background-image: url(../images/menu_stripes.png);
	background-repeat: no-repeat;
	z-index: 100001;
}

.menutxt2 {
	font-size: 14px;
}

.toggle2_arrow {
	background-image: url(../images/menu_down_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

/*.toggle:hover { background-color: #00a6e7; cursor:pointer; }*/

[id^=drop2]:checked + ul { display: block; z-index:10000; }

ul.cbs-2nd_menu li {
	display: block;
	background-color: #000;
	width: 100%;
	z-index: 10000;
}

ul.cbs-2nd_menu li:first-child {
	border-radius: 0;
}

ul.cbs-2nd_menu li a:link {
	display: block;
	padding: 0 0 0 20px;
	color: #FFF;
	font-size: 14px;
	line-height: 48px;
	text-decoration: none;
}

ul.cbs-2nd_menu ul li a:only-child {
	padding: 0 15px 0 40px;
}

ul.cbs-2nd_menu li a:hover { background-color: #222; border-radius:0; }

ul.cbs-2nd_menu ul .toggle2,
ul.cbs-2nd_menu ul a { padding: 0 40px; }

ul.cbs-2nd_menu ul ul a { padding: 0 40px; }

ul.cbs-2nd_menu a:hover/*,
 nav ul ul ul a*/ { background-color: #666; }

ul.cbs-2nd_menu li ul li .toggle2,
ul.cbs-2nd_menu ul a { background-color: #333; }
ul.cbs-2nd_menu ul li a:hover { background-color: #444; }

ul.cbs-2nd_menu ul {
	float: none;
	position: static;
	color: #ffffff;
}

ul.cbs-2nd_menu ul li:hover > ul,
ul.cbs-2nd_menu li:hover > ul { display: none; }

ul.cbs-2nd_menu ul li {
	display: block;
	width: 100%;
}

ul.cbs-2nd_menu ul ul li {
	position: static;
	width: 100%;
	text-indent: 50px;
}

ul.cbs-2nd_menu ul ul ul li {
	position: static;
	width: 100%;
	text-indent: 100px;
}

}

/*///////////////////// 2nd level menu end //////////////////////// */

/* buttons */
.cbs-button-help {
	background-image: url(/cbs/images/btn_ico_help_48.png);
	background-repeat: no-repeat;
}
.cbs-button-next {
	background-image: url(/cbs/images/btn_ico_next_48.png);
	background-repeat: no-repeat;
}
.cbs-button-back {
	background-image: url(/cbs/images/btn_ico_back_48.png);
	background-repeat: no-repeat;
}
.cbs-button-save {
	background-image: url(/cbs/images/btn_ico_save_48.png);
	background-repeat: no-repeat;
}
.cbs-button-restart {
	background-image: url(/cbs/images/btn_ico_restart_48.png);
	background-repeat: no-repeat;
}

@media all and (max-width : 800px) {
	.cbs-button-help {
		background-image: url(/cbs/images/btn_ico_help_72.png);
	}
	.cbs-button-next {
		background-image: url(/cbs/images/btn_ico_next_72.png);
	}
	.cbs-button-back {
		background-image: url(/cbs/images/btn_ico_back_72.png);
	}
	.cbs-button-save {
		background-image: url(/cbs/images/btn_ico_save_72.png);
	}
	.cbs-button-restart {
		background-image: url(/cbs/images/btn_ico_restart_72.png);
	}
}

/* buttons end */

/* NEW NEW NEW 2015-09-24 */
.cbs-new_float_r { float: right; }

.cbs-right-container {
	position: absolute;
	top: 48px;
	padding: 0;
	height: calc(100% - 116px);
	width: 100%;
}
@media only screen and (max-width : 800px) {
	.cbs-right-container {
		top: 72px;
		height: calc(100% - 164px);
	}
}

.cbs-main_container-logon_screen {
	position: absolute;
	width: calc(100% - 20px);
	top: 48px;
	height: calc(100% - 116px);
	padding: 10px;
	margin: 10px;
	background-color: #444;
	color: #FFF;
}
.cbs-main_container-logon_screen a:link {
	color: #fff;
	text-decoration: none;
}
.cbs-main_container-logon_screen a:hover {
	color: #ff0000;
	text-decoration: none;
}
.cbs-main_container-logon_screen a:visited {
	color: #fff;
	text-decoration: none;
}
@media all and (max-width : 800px) {
	.cbs-main_container-logon_screen {
		width: calc(100% - 20px);
		top: 48px;
		height: calc(100% - 68px);
	}
}

.cbs-new_warning_container {
	float: left;
	display: block;
	padding: 10px;
	margin: 10px 15px 0 15px;
	background-color: #F4F4C1;
	width: calc(100% - 30px);
}
.cbs-new_error_container {
	float: left;
	display: block;
	padding: 10px;
	margin: 10px 15px 0 15px;
	background-color: #C1F4EE;
	width: calc(100% - 30px);
}
.cbs-new_warning_container h2, .cbs-new_error_container h2 {
	font-family: Open Sans;
	font-weight: 600;
	font-size: 24px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 10;
}
.cbs-new_warning_container h2 img, .cbs-new_error_container h2 img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

/* buttons */
.cbs-login-btn a {
	display: inline-block;
	background-color: #39D64A;
	background-image: url(/cbs/images/ico_40_login.png);
	background-position: center 20px;
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	border-radius: 50%;
}

.cbs-login-btn a:hover {
	background-color: #0F9;
	color: #FFF;
	text-decoration: none;
	background-image: url(/cbs/images/ico_40_login.png);
}

.cbs-downloadReport-btn a {
	display: inline-block;
	background-color: #1B75BB;
	background-image: url(/cbs/images/newmenu-ico-dl.png);
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	border-radius: 50%;
}

.cbs-downloadReport-btn a:hover {
	background-color: #249EFC;
	color: #FFF;
	text-decoration: none;
	background-image: url(/cbs/images/newmenu-ico-dl.png);
}

@media all and (max-width : 800px) {
	.cbs-login-btn a {
	display: inline-block;
	background-color: #39D64A;
	background-image: url(/cbs/images/ico_login.png);
	background-position: center 12px;
	background-repeat: no-repeat;
	height: 140px;
	width: 140px;
	text-align: center;
	font-size: 28px;
	line-height: 70px;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	border-radius: 50%;
}
.cbs-login-btn a:hover {
	background-image: url(/cbs/images/ico_login.png);
}

}

.cbs-new-dl_btn a {
	position: fixed;
	top: 0px;
	/* right: 288px; */
	display: inline-block;
	background-color: #1B75BB;
	margin: 0;
	padding: 0 0 0;
	width: 48px;
	height: 48px;
	color: #fff;
	text-decoration: none;
	z-index: 1001;
}
.cbs-new-dl_btn a:hover {
	background-color: #249EFC;
}
.cbs-new-help_btn a {
	position: fixed;
	right: 0px;
	bottom: 0px;
	display: inline-block;
	background-color: #000;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	color: #fff;
	text-decoration: none;
	z-index: 1001;
}
.cbs-new-help_btn a:hover {
	background-color: #333;
}
#subadmin .cbs-new-help_btn:nth-last-child(2) a {
	right: 48px;
}
#subadmin .cbs-new-help_btn.wpp-button a {
	right: 0px;
}
.cbs-new-logout_btn a {
	position: fixed;
	right: 0px;
	top: 0px;
	display: inline-block;
	background-color: #ff0000;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	color: #fff;
	text-decoration: none;
	z-index: 1001;
}
.cbs-new-logout_btn a:hover {
	background-color: #F66;
}
.cbs-new-dl_btn img, .cbs-new-help_btn img, .cbs-new-logout_btn img {
	width: 48px;
	height: 48px;
	border: none;
}

@media all and (max-width : 800px) {
	.cbs-new-dl_btn a, .cbs-new-logout_btn a {
		position: absolute;
	}
	.cbs-new-dl_btn a, .cbs-new-help_btn a, .cbs-new-logout_btn a {
		width: 48px;
		height: 48px;
	}
	.cbs-new-dl_btn img, .cbs-new-help_btn img, .cbs-new-logout_btn img {
		width: 48px;
		height: 48px;
		border: none;
	}
}

/* buttons end */

.cbs-new-profile {
	position: fixed;
	display: inline-block;
	top: 0px;
	right: 340px;
	margin: 0;
	padding: 0 10px 0 0;
	height: 48px;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 18px;
	line-height: 48px;
	color: #fff;
	text-decoration: none;
	text-align: right;
}
@media all and (max-width : 800px) {
	.cbs-new-profile {
		display: none;
		position: absolute;
		right: 84px;
		font-size: 24px;
		line-height: 72px;
	}
}

.cbs-new-footer {
	position: fixed;
	margin: 0;
	padding: 0;
	height: 48px;
	width: 100%;
	background-color: #666;
	z-index: 1000;
	bottom: 0px;
}
@media all and (max-width : 800px) {
	.cbs-new-footer {
		height: 48px;
		line-height: 48px;
	}
}

/* NEW MENU */

.cbs-new_menu_container {
	float: left;
	display: block;
	padding: 5px;
	margin: 10px 10px 0 10px;
	background-color: #444;
	width: calc(100% - 20px);
}
.cbs-new_menu_container h2 {
	font-family: Open Sans;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}
.cbs-new_menu_container h2 img {
	width: 48px;
	height: 48px;
}
.cbs-new_menu_container2 {
	float: left;
	display: block;
	padding: 0px;
	margin: 5px 10px 0 10px;
	width: calc(100% - 20px);
}
.cbs-new_menu_container2 h2 {
	display: block;
	width: 100%;
	clear: both;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	margin: 0;
}
.cbs-new_menu_container2 h2 img {
	width: 24px;
	height: 24px;
}

.cbs-title_box {
	float: left;
	margin: 5px;
	height: 0;
	padding-bottom: calc(16.66% - 10px);
	width: calc(16.66% - 10px);
	text-align: center;
	font-family: Open Sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 15em;
	overflow: hidden;
}
@media all and (max-width : 1024px) {
	.cbs-title_box {
		line-height: 11em;
	}
}
@media all and (max-width : 800px) {
	.cbs-title_box {
		font-size: 12px;
		line-height: 10em;
	}
}
@media all and (max-width : 800px) {
	.cbs-title_box {
		padding-bottom: calc(50% - 10px);
		width: calc(50% - 10px);
		font-size: 18px;
		line-height: 15em;
	}
}
.cbs-title_mon { background-color: #77174E; color: #FFF; }
.cbs-title_sys { background-color: #D67513; color: #FFF; }
.cbs-title_bkup_restore { background-color: #1D8EB5; color: #FFF; }
.cbs-title_rps { background-color: #209159; color: #FFF; }
.cbs-title_rdr { background-color: #591A59; color: #FFF; }

.cbs-menu_box3 {
	float: left;
	margin: 0 5px 0 5px;
	height: 0;
	padding-bottom: calc(16.66% - 10px);
	width: calc(16.66% - 10px);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	overflow: hidden;
}
@media all and (max-width : 800px) {
	.cbs-menu_box3 {
		margin: 5px;
		padding-bottom: calc(50% - 10px);
		width: calc(50% - 10px);
		font-size: 18px;
		line-height: 22px;
	}
}

.cbs-menu_box2 {
	float: left;
	margin: 5px;
	height: 0;
	padding-bottom: calc(16.66% - 10px);
	width: calc(16.66% - 10px);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	overflow: hidden;
}
@media all and (max-width : 800px) {
	.cbs-menu_box2 {
		padding-bottom: calc(50% - 10px);
		width: calc(50% - 10px);
		font-size: 18px;
		line-height: 22px;
	}
}

.cbs-menu_box {
	float: left;
	margin: 5px;
	height: 0;
	padding-bottom: calc(16.66% - 10px);
	width: calc(16.66% - 10px);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	overflow: hidden;
}
@media all and (max-width : 800px) {
	.cbs-menu_box {
		padding-bottom: calc(50% - 10px);
		width: calc(50% - 10px);
		font-size: 18px;
		line-height: 22px;
	}
}
.cbs-new_subtitle{
	text-align: left;
	padding: 2px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
}
@media all and (max-width : 800px) {
	.cbs-new_subtitle{
		font-size:11px;
	}
}
@media all and (max-width : 800px) {
	.cbs-new_subtitle{
		font-size: 16px;
	}
}
.cbs-menu_box-text {
	display: block;
	width: 100%;
	height: 150px;
}
.cbs-menu_box-text2 {
	display: block;
	width: 100%;
	height: 130px;
}
/* in use styles */

/*
@media all and (max-width : 1620px) {
	.cbs-menu_box-text4 {
		font-size:18px;
	}
	.cbs-menu_box-text4-reseller {
		font-size:24px;
	}
}
@media all and (max-width : 1160px) {
	.cbs-menu_box-text4 {
		font-size:14px;
	}
	.cbs-menu_box-text4-reseller {
		font-size:24px;
	}
}
@media all and (max-width : 1000px) {
	.cbs-menu_box-text4 {
		font-size:12px;
	}
	.cbs-menu_box-text4-reseller {
		font-size:20px;
	}
}
@media all and (max-width : 780px) {
	.cbs-menu_box-text4 {
		font-size:11px;
	}
	.cbs-menu_box-text4-reseller {
		font-size:16px;
	}
}
*/


.cbs-menu_box a:link, .cbs-menu_box2 a:link, .cbs-menu_box3 a:link, .cbs-menu_box4 a:link {
	color:#fff;
	text-decoration:none;
}
.cbs-menu_box a:hover, .cbs-menu_box2 a:hover, .cbs-menu_box3 a:hover, .cbs-menu_box4 a:hover {
	color:#fff;
	text-decoration:none;
}
.cbs-menu_box a:visited, .cbs-menu_box2 a:visited, .cbs-menu_box3 a:visited, .cbs-menu_box4 a:visited {
	color:#fff;
	text-decoration:none;
}

/*.cbs-menu-mon {background-color:#9E1F63;}
.cbs-menu-mon:hover {background-color:#BC2A7D;}*/
.cbs-menu-mon { background-color: #cb217c; }
.cbs-menu-mon:hover { background-color: #e93a98; }

.cbs-menu-sys { background-color: #F7931E; }
.cbs-menu-sys:hover { background-color: #FCAD5E; }

.cbs-menu-bkup_restore { background-color: #26A9E0; }
.cbs-menu-bkup_restore:hover { background-color: #41C2EF; }

.cbs-menu-rps { background-color: #29B473; }
.cbs-menu-rps:hover { background-color: #47D68F; }

/*.cbs-menu-rdr {background-color:#6E246B;}
.cbs-menu-rdr:hover {background-color:#8C2D8C;}*/
.cbs-menu-rdr { background-color: #a4309f; }
.cbs-menu-rdr:hover { background-color: #c439be; }

/* extra classes for index4 */
.cbs-1280_container {
	margin-left:auto;
	margin-right:auto;
	/*max-width:1280px;*/
}
/*
@media all and (max-height : 700px) {
	.cbs-1280_container {
		max-width:764px;
	}
	.cbs-menu_box-text4 {
		font-size:12px;
	}
	.cbs-menu_box-text4-reseller {
		font-size:20px;
	}
}
@media all and (max-height : 620px) {
	.cbs-1280_container {
		max-width:674px;
	}
	.cbs-menu_box-text4 {
		font-size:11px;
	}
	.cbs-menu_box-text4-reseller {
		font-size:16px;
	}
}
*/
.cbs-new_menu_container4 {
	float: left;
	display: block;
	padding: 0px;
	margin: 10px;
	width: calc(100% - 20px);
}

.cbs-menu_box4 {
	float: left;
	margin: 0 5px 0 5px;
	color: #FFF;
	height: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	font-family: Open Sans;
	font-weight: 300;
	cursor: pointer;
	overflow: hidden;
}
@media all and (max-width : 800px) {
	.cbs-menu_box4 {
		margin: 5px;
	}
}

/*//////////// Edited by Peter Tse 2015-11-19 /////////////*/
.cbs-new_home_container {
	position: absolute;
	top: 48px;
	height: auto;
	width: 100%;
	padding: 0;
}
@media all and (max-width : 800px) {
	.cbs-new_home_container {
		top: 48px;
	}
}

.cbs-menu_box-text4 {
	display: block;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2em;
}
.cbs-menu_box-text4 img {
	display: inline-block;
	width: auto;
	clear: both;
}
/*////////reseller////////*/
.cbs-menu_box-text4-reseller {
	display: block;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.2em;
}
.cbs-menu_box-text4-reseller img {
	display: inline-block;
	width: auto;
	clear: both;
}

@media all and (max-width : 800px) {
	.cbs-menu_box-text4 img {
		/* height: calc(33vh * 0.5); */
	}
}
@media all and (max-width : 360px) {
	.cbs-menu_box-text4 img {
		/* height: calc(33vh * 0.45); */
	}
	.cbs-menu_box-text4-reseller img {
		/* height: calc(33vh * 0.45); */
	}
}
@media all and (max-height : 414px) {
	.cbs-menu_box-text4 img {
		/* height: 45vh; */
	}
	.cbs-menu_box-text4-reseller img {
		/* height: 45vh; */
	}
}

@media all and (max-width : 800px) {
	.cbs-menu_box-text4, .cbs-menu_box-text4-reseller {
		/* font-size: 24px; */
	}
}
@media all and (max-width : 480px) {
	.cbs-menu_box-text4, .cbs-menu_box-text4-reseller {
		/* font-size: 18px; */
	}
}
@media all and (max-width : 360px) {
	.cbs-menu_box-text4, .cbs-menu_box-text4-reseller {
		/* font-size: 14px; */
	}
}

.cbs-menu_box-mon {
	width: calc(16.66% - 10.1px);
}
.cbs-menu_box-sys {
	width: calc(25% - 10.1px);
}
.cbs-menu_box-bkup_restore {
	width: calc(50% - 10.1px);
}
.cbs-menu_box-rps {
	width: calc(50% - 10.1px);
}
.cbs-menu_box-rdr {
	width: calc(50% - 10.1px);
}

/*////////reseller////////*/
.cbs-menu_box-mon-reseller {
	width: calc(25% - 10.1px);
}
.cbs-menu_box-sys-reseller {
	width: calc(100% - 10.1px);
}
.cbs-menu_box-bkup_restore-reseller {
	width: calc(50% - 10.1px);
}

@media all and (max-width : 800px) {
	.cbs-menu_box-mon, .cbs-menu_box-sys, .cbs-menu_box-bkup_restore, .cbs-menu_box-rps, .cbs-menu_box-rdr, .cbs-menu_box-mon-reseller, .cbs-menu_box-sys-reseller, .cbs-menu_box-bkup_restore-reseller {
		padding-bottom: calc(50% - 10.1px);
		width: calc(50% - 10.1px);
		height: 0;
	}
}

/*/////////////////////////*/
.cbs-new_menu_container-mon {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 100%;
}
.cbs-new_menu_container-sys {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 66.66%;
	clear: left;
}
.cbs-new_menu_container-bkup_restore {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 33.34%;
}
.cbs-new_menu_container-rps {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 33.33%;
}
.cbs-new_menu_container-rdr {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 33.33%;
}
/*//////////reseller////////////*/
.cbs-new_menu_container-mon-reseller {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 100%;
}
.cbs-new_menu_container-sys-reseller {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 25%;
}
.cbs-new_menu_container-bkup_restore-reseller {
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 0px;
	width: 50%;
}
@media all and (max-width : 800px) {
	.cbs-new_menu_container-mon, .cbs-new_menu_container-sys, .cbs-new_menu_container-bkup_restore, .cbs-new_menu_container-rps, .cbs-new_menu_container-rdr,
	.cbs-new_menu_container-mon-reseller, .cbs-new_menu_container-sys-reseller, .cbs-new_menu_container-bkup_restore-reseller {
		width: 100%;
	}
}
/*/////////////////////////*/

.cbs-new_menu_container-mon h2, .cbs-new_menu_container-sys h2, .cbs-new_menu_container-bkup_restore h2, .cbs-new_menu_container-rps h2, .cbs-new_menu_container-rdr h2,
.cbs-new_menu_container-mon-reseller h2, .cbs-new_menu_container-sys-reseller h2, .cbs-new_menu_container-bkup_restore-reseller h2 {
	font-family: Open Sans;
	font-weight: 600;
	font-size: 14px;
	margin: 0;
}
@media all and (max-width : 800px) {
	.cbs-new_menu_container-mon h2, .cbs-new_menu_container-sys h2, .cbs-new_menu_container-bkup_restore h2, .cbs-new_menu_container-rps h2, .cbs-new_menu_container-rdr h2, .cbs-new_menu_container-mon-reseller h2, .cbs-new_menu_container-sys-reseller h2, .cbs-new_menu_container-bkup_restore-reseller h2 {
		font-size:18px;
	}
}
/* .cbs-new_menu_container-mon h2 { color:#9E1F63; } */
.cbs-new_menu_container-mon h2, .cbs-new_menu_container-mon-reseller h2 { color:#cb217c; }
.cbs-new_menu_container-sys h2, .cbs-new_menu_container-sys-reseller h2 { color:#F7931E; }
.cbs-new_menu_container-bkup_restore h2, .cbs-new_menu_container-bkup_restore-reseller h2 { color:#26A9E0; }
.cbs-new_menu_container-rps h2 { color:#47D68F; }
/* .cbs-new_menu_container-rdr h2 { color:#6E246B; } */
.cbs-new_menu_container-rdr h2 { color:#a4309f; }

.cbs-new_menu_container-mon h2 img, .cbs-new_menu_container-sys h2 img, .cbs-new_menu_container-bkup_restore h2 img, .cbs-new_menu_container-rps h2 img, .cbs-new_menu_container-rdr h2 img, .cbs-new_menu_container-mon-reseller h2 img, .cbs-new_menu_container-sys-reseller h2 img, .cbs-new_menu_container-bkup_restore-reseller h2 img {
	width: 32px;
	height: 32px;
}
@media all and (max-width : 800px) {
	.cbs-new_menu_container-mon h2 img, .cbs-new_menu_container-sys h2 img, .cbs-new_menu_container-bkup_restore h2 img, .cbs-new_menu_container-rps h2 img, .cbs-new_menu_container-rdr h2 img, .cbs-new_menu_container-mon-reseller h2 img, .cbs-new_menu_container-sys-reseller h2 img, .cbs-new_menu_container-bkup_restore-reseller h2 img {
		width: 48px;
		height: 48px;
	}
}

/* NEW MENU END */

.cbs-desktop_view { display:block; }
.cbs-mobile_view { display:none; }
@media all and (max-width : 800px) {
	.cbs-desktop_view { display:none; }
	.cbs-mobile_view { display:block; }
}

/*////////////////////////////////////*/

/*//// mobile top menu start ///*/

.m-toggle, [id^=m-drop] {
	display: none;
}

navtest {
	margin: 0;
	padding: 0;
	background-color: #222;
	/* background-image: url(../images/common/header_menu_bg2.png); */
	background-repeat: repeat-x;
	border: none;
	height: 72px;
	font-size: 18px;
	z-index: 100001;
}

navtest a {
	font-family: Open Sans;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	text-decoration: none;
}
navtest a:visited {
	color: #fff;
	text-decoration: none;
	text-decoration: none;
}
navtest a:hover {
	color: #fff;
	text-decoration: none;
}

navtest:after {
	content: "";
	display: table;
	clear: both;
}

navtest ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

navtest ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	/* background-color: #015796; */
	z-index: 100001;
}

navtest ul li a {
	display: block;
	padding: 0 12px 0 12px;
	font-family: Open Sans;
	font-weight: 300;
	color: #FFF;
	font-size: 18px;
	line-height: 72px;
	text-decoration: none;
}

navtest ul li a:hover {
	color: #FFF;
	background-color: #222;
	/*background-image:url(../images/common/header_menu_bg_hover.png);
	background-repeat:repeat-x;*/
}

navtest ul li ul li:hover { color: #FFF; background: #222; }

/*nav a:hover { background-color: #000000; }*/

navtest ul ul {
	display: none;
	position: absolute;
	top: 72px;
}

navtest ul li:hover > ul { display: block; }

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 800px) {

navtest {
	margin: 0;
	position: absolute;
	background-color: transparent;
	height: 40px;
	z-index: 100001;
	right: 0px;
}

.m-toggle + a, .m-menu {
	display: none;
}

.m-toggle {
	display: block;
	padding: 0;
	font-family: Open Sans;
	font-weight: 300;
	color: #FFF;
	font-size: 18px;
	line-height: 48px;
	text-decoration: none;
	text-align: left;
	z-index: 10002;
	cursor: pointer;
}

.m-topmenu {
	display: block;
	position: absolute;
	border-top: none;
	height: 48px;
	padding: 0;
	top: 0px;

	right: 0px;

	width: 48px;
	background-color: #000;
	background-image: url(/cbs/images/menu_stripes.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 100001;
}

.m-menutxt {
	font-family: Open Sans;
	font-weight: 300;
	font-size: 18px;
}

.m-toggle_arrow {
	background-image: url(/cbs/images/menu_down_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

[id^=m-drop]:checked + ul { display: block; z-index: 10000; top: 48px; }

navtest ul li {
	display: block;
	padding: 0 0 0 0px;
	background-color: #222;
	width: calc(100vw - 10px);
	border-top: 1px solid #000;
	z-index: 10000;
}
navtest ul li:hover {
	background-color: #222;
}

navtest ul li a {
	display: block;
	padding: 0;
	color: #FFF;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 18px;
	line-height: 48px;
	text-decoration: none;
	text-align: left;
	z-index: 10000;
}
navtest ul li img {
	width:48px; height:48px;
}
navtest ul li a:link, navtest ul li a:hover, navtest ul li a:visited {
	font-family: Open Sans;
	font-weight: 300;
	color: #fff;
}

navtest ul ul .m-toggle, navtest ul ul a {
	padding: 0 20px;
}

navtest ul li ul li .m-toggle, navtest ul ul a {
	background-color: #222;
}

navtest ul ul {
	float: none;
	position: static;
	color: #ffffff;
}

navtest ul ul li:hover > ul, navtest ul li:hover > ul {
	display: none;
}

navtest ul ul li {
	display: block;
	width: calc(100vw - 10px);
	padding: 0;
	margin-left: 0px;
}

navtest ul ul li a {
	display: block;
	padding: 0;
	font-family: Open Sans;
	font-weight: 300;
	color: #FFF;
	font-size: 14px;
	line-height: 48px;
	text-decoration: none;
	text-indent: 48px;
	z-index: 10000;
}

}

/*//// mobile top menu end ///*/

.cbs-mobile_friendly img {
	position: fixed;
	display: block;
	left: 8px;
	bottom: 0px;
	z-index: 1000001;
	height: 48px;
	width: auto;
}
@media all and (max-width : 800px) {
	.cbs-mobile_friendly img {
		display: none;
	}
}

.cbs-defaultImageText { color:a1a1a1; }

.cbs-thumbnail_bg {
	display: inline-block;
	vertical-align: bottom;
	width: 50px;
	height: 50px;
	border: 2px solid #CCC;
	background-image: url(/cbs/images/thumbnail_bg.png);
	margin: 10px 10px 0 0;
}

.cbs-thumbnail {
	color: #000;
	font-size: 12px;
	line-height: 12px;
}

.cbs-thumbnail img {
	max-width: 46px;
	max-height: 46px;
	width: auto;
	height: auto;
}

.cbs-thumbnail span { display: table-cell; vertical-align: middle; height: 46px; overflow: hidden; }

.cbs-imageText { display: inline-block; }

.cbs-defaultImageText { display: inline-block; color: #999; }

ul.cbs-thumbnail_bg li input { display: none; }

ul.cbs-thumbnail_bg li input:checked + .cbs-overlay { display: table; }

.cbs-overlay {
	width:100vw;
	height:100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 999;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
}

.cbs-overlay label {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.cbs-overlay img {
	display: inline;
	border: none;
	padding: 10px;
}

#close { display: none; }

input.cbs-round-dl_button {
	text-decoration: none;
	height: 24px;
	width: 24px;
	background-color: #CCC;
	background-image: url(/cbs/images/ico_24_download_black.png);
	background-position: left;
	background-repeat: no-repeat;
	margin-right: 5px;
	border-radius: 50%;
}

@media all and (max-width : 800px) {
	input.cbs-round-dl_button {
		height: 48px;
		width: 48px;
		background-image: url(/cbs/images/ico_24_download.png);
	}
}

#loading {
	background-color: #333;
	opacity: 0.5;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-image: url('/cbs/images/loading.gif');
	background-position: center;
	background-repeat: no-repeat;
}

.cbs-title-textfield-break {
	display: block; width: 100%; min-height: 5px; margin: 0 0 0 0;
}

.cbs-field-group-break {
	display: block; width: 100%; min-height: 10px; margin: 0 0 0 0;
}

.cbs-group-break {
	display: block; width: 100%; min-height: 25px; margin: 0 0 0 0;
}

.checkboxForm {
	padding-left: 24px;
}

.mfaMessage {
	font-size: 18px; line-height: 40px;
}

.mfaReminderTitle {
	align-self: center;
	padding-top: 10px;
	line-height: 1.2em;
}

.mfaReminderBody {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.mfaReminderTextDiv {
	max-width: 35%;
	min-width: 300px;
	margin: 10px;
	font-size: 1.5em;
}

.mfaReminderImageDiv {
	max-width: 35%;
	min-width: 300px;
	margin: 10px;
	overflow-x: hidden;
}

.mfaTitle {
	margin-left: 50px; padding-top: 10px;
}

.mfaBody {
	margin-left: 50px; padding-top: 10px;
}

.mfaMessage-small {
	font-size: 15px; line-height: 30px;
}

div input[type="text"].text-liked-text-input{
	color: #000000;
	background-color: #ffffff;
	border: #ffffff;
}

.treeview.no-line li { background-image: none; }

.cbs-flex-container {
	display: flex;
	flex-wrap: wrap;
}

.cbs-flex-container > .cbs-flex-div {
	display: inline;
}

.cbs-flex-container > .download-page-div {
	margin: 10px;
	padding: 30px;
	line-height: 50px;
	width: 300px;
	height: 300px;
}

.download-page-div .download-link-div {
	padding-left: 0px;
	line-height: 40px;
	color: #03678b;
}

.download-page-div .download-description-div {
  line-height: 20px;
  word-wrap: break-word;
}

.download-page-div .download-platform-title {
	font-size: 1.1em;
	font-weight: bold;
}

input.passcodeBox, input.passcodeBox:disabled {
	width: 40px;
	height: 40px;
	margin: 10px 20px 10px 0px; 
	text-align: center;
}

/* For OnAhsay */
/*form[name^="EditBackupSetBean"] #cloudRunType {color:gray;}*/
form[name^="EditBackupSetBean"] #general.cloudFileBackup.runOnServer { display:none;}
form[name^="EditBackupSetBean"] [class="cbs-radiobtn runOnServer-radiobtn"] { display:none; }
/*form[name^="EditBackupSetBean"] #o365RunType {color:gray;}*/

form[name=ShowDownloadIndexBean] div > ul > li:nth-of-type(5) { display:none; }
form[name=ShowDownloadIndexBean] div > ul > li:nth-of-type(6) { display:none; }

form[name=EditUserBean] #vmwareQuotaType { display:none; }
form[name=EditUserBean] #vmwareQuota { display:none; }
form[name=EditUserBean] #msExMailQuota { display:none; }
form[name=EditUserBean] #granularRestoreQuota{ display:none; }
form[name=EditUserBean] #msHyperVQuotaType { display:none; }
form[name=EditUserBean] #msHyperVQuota { display:none; }

form[name=ShowSystemIndexBean] div > ul > li:nth-of-type(2)[data-help-page-id='3'] { display:none; }
form[name=ShowSystemIndexBean] div > ul > li:nth-of-type(3)[data-help-page-id='4'] { display:none; }
form[name=ShowSystemIndexBean] div > ul > li:nth-of-type(5)[data-help-page-id='7'] { display:none; }

input[src='/cbs/images/ico_24_stat.png'] { display:none; }

/* Hide trial options by default */
form[name=ConfigIndexBean] #vmwareQuotaType { display:none; }
form[name=ConfigIndexBean] #vmwareQuota { display:none; }
form[name=ConfigIndexBean] #msExMailQuota { display:none; }
form[name=ConfigIndexBean] #openDirectQuota { display:none; }
form[name=ConfigIndexBean] #msHyperVQuotaType { display:none; }
form[name=ConfigIndexBean] #msHyperVQuota { display:none; }

/* Show trial options for Admin */
form[name=ConfigIndexBean] > div > div:nth-of-type(2) > div:nth-of-type(2) #vmwareQuotaType { display:inline; }
form[name=ConfigIndexBean] > div > div:nth-of-type(2) > div:nth-of-type(2) #vmwareQuota { display:inline; }
form[name=ConfigIndexBean] > div > div:nth-of-type(2) > div:nth-of-type(2) #msExMailQuota { display:inline; }
form[name=ConfigIndexBean] > div > div:nth-of-type(2) > div:nth-of-type(2) #openDirectQuota { display:inline; }
form[name=ConfigIndexBean] > div > div:nth-of-type(2) > div:nth-of-type(2) #msHyperVQuotaType { display:inline; }
form[name=ConfigIndexBean] > div > div:nth-of-type(2) > div:nth-of-type(2) #msHyperVQuota { display:inline; }

.cbs-1280_container div[onclick*='runDirect'][onclick*='do'] { display:none; }

form[name=EditSysUserBean] > div:nth-of-type(2)> div:nth-of-type(2) ul > li:nth-of-type(2) { display:none; }
form[name=EditSysUserBean] > div:nth-of-type(2)> div:nth-of-type(2) ul > li:nth-of-type(3) { display:none; }