@charset "utf-8";
html {
	height: 100%;
	background-color:#af2330;
	margin: 0;
	padding:0;
}
body {
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
	width:100% !important;
	height:100% !important;
	/* font-size: 62.5%;  Resets 1em to 10px */
	font-size: 75%; 
	font-family: 'geometr231_btroman', Verdana, Arial, Helvetica, sans-serif;  
	background: -webkit-linear-gradient(#FFFFFF,#FFFFFF,#af2330) no-repeat; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF,#FFFFFF,#af2330) no-repeat; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF,#FFFFFF,#af2330) no-repeat; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF,#FFFFFF,#af2330) no-repeat; /* Standard syntax */
	}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



@font-face {
    font-family: 'geometr231_btroman';
    src: url('fonts/tt1127m-webfont.eot');
    src: url('fonts/tt1127m-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt1127m-webfont.woff') format('woff'),
         url('fonts/tt1127m-webfont.ttf') format('truetype'),
         url('fonts/tt1127m-webfont.svg#geometr231_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table h2, table h3, table h4, table p
	{
	font-size: inherit;
	}

table 				{ font-family:Helvetica, Arial, sans-serif; font-size: 20px; color:#000000 !important; line-height: 1.4em;}
table  				{ text-decoration: none; font-weight: normal; }	


th 					{ font-weight: bold; background-color: #aa1433; color:#FFFFFF;	text-transform:uppercase; }
 
.live {
}
tr.alt_row {
    background-color:#F3F3F3;
}
hr {
	width:900px !important;
}
.tag {
	width:335px;
	height:28px;
	background: rgb(175, 35, 48); /* Fallback for older browsers without RGBA-support */
    background: rgba(175, 35, 48, 0.4);
}
.value {
	width:540px;
	height:28px;
	background: rgb(175, 35, 48); /* Fallback for older browsers without RGBA-support */
    background: rgba(175, 35, 48, 0.4);
}
.select {
	width:50px;
	height:28px;
	background: #FFF;
	border:1px solid #af2330;
}
.value-select {
	width:280px;
	height:28px;
  font-style: italic;
	background: rgb(175, 35, 48); /* Fallback for older browsers without RGBA-support */
    background: rgba(175, 35, 48, 0.4);
}
.td_live_tag {
  font-style: normal;
  font-weight:bold;
}

.td-labels {
background: rgb(175, 35, 48); /* Fallback for older browsers without RGBA-support */
    background: rgba(175, 35, 48, 0.4);
}
.labels {
	width:250px;
	height:28px !important;
	background: #af2330;
	border:1px solid #af2330;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
.labels-empty {
	width:250px;
	height:28px;
	background:none !important;
	border:none !important;
	color:#FFF;
}
.field-wrap {
	width:275px;
	height:28px;
	background: #FFF;
	border:1px solid #af2330;
}



.fields {
	width:275px;
	height:20px;
	background: #FFF;
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	border:0px !important;
}
.field-square {
	width:50px;
	height:43px;
	background: #FFF;
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	border:1px #aa1433 solid !important;
	float:left;
}
.label-right {
	width:215px;
	height:33px;
	background: transparent !important;
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	border:transparent !important;
	float:right;
	display: table-cell !important; 
	vertical-align:middle !important;
	margin-top:10px;
}
h1 {
	font-size:60px; 
	color:#af2330;
	margin:0;
	margin-top:34px;
	padding:0;
}
h2 {
	font-size:50px; 
	color:#FFFFFF;
	margin:0;
	margin-top:20px;
 	text-shadow: 3px 3px 1px #000000;
 }
h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:22px; 
	color:#FFFFFF;
	margin:0;
	margin-top:0px;
	margin-bottom:10px;
 	text-shadow: 3px 3px 1px #000000;
 }
h4 {
	font-size:22px; 
	color:#FFFFFF;
	margin:0;
	padding:0;
}
.server-padding{
	padding-top:50px;
	padding-left:130px;
}
#server p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	margin-left:130px;
	color:#FFFFFF;
}
#button-container {
	float:right; 
	padding-right:36px;
}
#button-right {
	width:168px;
	height:40px;
	background-color:#af2330;
	padding:2px;
	padding-left:5px;
}
#auto_refresh {
  
  margin-left:32px;
  padding-left:5px;
  padding-top:3px; 
  float:left;
	width:300px;
	height:40px;
	background-color:#af2330;

}
#auto_refresh p {
  margin-top:0px;
  margin-bottom:0px;
	background-color:#af2330;
	font-size:30px;
	color:#FFF;
	text-decoration:none;
  float:left;
  margin-right: 30px;
}
#auto_refresh select {
margin-top:7px; 
}


.button {
	width:168px;
	height:40px;
	background-color:#af2330 !important;
	padding:2px;
	padding-left:0px;
	color:#FFFFFF !important;
	font-size:22px !important;
	text-align:left;
	border: transparent !important;
}

#server {
	width:474px;
	height:197px;
	background-color: transparent;
	background:url(images/shp/server.png) no-repeat top left;
  background-size: contain;
	position:relative;
	float:right;
}

a {
	background-color:#af2330;
	font-size:30px;
	color:#FFF;
	text-decoration:none;
}



a:hover {
	text-decoration:underline;
}
.small {
	font-size:10px;
}
#copyright {
	color:#CCC;
	font-family:Helvetica, Arial, sans-serif;
	position:relative;
	padding-left:36px;
	padding-top:170px;
	width:300px;
	float:left;
}
#copyright-long {
	color:#CCC;
	font-family:Helvetica, Arial, sans-serif;
	position:relative;
	padding-left:36px;
	padding-top:20px;
	width:300px;
	float:left;
}
#footer {
	clear:both; 
	position:relative; 
	top:0px; 
	width:955px;
}
#footer-home {
	clear:both; 
	position:absolute; 
	top:800px; 
	width:955px;	
}
.picture_box {
  text-align: center;
  vertical-align: middle;
  }


	#calendar {
		width: 900px;
		margin: 0 auto;
		}


legend {
	font-size: 12px;
	line-height: 1.4em;

	text-decoration: none;
	font-weight: bold; 

  padding: 2px 6px 2px 6px;

	color: #000000;
  background-color: #DDDDDD;

  
	}


.error_text { color: red; }

#container
	{
 border: 0 none;
    height: 997px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 960px;
	background:url(images/shp/bg_ipad.jpg) no-repeat top left;
	}
#container-live
	{
	text-align: left;
	margin: 0 auto;
	border: 0px;
	padding: 0;
	width: 960px;
	height:auto;
	background:url(images/shp/bg_live.jpg) no-repeat top left;
	background-color: #ffffff;
	}
#container-data
	{
	text-align: left;
	margin: 0 auto;
	border: 0px;
	padding: 0;
	width: 956px;
	height:auto;
	background:#FFFFFF;
	}
#container-white
	{
	text-align: left;
	margin: 0 auto;
	border: 0px;
	padding: 0;
	width: 960px;
	height:100%;
	clear:both;
	background-color:#FFF;
	}
	
#container-dv-journal
	{
	text-align: left;
	margin: 0 auto;
	border: 0px;
	padding: 0;
	width: 97%;
	height:auto;
	background:#FFFFFF;
	}
header{
	margin:0;
	padding:0;
	width:960px;
	height:150px;
	clear:both;
	overflow:hidden;
	list-style:none;
	display: inline;

}
ul {
	margin:0;
	padding:0;
	list-style:none;
	display: inline;
	float:left;	
}
li {
	margin:0;
	padding:0;
	list-style:none;
	display: inline;
	float:left;	
}
li.logo {
width:170px;
float:left;
}
li.text {
width:528px;
float:left;
}
#header {
	margin:0;
	padding:0;
	width:960px;
	height:150px;
	clear:both;
	overflow:hidden;
	list-style:none;
	display: inline;
}
#headerdata {
	margin:0;
	padding:0;
	width:960px;
	height:150px;
	clear:both;
	overflow:hidden;
	list-style:none;
	display: inline;
}
#header li {
	margin:0;
	padding:0;
	list-style:none;
	display: inline;
	float:left;	
}
#headerdata li {
	margin-top:-20px;
	padding:0;
	list-style:none;
	display: inline;
	float:left;	
}
#header a {
	float:left;
	padding: 150px 0 0 0;
	overflow:hidden;
	height: 0px !important;
	height: /**:36px; ?* for IE5/Win only*/
}
#header a:hover {
	background-position:0 -150px;
}
#header a:active, #header a.selected {
	background-position:0 -150px;
}
#headerdata a {
	float:left;
	padding: 150px 0 0 0;
	overflow:hidden;
	height: 0px !important;
	height: /**:36px; ?* for IE5/Win only*/
}
#headerdata a:hover {
	background-position:0 -150px;
}
#headerdata a:active, #headerdata a.selected {
	background-position:0 -150px;
}
#taccess a {
	width:86px;
	background:url(images/shp/nav_access.jpg) top left no-repeat;
	}
#tanalyse a {
	width:83px;
	background:url(images/shp/nav_analyse.jpg) top left no-repeat;
	}
#tstore a {
	width:83px;
	background:url(images/shp/nav_store.jpg) top right no-repeat;
	}
#tstore {
	float:right;
}
#bullet-copy {
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
	font-size:22px;
	text-align:right;
}
#bullet-copy p {
	margin-top:190px;
	margin-right:36px;
}
#content
	{
  text-align: left;
	position: relative;
	float: left;
	margin:0;
	border:0;
	padding:0;
	width: 960px;
	height: auto;	 
	}
  
.content_100_frontpage
	{
	position: relative;
	float: left;
	margin:0;
	border:0;
	padding:0;
	width: 960px;
	height:auto;
	background:url(images/shp/bg_ipad.jpg) no-repeat top left;
	}
.content_100_live
	{
	position: relative;
	float: left;
	margin:0;
	border:0;
	padding:0;
	width: 960px;
	height:100%;
	}
.content_100_dv_journal
	{
	position: relative;
	float: left;
	margin:0;
	border:0;
	padding:0;
	width: 100%;
	height:100%;
    background-color: #ffffff;
	text-align:left;
	}
.content_100_wincc_audit
	{
	position: relative;
	float: left;
	margin:0;
	border:0;
	padding:0;
	width: 100%;
	height:100%;
    background-color: #ffffff;
	text-align:left;
	}	
	.content_100_data
	{
	position: relative;
	float: left;
	margin:0;
	border:0;
	padding:0;
	width: 960px;
	height:100%;
  background-color: #ffffff;
	background:url(images/shp/bg_data.jpg) no-repeat top left;
	text-align:left;
	
	}
	* html .content_100  /* this is recognized by IE only */
	{
	width: 960px;  /* total width, only for IE5.x/Win */
	w\idth: 940px; /* content width for other IE */
	}

 .content_100
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 940px;
	}
	* html .content_100  /* this is recognized by IE only */
	{
	width: 960px;  /* total width, only for IE5.x/Win */
	w\idth: 940px; /* content width for other IE */
	}


.content_90
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 844px;
	}
	* html .content_90  /* this is recognized by IE only */
	{
	width: 864px;  /* total width, only for IE5.x/Win */
	w\idth: 844px; /* content width for other IE */
	}

.content_80
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 748px;
	}
	* html .content_80  /* this is recognized by IE only */
	{
	width: 768px;  /* total width, only for IE5.x/Win */
	w\idth: 748px; /* content width for other IE */
	}

.content_70
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 652px;
	}
	* html .content_70  /* this is recognized by IE only */
	{
	width: 672px;  /* total width, only for IE5.x/Win */
	w\idth: 652px; /* content width for other IE */
	}

.content_60
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 556px;
	}
	* html .content_60  /* this is recognized by IE only */
	{
	width: 576px;  /* total width, only for IE5.x/Win */
	w\idth: 556px; /* content width for other IE */
	}

.content_50
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 460px;
	}
	* html .content_50  /* this is recognized by IE only */
	{
	width: 480px;  /* total width, only for IE5.x/Win */
	w\idth: 460px; /* content width for other IE */
	}

.content_40
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 364px;
	}
	* html .content_40  /* this is recognized by IE only */
	{
	width: 384px;  /* total width, only for IE5.x/Win */
	w\idth: 364px; /* content width for other IE */
	}

.content_30
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 268px;
	}
	* html .content_30  /* this is recognized by IE only */
	{
	width: 288px;  /* total width, only for IE5.x/Win */
	w\idth: 268px; /* content width for other IE */
	}
	
.content_20
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 172px;
	}
	* html .content_20  /* this is recognized by IE only */
	{
	width: 192px;  /* total width, only for IE5.x/Win */
	w\idth: 172px; /* content width for other IE */
	}

.content_10
	{
	position: relative;
	float: left;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 76px;
	}
	* html .content_10  /* this is recognized by IE only */
	{
	width: 96px;  /* total width, only for IE5.x/Win */
	w\idth: 76px; /* content width for other IE */
	}


.screen_hidden, .screen_hidden img
	{
	visibility: hidden; 
	height: 0px; 
	width: 0px; 
	margin: 0px; 
	overflow: hidden;
	}
  


  
#global_header
	{
	position: relative;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	}  


#global_header_admin
	{
	position: relative;
	float: right;
	margin: 0px 10px 0px 0px;
	border: 0px;
	padding: 0px;
	}  
  
/* GLOBAL MENU */


ul.global_menu li   			{ color: #909090; text-decoration: none; font-weight: bold; }
ul.global_menu li a:link 		{ color: #909090; text-decoration: none; font-weight: bold; }
ul.global_menu li a:visited 	{ color: #909090; text-decoration: none; font-weight: bold; }
ul.global_menu li a:hover	 	{ color: #ffffff; text-decoration: none; font-weight: bold; background-color: #d80707; }
ul.global_menu li a:active		{ color: #909090; }

ul.global_menu li#inactive a:hover			{ color: #ffffff; }


ul.global_menu li.active a					{ color: #FFFFFF; }  
  
ul.global_menu li.global_menu_active a  		{ background-color: #d80707; color: #FFFFFF; } 
  
  
#global_menu
	{
	position: relative;
	float: left;
	margin: 0px 10px;
	border: 1px solid #c3c3c3;
	padding: 0px;
	width: 938px;
	}
	* html #global_menu  /* this is recognized by IE only */
	{
	width: 960px;  /* total width, only for IE5.x/Win */
	w\idth: 938px; /* content width for other IE */
	}


ul.global_menu
	{
	margin: 0px;
	padding: 0px;
	}
	
ul.global_menu li
	{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
	
ul.global_menu li a
	{
	float: left;
	display: inline;	
	margin: 0px;
	padding: 10px 10px;
	}


#global_menu		{ border-bottom: 5px solid #AE0018; }




/* ----------------------------------------------- */
/* forms                                           */
/* ----------------------------------------------- */



 input[type='submit'], input[type='reset'], input[type='button']
	{
	background-color: #ffffff;
	border: 1px solid #c3c3c3;
	color: #AE0018; 
	}
 input[type='submit']:hover, input[type='reset']:hover { background-color: #f3f3f3; }

   [disabled], input[disabled] {
    color:#bbbbbb;
    }


 input[type='text'],input[type='password'], textarea, select
	{
	background-color: #ffffff;
/*	border: 1px solid #c3c3c3;  */
	color: #000000;
	padding: 0;
	}

  
.asset_maintenance_status_0 {
  background-color: #FDBDBD;
}
.asset_maintenance_status_1 {
  background-color: #DAFFB3;
}

.asset_maintenance_type_0 {
 background-color: #FF8A00;
}

.asset_maintenance_type_1 {
 background-color: #40A4CD;
}


.ptw_status_0 {
   background-color: #FDBDBD;
}

.ptw_status_1 {
  background-color: #FFE9A8;
}

.ptw_status_2 {
  background-color: #FDBDBD;
}

.ptw_status_3 {
  background-color: #FFE9A8;
}

.ptw_status_4 {
  background-color: #FFE9A8;
}
.ptw_status_5 {
  background-color: #DAFFB3;
}
.ptw_status_6 {
  background-color: #FFE9A8;
}
.ptw_status_7 {
  background-color: #FDBDBD;
}
.ptw_status_8 {
  background-color: #DAFFB3;
}


.asset_maintenance_priority_1 {
  background-color: #FFE9A8;
}
.asset_maintenance_priority_2 {
  background-color: #DAFFB3;
}
.asset_maintenance_priority_3 {
  background-color: #FDBDBD;
}

.red_background {
 background-color: #FDBDBD;
}

.yellow_background {
 background-color: #FFE9A8;
}

.green_background {
 background-color: #DAFFB3;
}

.grey_background {
 background-color: #BBBBBB;
}

.light_grey_background {
 background-color: #DDDDDD;
}


.reading_set_status_0 {
   background-color: #FDBDBD;
}
.reading_set_status_1 {
   background-color: #DAFFB3;
}

.site_tag_priority_0 {
 
}
.site_tag_priority_1 {
  background-color: #DAFFB3;
}
.site_tag_priority_2 {
  background-color: #FFE9A8;
}
.site_tag_priority_3 {
  background-color: #FDBDBD;
}

.asset_active_0 {
  background-color: #FDBDBD;
}
.asset_active_1 {
  background-color: #DAFFB3;
}


.isolation_link_type_0 {
  background-color: #FF8A00;
}
.isolation_link_type_1 {
  background-color: #40A4CD;
}
.isolation_link_type_2 {
  background-color: #FDBDBD;
}
.isolation_link_type_3 {
  background-color: #DAFFB3;
}

.clear {
	clear:both;
}

span:after {
/*	content:; if CSS are disbled span elements are not displayed you add text in here and it appears no*/
		margin-top:10px;
} 

span {
	padding:0px;
	position:absolute;
	width: 16px;
	height: 16px;
	line-height: 10px;
	color: #FFF;
	text-align: center;
	background: #ffffff;
	border-radius: 50%;
	border: 1px solid #af2330;
	margin-top:12px;
	margin-right:0px;
	 right:304px;
	/* width and height can be anything, as long as they're equal */
}

span.left {
	padding:0px;
	position:absolute;
	right:100px;
	width: 16px;
	height: 16px;
	line-height: 10px;
	color: #FFF;
	text-align: center;
	background: #ffffff;
	border-radius: 50%;
	border: 1px solid #af2330;
	margin:-9px 0 0;
	left:48px;
	cursor: pointer;
	/* width and height can be anything, as long as they're equal */
} 



input.hide {
	position: relative;
	right: 0;
	margin: 0;
	width: 31px;
	height: 31px;
	/*hide the radio button*/
	filter:alpha(opacity=20);
	-moz-opacity:20;
	-khtml-opacity: 20;
	opacity: 0;
    cursor: pointer;

}
input[type="text"] {
	text-align:center;
}
 
input[type="radio"] + span{ /*the span element that immediately follow the radio button */
	visibility: hidden; /*temporarily hide the "YES" label*/
	background: #af2330;
	left: 638px;
	
}
input[type="checkbox"] {
	display:none;
}
input[type="radio"] + span:after{
/*	content:; if CSS are disbled span elements are not displayed you add text in here and it appears yes*/
}
 
 
input[type="radio"]:checked + span{
	visibility: visible; /*show the "YES" label only if the radio button is checked*/
}

input[type="checkbox"] + span{ /*the span element that immediately follow the radio button */
	visibility: hidden; /*temporarily hide the "YES" label*/
	background: #af2330;
	display: inline-block;
	cursor:pointer;
}
 
input[type="checkbox"] + span:after{
	visibility: hidden;
/*	content:; if CSS are disbled span elements are not displayed you add text in here and it appears yes*/
	display: inline-block;
	cursor:pointer;
}
 
 
input[type="checkbox"]:checked + span{
	visibility: visible; /*show the "YES" label only if the radio button is checked*/
	cursor:pointer;
	display:inline-block;
}



.filter_input {
  font-weight:normal; 
  font-size:20px;
	width:200px;
	height:35px;
	background: #FFF;
	border:1px solid #af2330;
 
}


.filter_button {
  font-weight:normal; 
  margin-left:5px;
	width:114px;
	height:37px;
	background-color:#af2330 !important;
	padding:2px;
	padding-left:0px;
	color:#FFFFFF !important;
	font-size:22px !important;
	text-align:left;
	border: transparent !important;
}

 .alarm_warning {
  font-weight:bold;
  background:rgba(255, 255, 0, 1.0);
  color:black;
}

.alarm_critical {
  font-weight:bold;
  background:rgba(255, 0, 0, 1.0);
  color:black;
}