html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	list-style: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-size: 12px;
	font-family: Arial,Helvetica,Garuda,sans-serif;
}

:focus {
	outline:none;
}
::-moz-focus-inner {
	border: 0;
	padding: 0;
}

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: none; 
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #d7d7d7; 
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(109, 199, 122, 1);
    -webkit-box-shadow: none; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(109, 199, 122, 0.5); 
}

body {
	background: #f3f3f3 url(../images/body_bg.gif) repeat-x 0 -19px;
	color: #777777;
	font-size: 12px;
	font-family: Arial,Helvetica,Garuda,sans-serif;
}

a:link, a:visited, a:active {
	color: #c69c71;	
	text-decoration: none;
}

	a:hover {
		color: #b58b62;
		text-decoration: underline;
	}


h1, h2, h3, h4 {
	color: #575957;		
	font-weight: normal;
	font-family: Trebuchet MS, Arial,Helvetica,Garuda,sans-serif;
}

h1 {
	font-size: 22px;
	display: block;
	background-color: #3e4341;
	color: #ffffff;
	padding: 10px 20px;
	margin: 0 0 10px 0;

}
h2 {
	font-size: 24px;
	margin: 0 0 10px 0;
}
	h2 div {
		font-size: 12px;
		font-weight: bold;
	}
	h2 div b {
		display: none;
	}
	
h3 {
	font-size: 18px;
}
h4 {
	font-size: 12px;
}

b, strong {
	font-weight: bold;
}

p {
	margin: 0 0 10px 0;
}

hr {
	border: 0 none;
	height: 1px;
	background-color: #666666;
	margin: 20px 0;
}

table {
	border-collapse: collapse;
}
	
	table th {
		text-align: left;
		font-weight: bold;
		vertical-align: middle;
		text-transform: capitalize;
	}


	table td {
		vertical-align: top;
		text-align: left;
	}

	table.sortable th {
	}
	table.sortable th.sorting {
		cursor: pointer;
	}
	table.sortable th.sorting_asc, table.sortable th.sorting_desc {
		color: #2BA452;
		cursor: pointer;
		
	}
	table.sortable th.sorting_asc {
		background: transparent url(../images/th_arr_up.gif) no-repeat 99% 50%;
		padding-right: 10px;
	}
	table.sortable th.sorting_desc {
		background: transparent url(../images/th_arr_down.gif) no-repeat 99% 50%;
		padding-right: 10px;
	}


.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}






/* FORMS */

.form {
}

	fieldset {
		margin: 0;
	}

	legend {
		font-size: 20px;
		font-family: Trebuchet MS, Arial,Helvetica,Garuda,sans-serif;
		padding: 8px;
		margin: -4px 0 20px -14px;
		background-color: #3E4341; /*2BA452;*/
		color: #fff;
		display: inline-block;
	}

		legend.small {
			font-size: 16px;
			padding: 6px;
			margin: -4px 0 10px -14px;
			background-color: #969696; /*2BA452;*/
			color: #fff;
		}

		legend.small b {
			font-size: 16px;
			font-weight: bold;
		}

		legend.highlight {
			background-color: #d7d7d7; /*2BA452;*/
			color: #3E4341; /*#fff;*/
			font-size: 16px;
			padding: 6px;
			margin: -4px 0 10px -14px;			
		}

		legend.highlight2 {
			background-color: #2BA452;
			color: #fff;
			font-size: 16px;
			padding: 6px;
			margin: -4px 0 10px -14px;			
		}

		legend b {
			font-weight: bold;
		}

		legend li {
			padding: 2px 10px 2px 20px;
		}

		label {
			display: block;
			color: #6e6e6e;
			margin: 0 0 2px 0;
			font-weight: bold;
		}

			label.required {
				background: transparent url(../images/required.gif) no-repeat 0 center;
				padding-left: 10px;
			}

		input, select, textarea {
			padding: 1px;
			color: #828282;
			font-size: 12px;
			font-family: Arial,Helvetica,Garuda,sans-serif;
			margin-bottom: 10px;
		}

		input[type="text"], input[type="file"], input[type="password"], select, textarea {
			width: 300px;
			padding: 5px 10px;
			border: solid 1px #ececec;
			background: #f3f3f3;
			font-size:13px;
		}

		input[type="checkbox"].checked {
		}
			
		
		input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
			background: #fafafa;
		}

			input[type="text"].text {
				width: 500px;
			}

			input[type="text"].date {
				width: 200px;
			}

			input[type="text"].number {
				width: 200px;
				text-align: right;
			}

		select {
		  background:#FFFFFF;
		  border:3px solid #3E4341;
		  color:#3E4341;
		  font-size:14px;
		  font-weight:bold;
		  height:34px;
		  line-height:14px;
		  width:300px;
		}
			select.daterange {
				width: 150px;
				margin-bottom: 10px;
			}

		textarea {
			height: 100px;
		}
		textarea.css {
			font-family: courier new, courier;
			height: 100px;
		}
		textarea.css_mobile {
			font-family: courier new, courier;
			height: 100px;
		}
		a.css_trigger, a.msg_trigger {
			font-weight: bold;
			display: block;
			margin: 10px 0 5px 0;
		}

		input[type="button"], input[type="submit"], button {
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			margin: 20px 0 0 10px;;
			padding: 0 10px;
			height: 34px;
			line-height: 34px;
		}



/* LAYOUT */


#container {
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 100%;
}

	#header, #main, #footer {
		margin: 0 auto;
		width: 1320px;
		min-width: 1320px;
		max-width: 1320px;
		overflow: hidden;
		clear: both;
	}


/* -------------------------------->   H E A D E R   <----------------------------------- */

#header {
	height: 100px;
	background-color: transparent;
	position: relative;
}

	#logo {
		float: left;
		margin: 30px 0 0 0;
	}
	
	#logo_ct {
		float: left;
		margin: 17px 0 0 40px;
	}

	#welcome {
		float: right;
		margin: 10px 0 0 0;
		color: #bcbcbc;
	}

		#welcome a {
			color: #ffffff;
		}



		#header ul.links {
			position: absolute;
			bottom: 15px;
			right: 10px;
		}
		#header ul.links li {
			display: inline;
			padding: 0 0 0 20px;
		}

				#header ul.links a {
					background: url("../images/arrow_green.png") no-repeat scroll 0 center transparent;
					color: #2BA452;
					font-weight: bold;
					padding: 0 0 0 15px;
				}
					#header ul.links a.selected {
						background: url("../images/arrow_white.png") no-repeat scroll 0 center transparent;
						color: #ffffff;
					}




/* -------------------------------->   M A I N   <----------------------------------- */

#main {
	padding: 8px 0 20px 0;
	border-bottom: 1px solid #c7c7c7;
}

	#submenu {
		margin: 0 20px 15px 20px;
	}

		#submenu li{
			display: inline;
			padding: 0 50px 0 0;
		}
			#submenu li a {
				color: #666666;
				font-weight: bold;
				font-size: 13px;
			}
			
			#submenu li.selected {
				background: transparent url(../images/arrow_green.png) no-repeat  0 center;
				padding-left: 15px;
			}
			
			#submenu li.selected a {
				color: #2BA452;
			}



		#main .right {
			float: right;
			text-align: right;
			margin-left: 20px;
		}

		#main .left {
			float: left;
			text-align: left;
			margin-right: 20px;
		}






/* ----------------------------------->   F O O T E R   <---------------------------------- */

	#footer {
		
	}







/* ----------------------------------->   O T H E R   <---------------------------------- */

.analysis {
	background: transparent url(../images/graph_ico.gif) no-repeat  0 center;
	padding-left: 25px;
}


.clear {
	clear: both;
}

.wrapper {
	padding: 10px 0px;
}

.selected {
	color: green;
}
.selected_kpi, table.list label.selected_kpi {
	background-color: #2BA452;
	color: #fff;
	font-weight: bold;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 12px;
	display: inline-block;
}
	.selected_kpi.alerted_kpi, table.list label.selected_kpi.alerted_kpi {
		background-color: #ff0000;
		color: #fff;
		font-weight: bold;
	}

		table.subtable .kpioptions label {
			font-weight: bold;
			min-width: 20px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			display: inline-block;		
		}


ul.float_ul li {
	display: inline;
	padding: 0 10px 0 0 ;
}








/* MESSAGE BOXES */

	.messages_info, .messages_ok, .messages_ko, .messages_okko {
		padding: 15px 20px 15px 60px;
		font-weight: normal;
		margin: 10px 0 0 0;
	}

		.messages_info li, .messages_ok li, .messages_ko li, .messages_okko li {
			padding: 0 0 10px 0;
		}

		.messages_info li:last-child, .messages_ok li:last-child, .messages_ko li:last-child, .messages_okko li:last-child {
			padding: 0;
		}

	.messages_info, .info {
		background-color: #EBECDD;
		background: #EBECDD;
	}

	.messages_ok {
		color: #fff;
		background: #73E87A;
		padding: 15px 20px;
	}

	.messages_ko, .error {
		color: #ff3333;
		background: #ffcccc url(../images/icon_warning.png) no-repeat  15px 8px;
	}
	input.error, select.error, textarea.error {
		border: 1px solid #ffd3d3;
		color: #ff3333;
		background-color: #FFDDDD;
		background-image: none;
	}

	.messages_okko {
		color: #555;
		background: #f4f4f4 url(../images/icon_info.png) no-repeat  15px 8px;
	}




/* OTHER */

.hidden {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

.bold, label.bold, option.bold, ul.feedback label.bold, ul.feedback option.bold {
	font-weight: bold;
}

/* TABLE SUBTABLE */

table.subtable {
	width: 100%;
}
	table.subtable tr td:first-child{
		font-weight: bold;
		padding-right: 10px;
		width: 160px;
		min-width: 160px;
		max-width: 160px;
	}
	table.subtable tr td.kpioptions, table.subtable tr th.kpioptions {
		width: 520px;
		min-width: 520px;
		max-width: 520px;
	}
	table.subtable p {
		font-size: 14px;
		color: #969696;
		overflow: hidden;
	}
	table.subtable h3 {
		font-size: 17px;
	}
	
table.container {
	width: 100%;
	border-bottom: 0px;
}	
	table.list td.container, table.list td th.container {
		width: 50%;
		padding: 0;
		border-bottom: 0px;
	}
	table.list td.container:first-child, table.list td th.container:first-child {
		padding-right: 20px;
	}
	table.list td.container:last-child, table.list td th.container:last-child {
		padding-left: 20px;
	}
	
	table.list td.prevcontainer {
		padding: 20px 20px 10px 20px;
	}

	a.preview_show {
		display: inline-block;
		width: 23px;
		height: 23px;
		line-height: 23px;
		overflow: hidden;
		background: transparent url(../images/icons.png) no-repeat 0 0;
	}
		a.preview_show span {
			display: none;
		}
	
		a.preview_show.loading, a.preview_show:hover {
			background: transparent url(../images/icons.png) no-repeat -23px 0;
		}
		a.preview_show.loadingerror {
			background: transparent url(../images/icons.png) no-repeat -46px 0;
		}
		a.preview_show.loadingsuccess, a.preview_show.loadingsuccess:hover {
			background: transparent url(../images/icons.png) no-repeat -69px 0;
		}	
	a.preview_show.small, a.preview_show.small:hover {
		width: 12px;
		height: 12px;
		line-height: 12px;
		background: transparent url(../images/icons.png?v=2.png) no-repeat -92px 0;
		margin: 0 0 -2px 2px;
		cursor: pointer;
		text-decoration: none;
	}	
	


.loading .loadingcnt {
	position: absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index:10; 
	background: rgba(255,255,255,.7) url(../images/loading.gif) no-repeat 50% 50%;
}


/* LIST TABLE */

table.list {
	width: 100%;
}
	table.list tr {
		border: 0;
	}

		table.stats td, table.stats th {
			text-align: right;
			width: 100px;
			min-width: 100px;
		}
			table.stats td.name, table.stats th.name {
				text-align: left;
				width: 160px;
			}
			
		table.stats_small td, table.stats_small th {
			text-align: right;
			width: 100px;
		}
			table.stats_small td.name, table.stats_small th.name {
				text-align: left;
				width: 160px;
			}
			
		table.stats_centered td, table.stats_centered th {
			text-align: center;
			width: 80px;
			min-width:80px;
			max-width: 80px;
			overflow: hidden;
		}
			table.stats_centered td.name, table.stats_centered th.name {
				text-align: left;
			}

	table.list tr.bordered {
		border: 3px solid #3E4341;
	}	
		table.list tr.bordered td, table.list tr.bordered:hover td.st_new, table.list tr.bordered:hover td.st_active, table.list tr.bordered:hover td.st_closed, table.list tr.bordered:hover td.highlighted {
			background: #3E4341;
			color: #fff;
			border-right: 1px solid #4c4c4c;
		}
			
			table.list tr.bordered td:last-child {
				border-right: none;
			}


	table.list tr.bordered2_pre td {
		border-bottom-color: #4c4c4c;
		border-bottom-style: solid;
	}
	table.list tr.bordered2 td {
		background: #3E4341;
		color: #fff;
		border-color: #4c4c4c;
		border-style: solid;
	}
	table.list tr.bordered2.highlighted2 td {
		border-top: 2px solid #3E4341;
	}
	table.list tr.bordered2 td.higher{
		color:#33cc33;
	}
	table.list tr.bordered2 td.lower{
		color:#ff4444;
	}	




	table.list tr.deleted {
		color: #c0c0c0;
	}	
		table.list tr.deleted td {
			color: #c0c0c0;
		}

	table.list tr.tr_ext {
		border-bottom: 3px solid #3E4341;
		border-left: 3px solid #3E4341;
		border-right: 3px solid #3E4341;
		background: #fff;
	}

		table.list th {
			color: #969696;
			text-transform: uppercase;
			border-bottom: 1px solid #969696;
			padding: 8px 8px 5px 8px;
		}
		table.list tr.visible th {
			color: #666;
		}
		table.list tr.visible th b {
			font-size: 13px;
		}
		table.list tr.visible th b span {
			font-size: 12px;
			text-transform: none;
			display: block;
			margin: -5px 0 0 0;
			color: #888;
		}
		
		table.list.listsmall th {
			padding: 5px;
		}

			table.list tr.subheader th {
				border-bottom: none;
				padding: 30px 0 0 0;
			}

			table.list tr.subheader h3 {
				margin: 0;
				text-transform: none;
			}

		table.list td {
			border-bottom: 1px dashed #c8c8c8;
			padding: 8px;
			color: #666666;
		}

		table.list.listsmall td {
			padding: 5px;
		}

		table.list td.bordered, table.list th.bordered, table.list tr.highlighted2 td.bordered, table.list tr.highlighted2 th.bordered {
			border-right: 3px solid #cdcdcd;
			font-weight: normal;
		}
		table.list td.title, table.list th.title {
			width: 150px;
			min-width: 150px;
			overflow-y: hidden;
			font-weight: bold;
			text-align: left;
		}
		table.list td.subtitle, table.list th.subtitle {
			width: 200px;
			min-width: 200px;
			overflow-y: hidden;
			font-weight: normal;
			text-align: left;
		}
		table.list.rightalign td, table.list th {
			text-align: right;
		}
		table.list.rightalign td.title, table.list th.title, table.list.rightalign td.subtitle, table.list th.subtitle {
			text-align: left;
		}
		table.list.rightalign tr.selected td.subtitle, table.list.rightalign tr.selected span, table.list.rightalign tr.selected td {
			font-size: 14px;
			color: #666;
		}
		table.list.rightalign tr.selected td.subtitle, table.list.rightalign tr.selected span {
			font-weight: bold;
		}
		
		table.splited td, table.splited th, table.splited td div, table.splited th div {
			height: 18px;
			max-height: 18px;
			line-height: 18px;
			overflow: hidden;
			padding: 8px 12px;
		}
		
		table.splited tr td.trend, table.splited tr th.trend {
			padding: 8px 0 8px 8px;
			text-align: center;
		}
		
		table.splited td div, table.splited th div {
			padding: 0;
		}

	table.splited .higher, table.splited .lower {
		color: #666666;
	}		
		
		table.splited.spliteddata td, table.splited.spliteddata td span {
			color: #888;
		}
		
		table.splited .selected .higher {
			color:#33cc33;
		}
		table.splited .selected .lower {
			color:#ee2222;
		}	
		
		table.splited .selected .trend span.higher {
			background:#33cc33;
			color: #fff;
			padding: 4px 6px;
			border-radius: 4px; 
		}	
		table.splited .selected .trend span.lower {
			background:#ee2222;
			color: #fff;
			padding: 4px 6px;
			border-radius: 4px; 
		}	
		
	table.splited tr.bordered2.highlighted2.selected td, table.splited tr.bordered2.highlighted2.selected td * {
		color: #aaa;
	}	
	table.splited tr.bordered2.highlighted2.selected td span, table.splited tr.bordered2.highlighted2.selected td div {
		color: #fff;
		font-weight: bold;
	}
	
	table.splited tr.visible th {
		height: 34px;
		min-height: 34px;
		max-height: 34px;
		overflow: hidden;
	}
		
		
		
		
		

			table.list tr.odd, table.list tbody.odd, table.list tr.odd2, table.list tbody.odd2 {
				background-color: #ffffff;
			}

			table.list tr.even, table.list tbody.even, table.list tr.even2, table.list tbody.even2 {
				background-color: #f5f5f5;
			}

			table.list tr.error {
				background-color: #ffeeee;
				background-image: none;
				border: 0;
			}

			table.list tr.st_new, td.st_new {
				background-color: #ffeeee;
				background-image: none;
				border: 0;
			}

			table.list tr.st_active, td.st_active {
				background-color: #ddeeff;
				background-image: none;
				border: 0;
			}

			table.list tr.st_closed, td.st_closed {
				background-color: #eaeaea;
				background-image: none;
				border: 0;
			}

			table.list tr.highlighted, td.highlighted {
				background-color: #eaeaea;
				font-weight: bold;
			}
			table.list tr.highlighted2, td.highlighted2 {
				background-color: #efefef;
				font-weight: bold;
			}
			table.list tr.highlighted3, td.highlighted3 {
				background-color: #efefef;
				font-weight: bold;
			}

		table.list tr.odd:hover, table.list tbody.odd:hover, table.list tr.odd2:hover, table.list tbody.odd2:hover {
			background-color: #eeeeee;
		}
		table.list tr.even:hover, table.list tbody.even:hover, table.list tr.even2:hover, table.list tbody.even2:hover {
			background-color: #eeeeee;
		}
		table.list tr.error:hover, table.list tr:hover td.error {
			background-color: #ffdddd;
		}
		table.list tr.st_new:hover, table.list tr:hover td.st_new {
			background-color: #ffdddd;
		}
		table.list tr.st_active:hover, table.list tr:hover td.st_active {
			background-color: #ccddee;
		}
		table.list tr.st_closed:hover, table.list tr:hover td.st_closed {
			background-color: #dadada;
		}
		table.list label {
			display: inline;
		}
		
		table.list.brief td .small {
			display: none;
			margin: 0 0 -3px 0;
		}
		
		table.list.brief .bordered2 td .small, table.list.brief .bordered2 td .small, table.list.brief .bordered3 td .small, table.list.brief .bordered3 td .small, table.list.brief .highlighted td .small, table.list.brief .highlighted2 td .small {
			display: block;
		}
		
		table.list.brief .bordered2 td.big , table.list.brief .bordered2 td.big  {
			font-size: 16px;
		}
		
			table.list.brief td .small .lower, table.list.brief td .small .higher {
				color: #777;
			}
			table.list.brief tr:hover td .small {
				display: block;
				padding: 0;
			}
			table.list.brief tr.nodetails:hover td .small {
				display: none;
			}



		table.tiny_list td, table.tiny_list th {
			padding: 2px;
		}


table.list2 {
	width: 100%;
}
	table.list2 tr.odd, table.list2 tr.odd2 {
		border: 0;
	}

		table.list2 th {
			color: #969696;
			text-transform: uppercase;
			border-bottom: 1px solid #969696;
			padding: 10px 5px 5px 5px;
		}

		table.list2 td {
			border-bottom: 1px dashed #c8c8c8;
			padding: 10px 5px;
			color: #666666;
		}

		table.list2 td.qr {
			padding: 2px 0;
		}
		table.list2 td.qr, table.list2 th.qr {
			width: 100px;
		}
		table.list2 td.qr img {
			border: 1px solid #efefef;
		}






table.datatable {
	overflow-y: auto;

}
	table.datatable .name {
		text-align: left;
	}
	table.datatable td, table.datatable th {
		text-align: right;
	}
	table.datatable td, table.datatable th {
		cursor: pointer;
	}





.light {
	font-size: 11px;
	color: #969696;
}



/* BUTTON */

.button {
	font-weight: bold;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	line-height: 100%;
	padding: 0 10px;
	margin: 0px;
	height: 34px;
	line-height: 34px;
			
	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	color: #ffffff;
	border: solid 1px #2BA452;
	background: #2BA452;
}

	.button:hover {
		background: #31b95d;
		border: solid 1px #31b95d;
	}

	.button span {
		padding: 0 20px 0 0;
		background: transparent url(../images/arrow_green.gif) no-repeat  100% 0;
	}



	a.button {
		color: #ffffff;
	}
	a.button:hover {
		text-decoration: none;
	}




.button2 {
	font-weight: bold;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	line-height: 100%;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
			
	text-shadow: 0 1px 0px rgba(255,255,255,.3);

	color: #737e7a;
	border: solid 1px #b4b9bd;
	background: #b4b9bd;
}

	.button2:hover {
		background: #afb3b7;
		border: solid 1px #afb3b7;
	}

	.button2 span {
		padding: 0 20px 0 0;
		background: transparent url(../images/arrow_gray.png) no-repeat  100% 0;
	}

	a.button2 {
		color: #737e7a;
	}
	a.button2:hover {
		text-decoration: none;
	}


.button_disabled, .button_disabled:hover {
	color: #999;
	border: solid 1px #cdcdcd;
	background: #cdcdcd;
	text-shadow: none;
	cursor: not-allowed;
}
	.button_disabled span, .button_disabled:hover span {
		background-image: none;
		padding: 0;
	}


.button_back {
	font-weight: bold;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	line-height: 100%;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
			
	text-shadow: 0 1px 0px rgba(255,255,255,.3);

	color: #737e7a;
	border: solid 1px #b4b9bd;
	background: #b4b9bd;
}

	.button_back:hover {
		background: #afb3b7;
		border: solid 1px #afb3b7;
	}

	.button_back span {
		padding: 0 20px 0 0;
		background: transparent url(../images/arrow_gray.gif) no-repeat  0 center;
	}

	button_back.button {
		padding: .5em 1em .7em 1em;
	}

	a.button_back {
		color: #737e7a;
	}
	a.button_back:hover {
		text-decoration: none;
	}




/* BOX */


ul.boxes_2 {
	width:1336px;
	display:table;
	border-spacing: 8px 8px;
	margin-bottom: -8px;
	margin-left: -8px;
}


	ul.boxes_2 li.box {
		display: table-cell;
		vertical-align: top;
	}

	.box .sidelegend {
		float: right; 
		width: 270px; 
		margin-top: 18px;
		background: #F4F4F4 url(http://localhost/ct/template/template/v1/images/icon_info.png) no-repeat no-repeat 15px 15px;
		color:#555;	
		font-weight: bold;	
		padding: 20px 20px 20px 60px;
	}


ul.boxes_3 {
	width:1336px;
	display:table;
	border-spacing: 8px 8px;
	margin-bottom: -8px;
	margin-left: -8px;
}
	ul.boxes_3 li.box {
		display: table-cell; 
		vertical-align: top;
	}
	ul.boxes_3 li.boxes {
		display: table-cell;
	}

	ul.boxes_3 li.boxes div.box:first-child  {
		margin-top: 0;
	}




	.box {
		padding: 14px;
		border: 1px solid #d7d7d7;
		background-color: #ffffff;
		margin-top: 8px;
	}







ul.inline li {
	display: inline-block;
}






/* NAVIGATOR */

.navigator {
	display: block;
	margin: 10px 0 0 0;
	float: right;
}
	.navigator.top {
		margin: 0 0 14px 0;
	}
	
	.navigator b {
		display: inline-block;
		padding: 2px 5px;
		background-color: #2BA452;
		color: #ffffff;
	}
	.navigator a {
		display: inline-block;
		padding: 2px 5px;
		background-color: #cdcdcd;
		color: #3E4341;
		text-decoration: none;
		font-weight: bold;
	}
		.navigator a:hover {
			background-color: #3E4341;
			color: #ffffff;
			text-decoration: none;
		}



/* BUSINESS PROFILE */


#profile {	
	display: block;
	background-color: #3e4341;
	color: #bcbcbc;
	padding: 16px;
	margin: 0;
}

	#profile label {
		color: #ddd;
	}

	#profile form table {
		width: 1px;
	}

	#profile h1, #profile h2, #profile h3, #profile h4, #profile h5, #profile h6 {
		font-weight: normal;
		font-family: Trebuchet MS, Arial,Helvetica,Garuda,sans-serif;
		background-color: transparent;
		padding: 0;
		margin: 0;
		border: none;
		color: #ffffff;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

	}

	#profile h1 {
		font-size: 26px;
		margin: 10px 0 5px 0;
	}
	
	#profile .stats.values h1 {
		font-size: 24px;
	}	
	#profile .stats.values h1 {
		font-size: 24px;
		margin: 5px 0 0 0;
	}
	#profile .stats.values h1.low {
		color: #FF2222;
	}
		#profile .stats.values h1.low span, #profile .stats.values h1.low b {
			color: #bcbcbc;
		}	
	
		#profile h1 b {
			font-size: 12px;
			font-weight: normal;
			font-family: Trebuchet MS, Arial,Helvetica,Garuda,sans-serif;
			color: #bcbcbc;
			display: block;
		}
		#profile h1 span {
			font-size: 12px;
			font-weight: normal;
			font-family: Trebuchet MS, Arial,Helvetica,Garuda,sans-serif;
			color: #bcbcbc;
		}

	#profile h4 {
		font-size: 14px;
		margin: -4px 0 0 0;
		font-weight: bold;
	}

	#profile h5 {
		font-size: 12px;
		margin: 0 0 10px 0;
		font-weight: normal;
	}

	#profile select, #profile input {
		width: 200px;
		height: 34px;
		padding: 0 10px;
		border: 0;
		margin: 0 5px;
		border-radius: 4px;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

		#profile input.invisible {
			padding: 0;
			margin: 0;
			border: 0;
			background: red;
			width: 0px;
			max-width: 0px;
			opacity: 0;
		}
		
		.Zebra_DatePicker {
			margin: 20px 0 0 230px;
		}	


	#profile table {
		margin: 0;
		width: 100%;
	}
		#profile td {
			padding: 0 20px 0 10px;
			border-right: 1px solid #545957;
		}
		#profile table td:first-child {
			padding: 0 20px 0 0;
		}
		#profile table td:last-child {
			padding: 0 0 0 10px;
		}

		#profile td.stats {
			min-width: 100px;
		}

		#profile td.infotd {
			width: 200px;
		}

		#profile td.links {
			width: 130px;
			min-width: 130px;
			padding: 0 0 0 10px;
			border-right: 0;
		}

			#profile td.links ul {
				margin-top: 3px;
				width: 100%;
			}

				#profile td.links a {
					background: url("../images/arrow_green.png") no-repeat scroll 0 center transparent;
					color: #2BA452;
					font-weight: bold;
					line-height: 20px;
					padding: 0 0 0 15px;
				}
					#profile td.links a.selected {
						background: url("../images/arrow_white.png") no-repeat scroll 0 center transparent;
						color: #ffffff;
					}

		#profile td.qr {
			width: 80px;
			min-width: 80px;
			padding: 0;
			border: none;
		}
		
		#profile b.header {
			display: block;
			margin: 7px 0 14px 0;
		}



		#profile a {
			color: #2BA452;
		}

		#profile ul.inline li {
			display: inline-block;
			float: left;
			height: 32px;
			line-height: 32px;
			padding: 0 0 20px 0;
		}

		#profile #profile_info {
			margin: 10px 0 0 0;
			display: block;
			clear: both;
		}

			#profile #profile_info td {
				border: none;
				padding: 0 20px 2px 0;
			}


		#profile #feedbackchange_container {
			display: block;
			margin: 0 0 5px 0;
		}
		#profile #feedbackchange_container li.selected {
			font-size:14px;
			font-weight:bold;
			color: #ffffff;
		}

	
	#profile_header #logo {
		margin: 0;
	}
	#profile_header #logout {
		margin: 0;
	}




#profileupdate {	
	display: block;
	background-color: #cc5555;
	color: #bcbcbc;
	padding: 16px;
	margin: 0 0 10px 0;
}

	#profileupdate label {
		color: #fff;
	}

	#profileupdate li {
		display: inline-block;
		margin: 0 30px 0 0;
	}

	#profileupdate li.infobox {
		width: 260px;
		color: #eee;
		margin: 0 0 0 70px;
		padding: 0 0 0 40px;
		background: url("../images/icon_info2.png") no-repeat scroll 0 0 transparent;
		min-height:29px;
	}

	#profileupdate input {
		width: 220px;
		color: #555;
		border: 1px solid #f3f3f3;
		padding: 0 10px;
		height: 34px;
		border-radius: 4px;
	}

	#profileupdate input.small {
		width: 120px;
	}

	#profileupdate .button {
		color: #fff;
		background-color: #3E4341;
		border: 1px solid #3E4341;
	}

	#profileupdate .button span {
		background: url("../images/arrow_white.png") no-repeat scroll 100% center transparent;
	}

	#profileupdate .button:hover {
		background-color: #2E3331;
		border: 1px solid #2E3331;
	}
	
						


	#profileupdate h1 {
		font-weight: normal;
		font-family: Trebuchet MS, Arial,Helvetica,Garuda,sans-serif;
		background-color: transparent;
		padding: 0;
		margin: 0;
		border: none;
		color: #ffffff;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

		font-size: 17px;
		margin: 0 0 20px 0;
	}



/* OTHER */

#welcome a.own_feedback {
	color: #2BA452;
	display: inline-block;
	margin-top: -5px;
}


#kpi_selector td {
	padding: 6px 20px;
}

.vertical {
	height: 100px;
}
	.vertical div {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);	
		-o-transform: rotate(90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

		transform-origin: 50%  50%;
		-moz-transform-origin: 50%  50%;
		-webkit-transform-origin: 50%  50%;
		-o-transform-origin: 50%  50%;
		-ms-transform-origin: 50%  50%;

		display: block;
		width: 100px;
		overflow: hidden;
	}


.aright {
	text-align: right;
}
.acenter {
	text-align: center;
}
.avmiddle {
	vertical-align: middle;
}
.higher, table.list td.higher, .active, .bordered2 td higher {
	color:#33cc33;
}
tr.dimm td, td.dimm {
	opacity: 0.7;
}



.active2 {
	color:#3333ff;
}
.grayout, table.list td.grayout {
	color: #C0C0C0;
}
.lower, table.list td.lower, .bordered2 td lower {
	color:#ee2222;
}
.med0, table.list td.med0, .bordered2 td med0 {
	color:#996633;
}
.med1, table.list td.med1, .bordered2 td med1 {
	color:#aa9933;
}
.med2, table.list td.med2, .bordered2 td med2 {
	color:#339933;
}
.same, table.list td.same {
	color:#bababa;
}
.leftborder {
	border-left: 1px dashed #C8C8C8;
}
.small, .small * {
	font-size: 10px;
}
table.ranking td, table.ranking th {

}
table.ranking td table.small td {
	width: auto;
	min-width: auto;
}
table.list td.small {
	padding: 2px 20px 2px 10px;
}
table.small {
	width: 100%;
}
	table.small td {
		padding: 4px;
		text-align: right;
		border: none;
	}
	

		table.list td.w_50 , table.list th.w_50 {
			width: 50px;
			max-width: 50px;
			min-width: 50px;
		}
		
		table.list td.w_100, table.list th.w_100 {
			width: 100px;
			max-width: 100px;
			min-width: 100px;
		}
		
		table.list td.w_150, table.list th.w_150 {
			width: 150px;
			max-width: 150px;
			min-width: 150px;
		}
		
		table.list td.a_left, table.list th.a_left {
			text-align: left;
		}	
	
.highlight {
	background-color: #dfdfdf;
}
.bold {
	font-weight: bold;
}
.odd .highlight, .odd2 .highlight {
	background-color: #dfdfdf;
}

.even:hover .highlight, .even2:hover .highlight {
	background-color: #d9d9d9;
}
.odd:hover .highlight, .odd2:hover .highlight {
	background-color: #d9d9d9;
}

.numcol, table.list td.numcol, table.list th.numcol {
	text-align: center;
	vertical-align: middle;
	width: 30px;
}
.leftal, table.list td.leftal, table.list th.leftal {
	text-align: left;
	vertical-align: middle;
}
.stacol, table.list td.stacol, table.list th.stacol {
	text-align: center;
	vertical-align: middle;
	width: 60px;
}
.stacol.active {
	color: #2BA452;
}
.stacol.active2 {
	color: #3944D0;
}
.name2 {
	font-size: 11px;
	color: #888;
}
table.list .name2 {
	display: block;
}

	
	
	
/* RECORD EDIT BOX */

table.list .recordedit {

}
	table.list .recordedit table {
		clear: both;
		width: 100%;
	}

		table.list .recordedit table td:last-child {
			text-align: right;
		}
	
		table.list .recordedit label {
			display: block;
		}
		table.list .recordedit select {
			width: 100px;
		}	
		table.list .recordedit textarea {
			width: 800px;
			height: 14px;
			font-size: 14px;
			font-weight: normal;
			color: #666666;
		}	
		table.list .recordedit button {
			margin: 10px 0 0 0;
			display: block;
		}	

	

	
	
	
.dataTables_filter {
	float: none;
	text-align: right;
	margin: -34px 0 0 10px;
}	
	.dataTables_filter input {
		width: 200px;
		  background:#FFFFFF;
		  border: 3px solid #cdcdcd;
		  color:#828282;
		  font-size:12px;
		  padding: 5px;
		  margin: 0 10px 0 0;
		  border-radius: 4px;
	}

	
.dataTables_paginate {
	display: block;
	margin: 10px 0;
}	 
	
.dataTables_paginate a {
	display: inline-block;
	padding: 2px 4px;
	cursor: block;
}

.dataTables_paginate a.paginate_button.current {
	color: #fff;
	background: #3e4341;
}

.DTTT_container {
	float: left;
	margin: 0 0 -25px 0;
}

	.DTTT_button {
		position: relative;
		display: inline-block;
		margin: 0 20px 10px 0;
		cursor: pointer;
		font-weight: bold;
		color:#C69C71;
		text-decoration:none;		
	}
	
	
	
	
.pos {
	color: #66bb66;
}
.neg {
	color: #ff6666;
}

.even:hover .pos, .odd:hover .pos {
	font-weight: bold;
	color: #2BA452;
}
.even:hover .neg, .odd:hover .neg {
	font-weight: bold;
	color: #ff3333;
}

.bignumber {
	font-size: 38px;
	font-family:'Trebuchet MS', Arial, Helvetica, Garuda, sans-serif;
	display: block;
	margin: 20px 0 40px 0;
}

		.colourbadge {
			border-radius:4px;
			display:block;
			float:left;
			height:14px;
			margin-right:6px;
			width:18px;
			opacity: 1;
		}
		.colourbadge.deselected {
			opacity: 0.2;
		}
		.colourbadge.active {
			cursor: pointer;
		}
		.colourbadge.single {
			background: #cdcdcd url(../images/graph_ico.gif) no-repeat  center center;
		}
		
		.badge {
			border-radius:4px;
			display:inline-block;
			padding: 1px 2px;
			font-size: 10px;
			background-color: #DADADA;
			color: #666670;
			float: right;
			cursor: help;
		}
		
		.badge.good {
			background-color: #33CC33;
			color: #fff;
		}
		
		.badge.bad {
			background-color: #EE2222;
			color: #fff;
		}
		
		.xaxislabel {
			color: #888; 
			position: relative;
			z-index: 10;
		}
			.xaxislabel:hover {
				font-weight: bold;
				text-decoration: none;
			}		
			.xaxislabel.current {
				color: #555; 
				background: #C8C8C8; 
				border: 3px solid #C8C8C8; 
				border-top: 2px solid #C8C8C8;
				font-weight: bold;
			}
		

.highcharts-container {
  position: inherit ;
}
.highcharts-tooltip {
  z-index: 9998;
}

tspan{
    text-decoration:none;
    text-shadow:none !important;
}		

/* SELCTOR */

		#businessselector { 
			position: relative; 
			margin: 0 0 10px 0;
			display: inline-block;
			width: 240px;
			min-width: 240px;
		}

		#businessselector > span {  
			color: #2BA452;
			margin-top: 10px;
			display: block;
		}
		#businessselector:hover > span {  
			text-decoration: underline;
			cursor: pointer;
		}

		#businessselector > ul {  
			display: none; 
			max-height: 400px;
			overflow-y: auto;
			width: 240px;
			min-width: 240px;
		}

		#businessselector:hover > ul {
			display: block; 
			position: absolute;
			z-index: 1000;
			background-color:#f3f3f3;
			margin:0;
			padding:10px;	
			border: 1px solid #D7D7D7;	
		}

			#businessselector > ul li { 
				padding: 5px; 
			}

			#businessselector a {
				color: #2BA452;
				font-weight: normal;
				font-size: 12px;
				font-family: Arial;
			}

			#businessselector > ul li span {
				color: #888;
				font-size: 11px;
			}
			
			
			
			
			
.rankingposition {
	text-align: right;
}	

	.rankingposition b {
		background:#dadada;
		border-radius:4px;
		color:#666;
		display:inline-block;
		font-size:18px;
		padding:4px;
		text-align: center;
	}

	.rankingposition b span {
		font-size: 11px;
		color: #888;
		display: block;
		font-weight: normal;
		margin-top: -2px;
	}	

		.rankingposition.high b {
			background:#2BA452;
			color:#FFFFFF;
		}
		.rankingposition.high b span {
			color:#eee;
		}

		.rankingposition.low b{
			background:#F34545;
			color:#FFFFFF;
		}
		.rankingposition.low b span {
			color:#eee;
		}	
		
	.kpirankingtable .rankingposition b {
		font-size: 14px;
	}
	.kpirankingtable .rankingposition b  span{
		font-size: 10px;
		margin-top: -1px;
	}
		
		
#profile table td.profilepicture {
	width: 120px;
	max-width: 120px;
	border: 0;
	padding: 0;
	text-align: left;
}	
	
	td.profilepicture img {
		width: 100px;
		height: 100px;
		border-radius: 4px; 
		border: 1px solid #545957;
	}	
	
.help {
    cursor: help;
}