html { height: 100%; } body { height: 100%; padding: 0px; margin: 0px; border: none; color: #000000; background-color: #ffffff; } body.notification { background-color: #ffffff; background-image: none; padding: 50px; } div { border: none; padding: 0; margin: 0; } label { cursor: pointer; } p { line-height: 1.5em; margin: 0 0 10px; } form { margin: 0px; } img { vertical-align: middle; margin-bottom: 2px; border: none; } ul, 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; } .article { clear: both; overflow: hidden; 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; -webkit-border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); } .layoutCMS a { color: #000 !important; } .layoutCMS h1 { font-size: 120%; } .layoutCMS #components { border-top: 1px dotted #b2b2b2; margin-top: 10px; padding: 7px 0 0; } .layoutCMS .formElement { width: 160px !important; } #textmode { border-style: none; margin-top: 20px; width: 100%; margin-bottom: 10px; } #textmode INPUT, #textmode TEXTAREA { width: 100%; } #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; } .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 a { color: #000; } .contenttable .label { font-weight: bold; margin-bottom: 4px; margin-left: 0; } .contenttable .helpicon { float: right; border: none; cursor: help; margin: 1px 3px 5px 0; } .colMedia { vertical-align: top; width: 142px; border-left: 5px solid #fff; } .colMedia .mediaContent { width: 137px; } .colMedia .topic { text-align: right; margin-top: 0; } .colMedia .subtopic { text-align: right; } .colContent { width: 100%; } .colContent.mediaColumnActive { width: 100%; } .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 8px 4px 4px; text-align: left; border-top: 1px solid #fff; border-right: none; border-left: none; } .contenttable .info { border-top: none; font-size: 90%; } .contenttable .clean { background: none; padding-left: 0; padding-right: 0; } .contenttable .center { text-align: center; } .contenttable .formElement { width: 98%; font-size: 95%; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } .contenttable .helpVisible .formElement { width: 85%; } .contenttable .formText { border: 1px solid #999; } .contenttable .formTextarea { border: 1px solid #999; } .contenttable .formSelect { border: 1px solid #999; } .contenttable .formCheckbox { float: left; margin-right: 4px; } .contenttable .captchaWrapper { text-align: center; } .contenttable .formDate { width: 80%; } .subtable { width: 100%; border: 1px solid #9f9f9f; } .subtableEnd { text-align: center; } .contenttable .slideSwitch { cursor: pointer; background-position: right center; background-repeat: no-repeat; } .contenttable .slideSwitch.open { background-image: url(/images/icon/16/navigate_open.png); } .contenttable .slideSwitch.closed { background-image: url(/images/icon/16/navigate_close.png); } .contenttable .languageBox { } .contenttable .languageBoxSwitcher { color: #000; cursor: pointer; margin: 10px; } .contenttable .error { color: #bc040d !important; background-color: #f9eaed !important; } .contenttable .error input { color: #b20025 !important; font-weight: bold !important; } .contenttable .topic.error { color: #fff; background-color: #cc3e45; } .contenttable .subtopic.error { color: #fff; background-color: #cc3e45; } .dynamicTable { border: 1px solid #666; width: 100%; cursor: pointer; } .dynamicTable th { background-image: url(/images/table/sort.png); background-repeat: no-repeat; background-position: 3px 5px; padding: 4px 4px 4px 14px; font-weight: bold; font-size: 90%; border-bottom: 5px solid #e5e5e5; } .dynamicTable tfoot td { padding: 1px 2px 1px 3px; font-size: 85%; border-top: 0px solid #e5e5e5; } .dynamicTable td { padding: 2px 3px; } .dynamicTable .rightAlign { text-align: right; } .noResults { text-align: center; color: #7f7f7f; font-style: italic; } .noResults TD { padding: 15px; } .dynamicTable .sortedASC { background-image: url(/images/table/up.png); background-repeat: no-repeat; background-position: 3px 5px; } .dynamicTable .sortedDESC { background-image: url(/images/table/down.png); background-repeat: no-repeat; background-position: 3px 5px; } .dynamicTable tr.hide { display: none; } .tableFilter { border: 1px solid #ccc; padding: 2px; margin: 5px 0 10px 0; } .tableFilter input { border: 1px solid #ccc; } .tableFilter select { border: 1px solid #ccc; } #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: 5px; 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 { clear: both; border: none; overflow: hidden; font-size: 100%; line-height: 100%; margin-bottom: 15px; padding-bottom: 10px; } .help A { text-decoration: underline; font-size: 90%; font-weight: bold; } .help P { line-height: 1.75em; margin-bottom: 15px; padding-left: 10px; } .help DIV { line-height: 2.1em; margin-bottom: 15px; } .help H1 { font-size: 130%; margin-top: 5px; line-height: 150%; margin-bottom: 0px; cursor: pointer; } .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%; } #mediaOperate { height: 0px; } #mediaFiles { text-align: center; padding: 0; margin: 0; position: relative; } #mediaFiles H1 { font-size: 120%; line-height: 100%; } .mediaElement { font-size: 11px; list-style: none; text-align: left; margin: 0; vertical-align: bottom; border-bottom: 1px dashed #b1b1b1; padding: 7px 5px; } .mediaSort { cursor: move; } .mediaPreview { background-repeat: no-repeat; background-position: top center; vertical-align: top; width: 128px; } .mediaInfo { vertical-align: top; padding-left: 10px; line-height: 150%; margin: 0; padding-bottom: 0; } .mediaInfo .description { padding: 0; margin: 10px 0; } .mediaInfo .fileinfo { padding: 0; margin: 0 0 10px; } .mediaInfo .options IMG { padding: 0; margin-right: 5px; } .mediaInfo A { color: #000 !important; font-weight: bold; line-height: 275%; } .mediaInfo H1 { font-size: 120%; margin: 0 0 5px 0px; padding-left: 0; } .mediaInfo H1 INPUT { margin-left: -2px; } .toggleMediaAdmin { cursor: pointer; } #mediaShowProgress { padding-top: 10px; text-align: center; font-size: 90%; line-height: 150%; } #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 { width: 128px; margin: 0; overflow: visible; padding-top: 10px; } .media.left { float: left; margin-right: 10px; } .media.right { float: right; margin-left: 10px; } .media .element { margin-bottom: 10px; background-repeat: no-repeat; background-position: center center; } .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; } .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; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); z-index: 10; } .directEdit img { margin: 0px; } .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; } .ajax-loading { background: url(/images/wait.gif) no-repeat center center; min-height: 100px; opacity: 0.3; } .directEdit { position: absolute; right: 5px; top: 5px; background-color: #fff; border: 5px solid #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); z-index: 10; } .directEdit img { margin: 0px; } .statusBox { width: 10px; height: 16px; float: right; margin-left: 3px; } .statusBox.archive { background-color: #db7614; } .status.archive { color: #db7614; } .status.archive a { color: #db7614; } .statusBox.scedule { background-color: #14ddda; } .status.scedule { color: #14ddda; } .status.scedule a { color: #14ddda; } .statusBox.offline { background-color: #fd2613; } .status.offline { color: #7f7f7f; } .status.offline a { color: #7f7f7f; } .statusBox.online { background-color: #0a1; } .status.online { color: #000; } #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; } .slideshowContainer { border: 1px solid #ccc; width: 450px; height: 300px; margin-bottom: 5px; } .slideshowContainer.download { cursor: pointer; } .loading { background: url(images/loading.gif) center no-repeat; } .slideshowThumbnail { outline: none; } .slideshowThumbnail img { border: 1px solid white; padding: 4px; } a:hover.slideshowThumbnail img { border: 1px solid #ccc; padding: 4px; } .current img { border: 1px solid #b50026; padding: 5px; } .outline { border: 1px solid #b50026; z-index: 0; position: absolute; } #thumbnails { text-align: center; } .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: #f4dce1; margin: 1px 0; height: 12px; } .textmode.big { width: 100%; height: 200px; } #right .textmode { width: 100px; } #content .textmode { width: 98%; } #path .textmode { width: 150px; } #logotext .textmode { width: 198px; height: 175px; } .textBigger { font-size: 120%; } .textBig { font-size: 110%; } .textSmall { font-size: 90%; } .textSmaller { font-size: 80%; }