html {font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 1em; color: #000000; overflow-y: scroll; }
body {margin: 0px;background: #ffffff repeat-x; }
form {margin: 0px;}
h1 { padding:1px 5px 0px 5px; font-size: 1.2em;}
/*
#content a { color: #d06700; text-decoration: none}
#content a:hover { text-decoration: underline; }
#content a:visited { color: #9c4d00 }
*/
#outer {width: 100%;}
#inner {width: 994px; margin:auto;}
#header {text-align: left;width: 100%;}
#headerLeft {width: 251px;height: 101px;background: url(/static/images/layout/headerBGLeft.jpg) no-repeat;}
#headerMiddle {width: auto;height: 101px;background: url(/static/images/layout/headerBGCenter.jpg) repeat-x;}
#headerRight {width: 382px;height: 101px;background: url(/static/images/layout/headerBGRight.jpg) no-repeat;}
#userdata {width: 100%;}
#userdataLeft {width: 8px;height: 24px;background: url(/static/images/layout/loginStatusBGLeft.jpg) no-repeat;}
#userdataMiddle {height: 24px;padding: 1px 0px 0px 0px;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #404040;text-align: left;background: url(/static/images/layout/loginStatusBG.jpg) repeat-x;}
#userdataMiddle2 {height: 24px;padding: 1px 0px 0px 0px;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #404040;text-align: right;background: url(/static/images/layout/loginStatusBG.jpg) repeat-x; padding-right: 1em; }
#userdataRight {cursor: pointer;width: 104px;height: 24px;padding: 1px 0px 0px 40px;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #ffffff;text-align: left;background: url(/static/images/layout/loginStatusBGRight.jpg) no-repeat;}
#main {width: 100%;}
#navigation {width: 200px; max-width: 200px; vertical-align:top; }
#navigationBegin {width: 100%;}
#navigationHeader {height: 32px;}
#navigationHeaderLeft {width: 8px;height: 32px;background: url(/static/images/layout/headlineBG_32_Left.png) no-repeat;}
#navigationHeaderMiddle {height: 32px;font-size: 1.3em;font-weight: bold;color: #404040;text-align: left;background: url(/static/images/layout/headlineBG_32.png) repeat-x;}
#navigationHeaderRight {width: 8px;height: 32px;background: url(/static/images/layout/headlineBG_32_Right.png) no-repeat;}
#navigationMiddle {width: 100%;}
.navigationItem {height: 32px;padding: 1px 1px 3px 4px;font-size: 0.95em;font-weight: bold;color: #404040;background: url(/static/images/layout/navItemBG_32.jpg) no-repeat; background-size: 100% 100%;}
.navigationItemActive {height: 32px;padding: 1px 1px 3px 4px;font-size: 0.95em;font-weight: bold;color: #ffffff;background: url(/static/images/layout/navItemBG_32_neg.jpg) no-repeat; background-size: 100% 100%;}
.subNavigationItem {height: 20px;padding: 1px 1px 3px 40px;font-size: 0.75em;font-weight: bold;color: #404040;background: url(/static/images/layout/navItemBG_20.jpg) no-repeat; background-size: 100% 100%; }
.subNavigationItemActive {height: 20px;padding: 1px 1px 3px 40px;font-size: 0.75em;font-weight: bold;color: #ffffff;background: url(/static/images/layout/navItemBG_20_neg.jpg) no-repeat; background-size: 100% 100%; }
#navigationEnd {width: 100%;}
#navigationFooter {height: 32px;}
#navigationFooterLeft {width: 8px;height: 32px;background: url(/static/images/layout/footlineBG_32_Left.png) no-repeat;}
#navigationFooterMiddle {height: 32px;padding: 1px 0px 0px 1px;font-size: 1.3em;font-weight: bold;color: #404040;text-align: left;background: url(/static/images/layout/footlineBG_32.png) repeat-x;}
#navigationFooterRight {width: 8px;height: 32px;background: url(/static/images/layout/footlineBG_32_Right.png) no-repeat;}
#contentSeperator {width: 16px;}
#content {width: 778px; vertical-align: top; }
#contentBegin {width: 100%;}
#contentHeader {height: 32px;}
#contentHeaderLeft {width: 8px;height: 32px;background: url(/static/images/layout/headlineBG_32_Left.png) no-repeat;}
#contentHeaderMiddle {height: 32px;padding: 0px 0px 0px 5px;font-size: 1.3em;font-weight: bold;color: #404040;text-align: left;background: url(/static/images/layout/headlineBG_32.png) repeat-x;}
#contentHeaderRight {width: 8px;height: 32px;background: url(/static/images/layout/headlineBG_32_Right.png) no-repeat;}
#contentMiddle {width: 100%;}
.contentItemLeft {width: 8px; background: #f0f0f0 url(/static/images/layout/sideLineBG_Left.gif) repeat-y;}
.contentItemMiddleLegend {padding: 12px 5px;font-size: 0.95em;font-weight: bold;color: #404040;background: #f0f0f0;}
.contentItemMiddle {padding: 12px 5px;width: 70%;font-size: 0.95em;color: #404040;background: #f0f0f0;}
.contentItemRight {width: 8px;background: #f0f0f0 url(/static/images/layout/sideLineBG_Right.gif) repeat-y right;}
.contentItemSeperator {background: url(/static/images/layout/contentItemSeparator.jpg) no-repeat;}
#contentEnd {width: 100%;}
#contentFooter {height: 8px;}
#contentFooterLeft {width: 8px;height: 8px;background: url(/static/images/layout/footlineBG_8_Left.png) no-repeat;}
#contentFooterMiddle {height: 8px;padding: 1px 0px 0px 1px;text-align: left;background: url(/static/images/layout/footlineBG_8.png) repeat-x;}
#contentFooterRight {width: 8px;height: 8px;background: url(/static/images/layout/footlineBG_8_Right.png) no-repeat;}
#footer {width: 100%;}
#footerBegin {width: 100%;}
#footerHeader {height: 24px;}
#footerHeaderLeft {width: 8px;height: 24px;background: url(/static/images/layout/headlineBG_24_Left.png) no-repeat;}
#footerHeaderMiddle {height: 24px;padding: 0px 0px 0px 5px;font-size: 0.75em;font-weight: bold;color: #404040;text-align: left;background: url(/static/images/layout/headlineBG_24.png) repeat-x;}
#footerHeaderRight {width: 8px;height: 24px;background: url(/static/images/layout/headlineBG_24_Right.png) no-repeat;}
#footerMiddle {width: 100%;}
#footerContent {vertical-align: top;}
#footerContentLeft {padding: 3px 0px 3px 13px;font-size: 0.7em;color: #404040;text-align: left;background: #f0f0f0 url(/static/images/layout/sideLineBG_Left.png) repeat-y;}
#footerContentRight {padding: 3px 13px 3px 0px;font-size: 0.7em;color: #404040;text-align: right;background: #f0f0f0 url(/static/images/layout/sideLineBG_Right.png) repeat-y right;}
#footerEnd {width: 100%;}
#footerFooter {height: 8px;}
#footerFooterLeft {width: 8px;height: 32px;background: url(/static/images/layout/footlineBG_8_Left.png) no-repeat;}
#footerFooterMiddle {height: 8px;padding: 1px 0px 0px 1px;background: url(/static/images/layout/footlineBG_8.png) repeat-x;}
#footerFooterRight {width: 8px;height: 32px;background: url(/static/images/layout/footlineBG_8_Right.png) no-repeat;}
.imgNoBorder {border: 0px solid #000000;}
#headerSeperator {height: 6px;font-size: 0.01em;}
#userdataSeperator {height: 16px;font-size: 0.01em;}
#mainSeperator {height: 16px;font-size: 0.01em;}
#footerSeperator {height: 16px;font-size: 0.01em;}
#endSeperator {height: 16px;font-size: 0.01em;}
.trTop {vertical-align: top;}
.checkbox {}
.radio {}
.registerImage {float: left;margin-right: 4px;}
.registerNavText {padding-top: 3px;}
.submitbutton {padding: 4px 6px;font-size: 1.0em;font-weight: bold;}
.backLink {color: #d06700;font-weight: bold;text-decoration: none;}
.backLink:hover {text-decoration: underline;}
.backLink:visited {color: #d06700;}
.linkCustom {color: #d06700;font-weight: bold;}
.linkAction {color: #d06700;font-weight: bold;text-decoration: none;}
.linkAction:hover {text-decoration: underline;}
.linkAction:visited {color: #d06700;}
.linkExternal {color: #d06700;font-weight: bold;text-decoration: none;}
.linkExternal:hover {text-decoration: underline;}
.linkExternal:visited {color: #d06700;}
.linkButton {color: #666666;font-weight: bold;text-decoration: none;}
.linkButton:visited {color: #666666;}
.linkWhiteWd {color: #ffffff;text-decoration: none;}
.linkWhiteWd:hover {color: #ffffff;text-decoration: underline;}
.textInput {font-size: 0.95em;width: 300px;}
.submitButton {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; height: 22px; padding: 0px 12px;font-weight: bold; color: #666666; background-color: #EDB177; border: 1px outset #808080; cursor: pointer;}
.submitButton:hover {background-color: #FFBF81; border: 1px solid #808080;}
.headSeparator {height: 24px; border: 0px none;}
#contentLogin {text-align: center;}
.registerTextCenter {text-align: center;}
.loginSeperator {height: 50px;font-size: 0.01em;}
#contentBeginLogin {width: 480px;margin:0 auto 0;}
#contentMiddleLogin {width: 480px;margin:0 auto 0;}
#contentEndLogin {width: 480px;margin:0 auto 0;}
#mainLogin {width: 100%;}
.textInputLogin {font-size: 0.95em;width: 200px;}
.contentItemMiddleLegendLogin {padding: 18px 5px 0px;width: 188px;text-align: right;font-size: 0.95em;font-weight: bold;color: #404040;background: #f0f0f0;}
.contentItemMiddleLogin {padding: 18px 5px 0px;width: 276px;text-align: left;font-size: 0.95em;color: #404040;background: #f0f0f0;}
.contentItemLogin {padding: 18px 5px 12px;font-size: 0.95em;color: #404040;background: #f0f0f0;}
.errorSeperator {height: 80px;font-size: 0.01em;}
#contentBeginError {width: 480px;margin:0 auto 0;}
#contentMiddleError {width: 480px;margin:0 auto 0;}
#contentEndError {width: 480px;margin:0 auto 0;}
#contentError {text-align: center;}
#mainError {width: 100%;}
.contentItemError {padding: 18px 5px 12px;font-size: 0.95em;color: #404040;background: #f0f0f0;text-align:left;}
.errorBlock {background: #ffff99;border: 1px solid #808080;}
.errorIcon {padding: 8px 8px;text-align:left;}
.errorText {padding: 8px 8px;font-size: 1em;font-weight: bold;color: #cc0000;text-align:left;width: 90%;}
.errorTextNorm {font-size: 0.8em;font-weight: normal;color: #000000;}
.warningBlock {background: #ffff99;border: 1px solid #808080;}
.warningIcon {padding: 8px 8px;text-align:left;}
.warningText {padding: 8px 8px;font-size: 1em;font-weight: bold;color: #cc0000;text-align:left;width: 90%;}
.warningTextNorm {font-size: 0.8em;font-weight: normal;color: #000000;}
.divButton {background: #999999;border: 1px solid #000000;}
.divButton:hover {background: #ffff00;border: 1px solid #000000;}
.divButtonVar {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background-color: #edb177;border-left: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;border-right: 1px solid #4d4d4d;border-bottom: 1px solid #4d4d4d;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButtonVar:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background-color: #edb177;border: 1px solid #808080;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton300 {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button300.png) no-repeat;width: 300px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton300:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button300hover.png) no-repeat;width: 300px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton200 {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button200.png) no-repeat;width: 200px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton200:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button200hover.png) no-repeat;width: 200px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton150 {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button150.png) no-repeat;width: 150px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton150:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button150hover.png) no-repeat;width: 150px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton120 {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button120.png) no-repeat;width: 120px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton120:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button120hover.png) no-repeat;width: 120px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton100 {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button100.png) no-repeat;width: 100px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton100:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button100hover.png) no-repeat;width: 100px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton75 {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button75.png) no-repeat;width: 75px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.divButton75:hover {float: right; padding: 3px 0px 0px;font-size: 12px;font-weight: bold;background: url(/static/images/layout/button75hover.png) no-repeat;width: 75px;height: 22px;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
input.inputtype08 {background: #ffe8cc;}
select.inputtype08 {background: #ffe8cc;}
checkbox.inputtype08 {background: #ffe8cc;}
textarea.inputtype08 {background: #ffe8cc;}
/* Kilroy */
.navigationItem a { color:#404040; text-decoration:none; }
.navigationItemActive a { color:#f0f0f0; text-decoration:none; }
.subNavigationItem a { color:#404040; text-decoration:none; }
.subNavigationItemActive a { color:#f0f0f0; text-decoration:none; }
/* Tooltip improved */
td#WzBoDyI p { margin:0px; }
td#WzBoDyI p+p { margin-top:0.7em; }
/* Philipp */
.error { color: red; }
.menuPath { font-size: 75%; }
.norwrap { white-space: nowrap; }
table.list { border-collapse:collapse; padding:0px; margin:0px; width: 100%; border:0px solid #808080; }
table.list tr { padding:0px; margin:0px; }
table.list th { padding:1px 5px 1px 5px; border-left:1px solid #808080; border-bottom:1px solid #808080; border-right:1px solid #808080; margin:0px; text-align: center; }
table.list td { padding:1px 5px 1px 5px; border-left:1px solid #808080; border-bottom:1px solid #808080; border-right:1px solid #808080; margin:0px; text-align: left; }
table.list tr.c00, table.list tr.c10 { background-color:gray; }
table.list tr.c00 td, table.list tr.c10 td { text-decoration:line-through; }
table.list tr.c01 { background-color:#f0f0f0; }
table.list tr.c11 { }
table.list tr.head { height:31px; background: url(/static/images/layout/headlineBG_32_2.png) repeat-x; font-weight: bold; }
table.list tr.head th { padding:1px 5px 0px 5px; font-size: 1.2em; margin: 0px;}
table.list tr.head th.leftText {text-align: left; border-right: 0px solid #000000; }
table.list tr.head th.rightText {text-align: right; border-left: 0px solid #000000; }
table.list tr.subhead { background: #dddddd; font-weight: bold;}
table.list tr.subhead th { padding:1px 5px 0px 5px; font-size: 1em; margin: 0px; vertical-align: top; }
table.list tr.subhead th.leftText {text-align: left; border-right: 0px solid #000000; border-top: 1px solid #808080; }
table.list tr.subhead th.rightText {text-align: right; border-left: 0px solid #000000; border-top: 1px solid #808080; }
table.list tr.legend { background: #a0a0a0; color: #ffffff; font-weight: bold; }
table.list tr.legend th { padding:1px 5px 0px 5px; margin: 0px; }
table.list tr.legend th.leftBorder { padding:1px 5px 0px 5px; text-align: left;border-left:1px solid #808080; border-bottom:1px solid #808080; border-right:0px solid #808080; margin: 0px; }
table.list tr.legend th.noBorder { padding:1px 5px 0px 5px; text-align: left;border-left:0px solid #808080;border-bottom:1px solid #808080; border-right:0px solid #808080; margin: 0px; }
table.list tr.legend th.rightBorder { padding:1px 5px 0px 5px; text-align: left;border-left:0px solid #808080;border-bottom:1px solid #808080; border-right:1px solid #808080; margin: 0px; }
table.list tr.lastFirst {background: #e0e0e0;}
table.list tr.lastFirst th { padding:4px 5px 3px 5px; font-size: 1em; margin: 0px;border-top:0px solid #808080; border-left:1px solid #808080; border-bottom:1px solid #808080; border-right:1px solid #808080;}
table.list input.sortby { font: inherit; font-weight:bold; color:inherit; background: inherit; border:0px none; }
table.list img { border: 0px; }
table.list td.container { padding:0px; background-color: #ffffff; }
table.form { border-collapse:collapse; padding:0px; margin:0px;}
table.form tr { padding:0px; border:0px; margin:0px; }
table.form td { padding:0px; margin:0px; }
table.form td.label { font-weight: bold; padding:1px 5px 1px 5px; }
table.form td.data { }
table.form tr.c0 { }
table.form tr.c1 { }
table.form tr.head { height:23px; padding:1px 5px 0px 5px; background: url(/static/images/layout/headlineBG_25.jpg) repeat-x; text-align:center; }
table.form tr.head th { margin:0px; }
form div.standardForm input { font: inherit; }
#formErrors { color:red; }
table.eform { border-collapse:collapse; border:0px solid #808080; padding:0px; margin:0px; width: 100%; }
table.eform tr { padding:0px; border:0px; margin:0px; }
table.eform th { font-size:0.7em; padding:1px 5px 1px 5px; border-top:0px solid #808080; border-left:0px solid #808080; border-bottom:0px solid #808080; border-right:0px solid #808080; margin:0px; text-align: left; color:gray; }
table.eform td { padding:1px 5px 3px 5px; border-top:0px solid #808080; border-left:0px solid #808080; border-bottom:0px solid #808080; border-right:0px solid #808080; margin:0px; text-align:left; }
table.eform th.borderR {border-right:1px solid #808080;}
table.eform td.borderR {border-right:1px solid #808080;}
tr.c01 td {background: #ffffff; border: 0px solid #000000;}
tr.c00 td {background: #ffffff; border: 0px solid #000000;}
tr.c11 td {background: #f6f6f6; border: 0px solid #000000;}
tr.c10 td {background: #f6f6f6; border: 0px solid #000000;}
.listEmail .tdLocal {width:160px;padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
.listEmail .tdAt {width:12px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
.listEmail .tdDomain {width:160px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
.listEmail .tdArrow {width:20px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
.listEmail .tdTarget {width:160px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
.listEmail .tdType {width:60px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
.listEmail tr.c11 td {background: #f6f6f6; }
.listEmail input.search {width:100%; font-size: 0.8em;}
.listEmail .action {width: 12px; height: 12px; padding: 3px;font-size: 12px;font-weight: bold;background-color: #edb177;border-left: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;border-right: 1px solid #4d4d4d;border-bottom: 1px solid #4d4d4d;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.listEmail .action:hover {padding: 3px;font-size: 12px;font-weight: bold;background-color: #edb177;border: 1px solid #808080;text-align: center;margin: 2px 2px 0px 2px;cursor:pointer;}
.emailForm table.layout {border: 0;}
.emailForm table.layout td {border: 0;}
.emailForm table.layout td:first-child {width: 7em;}
.emailForm input[type=text],
.emailForm select {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.emailForm input[type=text],
.emailForm select {width: 500px;}
.emailForm input[name='local'] {width: 200px;}
.emailForm select[name='fqdn'] {width: 300px;}
table.list td.listAccount {width:160px;padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listDomain {width:160px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listArrow {width:20px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listMBox {width:160px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listBorderLeft {font-size: 0.8em;padding:1px 5px; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080;background: #cccccc;}
table.list td.listBorderNone {font-size: 0.8em;padding:1px 5px; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080;background: #cccccc;}
table.list td.listBorderRight {font-size: 0.8em;padding:1px 5px; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 1px solid #808080;background: #cccccc;}
table.list td.listBorderBoth {font-size: 0.8em;padding:1px 5px; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 1px solid #808080;background: #cccccc;}
table.list td.query {padding:8px 16px; font-size: 0.9em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080;background: #f6f6f6;}
table.list td.listLeft {padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listCenter {padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listRight {padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 1px solid #808080; background-color: #ffffff;}
table.list td.listCol {padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 1px solid #808080; background-color: #ffffff;}
table.list td.listLeft150 {width: 150px;padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listLeft200 {width: 200px;padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listLeft300 {width: 300px;padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listDate {width:65px;padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listNumber {width:150px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listType {width:80px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listRead {width:60px;padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listName {padding:3px 5px; font-size: 0.8em; border-left: 1px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listService {padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 0px solid #808080; background-color: #ffffff;}
table.list td.listAction {text-align:right; padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-bottom:1px solid #808080; border-right: 1px solid #808080; background-color: #ffffff;}
table.list td.listNone {padding:3px 5px; font-size: 0.8em; border-left: 0px solid #808080; border-top:0px solid #808080; border-bottom:0px solid #808080; border-right: 0px solid #808080;}
table.list td.leftText {text-align:left;}
table.list td.centerText {text-align:center;}
table.list td.rightText {text-align:right;}
/* Debug marker */
div.debugmark:before { content: "Debug"; }
div.debugmark:hover:before { display: none; }
div.debugmark { font-size:8pt; background-color:white; color:black; padding:2px; margin-top:20px; border:2px dotted #dddddd; white-space:pre; font-family:monospace; visibility:visible; position:fixed; bottom: 0px; max-width:95%; max-height:95%; overflow:auto; }
div.debugmark div.debugmark0 { background-color:#eeeeee; }
div.debugmark div.debugmark1 { background-color:#e0e0e0; }
div.debugmark div { display:none; }
div.debugmark:hover div { display:block; }
/* Searchable select */
option.searchSelect-no-match { color: #c0c0c0; }
#additional .border1 { border: 1px solid #8c8c8c; display: inline-block; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#additional .border2 { border: 1px solid #cecece; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#additional .container { border: 4px solid #f0f0f0; background-color: #f0f0f0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; position:relative; }
#additional .container .img { position: absolute; left: 0px; top; 0px; border: 0px; }
#additional .container .switcher { position: absolute; right: 0px; bottom: 0px;}
.shop ul, .shopcart ul, .shoporders ul { overflow: hidden; }
.shop .cart { float: right; text-decoration: none; color: inherit; padding: 3px; border: 1px solid #c0c0c0; border-radius: 5px; margin: 0 0 5px 5px; background-color: #f0f0f0; box-shadow: 0 0 5px 5px #f0f0f0; width: 200px; }
.shop .cart:hover { border-color: #D06700; color: #D06700 }
.shop .cart table { border-collapse: collapse; }
.shop .cart .heading { text-align: center; }
.shop .cart img { margin-right: 10px; }
.shop .cart .number { text-align: right; padding-right: 5px; }
.shop .cart .text { text-align: left; }
.shop .clear { clear: both; }
.shop .smallfont { font-size: 80%; }
.shop .items { border-collapse: collapse; width: 752px; }
.shop .groups .level { min-height: 27px; border-bottom: 1px solid #c0c0c0; width: 535px; }
.shop .groups .level a { border: 1px solid #c0c0c0; border-radius: 5px 5px 0 0; padding: 2px 5px; margin: 0; display: inline-block; height: 20px; position: relative; top: 2px; }
.shop .groups .level a.active { border-bottom-color: #f0f0f0; color: black; background: url(/static/images/layout/headlineBG_32_2.png) repeat-x transparent; }
.shop .group { border: 1px solid #c0c0c0; border-radius: 5px; padding: 5px; background: url(/static/images/layout/headlineBG_32_2.png) repeat-x transparent; }
.shop .group .parent { font-weight: bold; }
.shop .group .name { font-weight: bold; font-size: 115%; }
.shop .item:hover { background-color: #e8e8e8; }
.shop .item.small .text { cursor: url(/static/icon/zoomin.cur),auto; cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; }
.shop .item.big .text { cursor: url(/static/icon/zoomout.cur),auto; cursor: zoom-out; cursor: -moz-zoom-out; cursor: -webkit-zoom-out; }
.shop .item + .item { border-top: 1px solid #c0c0c0; }
.shop .item td,
.shop .sum td,
.shop .tax td { padding: 5px 0; vertical-align: top; }
.shop .item td.text { width: 592px; }
.shop .item td.price,
.shop .sum td.price,
.shop .tax td.price { width: 80px; text-align: right; }
.shop .item td.pricemonthly,
.shop .sum td.pricemonthly,
.shop .tax td.pricemonthly { width: 80px; text-align: right; }
.shop .item .addToCart { padding: 1px; float: right; margin: 0 0 5px 10px; border: 1px solid transparent; border-radius: 5px; }
.shop .item .addToCart:hover { border-color: #808080; }
.shop .item .count { margin: 0 0px 5px 10px; float: right; text-align: right; }
.shop .item .count .add { vertical-align: middle; }
.shop .item .count .remove { vertical-align: middle; }
.shop .item .image { margin: 0 10px 5px 0; float: left; width: 40px; height: 40px; overflow: hidden; border-radius: 5px; }
.shop .item .image img { border-radius: 5px; }
.shop .item .image .small { cursor: url(/static/icon/zoomin.cur),auto; cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; }
.shop .item .image .big { cursor: url(/static/icon/zoomout.cur),auto; cursor: zoom-out; cursor: -moz-zoom-out; cursor: -webkit-zoom-out; }
.shop .item .image .big { display: none; }
.shop .item .headline { font-weight: bold; font-size: 115%; min-height: 20px; }
.shop .item .subheadline { font-weight: bold; font-size: 100%; min-height: 25px; }
.shop .item .abstract { margin: 10px 0; }
.shop .item .abstract { display: none; }
.shop .item .notavailable { color: #c00000; }
.shop .item .content { margin: 10px 0; clear:both; }
.shop .item .content { display: none; }
.shop .item .mvl { margin: 10px 0; }
.shop .item .mvl { display: none; }
.shop .item .links { margin: 10px 0; }
.shop .item .links { display: none; }
.shop .item .links ul { margin: 0; }
.shop .item .attachments { margin: 10px 0; }
.shop .item .attachments ul { margin: 0; }
.shop .item .attachments { display: none; }
.shop .item .notavailable { color: #c00000; }
.shop .item .toggle { text-align: center; font-size: 80%; color: #808080; margin: 0px 5px; cursor: pointer; clear: both; }
.shop .item:hover .toggle { color: #000000; }
.shop .item .toggle:hover { background-color: #e0e0e0; color: #000000; border-radius: 5px; }
.shop .item .toggle .small { display: none; }
.shop .item .toggle .big { display: none; }
.shop .sum { border-top: 2px solid #404040; }
.shop .sum .headline { font-weight: bold; font-size: 115%; }
.shop .tax { border-top: 0px solid #404040; }
.checkout b { font-weight: bold; }
.checkout .part { margin: 10px 0; }
.checkout .address { margin: 5px 0 0 20px; }
.checkout #comment { width: 752px; height: 20em; }
.shoporders .order .header { border: 1px solid #c0c0c0; border-radius: 5px; padding: 5px; background: url(/static/images/layout/headlineBG_32_2.png) repeat-x transparent; font-weight: bold; font-size: 115%; }
.shoporders .order td { text-align: left; vertical-align: top; }
.shoporders .order .label { font-weight: bold; padding-right: 5px; }
.monitoringPopup {
display: none;
}
.monitoringPopupContentFullSize {
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
}
.monitoringPopupContent {
position: fixed;
margin: auto;
left: 5em;
right: 5em;
top: 8em;
bottom: 8em;
background: #f0f0f0;
box-shadow: 0 0 10px rgb(0, 0, 0), 0 0 10px 0 rgba(0, 0, 0, 0);
border: 1px solid #808080;
border-top: none;
border-radius: 8px 3px 5px 5px;
display: flex;
flex-direction: column;
}
.monitoringPopupBackground {
backdrop-filter: blur(1px);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.monitoringPopupHeader {
position: sticky;
top: 0;
z-index: 1;
display: flex;
flex-direction: row;
}
.monitoringPopupHeaderMiddle {
height: 32px;
font-size: 1.3em;
font-weight: bold;
color: #404040;
text-align: left;
background: url(/static/images/layout/headlineBG_32.png) repeat-x;
flex: 1;
}
.monitoringPopupHeaderSite {
flex: 0;
width: 8px;
height: 32px;
}
.monitoringHardwareAction {
display: inline-block;
cursor: pointer;
background: #ffbf81;
border: 1px solid #808080;
border-radius: 5px;
}
.monitoringHardwareAction:hover {
opacity: 0.8;
transform: translateY(2px);
}
.monitoringPopup .monitoringHardwareAction img {
width: 16px;
height: 16px;
}
#monitoringHardwareIFrame {
background: url(/static/upt/waiting.gif) center center no-repeat;
border: none;
flex-grow: 1;
margin: 1em;
}
/* The main calendar widget. DIV containing a table. */
.calendar {
position: relative;
display: none;
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
font-size: 11px;
color: #000;
cursor: default;
background: #d4d0c8;
font-family: tahoma,verdana,sans-serif;
}
.calendar table {
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
font-size: 11px;
color: #000;
cursor: default;
background: #d4d0c8;
font-family: tahoma,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}
.calendar .nav {
background: transparent url(/static/upt/js/jquery/jquery.dynDateTime/css/menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: #848078;
color: #fff;
text-align: center;
}
.calendar thead .headrow { /* Row containing navigation buttons */
}
.calendar thead .daynames { /* Row
containing the day names */
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #000;
padding: 2px;
text-align: center;
background: #f4f0e8;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
padding: 0px;
background-color: #e4e0d8;
}
.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
background-color: #c4c0b8;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #f4f0e8;
}
.calendar tbody .rowhilite td {
background: #e4e0d8;
}
.calendar tbody .rowhilite td.wn {
background: #d4d0c8;
}
.calendar tbody td.hilite { /* Hovered cells | */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
padding: 2px 2px 0px 2px;
background: #e4e0d8;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}
.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #f4f0e8;
padding: 1px;
border: 1px solid #000;
background: #848078;
color: #fff;
text-align: center;
max-width: 0; /* Prevent content from setting size of | */
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #e4e0d8;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
background: #c4c0b8;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #048;
color: #fea;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #766;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/**
* styling for tip content
* mostly for example
* note: canvas (the tip itself) cannot be styled here. use javascript options for that.
*/
.bt-content {
font-size: small;
color: #000;
line-height: normal;
}
/* styling for active target elements - usually for background hilighting */
.bt-active {
/* example:
background-color: yellow !important;
*/
} |