body					{ background:white;
						  width:100%;
						  height:100%;
						  margin:0px;
						  padding:0px;
					      overflow:hidden;
						  font-family: Calibri, Verdana, Helvetica, Arial, Sans-serif; }

.logo					{ width:343px;
						  height:47px;
						  background:url( '/gfx/logo.png' );
						  position:absolute;
						  z-index:9;
						  top:30px;
						  left:30px; }

.sliders                { width:calc( 70% - 20px );
                          float:left;
                          margin-top:2px;
                          height:30px; }

.sliders_value          { width:30%;
                          height:30px;
                          padding-bottom:5px;
                          float:right; }

.sliders_textbox        { font-size:1em; }

.navigation				{ width:110px;
						  padding:15px;
						  padding-top:100px;
						  padding-bottom:150px;
						  border-bottom:2px solid #2c2c2c;
						  background:url( '/gfx/grey_75.png' );
						  position:absolute;
						  z-index:2;
						  top:0px;
						  left:55px; }

.nav_item				{ font-size:1.4em;
						  color:#2c2c2c;
						  padding-top:5px;
						  padding-bottom:5px;
						  letter-spacing:-1px;
						  border-bottom:1px solid white;
						  cursor:pointer; }

.nav_item:last-child	{ border-bottom:1px solid transparent; }

.nav_item:hover			{ background:url( '/gfx/grey_75.png' );
						  color:black;
						  padding-left:25px;
						  padding-right:25px;
						  position:relative;
						  width:100%;
						  left:-25px; }

.nav_active				{ background:url( '/gfx/darkgrey_80.png' );
						  color:white;
						  padding-left:30px;
						  padding-right:30px;
						  position:relative;
						  width:100%;
						  left:-30px; }

.nav_active:hover		{ background:url( '/gfx/darkgrey_80.png' );
						  color:white;
						  padding-left:30px;
	  					  padding-right:30px;
						  position:relative;
						  width:100%;
						  left:-30px; }

.content				{ position:absolute;
						  background:url( '/gfx/grey_50.png' );
						  z-index:1;
						  right:0px;
						  width:calc( 100% - 270px );
						  height:100%;
						  padding:20px;
						  padding-top:105px;
						  padding-left:123px; }

.tabs					{ position:fixed;
						  top:75px;
						  right:20px;
						  z-index:99;
						  height:35px;
						  width:calc( 100% - 195px ); }

.tab:first-child		{ border-right:1px solid transparent; }

.tab					{ float:right;
						  background:url( '/gfx/white_75.png' );
						  font-weight:bold;
						  height:20px;
						  cursor:pointer;
						  margin-left:-2px;
						  padding:7px;
						  padding-left:30px;
						  padding-right:30px;
						  border-top:1px solid #2c2c2c;
						  border-bottom:1px solid #2c2c2c;
						  border-right:1px solid #6c6c6c; }

.tab:hover				{ background:white; }

.tab_active				{ background:url( '/gfx/darkgrey_80.png' );
						  position:relative;
						  height:27px;
						  top:-7px;
						  border-bottom:2px solid transparent;
						  font-size:1.3em;
						  color:white;
						  font-weight:bold; }

.tab_active:hover		{ background:url( '/gfx/darkgrey_80.png' ); }

.tab_content			{ background:url( '/gfx/white_75.png' );
						  border-top:2px solid #2c2c2c;
						  border-bottom:2px solid #2c2c2c;
						  margin-top:5px;
						  padding:20px;
						  width:calc( 100% - 40px );
						  height:calc( 100% - 174px );
						  overflow:hidden;
						  overflow-y:scroll; }

.tab_inner				{ position:relative;
						  width:100%;
						  height:100%; }

div.action_buttons		{ position:absolute;
						  top:0px;
						  right:0px;
						  margin-right:15px;
						  float:right; }

div.content_filtered	{ float:left; }

div.full				{ width:calc( 100% - 60px );
						  margin-right:10px; }

div.filters				{ float:left;
						  padding:0px;
						  height:500px;
						  overflow:hidden;
						  background:white; }

div.filters_switch		{ width:20px;
						  padding:10px;
	  					  height:110%;
						  float:left;
						  border-right:1px solid #2c2c2c; }

div.filters_switch:hover{ background:#ccffcc;
						  cursor:pointer; }

div.filters_form		{ width:calc( 100% - 64px );
						  padding:10px;
						  float:left; }

td.filter_left			{ width:100px;
						  font-weight:bold; }
td.filter_right			{ width:200px; }

input.filter			{ width:100%; }

select.filter			{ width:100%;
						  overflow:hidden; }

option:nth-child(even)	{ background:#efefef; }
option:nth-child(odd)	{ background:#fefefe; }

.invisible				{ display:none;
						  visibility:hidden; }

.shrinked				{ width:35px;
					      overflow:hidden;
						  background:url( '/gfx/white_75.png' ); }

.shrinked:hover			{ background:white; );
						  cursor:pointer; }

.hidden					{ display:none;
						  visibility:hidden; }

h1						{ color:#133900;
						  margin:0px;
						  margin-top:10px; }

h2						{ color:#2c2c2c;
						  margin:0px;
						  margin-top:0px;
						  padding:0px;
						  padding-left:2px;
						  padding-right:2px; }

h3						{ color:#4c4c4c;
						  margin:0px;
						  margin-top:0px;
						  padding:0px;
						  padding-left:3px;
						  padding-right:3px; }

h3.rotated				{ transform:rotate( 90deg ); }

h3.rotated:hover		{ color:#133900; }

h2.fold_header			{ display:block;
						  float:left!important;
						  width:calc( 100% - 30px );
						  cursor:pointer; }

div.fold_button			{ width:11px;
						  float:left;
					      padding:7px;
						  color:#133900;
						  horiz-align: center;
						  vertical-align:middle; }

div.fold 				{ border-bottom:1px solid #6c6c6c;
  						  padding-bottom:10px;
						  margin-bottom:10px; }

.fold_closed			{ height:25px;
						  background:white;
						  overflow:hidden;
						  border-bottom:1px solid #c6c6c6!important; }

.fold_open				{ overflow:hidden; }

.fold_closed:hover		{ background:#ccffcc; }

p						{ margin:0px;
						  margin-bottom:10px;
	  					  padding:0px;
						  padding-left:3px;
						  padding-right:3px; }

a						{ color:#2c2c2c;
						  font-weight:bold;
					      text-decoration:none; }

a:hover					{ color:#133900;
						  font-weight:bold;
						  text-decoration:underline; }

a.button				{ border:1px solid #133900;
						  border-radius:4px 4px 4px 4px;
					      padding:2px 10px 2px 10px;
						  height:20px;
						  float:left;
						  margin:1px 5px 1px 5px;
						  text-decoration:none;
						  display:block;
						  cursor:pointer; }

a.button:hover			{ background: url( '/gfx/darkgrey_80.png' );
	  					  color:white; }

a.delete 				{ background:#990000;
						  color:white; }

a.delete:hover			{ background:white;
						  color:#990000; }

a.nodeco				{ color:inherit;
						  text-decoration:none; }

table					{ border-collapse:collapse;
						  width:100%; }

th						{ border-bottom:1px solid #133900;
						  border-right:1px solid #c6c6c6;
						  background:white;
						  color:#2c2c2c;
						  text-align:left;
						  padding:5px; }

th.selected				{ color:#133900; }

th:last-child			{ border-right:0px; }

th.sortable				{ cursor:pointer; }
th.sortable:hover		{ background: url( '/gfx/darkgrey_80.png' );
						  color:white; }

td.footer				{ background: url( '/gfx/white_75.png' );
						  border-top:1px solid #2c2c2c;
						  padding-top:10px; }

th.right				{ text-align:right; }
td.right				{ text-align:right; }

tr.nodeco				{ background:transparent!important; }

tr:nth-child(even)		{ background:#fefefe; }
tr:nth-child(odd)		{ background:#efefef; }

tr.clickable			{ cursor:pointer; }
tr.clickable:hover		{ background:#ccffcc; }

td						{ padding:5px;
						  vertical-align: top; }

td.form_left			{ width:200px;
						  vertical-align:middle;
						  text-align:right;
						  padding-right:10px;
						  font-weight:bold; }

td.right				{ text-align:right; }

.buttons				{ float:right;
						  margin-bottom:10px; }

div.half				{ position:relative;
						  float:left;
						  width:calc( 50% - 24px );
						  padding:10px;
						  border-right:1px solid transparent;
						  border-left:1px solid transparent; }

div.half_left			{ border-right:1px solid #6c6c6c!important;
	 					  border-left:1px solid transparent; }

input					{ border:1px solid #6c6c6c;
						  padding:2px;
						  font-size:1.1em; }

input[type=button]		{ border:1px solid #6c6c6c;
						  padding:5px;
						  padding-left:20px;
						  padding-right:20px;
						  margin-bottom:5px;
						  cursor:pointer;
						  font-size:1.1em; }

input[type=submit]		{ border:1px solid #6c6c6c;
						  padding:5px;
						  padding-left:20px;
						  padding-right:20px;
						  cursor:pointer;
						  font-size:1.1em; }

input[type=submit]:hover{ background:#2c2c2c;
						  color:white; }

input[type=button].half	{ width:calc( 50% - 10px );
						  margin-left:5px;
						  margin-right:5px;
						  margin-bottom:5px;
						  float:left; }

input.delete			{ background:#990000;
						  color:white;
					      border-color:#2c2c2c; }

input.delete:hover		{ background:white;
					 	  color:#990000;
						  border-color:#990000; }

select					{ border:1px solid #6c6c6c;
						  padding:2px;
						  cursor:pointer;
						  font-size:1.1em; }

div.blocker				{ width:100%;
						  height:100%;
						  top:0px;
						  left:0px;
						  position:absolute;
						  z-index:9999;
						  background:url( '/gfx/darkgrey_80.png' ); }

div.blocker_big_message { position:absolute;
						  z-index:10000;
						  width:800px;
						  height:600px;
						  overflow:hidden;
						  overflow-y:scroll;
						  padding:20px;
						  top:calc( 50% - 300px );
						  left:calc( 50% - 300px );
						  background:url( '/gfx/white_75.png' );
						  border:2px solid #2c2c2c; }

div.blocker_message		{ position:absolute;
						  z-index:10000;
						  width:300px;
						  height:150px;
						  overflow:hidden;
						  padding:20px;
						  top:calc( 50% - 75px );
						  left:calc( 50% - 150px );
						  background:url( '/gfx/white_75.png' );
						  border:2px solid #2c2c2c; }

div.container_optionrow { width:100%;
					   	  overflow:hidden;
						  overflow-x:scroll; }

.border_delete			{ border:2px solid #990000!important; }
.border_error			{ border-color:#990000!important; }

span.hint				{ color:#acacac; }

p.firstpara				{ margin-top:20px; }

p.message				{ padding:10px;
						  font-size:1.1em; }

p.message_warning		{ background:#cc9900;
						  color:#2c2c2c;
						  font-weight:bold;
						  border:2px solid white;
						  box-shadow:0px 0px 25px 0px #6c6c6c; }

p.message_critical		{ background:#990000;
						  color:white;
						  font-weight:bold;
	 					  border:2px solid white;
						  box-shadow:0px 0px 25px 0px #6c6c6c; }

p.message_neutral		{ background:#ececec;
						  color:black;
						  font-weight:bold;
						  border:2px solid white;
						  box-shadow:0px 0px 25px 0px #6c6c6c; }

td.sum					{ text-align:right;
						  font-size:1.2em; }

tr.spacer				{ line-height:2px!important; }
td.spacer				{ border-bottom:1px solid #2c2c2c; }

div.canvas				{ width:calc( 50% - 20px );
						  padding:10px;
						  float:left; }

div.quickstats			{ width:calc( 100% - 20px );
						  padding:10px;
						  float:left; }

canvas.dashboard		{ width:100%;
						  height:300px;
						  float:left; }

canvas.quick  			{ width:100%;
						  height:550px;
						  float:left; }

div.quick_legend        { width:350px;
                          height:250px;
                          position:absolute;
                          top:50px;
                          left:100px;
                          background:url( '/gfx/white_75.png' ); }

div.blackout            { background:url( '/gfx/darkgrey_80.png' );
                          position:absolute;
                          z-index:99999;
                          top:0px;
                          left:0px;
                          width:100%;
                          height:100%; }

div.bigspinner          { background:url( '/gfx/phaeps_spinner.png' );
                          position:absolute;
                          top:calc( 50% - 70px );
                          left:calc( 50% - 50px );
                          height:100px;
                          width:100px;
                          -webkit-animation:spin 4s linear infinite;
                          -moz-animation:spin 4s linear infinite;
                          animation:spin 4s linear infinite; }

div.pleasewait          { position:absolute;
                          top:calc( 50% + 40px );
                          left:0px;
                          width:100%;
                          height:40px;
                          font-size:2em;
                          color:white;
                          font-weight:bold;
                          text-align:center; }

@-moz-keyframes spin    { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin         { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

div.quickstats			{ width:calc( 100% - 200px );
						  height:600px;
						  border:2px solid #2c2c2c;
						  background:white;
						  position:absolute;
						  z-index:9999;
						  top:calc( 50% - 301px );
						  left:100px; }

.ok						{ color:#009900; }
.good					{ color:#009900; }
.critical 				{ color:#990000; }
.error					{ color:#990000; }
.warn  					{ color:#cc9900; }
.warning				{ color:#cc9900; }
.neutral				{ color:#6c6c6c; }

.back_ok				{ background:#009900; color:white; }
.back_good				{ background:#009900; color:white; }
.back_critical 			{ background:#990000; color:white; }
.back_error				{ background:#990000; color:white; }
.back_warn  			{ background:#cc9900; color:#2c2c2c; }
.back_warning			{ background:#cc9900; color:#2c2c2c; }
.back_neutral			{ background:#cecece; color:black; }

.clickfinger			{ cursor:pointer; }

.corecontrol			{ width:100%; }

div.spinspace			{ position:relative;
						  border-right:1px solid #2c2c2c;
						  background:#efefef;
						  width:30px;
						  height:30px;
						  padding-right:10px;
						  float:left; }

div.triggerspace		{ width:calc( 100% - 55px );
						  height:30px;
 						  float:left; }





.slideControlContainer {
	height:10px;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */
	border:1px solid #ccc; box-shadow:inset 0 1px 0 #fff;
	border-radius:7px;
	cursor:pointer;
	width:340px;
	float:left;
	margin:15px 10px 0 0;
}

.slideControlFill {
	background: #009900;
	display:block;
	height:100%;
	border-radius:7px;
	box-shadow:inset 0 1px 0 #cecece;
	position:relative;
	z-index:1;
	overflow:visible !important;
}

.slideControlHandle {
	display:block;
	background: #133900;
	border-radius:15px;
	border:5px solid #cecece;
	width:10px;
	height:10px;
	box-shadow:0 0 1px #cecece;
	position:absolute;
	right:0;
	top:-5px;
	z-index:5;
	cursor:pointer;
}

.ieShadow {
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=1),
			progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=1);
	top:-8px;
	right:-4px;
}

.slideControlInput {
	width:35px;
	font-size:1.5em;
	padding:3px 5px;
	border:1px solid #ccc;
	border-radius:5px;
	text-align:center;
	color:#333;
	font-weight:bold;
}