/* General Updates 07.05.2013:                                          */
/* - Width increased from 916px to 1216px                               */
body {
	font-size: 11px;
	line-height: 18px;
	font-family: Arial, Verdana, sans-serif;
	color: #005578;
	margin: 0px;
	padding: 0px;
	min-height: 100%;
}

html, body {
	height: 100%;
}

a {
	text-decoration: none;
	color: #333333;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

hr {
	display: none;
}

table {
	border: medium none;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h6, li, dl, dt, dd, caption
	span.h1 {
	color: #2d373c;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	margin: 0; /* Friedrich 15.02.2013 - added */
	padding: 0; /* Friedrich 15.02.2013 - added */
}

h1, h2, h3, h4, h5, p, ul, ol, th, td, label {
	color: #2d373c;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	margin: 0; /* Friedrich 15.02.2013 - added */
	padding: 0; /* Friedrich 15.02.2013 - added */
}

div#action-zone {
	min-width: 1216px;
	padding: 0 0 8px 0;
	width: 1216px;
}

div, form {
	margin: 0;
	padding: 0;
}

#header {
	height: 60px;
	margin-left: 44px;
	margin-right: 22px;
	clear: both;
	min-width: 1282px;
}

#siemens-logo {
	margin-top: 25px;
}

#toolbar-zone {
	height: 20px;
	margin-top: 1px;
	margin-bottom: 10px;
	background-color: #999;
	font-size: 12px;
	color: #fff;
	padding-left: 44px;
	padding-right: 44px;
	font-family: Siemens Slab;
	line-height: 20px;
	min-width: 1216px;
}

#toolbar-links {
	float: left;
	width: 100px;
	margin-top: 8px;
	margin-left: -50px;
	padding-top: 2px;
}

#toolbar-elements {
	width: 100%;
	margin-left: 82%;
	font-family: Siemens Slab;
	font-size: 14px;
}

#localization-view-zone {
	padding-top: 2px;
	width: 68px;
}

a.ui-menuitem-link.ui-submenu-link.ui-corner-all .ui-icon-triangle-1-s {
	display: none;
}

a.ui-menuitem-link.ui-submenu-link.ui-corner-all {
	font-size: 14px;
}

#toolbar-zone a:hover, #toolbar-zone a:active {
	font-color: #333;
	text-decoration: none;
}

#toolbar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#toolbar-nav li {
	float: left;
	position: relative;
}

#site-identifier {
	width: 320px;
	float: left;
}

#site-identifier ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#site-identifier ul li {
	float: left;
	margin-right: 20px;
	color: #fff;
	font-family: Siemens Slab;
	font-size: 12px;
	line-height: 20px;
}

#site-identifier ul li  a {
	color: #fff;
	font-family: Siemens Slab;
	font-size: 12px;
	line-height: 20px;
}

#site-identifier ul li  a:hover {
	color: #333;
}

#headertext-zone {
	float: right;
	height: 25px;
	line-height: 30px;
	margin-left: 16px;
	padding-top: 2px;
}

#headertext-zone a.internal {
	/* Friedrich 15.01.2013 - added for header-zone links (logout) */
	color: #FFFFFF;
	font-size: 11px;
}

#headertext-zone .ui-icon {
	font-size: 11px;
	padding-top: 2px;
	color: #FFFFFF;
}

.ui-menu .ui-menuitem-text {
	float: left;
	color: #040303;
}

.user-details>a .ui-menuitem-text {
	float: left;
	color: #FFFFFF;
}

.clear {
	clear: both;
}

.access {
	display: none;
}

#content, .content {
	margin-left: 44px;
	width: 1216px;
	padding-bottom: 50px;
}

#content ul, .content ul {
	list-style-type: square;
	font-size: 11px;
	line-height: 14px;
}

#content a.internal, .content a.internal {
	/* Mattis 14.01.2013 - for internal links only */
	background: url("/javax.faces.resource/icons/arrow_B_right.gif.xhtml") left center
		no-repeat;
	padding-left: 8px;
}

#content a.external, .content a.external {
	background: url("/javax.faces.resource/icons/arrow_external.gif.xhtml") left center
		no-repeat;
	padding-left: 8px;
}

#content a:hover, .content a:hover {
	color: #990000;
}

#content .text a, .content .text a {
	background: none;
	color: #990000;
	text-decoration: none !important;
}

/* FOOTER */
#footer-position-wrapper {
	min-height: 100%;
	min-width: 100%;
	overflow: hidden;
	/*display: inline-table;			Bug: Chrome/FF Footer links nicht anklickbar	*/
}

#footer-zone {
	font-family: Arial, Verdana, sans-serif;
	height: 50px;
	overflow: hidden;
	width: 100%;
	margin-top: -50px;
	overflow: hidden;
	background-color: #ebf0f5;
}

#footer-fontsize-switch {
	float: right;
}

#footer-pagetools {
	border-bottom: 1px solid #999;
}

#footer-links ul li a {
	color: #999;
}

#footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size: 10px;
	color: #999;
	padding-left: 44px;
	padding-right: 44px;
}

#footer-links ul li {
	float: left;
	margin-right: 5px;
}

#footer-links ul li.footer-global a {
	color: #333;
}

#footer-links ul li.footer-global a:hover, #footer-links ul li.footer-global a:active
	{
	color: #005578;
}

/* Breadcrumb */
#breadcrumb-zone, .breadcrumb-zone {
	margin-left: 44px;
	margin-bottom: 24px;
	font-size: 11px;
	line-space: 16px;
	color: #666;
}

#breadcrumb-nav li a, .breadcrumb-nav li a {
	color: #666;
}

#breadcrumb-nav a:hover, #breadcrumb-nav a:active, #breadcrumb-nav li:last-child a,
	.breadcrumb-nav a:hover, .breadcrumb-nav a:active, .breadcrumb-nav li:last-child a
	{
	color: #990000 !important;
}

#breadcrumb-zone ul, .breadcrumb-zone ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumb-zone ul li, .breadcrumb-zone ul li {
	float: left;
	background: transparent url("/javax.faces.resource/icons/arrow_B_right.gif.xhtml")
		left center no-repeat;
	padding-left: 11px; /*5 from background image, 6 from CD*/
	margin-right: 12px;
}

/* HELPER */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Fontsize Switcher */
.tools-fontsize-decrease {
	width: 11px;
	height: 11px;
	background-image: url("/javax.faces.resource/icons/textsize_B.gif.xhtml");
	background-position: 0px 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 0 1px 0;
}

.tools-fontsize-enlarge {
	width: 11px;
	height: 11px;
	background-image: url("/javax.faces.resource/icons/textsize_B.gif.xhtml");
	background-position: -15px 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 0 1px 0;
}

.tools-fontsize-decrease.smallest, .tools-fontsize-enlarge.smallest {
	background-image: url("/javax.faces.resource/icons/textsize_A.gif.xhtml");
}

.tools-fontsize-decrease.largest, .tools-fontsize-enlarge.largest {
	background-image: url("/javax.faces.resource/icons/textsize_C.gif.xhtml");
}

.tools-fontsize-decrease.smallest {
	cursor: auto;
	/* Mattis 14.01.2013 - Maus nicht ausblenden sondern nur Standardcursor benutzen */
}

.tools-fontsize-enlarge.largest {
	cursor: auto;
	/* Mattis 14.01.2013 - Maus nicht ausblenden sondern nur Standardcursor benutzen */
}

.pagetools-fontsize {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#toolbar-nav .contact {
	color: #fff;
	font-family: Siemens Slab;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	width: 84px;
}

#toolbar-nav .contact:hover {
	width: 84px;
	height: 20px;
	color: #555;
}

#toolbar-nav .contact.active { /* heller BG aber Pfeil nach links*/
	width: 84px;
	height: 21px;
	background-color: #eee;
	color: #555;
}

#toolbar-nav .contact.active:hover { /* heller BG Pfeil nach unten*/
	width: 84px;
	height: 21px;
	background-color: #eee;
	color: #555;
}

.layer {
	position: absolute;
	top: 21px;
	background-color: #eee;
	color: #333;
	padding: 24px 10px 24px 10px;
	display: none;
	min-width: 150px; /* Friedrich 16.01.2013 - von 100px auf 150px */
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	font-size: 11px;
	line-height: 18px;
	font-family: Arial, Verdana, sans-serif;
}

.layer_show {
	display: block !important;
}

.layer-close {
	padding: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-top: 1px solid #fff;
	height: 8px;
	width: 7px;
	background: transparent url("/javax.faces.resource/icons/close_A.gif.xhtml") center
		center no-repeat;
	float: right;
	margin: -24px -10px 0px 0px;
	background-color: #ddd;
	cursor: pointer;
}

.layer-initiator {
	cursor: pointer;
}

.layer-content a {
	/* Friedrich 09.04.2013 - added for contact layer email links */
	color: #990000;
	text-decoration: none !important;
}

#contact-layer a {
	color: #2387aa;
	text-decoration: none !important;
}

.header-big #headerlogo-zone {
	display: none;
}

.header-big #headerlogo-big-zone, .header-big #feature-zone {
	display: block;
}

#header.header-big {
	height: 110px;
	/* background-image: url(/javax.faces.resource/images/banner_big.jpg.xhtml); */
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 22px;
	/* background-color: rgba(255,255,255,0.92); */
	background: #009999;
	border-bottom: 2px solid #dfe6ed;
	width: 100%;
	position: fixed;
	z-index: 10000;
	top: 0 !important;
}

.header-big #headertext-zone {
	color: #fff;
}

.header2-big #headerlogo-zone {
	display: none;
}

.header2-big #headerlogo-big-zone, .header2-big #feature-zone {
	display: block;
}

#header.header2-big {
	height: 144px;
	background-image: url("/javax.faces.resource/images/banner2_big.jpg.xhtml");
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 22px;
	background-color: #ADB4BE;
}

.header2-big #headertext-zone {
	color: #fff;
}

#headerlogo-big-zone {
	width: 3%;
	margin-left: 20px;
	/* border-right: 2px solid #fff; */
	float: left;
	margin-left: 3%;
}

#header-right-zone {
	/* width: 75%; */
	/* margin-left: 61.25%; */
	margin-top: 10px;
	display: flex;
	float: right;
	margin-right: 6%;
}

#user-manual {
	font-size: 14px;
	color: #788791;
	margin-top: 11px;
	margin-right: 7px;
}

#headerlogo-big-zone img {
    max-height: 88px;
    max-width: 120px;
    margin-top: 2vh;
}

#view-doc {
	/* width: 94.25%; */
	font-family: Siemens Slab;
	margin-top: 46px;
	margin-right: 6%;
}

#user-manual a {
	color: #ffffff;
	font-size: 14px;
}

.app-name {
	font-size: 20px;
	color: #ffffff;
	float: right;
	/* margin-left: 82%; */
	padding-top: 30px;
	padding-right: 10px;
}

#feature-zone {
	float: left;
	margin-top: 72px;
	margin-left: 22px;
	color: #fff;
	display: none;
	width: 26%
}

#feature-zone h1 {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 22px;
	font-size: 18px;
	font-family: Siemens Slab;
	font-weight: normal;
	color: #788791;
}

dd, dt, h1, h2, h3, li, p, select {
	font-size: 11px;
	line-height: 16px;
}

select, textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0;
	padding: 0;
}

input, select, textarea, button {
	color: #333333;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding-bottom: 6px;
}

h1 {
	color: #2d373c;
	font-size: 16px;
	line-height: 20px;
}

h2 {
	color: #999;
	font-size: 14px;
	line-height: 14px;
}

h3 {
	color: #666; /* or #999 or #333 */
	font-size: 14px;
}

h4 {
	color: #005578;
	font-size: 11px;
	line-height: 14px;
}

h5 {
	color: #005578;
	font-size: 11px;
	line-height: 16px;
}

h6 {
	color: #666;
	font-size: 11px;
	line-height: 16px;
}

.menuIcon {
	padding-left: 0;
	padding-right: 0;
	vertical-align: middle;
}

.currentMenuItemOrLabel {
	color: #990000;
}

.toolBarIconPadding {
	padding-left: 5px;
	padding-right: 5px;
}

.message {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #000000;
	font-size: 12px;
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

.message li {
	background: none no-repeat scroll left center transparent;
	margin: 3px 0 10px 0;
	padding: 6px 6px 6px 23px;
	list-style: none;
}

.message li.infomsg {
	background-image: url("/javax.faces.resource/icons/msginfo.png.xhtml");
	background-position: 4px 7px;
	color: #3366AA;
	border: 1px solid #3366AA;
	background-color: #ccddff;
}

.message li.errormsg {
	background-image: url("/javax.faces.resource/icons/news_A.gif.xhtml");
	color: #CC0000;
	border: 1px solid #CC0000;
	font-weight: bold;
	background-color: #FFEFEF;
	background-position: 4px 7px;
}

.message li.warnmsg {
	background-image: url("/javax.faces.resource/icons/msgwarn.png.xhtml");
	color: #F66E13;
	border: 1px solid #F66E13;
	background-color: #ffead5;
	background-position: 4px 6px;
}

.contenthead {
	font-size: 16px;
	font-weight: bold;
}

/* Tables */
table th {
	background-color: #eee;
	color: #000;
	border-bottom: 1px solid #999999;
}

table td {
	/* border-bottom: 1px dotted #999; Friedrich 15.01.2013 - auskommentiert, da sonst dotted lines bei Verwendung von panelGrid */
	
}

/* Inputs */
input[type=text], input[type=password], textarea, select {
	border: 1px solid #999;
	font-size: 11px;
	/*	padding: 3px; Mattis 14.01.2013 auskommentiert, da sonst fehlerhafte Textposition Primefaces-Spinner */
}

input[type=text].error, input[type=password].error {
	border: 1px solid #cc0000;
	color: #cc0000;
}

input[type=button], input[type=submit], input[type=cancel] {
	background-color: #999;
	color: #fff;
	padding: 1px 5px 1px 5px;
	font-size: 11px;
	border: 0px;
	border-radius: 1px;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=cancel]:hover
	{
	background-color: #666;
}

input[type=button]:disabled, input[type=submit]:disabled, input[type=cancel]:disabled
	{
	background-color: #ddd !important;
	color: #999;
}

.login {
	border-width: 0px;
	border-spacing: 5px;
	border-style: none;
	border-color: black;
	border-collapse: separate;
	background-color: #ecf3fe;
}

.login th {
	border-width: 0px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: #ecf3fe;
	-moz-border-radius:;
}

.login td {
	border-width: 0px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: #ecf3fe;
	-moz-border-radius:;
}

.loginColumn1Class {
	width: 70px;
}

.loginColumn2Class {
	width: 120px;
}

.alignTop {
	vertical-align: top;
}

.layout-container {
	heigth: 100%;
	width: 100%;
	padding: 0 44px;
}

.passwordTable {
	width: 100%;
}

table.passwordTable tr:first-child td:first-child {
	width: 44.2% !important;
}

.pkiTable {
	width: 100%;
}

.loadingDiv {
	left: 0;
	line-height: 200px;
	margin: auto;
	margin-top: -100px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.textAlignCenter {
	text-align: center;
}

.loginInternalPanel {
	width: 50% !important;
	border: none !important;
	padding: 0 !important;
	vertical-align: top;
}

.loginExternalPanel {
	border: none !important;
	padding: 0 !important;
}

.loginPanelRow {
	border: none !important;
}

input:-ms-input-placeholder { /* IE10�11 */
	color: #AFB9C3 !important;
	font-weight: 400 !important;
}

.loginInput {
	line-height: normal !important;
}

.user-info {
	border: none !important;
	font: 14px;
}

.ui-icon-envelope-font {
	font-size: 14px !important;
	margin-right: 3px !important;
	color: #ffffff !important;
}

/* Navigation css added to make it configurable for siemens and energy environments
*/
.navigation ul {
	margin-left: 10px;
	list-style-type: none;
}

.navigation {
	list-style-type: none;
}

.navigation span {
	/* padding-left: 8px; */
	color: #2387aa;
	border: 0;
	/* background: url("") left center no-repeat; */
}

.navigation .fa-angle-right {
	color: #990000;
	font-weight: bold;
}

.navigation a span:hover {
	color: #005578 !important;
	text-decoration: underline !important;
	border: 0;
}

.navigation i.ui-icon {
	font-size: 7px;
	line-height: 16px;
	vertical-align: top;
}

.navigationSelectedClass {
	font-weight: bold;
	color: #005578 !important;
}

.color-white {
	color: #FFFFFF !important;
}

.background-none {
	background: none !important;
}

.ui-menuitem-link.ui-state-hover {
	background: #EEEEEE !important;
}

.ui-menubar .ui-menuitem {
	font-size: 14px;
}

.ui-menuitem-link.ui-state-hover .ui-menuitem-text {
	color: #333333;
}

.toolBarHeaderClass {
	margin-bottom: 10%;
}

[id$=tool-bar-menubar] {
	top: 111px !important;
	height: 20px !important;
	background: #cccccc !important;
	padding-left: 39px !important;
	width: 100% !important;
	position: fixed !important;
	z-index: 9999 !important;
}

#tool-bar-menubar a {
	font-size: 12px;
	padding: 2px;
	padding-right: 10px;
}

[id$='footer-position-wrapper']>.wrapper {
	margin-top: 150px !important;
}

.ui-paginator-page.ui-state-active {
	background: #2387aa !important;
}

#content a:hover, .content a:hover {
	background: #2387aa !important;
	color: white !important;
}

.ui-tabs-nav li.ui-tabs-selected a {
	background: #2387aa !important;
	color: white !important;
}

.toolBarHeaderClass .ui-menubar .ui-menuitem-link {
	padding: 0.15em .3em !important;
}

.toolBarHeaderClass .ui-menu .ui-menuitem {
	margin: 0 5px !important;
}

.ui-languagechooser-panel {
	z-index: 10000 !important;
}

.dropdown-active a span {
	color: #2387aa !important;
}
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff !important;
    color: #2387aa !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
	border: none !important;
}

.ui-datepicker-calendar  .ui-datepicker-current-day  .ui-state-active {
	background: #2387aa !important;
	color: white !important;
}