html { height: 100%; } body { height: 100%; padding: 0px; margin: 0px; border: none; background-color: #ffffff; color: #000; font-size: 11px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } body.popup { margin: 15px; height: auto; background: #fff !important; } body.print { background: #fff !important; } body.notification { background-color: #ffffff !important; background-image: none !important; padding: 50px; } div { border: none; padding: 0; margin: 0; } label { cursor: pointer; } p { line-height: 150%; margin: 0 0 10px 0; } form { margin: 0px; } img { vertical-align: middle; margin-bottom: 2px; border: none; } ul { margin: 10px 0; padding: 0 0 0 20px; } ol { margin: 10px 0; padding: 0 0 0 20px; } li { line-height: 1.5em; margin-bottom: 5px; } h1 { margin: 10px 0; font-size: 135%; font-weight: bold; line-height: 150%; } h2 { margin: 8px 0; font-size: 120%; font-weight: bold; line-height: 150%; } h3 { margin: 6px 0; font-size: 110%; font-weight: bold; line-height: 150%; } iframe { border: none; } a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } a.active { text-decoration: underline; } a.image:hover { text-decoration: none !important; } .cursorMove { cursor: move; } .cursorPointer { cursor: pointer; } .article { position: relative; overflow: hidden; clear: both; margin-bottom: 10px; padding-bottom: 10px; } .article.preview { border: none; background: url(/images/publish/preview.png) fixed 0 top; } .layoutCMS { width: 175px; font-size: 11px; line-height: 16px; background-color: #fff; border: 10px solid #fff; -moz-border-radius: 10px; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -webkit-border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); color: #000 !important; } .layoutCMS a { color: #000 !important; } .layoutCMS h1 { font-size: 120%; } .layoutCMS #components { border-top: 1px dotted #b2b2b2; margin-top: 10px; padding: 7px 0 0; } #textmode { border-style: none; margin-top: 20px; width: 100%; margin-bottom: 10px; } #textmode .body { border: 1px dotted #b2b2b2; padding: 10px; margin-top: 3px; line-height: 175%; } .inactive { color: #999 !important; } .highlight { color: #b20025; } .colorsLayout { background-color: #ffffff; } .colorsTableRow { background-color: #d8d8d8; color: #000000; } .colorsTableRow a { color: #000000; } .colorsTableRowAlternative { background-color: #f9f9f9; color: #000000; } .colorsTableRowAlternative a { color: #000000; } .colorsTableTopic { background-color: #666666; color: #ffffff; } .colorsTableTopic a { color: #ffffff; } .colorsTableSubtopic { background-color: #9f9f9f; color: #ffffff; } .colorsTableSubtopic a { color: #ffffff; } .colorsTableSubtopic2 { background-color: #b9b9b9; color: #ffffff; } .colorsTableSubtopic2 a { color: #ffffff; } .colorsTableColumnTitle { background-color: #666666; color: #ffffff; } .colorsTableColumnTitle a { color: #ffffff; } .colorsTableInactive { background-color: #bfbfbf; color: #ededed; } .colorsTableInactive a { color: #ededed; } .colorsTableSelected { background-color: #96c1e6; color: #ffffff; } .colorsTableSelected a { color: #000000; } .colorsTableMouseover { background-color: #96c1e6; color: #ffffff; } .colorsTableMouseover a { color: #000000; } .colorsWindowTopic { background-color: #666666; color: #ffffff; } .colorsWindowTopic a { color: #ffffff; } .colorsWindowContent { background-color: #f2f2f2; color: #000000; } .colorsWindowContent a { color: #000000; } .formText { background-color: #ffffff; color: #000000; } .formTextarea { background-color: #ffffff; color: #000000; } .formSelect { background-color: #ffffff; color: #000000; } .status.online { } .status.offline { color: #7f7f7f; } .status.offline a { color: #7f7f7f; } .status.archive { color: #be8d14; } .status.archive a { color: #be8d14; } .status.scedule { color: #3077c8; } .status.scedule a { color: #3077c8; } .comments { margin-top: 30px; margin-bottom: 10px; } .comments h1 { font-size: 120%; margin-bottom: 0; clear: both; padding-bottom: 5px; } .comments h2 { font-size: 120%; margin-bottom: 5px; clear: both; } .comments .comment { border-bottom: 1px dashed #999; font-size: 100%; padding: 15px 5px; } .comments .comment .options { float: right; margin-left: 10px; } .comments .comment .parent { margin-bottom: 5px; font-size: 90%; text-align: center; font-style: italic; clear: both; } .comments .comment .text { } .comments .comment .author { float: left; margin-bottom: 5px; font-size: 90%; font-weight: bold; margin-right: 15px; } .comments .comment .timestamp { float: right; margin-bottom: 5px; font-size: 90%; font-weight: bold; margin-left: 15px; } .comments .comment .quote { margin-left: 10px; border-left: 1px dashed #999; padding-left: 7px; font-style: italic; margin-top: 10px; padding-top: 2px; padding-bottom: 2px; } .comments .comment .quote .author { float: none; margin-bottom: 5px; } .contenttable { margin: 0px; line-height: 150%; border: none; } .contenttable td { vertical-align: top; } .contenttable .label { font-weight: bold; margin-bottom: 4px; margin-left: 0; } .colContent { width: 100%; } .colContent.mediaColumnActive { width: 100%; } .colMedia { vertical-align: top; width: 142px; border-left: 3px solid #fff; border-top: 0px solid #fff; } .colMedia .mediaContent { width: 137px; } .colMedia .topic { text-align: right; } .colMedia .subtopic { text-align: right; } .contenttable .topic { padding: 5px; } .contenttable .topic h1 { margin: 0px; } .contenttable .subtopic { padding: 5px; font-weight: bold; } .contenttable .topic2 { padding: 5px; text-align: center; font-size: 90%; } .contenttable .topic2 h1 { padding: 0; margin: 0; } .contenttable .colMedia .topic2 { border-left: 0px; } .contenttable .left { width: 128px; padding: 4px; text-align: right; border-top: 1px solid #fff; border-right: 1px solid #fff; } .contenttable .right { border-top: 1px solid #fff; padding: 4px; } .contenttable .split { padding: 4px; text-align: left; border-top: 1px solid #fff; border-right: none; border-left: none; } .contenttable .info { margin-top: 5px; font-size: 90%; } .contenttable .clean { background: none; border: none; padding: 0px !important; } .contenttable .center { text-align: center; } .contenttable .formElement { width: 100%; font-size: 95%; } .contenttable .formText { padding: 2px; border: 1px solid #999; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } .contenttable .formTextarea { padding: 2px 0px; border: 1px solid #999; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } .contenttable .formTextCorrection { padding-right: 6px; } table.mceLayout { margin-right: -5px !important; } .contenttable .formTextareaCorrection { padding-right: 2px; } .contenttable .formSelect { border: 1px solid #999; } .contenttable .formCheckbox { float: left; margin: 2px 5px 0px 3px; } .contenttable .formRadio { margin-left: 3px; margin-right: 3px; } .contenttable .captchaWrapper { text-align: center; } .subtable { width: 100%; border: 1px solid #9f9f9f; } .subtableEnd { text-align: center; } .contenttable .slideSwitch { cursor: pointer; } .contenttable .slideSwitchIcon { cursor: pointer; background-position: right center; background-repeat: no-repeat; } .contenttable .slideSwitchIcon.open { background-image: url(/images/icon/16/navigate_open.png); } .contenttable .slideSwitchIcon.closed { background-image: url(/images/icon/16/navigate_close.png); } .contenttable .languageBox { } .contenttable .languageBoxSwitcher { color: #000; cursor: pointer; margin: 10px; } .contenttable div.error { margin-top: 5px; } .contenttable div.error img { margin-right: 3px; } .contenttable td.error { color: #a90006; background-color: #f9eaed; } .contenttable td.error input { color: #a90006 !important; font-weight: bold !important; border-color: #a90006; } .contenttable .topic.error { color: #fff; background-color: #b6262b; } .contenttable .subtopic.error { color: #fff; background-color: #b6262b; } div.slider { height: 16px; background: url(/images/table/slideline.png) 0px 7px repeat-x; } div.slider div.knob { margin-top: 5px; width: 7px; height: 16px; background-image: url(/images/table/slider.png); } .cellGroup { border-style: solid; border-color: transparent; border-width: 3px 0 0 3px; } .cellGroup:first-child { border-width: 3px 0 0 0; } #error { margin-top: 20px; font-size: 100%; line-height: 150%; color: #b50026; border: 1px dashed #b50026; padding: 10px; background-color: #f9eaed; margin-bottom: 20px; } #error h1 { margin: 0px 0 10px; font-size: 150%; } #error h2 { margin: 0px 0 10px; font-size: 80%; } .template_missing { background-color: #BB0000; color: #ffffff; padding: 10px; text-align: center; border-style: dashed; border-color: #ff9600; border-width: 2px; } .phperror { background-color: #e9e9e9; border: 1px dashed #b00; padding: 0 10px 10px; margin-bottom: 10px; margin-top: 10px; } .phperror h1 { font-size: 150%; font-weight: bold; clear: none; float: none; margin-right: 20px; margin-bottom: 0; border-width: 1px; border-style: none; padding: 0; } .help { cursor: help; } .help .question { margin-top: 5px; cursor: pointer; } .help .answer { line-height: 1.75em; margin: 5px 10px; } .cloud { text-align: center; } .cloud span { padding-right: 1px; padding-left: 1px; } .cloud span.cat5 { font-size: 180%; font-weight: bold; } .cloud span.cat4 { font-size: 150%; font-weight: bold; } .cloud span.cat3 { font-size: 120%; font-weight: bold; } .cloud span.cat2 { font-size: 100%; } .cloud span.cat1 { font-size: 90%; } #linkElements { padding: 4px; } .linkElement { float: none; clear: both; cursor: move; margin: 0; letter-spacing: 0; font-weight: bold; font-size: 11px; border-bottom: 1px dashed #b1b1b1; overflow: hidden; } .linkURL { font-weight: normal; font-style: normal; font-size: 9px; padding: 0; margin: 3px 0 0; white-space: nowrap; } .linkOptions { float: left; cursor: pointer; padding: 0; margin-top: 0; margin-left: 0; margin-right: 4px; } .links { } .links .element { width: 128px; margin-top: 2px; margin-bottom: 5px; background-repeat: no-repeat; background-position: center center; line-height: 150%; } .links .element a { padding-left: 16px; background: url(/theme/layout/extlink.gif) no-repeat left; } .media { position: relative; margin-top: 10px; overflow: visible; } .media.left { float: left; clear: left; margin-right: 10px; text-align: left; } .media.right { float: right; clear: right; margin-left: 10px; text-align: right; } .media .element { display: block; margin-bottom: 10px; } #mediaAdmin { position: relative; } #mediaShowProgress { padding-top: 10px; text-align: center; font-size: 90%; line-height: 150%; } .toggleMediaAdmin { cursor: pointer; } .mediaElement { border-bottom: 1px dashed #b1b1b1; padding: 8px 0px; } .mediaPreview { background-repeat: no-repeat; background-position: center; vertical-align: top; text-align: center; width: 128px; } .mediaDetails { vertical-align: top; padding-left: 10px; } .mediaDetails h1 { margin-top: 0px; } .mediaDetails .description { margin: 10px 0; } .mediaDetails .fileinfo { margin: 0 0 10px; } .mediaDetails .options img { margin-right: 5px; } .mediaForm .mediaElement { border: none; width: 50%; float: left; margin: 0; padding: 0px; overflow: hidden; } .mediaForm .mediaElement .mediaPreview { vertical-align: middle; } .mediaForm .mediaElement .mediaDetails { padding-left: 0px; } .mediaForm .mediaElement .mediaTitleEdit { margin-top: 3px; width: 95%; } .uploadProgress { text-align: center; } .bar { height: 18px; margin-bottom: 5px; margin-top: 2px; background-image: url(/images/bar/overlay.png); background-position: 0 center; text-align: left; } .bar .active { font-size: 11px; line-height: 16px; float: left; background-image: url(/images/bar/overlay.png); background-position: 0 center; height: 100%; border-right: 1px solid #fff; text-align: center; } .menuover .tip { color: #fff; z-index: 13000; border: 0px solid #fff; background: url(/plugins/tooltip/bubble/css/bubble.png) bottom right; margin-top: 11px; margin-left: -26px; } .menuover .tip a { color: #fff; } .menuover .tip-title { font-size: 90%; padding: 3px 5px 5px; } .menuover .element { background: url(/theme/layout/link.white.png) no-repeat left 2px; padding: 0 0 0 17px; margin: 5px; } .controls { font-size: 90%; margin: 10px; text-align: center; } .controls .active { font-size: 120%; font-weight: bold; text-decoration: underline; } .controls A { text-decoration: none; } .controls A:hover { text-decoration: underline; } .noresults { text-align: center; color: #7f7f7f; font-style: italic; margin: 15px; } .ajax-loading { background: url(/images/wait.gif) no-repeat center center; opacity: 0.3; } .directEdit { position: absolute; right: 5px; top: 5px; background-color: #fff; border: 5px solid #fff; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); z-index: 10; } .directEdit img { margin: 0px; } .message { padding: 10px; } .message .header { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #999; } .message .header .element { margin-bottom: 5px; clear: left; } .message .header .element .topic { color: #666; margin-right: 4px; font-weight: bold; text-align: right; width: 75px; float: left; } .message .header .subject { font-weight: bold; } .noflashplayer { width: 280px; line-height: 150%; text-align: center; border: 1px dashed #900; padding: 10px; } .overlay { color: #fff; text-align: center; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 10000; } .overlay .content { width: 500px; margin: 200px auto 0; background-color: #e7e7e7; color: #000; padding: 15px; border: 2px solid #c4c4c4; -moz-border-radius: 10px; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 1); -webkit-border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 1); } #search { overflow: hidden; font-size: 100%; line-height: 100%; margin-bottom: 0; padding-bottom: 0; clear: both; } #search .result { margin-bottom: 10px; border-bottom: 1px dashed #b2b2b2; padding-bottom: 5px; overflow: hidden; clear: both; } #search H1 { font-size: 130%; margin-top: 5px; line-height: 150%; margin-bottom: 8px; } #search .component { font-weight: bold; } #search .snippet { line-height: 1.8em; } #search .score { font-size: 85%; text-align: right; margin-top: 8px; float: right; } #search .noResult { border-bottom: 1px dashed #b2b2b2; padding-bottom: 20px; margin-bottom: 10px; padding-top: 10px; text-align: center; } #search .stats { text-align: right; margin-top: 8px; } #search .form { text-align: center; } #search .form.top { border-bottom: 1px dashed #b2b2b2; padding-bottom: 10px; margin-bottom: 10px; } .sortOptions { padding: 0; text-align: right; } .sortElement { list-style: none; border: none; padding: 4px 0 2px; margin: 0; } .sortElement .info { font-size: 85%; font-weight: normal; font-style: normal; } .sortSwitch { margin-right: 5px; cursor: pointer; margin-bottom: 0; width: 10px; } .sortHandle { cursor: move; } .sortLevel1 { padding-left: 5px; font-weight: bold; margin-top: 5px; } .sortLevel2 { font-weight: normal; font-style: normal; color: #333; padding-left: 10px; } .sortLevel3 { font-variant: normal; font-style: italic; color: #000; padding-left: 10px; } #sysmsg { font-size: 120%; text-align: center; padding: 6px 4px 4px; margin-bottom: 10px; margin-top: 0; } #sysmsg.error { border: 1px dashed #b50026; color: #b50026; background-color: #f9eaed; } #sysmsg.info { border: 1px dashed #008020; color: #008020; background-color: #d4ead9; } #sysmsg.advice { border: 1px dashed #d09c16; color: #2d2d2d; background-color: #f7f0dc; } .content { position: relative; clear: both; overflow: hidden; } .teaser { position: relative; clear: both; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; } .teaser p { margin: 0px; } .teaser .link { } .teaser .publishinfo { color: #5c5c5c; font-style: italic; font-size: 0.85em; margin-top: 5px; margin-bottom: 5px; } .textmode { padding: 1px; border: 1px dashed #aa0024; background-color: #ffdada; margin: 1px 0; height: 12px; } .textmode.big { width: 100%; height: 200px; } .contenttable .textmode { width: 100%; padding: 0; height: 30px; }.textBigger { font-size: 120%; } .textBig { font-size: 110%; } .textSmall { font-size: 90%; } .textSmaller { font-size: 80%; }