* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(../Images/background.gif) repeat-y #EAEAEA; width: 100%; }
#ERROR { background: none; background-color: #FF0000; color: #000040; }
img { border: 0px none; }
a { color: #000080; text-decoration: underline; font-size: 12px; font-weight: normal; }
ul { list-style-position: inside; }
h1 { font-size: 16px; font-weight: bold; color: #444; text-transform: uppercase; }
h2 { font-size: 16px; font-weight: bold; color: #666; }
h3 { font-size: 12px; font-weight: bold; color: #000; }
input, select { height: 14px; color: #000; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; border: 0px none; }
select { border: 1px solid #999; padding: 0px; height: 20px; background-color: #fff; }
input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; bottom: 2px; background-color: #EAEAEA; }
input[type=radio] { bottom: 1px; }
button, input[type=submit], input[type=button] { height: 20px; padding: 2px 10px; background-color: #bfbfbf; font-size: 12px; color: #000; border: 1px solid #666; text-align: center; min-width: 42px; }
button:hover, input[type=submit]:hover, input[type=button]:hover { cursor: pointer; }
input[type=file] { height: 20px; background-color: #fff; font-size: 12px; color: #000; border: 1px solid #666; text-align: center; min-width: 42px; }
button.text[type=submit], button.text[type=button], input.text[type=submit], input.text[type=button] { border: 0px none; background-color: transparent !important; font-size: 12px; text-align: left; color: #000080; display: inline-block; padding: 0px; margin: 0px 0px 0px 6px; text-decoration: underline; min-width: 0px; cursor: pointer; vertical-align:middle; }
button[disabled], input[type=submit][disabled], input[type=button][disabled] {color: #999; border: 1px solid #999}
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner { border: 0 !important; padding: 0 !important; }
div#page { width: 100%; }
div#headerArea { position: absolute; left: 0px; top: 0px; right: 0px; height: 56px; background-color: #FFF; }
div#headerArea img#logo { float: left; margin-right: 12px; }
div#headerArea p#headerTitle { float: left; margin-top: 19px; font-size: 16px; font-weight: bold; color: #444; }
div#dateTimeBar { position: absolute; left: 0px; top: 56px; right: 0px; height: 20px; width: 100%; background-color: #999; color: #FFF; text-align: right; }
form#languageSelectionForm { display: inline; margin-right: 12px; }
form#languageSelectionForm select { display: inline; margin: 0px; height: 20px; }
div#separatorLine1 { position: absolute; left: 0px; top: 76px; right: 0px; height: 1px; width: 100%; background-color: #FFF; }
div#separatorLine2 { position: absolute; left: 0px; top: 137px; right: 0px; height: 1px; width: 100%; background-color: #FFF; }
div#page > div#loginBox { position: absolute; left: 0px; top: 77px; height: 51px; width: 176px; padding: 8px 2px 1px 8px; color: #444; background-color: #AFB4BE; }
form#loginForm {}
form#loginForm div#loginFields { float: left; width: 122px; }
form#loginForm div#loginFields input { height: 12px; width: 116px; border: 0px none; background-color: #FFF; color: #000; padding: 3px 3px 3px 3px; margin: 0px 0px 8px 0px; }
form#loginForm div#loginFields input.ghost { color: #AFB4BE; }
form#loginForm div#loginButtons { float: left; width: 50px; margin: 0px 2px; }
form#loginForm div#loginButtons div#loginType { height: 28px; width: 100%; margin-right: 6px; text-align: right; }
form#loginForm div#loginButtons div#loginType a { float: left; }
form#loginForm div#loginButtons input#loginButton { margin: 0px; font-size: 10px; text-align: right; width: 100%; }
div#page > div#logoutBox { position: absolute; left: 0px; top: 77px; height: 48px; width: 162px; padding: 12px 12px 0px 12px; color: #444; background-color: #afb4be; }
form#logoutForm {}
form#logoutForm div#logoutButton { float: right; margin-top: 7px; text-align: right; margin-right: 6px; }
div#titleArea { position: absolute; left: 186px; top: 77px; right: 0px; height: 52px; padding: 8px 0px 0px 12px; display: block; color: #666; background-color: #ccc;}
div#titleArea h1 { font-size: 16px; font-weight: bold; color: #666; text-transform: none; }
div#titleMenuArea { margin-top: 6px; }
ul#titleMenu { list-style: none; margin-right: 12px; margin-top: 2px; float: left; }
ul#titleMenu li { float: left; margin-top: 0px; margin-right: 0px; }
ul#titleMenu li a { padding: 0px 4px 0px 4px; font-weight: bold; color: #990; }
ul#titleMenu li a.first { padding-left: 0px !important; }
ul#titleMenu li a:hover, ul#titleMenu li:hover a, ul#titleMenu li a.selected { font-weight: bold; color: #000080; cursor: pointer; }
form#titleDropDownMenuForm { margin-top: 0px; margin-right: 12px; float: left; }
form#titleDropDownMenuForm select { margin: 0px 6px 0px 0px; float: left; }
form#titleDropDownMenuForm button { float: left; }
div#filterBox { position: absolute; right: 12px; top: 10px; }
form#filterBoxForm { }
form#filterBoxForm select { margin: 0px 12px 0px 0px; float: left; }
form#filterBoxForm input { margin: 0px 12px 0px 0px; float: left; background-color: #fff; }
form#filterBoxForm button { float: left; background-color: #fff; }
div#filterBox p { font-weight: bold; color: #666; margin-top: 6px; }
div#filterBox p#filterDescriptionVerb { display: none; }
div#filterBox p#filterNoResults { display: none; }
div#titleArea div#navigationbuttons { display: none; }
div#titleArea div#buttons { position: absolute; right: 28px; bottom: 12px; z-index: 100; }
div#titleArea div#buttons a { margin-left: 6px; }
div#navigationArea { position: absolute; left: 0px; top: 138px; width: 174px; padding: 0px 0px 20px 12px; color: #666; background-color: #D0D3DA; }
ul#mainMenuLevel1 { list-style-position: outside; list-style: none; margin-top:22px; }
ul#introMenu { list-style-position: outside; list-style: none; margin-top: 36px; }
ul#mainMenuLevel1 li, ul#introMenu li { height: 17px; padding-bottom: 19px; }
ul#mainMenuLevel1 li a, ul#introMenu li a { padding-left: 10px; font-size: 14px; font-weight: normal; color: #666; background: url(../images/NaviPfeilweiss.gif) no-repeat 0px 5px; text-decoration: none; max-width: 162px; }
ul#mainMenuLevel1 li a:hover, ul#mainMenuLevel1 li:hover a, ul#mainMenuLevel1 li a.selected, ul#introMenu li a:hover, ul#introMenu li:hover a, ul#introMenu li a.selected { padding-left: 10px; font-size: 14px; font-weight: bold; color: #000080; background: url(../images/NaviPfeilblau.gif) no-repeat 0px 5px; max-width: 162px; }
div#clientArea { position: absolute; left: 186px; top: 138px; bottom: 30px; right: 0px; display: block; }
div.secondaryExtendedNavigationArea { }
div.secondaryMenuArea { background-color: #999; height: 23px; overflow: hidden; }
ul.secondaryMenu { list-style: none; }
ul.secondaryMenu li { float: left; margin-top: 3px; margin-right: 2px; }
ul.secondaryMenu li a { height: 16px; display: block; padding: 4px 4px 0px 4px; font-weight: bold; color: #444; background-color: #CCC; text-decoration: none; }
ul.secondaryMenu li a:hover, ul.secondaryMenu li:hover a, ul.secondaryMenu li a.selected, ul.secondaryMenu li a.moduleSecNavSelected { font-size: 12px; font-weight: bold; color: #000; background-color: #EAEAEA; cursor: pointer; }
div#extendedMenuArea { background: url(../Images/background_extMenu.gif) no-repeat; height: 23px; margin-top: 6px; }
ul#extendedMenu { list-style: none; }
ul#extendedMenu li { float: left; margin-top: 0px; margin-right: 0px; border-top: 3px solid #999; border-right: 2px solid #999; }
ul#extendedMenu li a { height: 16px; display: block; padding: 4px 4px 0px 4px; font-weight: bold; color: #444; background-color: #CCC; text-decoration: none; }
ul#extendedMenu li a:hover, ul#extendedMenu li:hover a, ul#extendedMenu li a.selected { font-weight: bold; color: #000; background-color: #EAEAEA; }
div#contentArea { padding: 12px; color: #000; background-color: #EAEAEA; height: 100%; }
table.datatable { border: 0px none; table-layout: auto; background-color: #FFF; border-spacing: 1px;}
table.datatable tr, table tr.odd { background-color: #EAEAEA; }
table.datatable tr.even { background-color: #D8D8D8; }
table.datatable tr.selected { background-color: #C1CEE9 !important; }
table.datatable th { font-size: 12px; font-weight: normal; color: #000; background-color: #BFBFBF; border: 0px solid #FFF; text-align: left; height: 15px; padding: 1px 20px 0px 2px; }
table.datatable th span.sortarrow { vertical-align: middle; position: relative; bottom: 3px; padding-left: 12px; }
table.datatable th a { text-decoration: none; color: #000; }
table.datatable td { font-size: 12px; font-weight: normal; color: #000; border: 0px solid #FFF; text-align: left; height: 15px; padding: 1px 20px 0px 2px; }
table.datatable td a { text-decoration: none; color: #000; }
div#contentArea div.captionlabel { color: #666; vertical-align: middle; text-align: right; font-weight: bold; }
div#contentArea label { display: inline-block; color: #666; text-align: right; margin-right: 6px; }
div#contentArea input[type="text"], div#contentArea input[type="password"] { display: inline-block; height: 18px; }
div#contentArea input[type="text"][readonly], div#contentArea input[type="password"][readonly] { display: inline-block; height: 18px; padding: 0px 3px 0px 3px; background-color: #ddd; }
div#contentArea textarea { display: inline; min-height: 18px; border: 0px none; padding: 1px 2px 0px 2px; overflow:auto;}
div#contentArea textarea[readonly] { display: inline; min-height: 18px; border: 0px none; background-color: #ddd; padding: 1px 2px 0px 2px; }
div#contentArea select { display: inline-block; height: 18px; }
div#contentArea input[type="checkbox"], div#contentArea input[type="radio"] { display: inline-block; height: 18px; }
div.details { font-size: 12px; color: #000; background-color: #DDD; width: 100%; margin: 0px; }
div.details div.header { padding: 7px 12px 4px 12px; height: 12px; font-weight: bold; background-color: #999; }
div.details div.header div.left { float: left; }
div.details div.header div.right { float: right; text-align: right; }
div.details div.content { clear: both; padding: 12px 12px 12px 12px; font-weight: normal; }
div#contentArea div.line { height: 18px; margin-bottom: 6px;}
div#contentArea div.threelines { height: 66px; margin-bottom: 6px; }
#printLogo {
display: none;
}
#loginBoxError {
color: #BA0000;
font-size: 9px;
font-weight: bold;
margin-left: 2px;
}
#titleAreaReloadIcon {
text-decoration: none;
text-align: right;
vertical-align: bottom;
padding: 0px;
padding-bottom: 10px;
}
.reloadIconText {
font-size: 12px;
text-decoration: underline;
color: #000080;
vertical-align: top;
padding: 0px;
margin: 0px;
}
#dynamicLink {
cursor: pointer;
}
#timePreference {
height: 20px;
}
#dynamic_date {
display: inline;
}
.shortHeader {
display: none;
}
.hiddenOnLarge {
display: none;
}
.trHiddenOnLarge {
display: none;
}
.noWrapOnLarge {
white-space: nowrap;
}
.staticField,
.staticFieldDyn,
.staticFieldHeadline,
.staticFieldHeadlineLeft,
.staticFieldHeadlineSmall,
.staticFieldHeadlineDyn,
.staticFieldLong,
.staticFieldLongBold,
.staticFieldSmall {
border-left: 6px solid #EAEAEA;
border-top: 4px solid #EAEAEA;
}
.outputField,
.outputFieldLong,
.outputFieldDyn {
border-left: 6px solid #EAEAEA;
border-top: 4px solid #EAEAEA;
}
#loginPageError {
color: #BA0000;
}
div#contentArea form#logoutForm div#logoutButton {
float: none;
text-align: left;
}
#loginPageTable {
margin: 0px;
margin-left: 209px;
margin-top: 130px;
padding: 0px;
empty-cells: show;
border-collapse: collapse;
width: 243px;
overflow: visible;
}
#loginPageTrHeadline {
padding: 0px;
margin: 0px;
}
#loginPageTdHeadline {
padding:0px;
margin:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:51px;
font-weight:bold;
color:#8495BF;
text-transform:uppercase;
text-align:right;
overflow: visible;
}
.loginPageGap {
height: 11px;
}
.loginPageTdInput {
padding: 0px;
margin: 0px;
text-align: right;
}
.loginPageInput {
width: 183px;
padding:0px;
padding-top:4px;
margin:0px;
border: 0px solid;
font-size: 14px;
}
.loginPageTrText {
padding: 0px;
margin: 0px;
}
.loginPageTdText {
padding: 4px 6px 0px 0px;
margin: 0px;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
color: grey;
white-space: nowrap;
}
#loginPageTdButton {
padding: 0px;
margin: 0px;
text-align: right;
}
.startPageButtons {
border-left: 6px solid #EAEAEA;
border-top: 4px solid #EAEAEA;
width: 240px;
}
#cpuHousing1211,
#cpuHousing1214,
#cpuHousing1214F {
color: white;
float: left;
font-size: 0px;
}
#cpuHousing1211 {
background-image: url('../Images/CPU1200/Housing_CPU_1211_1212C.PNG');
width: 216px;
height: 250px;
}
#cpuHousing1214 {
background-image: url('../Images/CPU1200/Housing_CPU_1214C.png');
width: 275px;
height: 250px;
}
#cpuHousing1214F {
background-image: url('../Images/CPU1200/Housing_CPU_1214FC.png');
width: 275px;
height: 250px;
}
#cpuHousing1211 div,
#cpuHousing1211 img,
#cpuHousing1214 div,
#cpuHousing1214 img,
#cpuHousing1214F div,
#cpuHousing1214F img {
display: inline-block;
vertical-align: top;
}
.ledImg {
width: 4px;
}
#startTableContainer {
margin-left: 50px;
float: left;
}
#identTable {
margin-left: 24px;
}
.diagContentArea {
width: 100%;
}
#diagTableBody {
background-image: none;
}
#updateDiagDiv {
background-color: #EAEAEA;
}
.leftBesideHiddenField {
width: 50px;
}
#iframeDiagTable,
#iframeDiagDetail,
#iframeDiagDetailLong {
width: 100%;
height: 100%;
}
#iframeDiagTableWrapperDiv {
width: 100%;
height: 60%;
}
#iframeDiagDetailWrapperDiv {
width: 100%;
height: 40%;
}
#diagTable tr {
cursor: pointer;
}
.moduleContentArea {
width: 100%;
}
#moduleIframeWrapperDiv {
height: 100%;
background-color: #EAEAEA;
}
.bgzTableBody {
height: 100%;
}
.filterTextEmpty {
font-size: 14px;
height: 100%;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
background-color : #EAEAEA;
}
.filterFormClass {
border: 0px;
font-weight: normal;
font-size: 12px;
padding-bottom: 0px;
margin: 0px; color: #000000;
padding-top: 0px;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
text-decoration: none;
}
.filterListClass {
border: 0px;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.filterValueClass {
border: 0px;
padding: 2px 0px;
font-weight: normal;
font-size: 12px;
margin: 0px;
width: 90px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none
}
#bgzTableIframe {
width: 100%;
height: 45%;
}
#bgzDetailIframe {
width: 100%;
height: 55%;
}
#breadcrumbDiv {
padding: 8px 6px;
font-weight: bold;
}
#filterDiv {
float: right;
padding: 6px;
display: none;
}
.bgzStatusDiv,
.bgzIdentificationDiv,
.bgzSafetyDiv,
.bgzFirmwareDiv {
background-color: #EAEAEA;
height: 100%;
}
.bgzStatusDiv {
width: 400px;
}
.bgzFirmwareDiv {
width: 600px;
}
#bgzFirmwareInnerDiv {
padding: 5px 20px 30px 20px;
}
.bgzDetailsLeftHeader {
padding: 0px 30px 0px 2px;
}
#filterDiv #filterSend {
height: 18px;
padding: 0px 10px;
}
.varstateMonitorModifyTable img {
vertical-align: bottom;
}
#varstateDiv {
width: 90%;
}
#updateFwContainer {
margin: 20px 0px 0px 20px;
font-size: 14px;
}
#updateFwError {
font-size: 14px;
}
#fileBrowserWrapper {
padding: 12px;
}
#dirPath {
margin-bottom: 10px;
font-weight: bold;
color: #444;
}
#fileBrowserError {
margin-bottom: 10px;
}
#fileBrowserTable td,
#fileOperationsTable td,
#fileBrowserTable th,
#fileOperationsTable th {
height: 17px;
}
#fileBrowserTable th,
#fileOperationsTable th {
background-color: #BFBFBF;
border-bottom-width: 0px;
}
.fileBrowserDirNoSortHeader {
border-right-width: 0px;
padding: 0px 2px;
}
.fileBrowserNameHeader {
border-left-width: 0px;
border-right-width: 0px;
padding: 0px 2px;
}
.contentTableFieldHeader {
border-top-width: 0px;
padding: 0px 20px 0px 2px;
}
.fileBrowserDir {
text-align: right;
border-right-width: 0px;
padding: 0px 2px;
}
.fileBrowserName {
border-left-width : 0px;
padding: 0px 20px 0px 2px;
}
.contentTableField {
padding: 0px 20px 0px 2px;
}
.deleteImage:hover {
cursor: pointer;
}
.fileBrowserHeadline {
color: #666666;
font-weight: bold;
padding: 0px;
}
.imageButton {
margin-left: 5px;
}