/*
Copyright RLE International 2013
Project WebETM SVG
*/
/* 
    Created on : 30.10.2013, 15:29:05
    Author     : arudnik
*/

/* ========================================================================== */

#left_logo {
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 8px;
	background-image: url(../images/brandmark_desktop_48px.png);
	height: 48px;
	width: 190px;
}

#left_logoFinder {
	background-image: url(../images/brandmark_versions_36_tab.png);
	float:left;
	width: 226px;
	height: 36px;
	margin-right: 30px;
	margin-left: 15px;
	margin-top: 15px;
}

#center_controls_box {
	margin: auto;
	float: left;
}

#center_controls_pe {

}

#headerContainer {
	max-width: 980px;
	margin: auto;
}

#headerContainerFinder {
	width: 100%;
	margin: auto;
}

.hButton {
	font-size: 12px;
	height: 54px;
	padding: 7px 10px 0 10px;
	color: white;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	border-right: solid #444 1px;
}

.hButtonS {
	font-size: 12px;
	height: 54px;
	padding: 7px 10px 0 10px;
	background: #111111;
	color: #59DDFF;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-right: solid #444 1px;
}

div.hButton:hover {
	color: #59DDFF;
}

/* ========================================================================== */
/* =========== Toggle buttons for diagram navigation ======================== */
/* ========================================================================== */

.nav_button_active {
    fill: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin: 8px 2px;
    text-align: center;
    vertical-align: middle;
}

.nav_button_active:hover {
	color: #59DDFF;
	fill: #59DDFF;
}

.nav_button_inactive {
    fill: #999999;
    display: inline-block;
    margin: 8px 2px;
    text-align: center;
    vertical-align: middle;
}

#back_one {
}

#back_full {
}

#back_to_menu {
}

.dButton {
 display: inline-block;
    fill: #FFFFFF;
    font-size: 12px;
    padding: 8px 10px;
    vertical-align: top;
    cursor: pointer;
}

.dButton:hover {
	color: #59DDFF;
	fill: #59DDFF;
}

.dButtonS {
	display: inline-block;
	padding: 8px 10px;
	font-size: 12px;
	cursor: pointer;
	color: #59DDFF;
	fill: #59DDFF;
	vertical-align: top;
	cursor: pointer;
}

.dButtonOFF {
	display: inline-block;
    padding: 8px 10px;
	font-size: 12px;
	text-align: center;
	color: #9C9C9C;
	fill: #000;
    cursor: default;
	vertical-align: top;
}

#center_sysinfo:before {
  content: " System Information ";
}

#center_diagnosis:before {
  content: " Diagnosis ";
}


#center_diagram {
	
}
#center_legend {
	
}
#center_diagnosis {
	
}
#center_connectors {
	
}
#center_locator {
	
}

/* ========================================================================== */
/* ========================================================================== */

.centerContentV {
	background-image: url("../images/bar.gif");
    background-repeat: repeat-x;
	height: 31px; 
	}

#menubar {
	position: relative;
	width: 100%;
	background-color: #040404;
	height: 31px;
}
#menubarContainer {
	position: relative;
	margin: auto;
	max-width: 980px;
	height: 30px;
	color: #FFF;
}

/* ========================================================================== */

.menubar_H {
  display: none;
}

.menubar_V {
  text-align: center;
  width: 100%;
  height: 100%;
}

.menubar_title {
  cursor: default;
  color: #59DDFF;
  font-weight: bold;
  padding-left: 27px;
  float: left;
  font-size: 0.9em;
}

.menubar_title span {
  position: relative;
  top: 7px;
  text-decoration: none;
}

#menubar_diagram {
}

.centerDiagramButtons {
  text-align: center;
  margin: auto;
  height: 30px;
}

/* ========================================================================== */

#comboboxRight {
  float: right;
  padding: 18px 10px;
}

#combobox {
  margin-top: 4px;
  padding-right: 24px;
  float: right;
}

#combobox form {
  display: inline;
}

#comboboxC {
  display: table-cell;
  margin: auto;
  width: 100px;
}
#comboboxC form {
  display: table-cell;
}

/* ========================================================================== */


/* ========================================================================== */

#clbutton {
  margin-top: 2px;
  margin-right: 10px;
  padding-left: 10px;
  float: left;
  width: 125px;
  height: 26px;
  font-size: 12px;
}
#clbutton a {
  position: relative;
  top: 7px;
  padding-left: 0px;/*background: url(../images/pfeil_r.gif) no-repeat 0%;*/
}
/* ========================================================================== */

#searchbutton {
  margin-top: 2px;
  float: left;
  width: 60px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

#searchbutton:hover {
}

#searchbutton a {
	position: relative;
	top: 7px;
}

/* ========================================================================== */
/* ========================================================================== */


@media screen and (max-width: 780px) { 
#left_logo {
	background-image: url(../images/brandmark_versions_36_tab.png);
	float:left;
	width: 226px;
	height: 36px;
	margin-right: 0px;
	margin-left: 15px;
	margin-top: 15px;
}

#headerContainerFinder > #center_controls_box {
	float:left;
}

.centerDiagramButtons {
	float:right;
}

#center_controls_box {
	float:right;
}

.hButton {
	font-size: 12px;
	padding: 7px 7px 0 7px;
}
.hButtonS {
	font-size: 12px;
	padding: 7px 7px 0 7px;
}

#comboboxRight {
	position:absolute;
	left: 7px; 
	top: 65px;
	float: none;
	padding: 0px;
	z-index: 200;
}

#combobox {
	margin-top: 2px;
	padding-right: 4px;
}

.dButton {
	display: inline-block;
	padding: 9px 7px;
	font-size: 12px;
	text-align: center;
	/* float: left; */
	cursor: pointer;
	fill: #FFF;
}


.dButton:hover {
	color: #59DDFF;
	fill: #59DDFF;
}

.dButtonS {
	display: inline-block;
	padding: 9px 7px;
	font-size: 12px;
	text-align: center;
	/* float: left; */
	cursor: pointer;
	color: #59DDFF;
	fill: #59DDFF;
}
.dButtonOFF {
	display: inline-block;
	padding: 9px 7px;
	font-size: 12px;
	text-align: center;
	cursor: default;
	color: #000;
	fill: #000;
}

#center_sysinfo:before {
  content: " Sys.Info ";
}

#center_diagnosis:before {
  content: " Diag. ";
}

#comboC {
  width: 65px;
  margin-top: 4px;
}

#comboG {
  width: 450px;
  margin-top: 4px;
}

}

@media screen  and (-webkit-min-device-pixel-ratio: 2) {
#left_logo {
	background-image: url(../images/brandmark_versions_tab72.png);
	-webkit-background-size: 226px 36px;
		width: 226px;
	height: 36px;
	margin-right: 30px;
	margin-left: 15px;
	margin-top: 15px;

}
}