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: #FFBC57;
    -webkit-box-shadow: none; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,179,227, 0.5); 
}

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

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

	a:hover {
		color: #FFBC57;
		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: #171716;
	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: #FF8439;
		cursor: pointer;
		
	}
	table.sortable th.sorting_asc {
		background: transparent url(../images/th_arr_up.gif) no-repeat 1px 50%;
		padding-right: 10px;
	}
	table.sortable th.sorting_desc {
		background: transparent url(../images/th_arr_down.gif) no-repeat 1px 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: #171716; /*2BA452;*/
		color: #fff;
	}
	


		legend b.subhighlight {
			background-color:#FF8439;
			color:#FFFFFF;
			display:block;
			font-size:14px;
			font-weight:normal;
			margin:5px -8px -8px;
			padding:2px 10px 2px 8px;
		}

		legend b.subhighlight u {
			color:#fff;
			font-weight: bold;
		}	

		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: #171716; /*#fff;*/
			font-size: 16px;
			padding: 6px;
			margin: -4px 0 10px -14px;			
		}

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

		legend b {
			font-weight: bold;
		}

		legend.highlight b {
			display: block;
			font-weight: bold;
			font-size: 14px;
			color: #FF8439;
		}

		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: 0 2px 0 0;
		}

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

		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 {
			width: 320px;
		}
			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-top: 20px;
			padding: 0 10px;
			height: 30px;
			line-height: 30px;
		}



/* LAYOUT */


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

	#header_container {
		background: #171717;
	}


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


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

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

	#logo {
		float: left;
		margin: 33px 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;
		}

	#topmenu {
		position: absolute;
		bottom: 0;
		right:0;
	}

		#topmenu li {
			position: relative;
			float: left;
			display: inline-block;
			height: 37px;
			background: #FF8439;
			margin-left: 1px;
		}

		#topmenu li.selected {
			background: #F3F3F3;
		}

			#topmenu li:hover {
				background: #fff;
			}

			#topmenu li:hover a {
				color: #FF8439;
			}
			
				#topmenu li.disabled:hover {
					background: #C4C8CB;
					cursor: arrow;
				}

				#topmenu li.disabled:hover a {
					color: #FF8439;
				}
				
					#topmenu li a {
						float: left;
						font-weight: bold;
						color: #fff;
						height: 37px;
						line-height: 37px;
						text-align: center;
						font-size: 13px;
						padding: 0 20px;
					}
				
						#topmenu li.selected a {
							color: #FF8439;
						}
				
						#topmenu li a:hover {
							text-decoration: none;
							color: #FF8439;
						}
				
					#topmenu li.disabled a {
						cursor: arrow;
						color: #999999;
					}
				



			#topmenu .right {
				float: right;
			}





		#multilevel { 
			position: relative; 
		}

		#multilevel > ul {  
			display: none; 
		}

		#multilevel:hover > ul {
			display: block; 
			position: absolute;
			top: 36px;
			z-index: 1000;
			background-color:#fff;
			margin:0;
			padding:0;	
			width: auto;
			border: 1px solid #D7D7D7;
			border-top: 0;
			text-align: center;
		}

			#multilevel > ul li, #multilevel > ul li:hover { 
				background:transparent;
				display:inline-block;
				float:none;
				height:auto;
				margin-left:1px;
				position:relative;
				margin: 0;
				padding: 0;
				text-align: center;
			}

			#multilevel > ul li a { 
				float: none;
				font-weight: bold;
				color: #FF8439;
				height: auto;
				line-height: 1;
				background: transparent;
				display: inline-block;
				text-align: center;
				font-size: 13px;
				padding: 10px;
				margin: 0;
				text-align: center;
			}

			#multilevel > ul li a:hover { 
				text-decoration: underline;
				color: #FF8439;
			}


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

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

	#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_white.png) no-repeat  0 center;
				padding-left: 15px;
			}
			
			#submenu li.selected a {
				color: #FF8439;
			}



		#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: #FF8439;
	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;		
		}

#kpiText {
	margin-bottom: 20px;
}

#linkHolder {
	margin-bottom: 20px;
}
	#linkHolder div {
		width: auto;
		display: inline;
		margin-right: 10px;
	}
	#linkHolder div span {
		padding: 3px 10px;
		background-color: #5fc6e7;
		color: #000000;
		font-weight: bold;
	}
	#linkHolder div a {
		padding: 3px 10px;
		background-color: #8cc641;
		color: #ffffff;
		font-weight: bold;
	}



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, a.preview_show2 {
		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, a.preview_show2 span {
			display: none;
		}
	
		a.preview_show.loading, a.preview_show:hover, a.preview_show2.loading, a.preview_show2:hover {
			background: transparent url(../images/icons.png) no-repeat -23px 0;
		}
		a.preview_show.loadingerror, a.preview_show2.loadingerror {
			background: transparent url(../images/icons.png) no-repeat -46px 0;
		}
		a.preview_show.loadingsuccess, a.preview_show.loadingsuccess:hover, a.preview_show2.loadingsuccess, a.preview_show2.loadingsuccess:hover {
			background: transparent url(../images/icons.png) no-repeat -69px 0;
		}	
	a.preview_show.small, a.preview_show.small:hover, a.preview_show2.small, a.preview_show2.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 #171716;
	}	
		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: #171716;
			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: #171716;
		color: #fff;
		border-color: #4c4c4c;
		border-style: solid;
	}
	table.list tr.bordered2 td.higher{
		color:#33cc33;
	}
	table.list tr.bordered2 td.lower{
		color:#ee2222;
	}	




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

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

		table.list th {
			color: #969696;
			text-transform: uppercase;
			border-bottom: 1px solid #969696;
			padding: 10px 10px 5px 10px;
		}
		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: 10px 10px;
			color: #666666;
		}

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

			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 td .small .lower, table.list.brief td .small .higher {
				color: #777;
			}
			table.list.brief tr:hover td .small {
				display: block;
				padding: 0;
			}



		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;
	height: 30px;
	line-height: 30px;
			
	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	color: #ffffff;
	border: solid 1px #FF8439;
	background: #FF8439;
}

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

	.button span {
		padding: 0 20px 0 0;
		background: transparent url(../images/arrow_white.png) 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.feedback {
	margin: 0;
}

	ul.feedback li {
		padding: 0;
	}

		ul.feedback ul {
			margin: 0;
		}

			ul.feedback ul li {
				padding: 0 0 20px 0;
			}

		ul.feedback table {
			margin: 5px 0 0 0;
		}

			ul.feedback table td {
				padding: 0 5px 0 0;
			}

	ul.feedback h1 {
		margin: 0 0 20px 0;
	}
	ul.feedback h3 {
		margin: 0 0 5px 0;
	}
	ul.feedback i {
		display: block;
		font-size: 13px;
	}
	ul.feedback hr {
		border: 0 none;
		height: 1px;
		background-color: #666666;
		margin: 20px 0;
	}
	ul.feedback p {
		display: block;
		margin: 0px 0 10px 0;
	}
	ul.feedback label {
		font-weight: normal;
		display: inline;
		cursor: pointer;
	}
	ul.feedback label.error, ul.feedback textarea.error, ul.feedback select.error {
		background-image: none;
		font-weight: bold;
	}

	.error2, a.error2 {
		font-weight: bold;
		color: #ff0000;
	}
	.info2, a.info2 {
		font-weight: bold;
		color: #939e35;
	}

	.comment_trigger, .comment {
		margin: 5px 0 0 4px;
		display: block;
	}





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







/* FB EDIT FORM */

#form_fb_edit table#form_fb_edit_details {

}
	#form_fb_edit table#form_fb_edit_details td {
		padding: 0 20px 0 0;
	}

	#form_fb_edit table#form_fb_edit_details input[type="text"] {
		width: 340px;
	}

	#form_fb_edit table#form_fb_edit_details select {
		width: 250px;
	}

	#form_fb_edit table#form_fb_edit_details textarea {
		width: 880px;
		height: 60px;
	}
	#form_fb_edit table#form_fb_edit_details .css_container textarea {
		height: 100px;
	}
	#form_fb_edit button {
		margin-right: 30px;
	}



/* UD OPTIONS FORM */

#form_ud_options {
	margin: 0 0 20px 0;
}

#form_ud_options table {

}
	#form_ud_options table td {
		padding: 0 20px 0 0;
	}

	#form_ud_options table select {
		width: 150px;
	}

	#form_ud_options table button {
		margin-top: 32px;
	}


/* OUTCOME */

#form_outcome_add {

}
	#form_outcome_add table td {
		padding: 0 20px 0 0;
	}

	#form_outcome_add table input[type="text"] {

	}

	#form_outcome_add table textarea {
		width: 520px;
		height: 82px;
	}


/* INVITE FORM */

#form_outcome table {

}
	#form_outcome table td {
		padding: 0 20px 0 0;
	}

	#form_outcome table input[type="text"] {
		width: 220px;
	}
	#form_outcome table textarea {
		width: 350px;
		height: 100px;
	}


#form_outcome_browse {
	margin: 0 0 20px 0;
}
	#form_outcome_browse table td {
		padding: 0 20px 0 0;
	}

	#form_outcome_browse table input {
		width: 110px;
	}

	#form_outcome_browse table select {
		width: 210px;
	}

		#form_outcome_browse table select.small {
			width: 80px;
			font-size: 12px;
		}

	#form_outcome_browse table button {
		margin: 30px 0 0 0;
	}

#form_outcome_records {

}
	#form_outcome_records input {
		width: 110px;
		text-align: right;
	}




/* INVITE FORM */

#form_invite table {

}
	#form_invite table td {
		padding: 0 20px 0 0;
	}

	#form_invite table input[type="text"] {
		width: 220px;
	}
	#form_invite table textarea {
		width: 350px;
		height: 120px;
	}


#form_invite_browse {
	margin: 0 0 20px 0;
}
	#form_invite_browse table td {
		padding: 0 20px 0 0;
	}

	#form_invite_browse table input {
		width: 210px;
	}

	#form_invite_browse table select {
		width: 210px;
	}

		#form_invite_browse table select.small {
			width: 80px;
			font-size: 12px;
		}

	#form_invite_browse table button {
		margin: 30px 0 0 0;
	}

#form_records_browse {
	margin: 0;
}
	#form_records_browse table td {
		padding: 0 20px 0 0;
	}

	#form_records_browse table input {
		width: 170px;
	}

	#form_records_browse table input[type="checkbox"] {
		width: auto;
	}

	#form_records_browse table input[type=checkbox] + label {
		font-weight: normal;
		display: inline-block;
		cursor: pointer;
	}
		#form_records_browse table input.small {
			width: 70px;
			text-align: right;
			font-size: 12px;
		}
		#form_records_browse table input.tiny {
			width: 50px;
			text-align: right;
		}
		#form_records_browse table input.vtiny {
			width: 20px;
			text-align: right;
		}

	#form_records_browse table select {
		width: 180px;
	}

		#form_records_browse table select.small {
			width: 80px;
			font-size: 12px;
		}

	#form_records_browse table button {
		margin: 0;
	}


#form_alerts_browse {
	margin: 0 0 20px 0;
}
	#form_alerts_browse table td {
		padding: 0 20px 0 0;
	}

	#form_alerts_browse table input {
		width: 120px;
	}
		#form_alerts_browse table input.tiny {
			width: 50px;
			text-align: right;
		}

	#form_alerts_browse table select {
		width: 160px;
	}

		#form_alerts_browse table select.small {
			width: 80px;
			font-size: 12px;
		}

	#form_alerts_browse table button {
		margin: 30px 0 0 0;
	}


#form_alerts_manage {

}
	#form_alerts_manage select {
		width: 85px;
	}
	#form_alerts_manage textarea {
		width: 100%;
		height: 40px;
	}



#form_suggestkpi table {

}
	#form_suggestkpi table td {
		padding: 0 20px 0 0;
	}

	#form_suggestkpi table input[type="text"] {
		width: 220px;
	}
	#form_suggestkpi table textarea {
		width: 320px;
		height: 100px;
	}
	#form_suggestkpi table ul {
		margin-top: 30px;
	}




/* 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: #FF8439;
		color: #ffffff;
	}
	.navigator a {
		display: inline-block;
		padding: 2px 5px;
		background-color: #cdcdcd;
		color: #171716;
		text-decoration: none;
		font-weight: bold;
	}
		.navigator a:hover {
			background-color: #171716;
			color: #ffffff;
			text-decoration: none;
		}



/* BUSINESS PROFILE */

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

	#profile > label {
		color: #ddd;
	}

	#profile form table {
		width: 1px;
	}

		#businessselector { 
			position: relative; 
			margin: 0 0 10px 0;
		}

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

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

		#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; 
			}

				#profile #businessselector h3 { 
					background-color: #575957;
					color:#F3F3F3;
					font-weight: normal;
					font-size: 17px;
					font-family: Trebuchet MS,Arial,Helvetica,Garuda,sans-serif;
					padding: 5px;
				}

				#businessselector > ul li ul { 
					padding: 0;
				}

					#businessselector > ul li ul li a { 
						color: #575957;
						font-weight: normal;
						font-size: 17px;
						font-family: Trebuchet MS,Arial,Helvetica,Garuda,sans-serif;
					}

					#businessselector > ul li ul li ul { 
						padding: 0;
					}

		#businessselector ul li ul li ul li  {
			padding: 1px 15px; 		
		}
			#businessselector ul li ul li ul li a {
				color: #FF8439;
				font-weight: normal;
				font-size: 12px;
				font-family: Arial;
			}



		#formselector { 
			position: relative; 
			margin: 0 0 10px 0;
			width: 700px;
		}

		#formselector > span {  
			color: #FF8439;
			margin-top: 10px;
			display: inline-block;
			width: auto;
		}
		#formselector:hover > span {  
			text-decoration: underline;
			cursor: pointer;
		}

		#formselector > ul {  
			display: none; 
			max-height: 400px;
			overflow-y: auto;
		}

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

			#formselector > ul li { 
				padding: 0; 
			}
				#formselector > ul ul  { 
					margin: 8px 0 0 0; 
				}
				#formselector > ul > li { 
					padding: 0 32px 10px 0; 
					float: left;
					font-size: 14px;
				}

			#formselector input {
				margin: 0;
			}

			#formselector label.current, #form_records_browse table input[type="checkbox"] + label.current {
				font-weight: bold;
			}




	#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 {
		width: 200px;
		height: 34px;
		line-height: 34px;
		padding: 0px;
		border: 0px;
		border-radius: 5px;
		

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

	#profile input {
		width: 200px;
		height: 34px;
		line-height: 34px;
		padding: 0px 4px;
		border: 0px;
		border-radius: 5px;

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

	#profile input.date, #profile select.date {
		width: 120px;
	}

	#profile b {
		display: block;
		margin-bottom: 4px;
		font-size: 12px;
	}
	
	#profile #businessselector b {
		margin-bottom: 0;
	}
	



	#profile table {
		margin: 0;
		width: 100%;
	}
		#profile td {
			padding: 0 20px 0 10px;
			border-right: 1px solid #545957;
			width:90%;
		}
		#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: 115px;
		}

		#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_white.png") no-repeat scroll 0 center transparent;
					color: #FF8439;
					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 form {
			margin-left: 0;
		}

		#profile a {
			color: #FF8439;
		}

		#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 .table {
	
	}
		#profile .table > li {
			padding: 10px 10px 0 0 ;
			float: left;
		}
			#profile .table > li:last-child {
				padding: 10px 0 0 0 ;
			}
			#profile .table > li button {
				margin: 2px;
			}


/* OTHER */

#welcome a.own_feedback {
	color: #FF8439;
	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;
}
.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;
}


tr.dimm td, td.dimm {
	opacity: 0.4;
}

		.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;
		}

		.colourbadge.single.deselected {
			opacity: 0.4;		
		}
		
.loadercontainer.loading, .loading2 {
	background: #fff url(../images/loading.gif) no-repeat center 50px;
}
.loadercontainer.loading *, .loading2 * {
	opacity: 0.2;
}		
		
		.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;
		}
		
.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;
	}
.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;
}
.stacol, table.list td.stacol, table.list th.stacol {
	text-align: center;
	vertical-align: middle;
	width: 60px;
}
.stacol.active {
	color: #FF8439;
}
.stacol.active2 {
	color: #3944D0;
}
.name2 {
	font-size: 11px;
	color: #888;
}

/* RANKING TABLE */

#ranking {
	border: 1px solid #ffffff;
}

	#ranking th {
		border: 1px dashed #C8C8C8;
		border-bottom: 1px solid #C8C8C8;
		padding: 10px;
		vertical-align: middle;
	}
	#ranking th.small {
		border: 1px dashed #C8C8C8;
		border-bottom: 1px solid #C8C8C8;
		padding: 2px 10px;
		vertical-align: middle;
	}

	#ranking td {
		border: 1px dashed #C8C8C8;
		padding: 10px;
		vertical-align: middle;
	}
	
	#ranking td.small {
		border-top: none;
		padding: 2px 10px;
		vertical-align: middle;
	}
	
	#ranking tbody {
		border-bottom: 1px solid #c8c8c8;
	}
	#ranking .heading {
		padding: 10px;
		min-height: 53px;
	}

	#ranking .aright b {
		font-size: 14px;
	}


	#ranking .thisbusiness {
		background-color: #eaeaea;
	}
	
	
#fch_container {
	position: relative;
	height: 280px;
}	
	#fch_container li {
		position: absolute;
		display: none;
		width: 100%;
	}
	
	
	
/* 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: right;
	text-align: right;
	margin: -40px 0 0 0;
}	
	.dataTables_filter input {
		width: 200px;
		margin: 0 0 0 10px;
	}
	
.DTTT_container {
	float: left;
}

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

.even:hover .pos, .odd:hover .pos {
	font-weight: bold;
	color: #FF8439;
}
.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;
}

.inline {
	display: inline-block;
}







		table.change_history {
			border: 0;
		}
	
		table.change_history th {
			border: 0;
			font-size: 12px;
		}
	
		table.change_history td {
			border: 0;
			font-size: 12px;
		}
		
		table.change_history th:first-child, table.change_history td:first-child {
			width: 200px;
			text-align: left;
		}
		
		table.change_history th:nth-child(2), table.change_history td:nth-child(2) {
			width: 150px;
			text-align: left;
		}
		
		table.change_history th:nth-child(3), table.change_history td:nth-child(3), table.list .recordedit table.change_history td:last-child {
			text-align: left;
		}	
		
		table.list .recordedit table.change_history td {
			padding: 5px 10px;
		}