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


body {
	background: #f3f3f3 url(../images/body_bg.png) repeat-x 0 0;
	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: transparent;
	margin: 10px 0;
	border-bottom: 1px dashed #ccc;
}

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: #931625;
		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: #3E4341; /*931625;*/
		color: #fff;
		clear: both;
		display: inline-block;
	}

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

		legend select {
		  background:transparent;
		  border:0;
		  color:#3E4341;
		  font-size:16px;
		  margin:0;
		  padding:0;
		  width:100%;
		  cursor: pointer;
		}

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

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

		legend.highlight2 {
			background-color: #931625;
			color: #fff;
			font-size: 16px;
			padding: 6px;
			margin: -4px 0 10px -14px;			
		}
		
		legend.highlight3 {
			color: #4e4e4e;
			padding: 0;
			margin: 0 0 30px 0;
			background: none;
			font-weight: bold;
			font-size: 18px;		
		}
		
		legend.highlight3 span {
			font-size: 14px;		
		}
		
		legend.highlight3 span.subheader {
			font-size: 12px;	
			font-weight: normal;
		}
		
		.kpibucket legend.highlight3 {
			color: #666;
			padding: 0;
			margin: 0 0 30px 0;
			background: none;
			font-weight: bold;
			font-size: 16px;		
		}

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

		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;
			}
			
			input::placeholder { 
				color: #bbb; 
			}

		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;
		}
		
		
		.searchbox2 {
			margin: 20px 0 0 0;
		}
		.searchbox2 label, .searchbox2 button span {
			color: #ffffff;
		}
		.searchbox2 button {
			margin: 0 0 0 5px;
		}



/* 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;
		clear: both;
	}

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

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

	#logo {
		float: left;
		margin: 22px 0 0 0;
	}

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

		#welcome a, #welcome b {
			color: #ffffff;
		}

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

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

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

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

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

				#topmenu li.disabled:hover a {
					color: #931625;
				}
				
					#topmenu li a, #topmenu li span {
						float: left;
						font-weight: bold;
						color: #fff;
						height: 35px;
						line-height: 35px;
						text-align: center;
						font-size: 13px;
						padding: 0 11px;
					}
				
						#topmenu li.selected a, #topmenu li.selected span {
							color: #3E4341;
						}
				
						#topmenu li a:hover, #topmenu li span:hover {
							text-decoration: none;
							color: #3E4341;
						}
				
					#topmenu li.disabled a, #topmenu li span {
						cursor: not-allowed;
						color: #ddd;
					}
				



			#topmenu .right {
				float: right;
			}




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

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

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



		#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: #31b95d;
	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: 550px;
		min-width: 550px;
		max-width: 550px;
	}
	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.delete {
		display: inline-block;
		width: 10px;
		height: 10px;
		line-height: 10px;
		overflow: hidden;
		background: transparent url(../images/icon_delete.png) no-repeat 50% 50%;
	}
	
	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;
	}	
	


	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_show2 span {
			display: none;
		}
	
		a.preview_show2.loading, a.preview_show2:hover {
			background: transparent url(../images/icons.png) no-repeat -23px 0;
		}
		a.preview_show2.loadingerror {
			background: transparent url(../images/icons.png) no-repeat -46px 0;
		}
		a.preview_show2.loadingsuccess, a.preview_show2.loadingsuccess:hover {
			background: transparent url(../images/icons.png) no-repeat -69px 0;
		}	
	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%;
}


.loading {
	display: block;
	padding: 20px 20px 50px 20px;
	text-align: center;
	background: #fff 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-top: 3px solid #3E4341;
		border-bottom: 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 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 #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: 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.highlighted .main, td.highlighted.main, table.list tr.highlighted2 .main, td.highlighted2.main {
					color: #fff;
					font-weight: bold;
					font-size: 20px;
					padding-top: 20px;
					padding-bottom: 20px;
					border: 1px solid #EAEAEA;
					background: #3E4341;
				}
				

				table.list tr.highlighted .main2, table.list tr.highlighted.main2 td, td.highlighted.main2, table.list tr.highlighted2 .main2, td.highlighted2.main2 {
					font-weight: bold;
					font-size: 16px;
					padding-top: 10px;
					padding-bottom: 10px;
				}
				

				table.list tr.highlighted .main2.good, td.highlighted.main2.good, table.list tr.highlighted2 .main2.good, td.highlighted2.main2.good, table.list tr.highlighted .main.good, td.highlighted.main.good, table.list tr.highlighted2 .main.good, td.highlighted2.main.good {
					color: #44D04E;
				}
				

				table.list tr.highlighted .main2.bad, td.highlighted.main2.bad, table.list tr.highlighted2 .main2.bad, td.highlighted2.main2.bad, table.list tr.highlighted .main.bad, td.highlighted.main.bad, table.list tr.highlighted2 .main.bad, td.highlighted2.main.bad {
					color: #ee0000;
				}
				
			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%;
	min-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;
			min-width: 60px !important;
		}

		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.list2.leftaligned td, table.list2.leftaligned th {
			vertical-align: top;
			text-align: left;
			min-width: 150px;
		}
		


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


table.dataTable span.highlight {
	background-color: #FFFF22;
	border-radius: 0;
	padding: 0 2px;
}

table.dataTable span.column_highlight {
	background-color: #ffcc99;
	border-radius: 0;
	padding: 0 2px;
}

.min_records {
	text-align: right;
	font-weight: bold;
}
	.min_records input {
		text-align: right;
		width: 40px;
		padding-left: 10px;
	}



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

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

	.button.dark {
		background: #3E4341;
		border: 1px solid #3E4341;
	}

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

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

	.button.dark 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:1340px;
	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(../images/icon_info.png) no-repeat no-repeat 15px 15px;
		color:#555;	
		font-weight: bold;	
		padding: 20px 20px 20px 60px;
	}


ul.boxes_3 {
	width:1340px;
	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 .narrow input, #form_records_browse table .narrow select {
			width: 100px;
		}

	#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;
}
	.navigator.top {
		margin: 0 0 14px 0;
	}
	
	.navigator b {
		display: inline-block;
		padding: 2px 5px;
		background-color: #931625;
		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 input {
		width: 100px;
		height: 20px;
		line-height: 20px;
		border-radius: 4px;
		padding: 5px;
	}

	#profile select {
		width: 100px;
		height: 30px;
		line-height: 30px;
		border-radius: 4px;
		padding: 0 5px;
	}

	#profile button {
		margin: 0;
	}

	#profile  table {
		width: 1px;
	}

	#profile table td:last-child{
		border: 0;
	}

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

		#businessselector > span {  
			color: #931625;
			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: #931625;
				font-weight: normal;
				font-size: 12px;
				font-family: Arial;
			}



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

		#formselector > span {  
			color: #931625;
			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;

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


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

		#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: #931625;
					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.stats.values {
				vertical-align: bottom;
			}

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

		#profile a {
			color: #931625;
		}

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




/* OTHER */

#welcome a.own_feedback {
	color: #931625;
	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;
}
.active2 {
	color:#3333ff;
}
.grayout, table.list td.grayout {
	color: #C0C0C0;
}
.higher, table.list td.higher, .active, .bordered2 td higher {
	color:#33cc33;
}
.lower, table.list td.lower, .bordered2 td lower {
	color:#ee2222;
}
.good, table.list td.good, .active, .bordered2 td good {
	color:#44D04E;
}
.bad, table.list td.bad, .bordered2 td bad {
	color:#ee0000;
}
.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;
	}
.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;
}
table.list th.businesses {
	text-align: left;
}
.stacol.active {
	color: #931625;
}
.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 {
	display: inline-block;
	margin: 10px 0 0 0;
	float: right;
}

	.DTTT_button {
		position: relative;
		display: inline-block;
		margin: 0 20px 0 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: #931625;
}
.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;
}

table.list td.borderleft, table.list th.borderleft {
	border-left: 4px solid #D8D8D8;
}














.table1 {

}

	.table1 thead, .table1 thead th {
		background: #fff;
	}

	.table1 tr.even {
		background-color: #f5f5f5;
	}

	.table1 tr.odd {
		background-color: #ffffff;
	}

		.table1 tr:hover {
			background-color: #eeeeee;
		}
		.table1 tr.highlighted:hover {
			background-color: #d9d9d9;
		}

		.table1 tr th.highlighted {
			background-color: #ededed;
		}

		.table1 tr.even td.highlighted {
			background-color: #ededed;
		}

		.table1 tr.odd td.highlighted {
			background-color: #f5f5f5;
		}

		.table1 tr.even:hover td.highlighted {
			background-color: #d5d5d5;
		}

		.table1 tr.odd:hover td.highlighted {
			background-color: #dfdfdf;
		}

	.table1 tr.highlighted {
		background-color: #eaeaea;
		font-weight: bold;
	}

		.table1 tr.highlighted td {
			background-color: #eaeaea;
			font-weight: bold;
			border-bottom: 1px solid #cdcdcd;
		}

			.table1 tr.highlighted td.main {
				color: #fff;
				font-weight: bold;
				font-size: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
				border: 1px solid #3E4341;
				background: #3E4341;
			}
				
			.table1 tr.highlighted td.main2 {
				font-weight: bold;
				font-size: 16px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
				

				.table1 tr.highlighted td.main.good, .table1 tr.highlighted td.main2.good {
					color: #44D04E;
				}
	
				.table1 tr.highlighted td.main2.good, .table1 tr.highlighted td.main2.bad {
					color: #ee0000;
				}


	.table1 tr.highlighted2 {
		background-color: #e0e0e0;
	}

		.table1 tr.highlighted2 td {
			background-color: #e0e0e0;
		}

			.table1 tr.highlighted2 td.highlighted {
				background-color: #e0e0e0;
			}
			
			.table1 tr.highlighted2:hover td.highlighted {
				background-color: #d6d6d6;
			}
			

		.table1 th, .table1 td {
			text-align: right;
			border-right: 1px solid #cdcdcd;
			padding: 5px;
			vertical-align: middle;
		}
		.table1 th {
			border-bottom: 1px solid #aaa;
			text-transform: uppercase;
		}
		.table1 td {
			border-bottom: 1px dashed #cdcdcd;
		}
		.table1 th:first-child, .table1 td:first-child {
			text-align: left;
			width: 150px;
			min-width: 150px;
			max-width: 150px;
		}
			.table1.wide th:first-child, .table1.wide td:first-child {
				text-align: left;
				width: 250px;
				min-width: 250px;
				max-width: 250px;
			}
			

		.table1.sequenced th:first-child, .table1.sequenced td:first-child {
			text-align: right;
			width: 15px;
			min-width: 15px;
			max-width: 15px;
		}
			.table1.sequenced.wide th:first-child, .table1.sequenced.wide td:first-child {
				text-align: right;
				width: 15px;
				min-width: 15px;
				max-width: 15px;
			}
			

		.table1.sequenced th:nth-child(2), .table1.sequenced td:nth-child(2) {
			text-align: left;
			width: 150px;
			min-width: 150px;
			max-width: 150px;
		}
			.table1.sequenced.wide th:nth-child(2), .table1.sequenced.wide td:nth-child(2) {
				text-align: left;
				width: 250px;
				min-width: 250px;
				max-width: 250px;
			}
			
		.table1.comments th:nth-child(1), .table1.comments td:nth-child(1) {
			text-align: left;
			width: 80px;
			min-width: 80px;
			max-width: 80px;
		}
		.table1.comments th:nth-child(2), .table1.comments td:nth-child(2) {
			text-align: left;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
		.table1.comments th:nth-child(3), .table1.comments td:nth-child(3) {
			text-align: right;
			width: 60px;
			min-width: 60px;
			max-width: 60px;
		}
		.table1.comments th:nth-child(4), .table1.comments td:nth-child(4) {
			text-align: right;
			width: 60px;
			min-width: 60px;
			max-width: 60px;
		}
		.table1.comments th:nth-child(5), .table1.comments td:nth-child(5) {
			text-align: left;
			width: 150px;
			min-width: 150px;
			max-width: 150px;
		}
			
			
			

		.table1.alerts th, .table1.alerts td {
			text-align: left;
			overflow-wrap: break-word;
		}
			
		.table1.alerts th:nth-child(1), .table1.alerts td:nth-child(1), .table1.alerts th:nth-child(2), .table1.alerts td:nth-child(2), .table1.alerts th:nth-child(3), .table1.alerts td:nth-child(3) {
			text-align: left;
			width: 90px;
			min-width: 90px;
			max-width: 90px;
		}
		.table1.alerts th:nth-child(4), .table1.alerts td:nth-child(4) {
			text-align: center;
			width: 90px;
			min-width: 90px;
			max-width: 90px;
		}
		.table1.alerts th:nth-child(5), .table1.alerts td:nth-child(5) {
			text-align: center;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
		.table1.alerts th:nth-child(6), .table1.alerts td:nth-child(6), .table1.alerts th:nth-child(7), .table1.alerts td:nth-child(7) {
			text-align: right;
			width: 60px;
			min-width: 60px;
			max-width: 60px;
		}
		


			



		.table1.cafe th, .table1.cafe td {
			text-align: left;
			overflow-wrap: break-word;
		}
			
		.table1.cafe th:nth-child(1), .table1.cafe td:nth-child(1) {
			text-align: left;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
			

		.table1.cafe th:nth-child(2), .table1.cafe td:nth-child(2), .table1.cafe th:nth-child(3), .table1.cafe td:nth-child(3) {
			text-align: right;
			width: 60px;
			min-width: 60px;
			max-width: 60px;
		}
		



			

		.table1.comments2 th, .table1.comments2 td {
			text-align: left;
			vertical-align: top;
		}
			
		.table1.comments2 th:nth-child(1), .table1.comments2 td:nth-child(1), .table1.comments2 th:nth-child(2), .table1.comments2 td:nth-child(2) {
			text-align: left;
			width: 90px;
			min-width: 90px;
			max-width: 90px;
		}
		.table1.comments2 th:nth-child(3), .table1.comments2 td:nth-child(3), .table1.comments2 th:nth-child(4), .table1.comments2 td:nth-child(4)
		, .table1.comments2 th:nth-child(5), .table1.comments2 td:nth-child(5)
		, .table1.comments2 th:nth-child(6), .table1.comments2 td:nth-child(6)
		, .table1.comments2 th:nth-child(7), .table1.comments2 td:nth-child(7){
			text-align: right;
			width: 60px;
			min-width: 60px;
			max-width: 60px;
		}
		.table1.comments2 th:nth-child(8), .table1.comments2 td:nth-child(8) {
			text-align: left;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
		
		
		
		
		
		

		.table1.comments3 th, .table1.comments3 td {
			text-align: left;
			vertical-align: top;
		}
			
		.table1.comments3 th:nth-child(1), .table1.comments3 td:nth-child(1), .table1.comments3 th:nth-child(3), .table1.comments3 td:nth-child(3) {
			text-align: left;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
			
		.table1.comments3 th:nth-child(2), .table1.comments3 td:nth-child(2) {
			text-align: right;
			width: 90px;
			min-width: 90px;
			max-width: 90px;
		}

		.table1.comments3 th:nth-child(4), .table1.comments3 td:nth-child(4) {
			text-align: left;
			width: auto;
			min-width: auto;
			max-width: auto;
		}		
		

		.table1.comments4 th, .table1.comments4 td {
			text-align: right;
			width: 90px;
			min-width: 90px;
			max-width: 90px;
			vertical-align: top;
		}
			
		.table1.comments4 th:nth-child(1), .table1.comments4 td:nth-child(1), .table1.comments4 th:nth-child(6), .table1.comments4 td:nth-child(6) {
			text-align: left;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
			
		.table1.comments4 th:nth-child(6), .table1.comments4 td:nth-child(6) {
			text-align: center;
			width: 120px;
			min-width: 120px;
			max-width: 120px;
		}
			
		.table1.comments4 th:nth-child(7), .table1.comments4 td:nth-child(7) {
			text-align: left;
			width: auto;
			min-width: auto;
			max-width: auto;
		}		
		
		
		
		
		
		
		
		
		.table1 .comments_list b {
			font-size: 11px;
			display: block;
		
		}
		
		.table1 .comments_list p {
			margin: 0 0 5px 0;
		}
		
		.table1 .comments_list p.low_sentiment b {
			color: #ff6666;
		}
		
		.table1 .comments_list span.low_sentiment {
			color: #ee6666;
		}
		
		.table1 .comments_list p.high_sentiment b {
			color: #66bb66;
		}
		
		
		
		
		table.table1 tr.new.odd, table.table1 tr.odd td.alert {
			background: #ffeeee;
		}

		table.table1 tr.new.even, table.table1 tr.even td.alert {
			background: #ffdddd;
		}

		table.table1 tr.selected_row.odd {
			background: #dadada;
		}

		table.table1 tr.selected_row.even {
			background: #dfdfdf;
		}

		table.table1 tr.selected_row.new.odd, table.table1 tr.selected_row.odd td.alert {
			background: #ffdada;
		}

		table.table1 tr.selected_row.new.even,  table.table1 tr.selected_row.even td.alert {
			background: #ffdfdf;
		}
		
		
		
		.table1 th.center, .table1 td.center {
			text-align: center;
		}
		.table1 th.left, .table1 td.left {
			text-align: left;
		}
		.table1 th.right, .table1 td.right {
			text-align: right;
		}
		.table1 th.align_left, .table1 td.align_left {
			text-align: left;
		}
		.table1 th.bordered_r, .table1 td.bordered_r {
			border-right: 3px solid #cdcdcd;
		}
		.table1 th.bordered_l, .table1 td.bordered_l {
			border-left: 3px solid #cdcdcd;
		}
		.table1 th.bordered_b, .table1 td.bordered_b {
			border-bottom: 3px solid #cdcdcd;
		}
		.table1 th.bordered_t, .table1 td.bordered_t {
			border-top: 3px solid #cdcdcd;
		}

			.table1 tr td.higher, .table1 tr .higher {
				color: #7777ff;
			}
			.table1 tr td.lower, .table1 tr .lower {
				color: #ee9900;
			}

			.table1 tr td.reversed.higher, .table1 tr .reversed.higher {
				color: #ee9900;
			}
			.table1 tr td.reversed.lower, .table1 tr .reversed.lower {
				color: #7777ff;
			}
		
				.table1 tr td.lower::before {
				  content: "\25BC\00a0";
				}			
				.table1 tr td.higher::before {
				  content: "\25B2\00a0";
				}			
	
				div.dataTables_scrollBody .table1 thead tr td.lower::before, 
				div.dataTables_scrollBody .table1 thead tr td.higher::before, 
				div.dataTables_scrollBody .table1 thead tr td.reversed.lower::before, 
				div.dataTables_scrollBody .table1 thead tr td.reversed.higher::before {
					content: "";
				}
		
		table.table1 tr.new_comment td:nth-child(2) {
			font-weight: bold;
		}

		table.table1 tr.kpi_alert.odd {
			background: #ffeeee;
		}

		table.table1 tr.kpi_alert.even {
			background: #ffdddd;
		}


		.table1 th.selected_row, .table1 td.selected_row {
			font-weight: bold;
			color: #fff;
			background: #a50050;
		}


		.table1 th.selected_row a, .table1 td.selected_row a {
			color: #fff;
		}


		.table1 td.note {
			background: url(../images/note.png) no-repeat  95% 50%;
		}


	
.table2 {
	width: 100%;
}

	.table2 thead, .table2 thead th {
		background: #fff;
	}

	.table2 tr.even {
		background-color: #f5f5f5;
	}

	.table2 tr.odd {
		background-color: #ffffff;
	}
	
	.table2 td, .table2 th {
		border-bottom: 1px dashed #cdcdcd;
		border-right: 1px solid #cdcdcd;
		padding: 5px;
	}
	
	.table2 td:last-child, .table2 th:last-child {
		border-right: 0;
	}
	
	.table2 td:first-child, .table2 th:first-child {
		width: 300px;
	}
	
		.table2.narrow td:first-child, .table2.narrow th:first-child {
			width: 150px;
		}
	
	.table2 th {
		border-bottom: 1px solid #cdcdcd;
		text-transform: uppercase;
	}
	
	.table2 .highlighted {
		display: inline-block;
		color: #666;
	}
	
	.table2 p.comment {
		margin: 2px 0 0 0;
		padding: 0;
		overflow-wrap: break-word;
		max-width: 500px;
	}	

	.table2 td.detractor {
		background: #ffeeee;
	}

	.table2 td.promoter {
		background: #eeffee;
	}
	
	
	.recordedit .table2 input, .recordedit .table2 .messages_ko {
		margin: 0;
	}

	.recordedit .messages_ok , .recordedit .messages_ko {
		margin: 0 0 20px 0;
	}
	
	.table2 .note {
		width: 95%;
		height: 35px;
	}
	
	.table2 input.message {
		width: 95%;
		margin: 0 0 5px 0;
	}
	
	.table2 textarea.message {
		width: 95%;
		height: 180px;
	}

	




.modal {
    display: none; 
    position: fixed; 
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.6); 
}

	.modal .modal-content {
		background-color: #fefefe;
		margin: 5% auto; 
		padding: 20px;
		border: 1px solid #888;
		width: 1280px; 
	}

		.modal .close {
			color: #aaa;
			float: right;
			font-size: 22px;
			font-weight: bold;
		}

		.modal .close:hover,
		.modal .close:focus {
			color: black;
			text-decoration: none;
			cursor: pointer;
		} 
		
		

.min_records {
	text-align: right;
	font-weight: bold;
	margin-right: 15px;
}
	.min_records input, .min_records input:focus {
		text-align: right;
		width: 40px;
		padding: 5px 10px;
		border: 1px solid #CDCDCD;
	}


select.label {
	color: #3E4341;
	font-weight: bold;
	height: 31px;
	padding: 0;
	padding:0;
}	


.dataTables_filter {
	float: none;
	margin: 0 0 20px 0;
	text-align: left;
}
		
	.dataTables_filter input, .dataTables_filter input:hover {
		padding:5px 10px;
		border-radius: 0px;
		border: 1px solid #CDCDCD;
	}
	
	#nps_compare_nps_filter.dataTables_filter {
		margin-top: -40px;
	}
	
.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 {
		cursor: pointer;
		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;
	}	


#dash_search input, #dash_search select {
	width: 140px;
}
#dash_search input.small{
	width: 100px;
}


.kpibucket {
	margin-bottom: 20px;
}


.section {
	margin: 20px 0 0 0;
	padding: 10px 14px;
	background: #222;
	color: #fff;
}	
	.section legend {
		margin: 0;
		padding: 0;
		color: #fff;
	}	
	
.remove_btn {
	font-weight: bold;
}




#form_records_browse table input {	
	margin: 0;  
	width: 235px;
}

	#form_records_browse table input {	
		width: 213px;
	}

	#form_records_browse table input.small {	
		width: 90px;
	}

#form_records_browse table td {	
	padding: 0 20px 10px 0; 
}
#form_records_browse table tr.subsection td {	
	padding: 5px 20px 10px 0; 
	border-top: 1px solid #bbb;
}


.filters {
	margin: 0;
	padding: 20px 14px;
	background: #393939;
	color: #fff;
}

	.filters b {
		color: #fff;
	}
	.filters ul {
		margin: 5px 0 5px 10px;
	}
	.filters ul li:last-child {
		padding-top: 5px;
	}

	.filters .SumoSelect {
		width: 400px;  
	}

	.filters .SumoSelect.small {
		width: 200px;  
	}

	.filters .SumoSelect.narrow {
		width: 102px;  
	}

	.filters p.notice {
		color: #888;
		padding: 10px 0 0 0;
		margin: 0;
	}

	.filters p.notice b {
		color: #999;
	}
	
	
.alertstatus_1 {
	color: #44bb44;
}	
.alertstatus_2 {
	color: #ee2222;
}	
.alertstatus_3 {
	color: #0088ee;
}	

.bignumber2 {
	font-size: 40px;
	background: #222;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	margin-top: -20px;
}

.bignumber2.pos {
	color: #66bb66;
}
.bignumber2.neg {
	color: #ff6666;
}