@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:10px;margin:15px 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;
}
.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 {
    /*padding-bottom: calc(16.66% - 10px);*/
    width: calc(16.66% - 10px);
}
.cbs-menu_box-sys {
    /*padding-bottom: calc(25% - 10px);*/
    width: calc(25% - 10px);
}
.cbs-menu_box-bkup_restore {
    /*padding-bottom: calc(50% - 10px);*/
    width: calc(50% - 10px);
}
.cbs-menu_box-rps {
   /* padding-bottom: calc(50% - 10px);*/
    width: calc(50% - 10px);
}
.cbs-menu_box-rdr {
    /*padding-bottom: calc(50% - 10px);*/
    width: calc(50% - 10px);
}

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

@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% - 10px);
		width: calc(50% - 10px);
		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);
	}
}