/*------------------------------------------------------------------ [Master Stylesheet] Project: Mercatus Engineering AB -------------------------------------------------------------------*/ @import "clientfiles/css/tabs.css"; /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; font: normal 11px/1.5em Arial, Helvetica, Verdana, Sans-Serif; color: #000; background: #fff;} h1 {font: bold 28px/1.2em Arial, Tahoma, Helvetica, Sans-Serif; color: #474c83; margin: 0 0 0.2em !important;} h2 {font: normal 18px/1.3em Arial, Tahoma, Helvetica, Sans-Serif; color: #363636; margin: 0 0 0.2em !important;} h3 {font: normal 16px/1.3em Arial, Tahoma, Helvetica, Sans-Serif; color: #363636; margin: 0 0 0.2em !important;} h4 {font: normal 13px/1.3em Arial, Tahoma, Helvetica, Sans-Serif; color: #363636; margin: 0 0 0.2em !important;} h5 {font: bold 13px/1.3em Arial, Tahoma, Helvetica, Sans-Serif; color: #363636; margin: 5px 0; padding: 0 0 5px; border-bottom: solid 1px #d0d0d0;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ #skip {display: none;} #page {width: 960px; margin: 0 auto;} #masthead {clear: both; margin: 26px 10px 23px;} #navigation {clear: both; margin: 0 10px; background: #fff url(../gfx/navigation-bg.png) no-repeat center left; height: 34px;} #header {clear: both; margin: 14px 10px 12px;} #container {clear: both; margin: 0 10px;} #footer {clear: both; margin: 35px 0 0; padding: 25px 10px 15px; background: #fff url(../gfx/footer-bg.png) no-repeat top;} #masthead #logo {float: left; width: 160px;} #masthead #languageselector {float: right; width: 180px; position: relative; margin: 23px 0 0; font-size: 10px; color: #333;} #masthead #languageselector a {background: url(../gfx/languageselector-bg.png) no-repeat top; display: block; padding: 4px 5px 3px 9px; color: #333; text-decoration: none;} #masthead #languageselector a:hover {background-position: center;} #masthead #languageselector a.click {background-position: bottom; padding-left: 37px;} #masthead #languageselector a img {margin: 1px 8px 0 0; float: left;} #masthead #languageselector a.click img {display:none;} #masthead #languageselector #languages {position: absolute; top: 20px; left: 0; width: 170px; display: none; background: #fff url(../gfx/languages-bg.png) bottom left repeat-y !important; padding: 0 5px; border-bottom: solid 2px #f2f2f2;} #masthead #languageselector #languages a {padding: 3px 0 3px 11px !important;} #masthead #languageselector #languages a:hover {} #masthead #languageselector #languages ul {list-style: none; padding: 5px 0 5px; margin: 0;} #masthead #languageselector #languages ul li {} #masthead #languageselector #languages ul li a {background: transparent !important;} #masthead #languageselector #languages ul li a:hover {background: #f3f3f3 !important;} #masthead #languageselector #languages ul li.active a {background: #e5edf6 url(../gfx/language-active-bg.png) no-repeat left !important;} #masthead #languageselector #languages ul li a img {margin: 2px 5px 0 0; float: left;} #breadcrumb {margin: 0 10px 16px;} #breadcrumb ul {} #breadcrumb ul li {display: inline; color: #7f8080;} #breadcrumb ul li a {color: #282c62; text-decoration: underline;} #breadcrumb ul li a:hover {text-decoration: none;} #breadcrumb ul li.delimiter {margin: 0 2px;} #container #secondarynavigation {width: 220px; margin-right: 20px; float: left;} #container #content {float: left; width: 460px;} #container #sidebar {float: right; margin-left: 20px;} #container #content p {line-height: 1.5em; margin: 10px 0;} #container #content a {color: #474c83; text-decoration: underline;} #container #content a:hover {text-decoration: none;} #container #content .archive {border-top: solid 1px #f6f6f6; padding: 0 !important; margin: 10px 0 0;} #container #content .archive p {margin: 5px 0 0 !important;} #container #content p.date {padding: 0 0 0 10px; background: #fff url(../gfx/arrow.png) no-repeat left; color: #474c83;} #container #content ul {padding: 5px 10px; margin: 5px 15px; list-style: disc;} #container #content ol {padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;} #container #content ul li {list-style: disc; font-size: 11px;} #container #content ol li {list-style: decimal; font-size: 11px;} #container #sidebar #tabarea {text-align: left; width: 460px;} #container #sidebar .tab-nav {background: #dde5f5 url(../gfx/tabarea-header-bg-long.png) no-repeat top left !important;} #container #sidebar .tab-nav ul {margin: 0 10px;} #container #sidebar .tab-nav ul li {display: inline;} #container #sidebar .tab-nav ul li a {display: block; float: left; color: #abbee6; text-decoration: none; cursor: pointer !important; margin: 0 5px 0 0; padding: 10px 10px;} #container #sidebar .tab-nav ul li a:hover {color: #fff;} #container #sidebar .tab-nav ul li.ui-tabs-selected a {background: transparent url(../gfx/tabarea-header-active-arrow.png) no-repeat bottom; padding: 10px 10px 15px; color: #fff;} #container #sidebar #tabarea #news, #container #sidebar #tabarea #calendar {} #container #sidebar .tab-subnav {padding: 12px 10px 0 !important; background-color: #dde5f5; margin: 0 !important;} #container #sidebar .tab-subnav li {float: left; background: transparent url(../gfx/subtabarea-tab-bg-left.png) no-repeat left top; padding: 0 0 0 10px; margin: 1px 0 -1px;} #container #sidebar .tab-subnav li a {display: block; float: left; background: transparent url(../gfx/subtabarea-tab-bg.png) no-repeat right top; padding: 12px 10px 4px 0; text-decoration: none; color: #474c83; margin: 0 0 -1px;} #container #sidebar .tab-subnav li.ui-tabs-selected {background: transparent url(../gfx/subtabarea-selected.png) no-repeat left top; padding: 0 0 4px 10px;} #container #sidebar .tab-subnav li.ui-tabs-selected a {background: transparent url(../gfx/subtabarea-selected.png) no-repeat right top; padding: 7px 10px 6px 0;} #container #sidebar #tabarea #news .tab-content {padding: 15px 10px 10px; border: solid 1px #DDE5F5; border-top: 0;} #container #sidebar #tabarea #news .tab-content ol {} #container #sidebar #tabarea #news .tab-content ol li {display: block; margin: 0 0 8px;} #container #sidebar #tabarea #news .tab-content ol li h3 a {color: #474c83; font-size: 14px; font-weight: bold; text-decoration: none; display: block;} #container #sidebar #tabarea #news .tab-content ol li p {padding: 0 0 0 10px; background: #fff url(../gfx/arrow.png) no-repeat left; color: #474c83;} #container #sidebar #tabarea #news .tab-content ol li p.no-arrow {padding: 0 !important; background: none !important; color: #333; margin: 5px 0;} #container #sidebar #tabarea #news .tab-content ol li p span {color: #9c9ea0; margin: 0 0 0 5px;} #container #sidebar #tabarea #news .tab-content p.archive {border-top: solid 1px #dde5f5; margin: 5px 0 0; padding: 5px 0 0; clear: both; display: block;} #container #sidebar #tabarea #news .tab-content p.archive a {color: #474c83; text-decoration: none;} #container #sidebar #tabarea #calendar {padding: 15px 10px 10px; border: solid 1px #dde5f5; border-top: 0;} #container #sidebar #tabarea #calendar ol {} #container #sidebar #tabarea #calendar ol li {display: block; margin: 0 0 8px;} #container #sidebar #tabarea #calendar ol li h3 a {color: #474c83; font-size: 14px; font-weight: bold; text-decoration: none; display: block;} #container #sidebar #tabarea #calendar ol li p {padding: 0 0 0 10px; background: #fff url(../gfx/arrow.png) no-repeat left; color: #474c83;} #container #sidebar #tabarea #calendar ol li p.no-bg {padding: 0 !important; background-image: none !important; color: #474c83; margin: 5px 0 0;} #container #sidebar #tabarea #calendar ol li p span {color: #9c9ea0; margin: 0 0 0 5px;} #container #sidebar .slim {width: 220px;} #container #sidebar .pinned-news-item {padding: 15px 10px 10px; border: solid 1px #DDE5F5; margin: 10px 0;} #container #sidebar .pinned-news-item h3 a {color: #474c83; font-size: 14px; font-weight: bold; text-decoration: none; display: block;} #container #sidebar .pinned-news-item p {padding: 0 0 0 10px; background: #fff url(../gfx/arrow.png) no-repeat left; color: #474c83;} #container #sidebar .pinned-news-item p.no-arrow {padding: 0 !important; background: none !important; color: #333; margin: 5px 0;} #container #sidebar .pinned-news-item p span {color: #9c9ea0; margin: 0 0 0 5px;} #container #sidebar .module .mh {width: 200px; background: #dde5f5 url(../gfx/tabarea-header-bg-short.png) no-repeat top left !important; padding: 10px 10px 7px; color: #fff;} #container #sidebar .module .mh h3 {font-size: 11px; color: #fff !important; font-weight: bold;} #container #sidebar .module .mb {padding: 10px 10px 10px; border: solid 1px #DDE5F5; border-top: 0;} #container #sidebar .module .mb ul li a {border-bottom: solid 1px #c2c2c2; display: block; padding: 5px 0 5px 10px; color: #474C83; text-decoration: none; background: transparent url(../gfx/arrow.png) no-repeat left;} #container #sidebar .module .mb ul li a:hover {text-decoration: underline;} #footer #address {width: 640px; float: left; text-align: left;} #footer #shortcuts {width: 280px; float: right; text-align: right;} #footer #shortcuts ul {} #footer #shortcuts ul li {display: inline;} #footer #shortcuts ul li a {color: #888; border-right: solid 1px #888; padding: 0 5px 0 3px;} #footer #shortcuts ul li.last a {border: 0 !important; padding: 0 0 0 3px !important;} #footer #shortcuts ul li a:hover {text-decoration: none;} #footer .lang {width: 940px !important; text-align: center !important;} address.footer {font: normal 11px Arial, Helvetica, Tahoma, Sans-Serif; display: block; clear: both; color: #363739;} address.footer span.org {font-weight: bold; color: #474c83; } address.footer span {display: inline;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer span.tel span.value {display: inline;} address.footer span.fax span.value {display: inline;} address.footer a {color: #363739;} address.footer a:hover {text-decoration: none;} img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} /*-------------------------------------------------------------------------------------------------- Newsletter Subscription --------------------------------------------------------------------------------------------------*/ #container #sidebar .newsletter-subscribe {padding: 15px 10px 10px; border: solid 1px #DDE5F5; margin: 10px 0;} #container #sidebar .newsletter-subscribe h3 a {color: #474c83; font-size: 14px; text-decoration: none; display: block;} #container #sidebar .newsletter-subscribe p {} #container #sidebar .newsletter-subscribe p span {color: #9c9ea0; margin: 0 0 0 5px;} div.newsletter-subscribe {margin: 20px 0 0; clear: both;} div.newsletter-subscribe fieldset {border: 0; padding: 15px 0 10px; margin: 0;} div.newsletter-subscribe fieldset legend {display: none;} div.newsletter-subscribe fieldset input.txt {width: 300px; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px;} div.newsletter-subscribe fieldset label {display: inline-block; width: 120px; margin: 5px 0 0;} div.newsletter-subscribe fieldset .btn {margin: 10px 0 0 123px; font-size: 11px;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #navigation ul {} #navigation ul li {display: inline;} #navigation ul li a {display: block; float: left; padding: 9px 13px 10px; font: 13px Arial, Helvetica, Tahoma, Sans-Serif; color: #636363; text-decoration: none; background: transparent url(../gfx/li-separator-bg.png) no-repeat top right;} #navigation ul li a:hover {color: #474c83;} #navigation ul li.on a {background: url(../gfx/li-active-bg.png) no-repeat right top !important; color: #fff; font-weight: bold;} #navigation ul li.on.first a {background-position: top left !important;} /* Subnavigation */ #secondarynavigation div.currentpage {background: #fff url(../gfx/subnav-bg.png) no-repeat top; margin: 0 !important; padding: 1px 1px 0;} #secondarynavigation div.currentpage a {display: block; color: #fff; text-decoration: none;} #secondarynavigation p {background: transparent url(../gfx/li-pagepath-bg.png) repeat-x bottom; display: block; padding: 6px 15px; color: #fff; border-bottom: solid 1px #dcdcdc; font-weight: bold;} #secondarynavigation ul {margin: -1px 0 0; padding: 0 1px 1px; background: #fff url(../gfx/subnav-bg.png) no-repeat bottom;} #secondarynavigation ul li {border-bottom: solid 1px #dcdcdc;} #secondarynavigation ul li a {background: #e8e8e8 url(../gfx/li-subnav-bg.png) repeat-x top; display: block; padding: 6px 15px; color: #4F4F4F; text-decoration: none;} #secondarynavigation ul li a:hover {color: #474c83;} #secondarynavigation ul li.on a {background-color: #e8eaf0 !important; background-image: none !important; color: #474c83; font-weight: bold;} #secondarynavigation ul ul {padding: 0 0 3px !important; background-image: none !important; background-color: #e8eaf0;} #secondarynavigation ul ul li {border: 0 !important;} #secondarynavigation ul ul li a {margin: 0 !important; padding: 1px 0 1px 30px !important; font-weight: normal !important; color: #545454 !important;} #secondarynavigation ul ul li a:hover {color: #474c83 !important;} #secondarynavigation ul ul li.on a {color: #474c83 !important;} #secondarynavigation ul ul ul {padding: 5px 0 !important;} #secondarynavigation ul ul ul li {} #secondarynavigation ul ul ul li a {margin: 0 0 5px !important; padding: 1px 0 1px 45px !important; color: #545454 !important; line-height: 1em !important;} #secondarynavigation ul ul ul li.on a {color: #545454 !important; font-weight: normal !important; font-weight: bold !important;} #secondarynavigation ul ul ul ul li a {margin: 0 !important; padding: 1px 0 1px 60px !important; color: #545454 !important; } /*-------------------------------------------------------------------------------------------------- Searcharea --------------------------------------------------------------------------------------------------*/ #masthead #searcharea {width: 280px; margin: 0 -18px 0 25px; background: #fff url(../gfx/searcharea-small-bg.png) no-repeat top left; padding: 15px 10px 0px; float: right;} #masthead #searcharea h2 {font-size: 12px !important; margin: 13px 0 8px !important; text-transform: uppercase !important; font-weight: bold !important; display: none;} #masthead #searcharea fieldset {position: relative;} #masthead #searcharea fieldset .field {width: 208px; background: transparent url(../gfx/fancysearch-small-bg.png) no-repeat left; border: 0 !important; padding: 5px 10px; font-size: 12px; font-weight: bold; color: #565656; margin: 1px -15px 0 0;} #masthead #searcharea fieldset .btn {width: 47px; background: transparent url(../gfx/fancysearch-btn-small-bg.png) no-repeat left; border: 0 !important; padding: 4px 0 7px; font-size: 12px; font-weight: bold; color: #363a83; margin: -2px 0 0; cursor: pointer;} #masthead #searcharea fieldset label.overlabel {display: none;} #masthead #searcharea fieldset label.overlabel-apply {color: #222; position: absolute; top: 5px; left: 10px; z-index: 1; cursor: text; font-weight: bold; font-size: 12px;} #masthead #searcharea fieldset .searchselection {padding: 2px 0 8px !important; float: left;} #masthead #searcharea fieldset .searchselection input, #searcharea fieldset .searchselection label {float: left;} #masthead #searcharea fieldset .searchselection label {margin: 2px 10px 0 0; color: #333;} p.searchseparator {border-bottom: solid 1px #f2f2f2; margin: 0 0 15px; padding: 5px 0;} h2.search {margin: 15px 0; padding: 10px 0; clear: both; color: #474C83;} dl.searchresult dt.single {margin: 0 0 15px; border-bottom: solid 1px #f6f6f6; padding: 5px 0;} dl.searchresult dt a {font: bold 15px/1.3em Arial, Tahoma, Helvetica, Sans-Serif !important; color: #363636 !important; margin: 0 0 5px 0; padding: 0 0 5px; display: block; text-decoration: none !important;} dl.searchresult dd {margin: 0 0 10px;} dl.searchresult dd.date, dl.searchresult dd.location {padding: 0 0 0 10px; background: #fff url(../gfx/arrow.png) no-repeat left; color: #474c83;} dl.searchresult dd.clearer {margin: 0 0 15px; border-bottom: solid 1px #f6f6f6; padding: 0 0 10px;} dl.searchresult dd img {float: right; margin: 0 0 0 15px;} /*-------------------------------------------------------------------------------------------------- Modules --------------------------------------------------------------------------------------------------*/ table.list-view {width: 460px !important;} table.list-view h3 {width: 460px !important; margin-top: 15px !important; font-weight: bold;} table.list-view h3 a {text-decoration: none !important;} table.list-view h2, table.list-view p {width: auto !important;} table.list-view td.img {width: 150px; vertical-align: middle; text-align: center;} table.list-view td.smallimg {width: 50px; vertical-align: middle; text-align: center;} table.list-view td.text {width: 350px; vertical-align: top; text-align: left;} table.list-view td.smalltext {width: 200px; vertical-align: top; text-align: left;} table.list-view td.img,table.list-view td.text {padding-top: 5px} table.list-view td.more {padding-top: 5px;} table.list-view td.preamble {padding: 0 0 10px; border-bottom: solid 1px #f6f6f6;} table.list-view td.date {padding: 0 0 10px; color: #474c83;} table.default-view {margin: 0; width: 100%;} table.default-view tr td {padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #f2f2f2;} table.default-view tr.header th {text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;} table.default-view tr th {padding: 5px 5px 5px 15px; text-align: left !important;} table.default-view tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.default-view tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;} table.default-view tr td.middle {vertical-align: middle !important;} table.tekniskdata {margin: 0 0 10px; font-size: 0.9em !important;} table.tekniskdata tr td {padding: 5px 5px 5px 15px; vertical-align: middle; background-color: #fff; border: solid 1px #fff; border-right: 0;} table.tekniskdata tr td.last {border-right: 0;} table.tekniskdata tr.odd td {background-color: #f2f2f2;} table.tekniskdata tr.header th {text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-weight: bold;} table.tekniskdata tr th {background-color: #f8f8f8 !important; padding: 5px 5px 5px 15px; text-align: center !important; border: solid 1px #fff; border-right: 0;} table.tekniskdata tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.tekniskdata tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;} table.tekniskdata tr td.middle {vertical-align: middle !important;} table tr.pager td, table tr.pager td table tr td {border: 0;} table tr.pager td {font-weight: bold;} table tr.pager td a {font-weight: normal !important;} #content .searcharea {padding: 5px 10px 10px; background-color: #dde5f5; margin-bottom: 5px;} #content .searcharea h2 {font-size: 13px; float: left; font-weight: bold; margin: 0 10px 0 0;} #content .searcharea .txt {width: 432px; font-size: 12px; padding: 2px;} #content .searcharea .field {width: 440px; font-size: 12px; padding: 2px;} #content .searcharea label {display: block; font-weight: bold;} #content .searcharea .btn {float: right;} ul.prod {margin: 15px 0 0 !important; padding: 0 !important; list-style-type: none !important;} ul.prod li {list-style-type: none !important;} ul.prod li a {display: block; padding: 0 0 0 25px; margin: 0 0 10px;} ul.prod li.productsheet a {background: #fff url(../gfx/print.gif) no-repeat left;} ul.prod li.pdf a {background: #fff url(../gfx/pdf.gif) no-repeat left;} ul.prod li.products a {background: #fff url(../gfx/all.gif) no-repeat left;} div.productinfo {width: 100%; clear: both; text-align: left !important; margin: 10px 0 0;} div.productinfo .leftcol {width: 500px; float: left;} div.productinfo .rightcol {width: 179px; padding: 0 10px; float: right;} div.productinfo .rightcol em {font-size: 0.9em; line-height: 1.2em !important;} div.proditem {width: 200px; float: left; padding: 10px 10px 10px 0; margin: 0 10px 0 0; overflow: hidden;} div.proditem a {text-decoration: none !important;} div.proditem img {margin: 10px 0;} table.contact-view {width: 460px; border: 0; border-collapse: collapse;} table.contact-view th {text-align:left; font-weight: bold; padding: 5px 3px; background: #E8EAF0;} table.contact-view td {padding: 4px 0 3px; } table.contact-view td.odd {background-color: #f0f0f0;} table.contact-view td img {vertical-align: middle;} table.contact-view th.header {padding: 7px 3px; background: #f3f3f3;} div.info {width: 440px; padding: 10px; background: #f3f3f3; display: none;} div.info h4 {margin: 10px 0 5px 0; color: #000; font-weight: bold;} div.info p {margin: 5px 0;} div.info .photo {float: left; margin: 0 10px 0 0;} div.formarea {margin: 20px 0 0; clear: both;} div.formarea fieldset {border: 0; padding: 15px 10px 10px; margin: 0; background: #f2f2f2;} div.formarea fieldset legend {display: none;} div.formarea fieldset input.txt {width: 435px; font-family: Arial, Tahoma, Sans-Serif;} div.formarea fieldset label {display: block; font-weight: bold; font-size: 1.05em; margin: 5px 0 0;} div.formarea fieldset .btn {margin: 10px 0 0;} table.files {width: 100%; border-collapse: separate;} table.files th {width: 60px; padding: 1px 3px; text-align: right; color: #fff; background: #474c83; vertical-align: middle;} table.files td {padding: 0 3px; background: #f5f5f5; vertical-align: middle;} table.files td.folder {height: 25px; padding-left: 5px; background: #f8f8f8;} talbe.files td.folder img {vertical-align: middle;} table.files td.folder a {vertical-align: middle;} table.files td.img {width: 120px; background: #fff; text-align: center;} table.files td.sep {height: 5px; background: #fff;} table.files td img {vertical-align: middle;} /*-------------------------------------------------------------------------------------------------- FileArea --------------------------------------------------------------------------------------------------*/ div.filearea a {text-decoration: none !important;} fieldset#login {margin: 0; padding: 0; border: 0;} fieldset#login legend {display: none;} fieldset#login p {margin: 5px 0;} fieldset#login label {width: 150px; margin-top: 2px; display: block; float: left;} fieldset#login input {width: 150px; padding: 2px; font: normal 12px sans-serif; color: #000;} fieldset#login .btn {width: auto; margin-left: 150px;} fieldset#login .error {color: Red;} fieldset#upload {margin: 0; padding: 0; border: 0; clear:both;} fieldset#upload legend {display: none;} fieldset#upload p {margin: 5px 0;} fieldset#upload label {display: block;} fieldset#upload input {width: 280px; padding: 2px; font: normal 12px sans-serif; color: #000;} fieldset#upload input.upload-form {width: 280px;} fieldset#upload textarea {width: 280px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset#upload .btn {width: auto;} a.upload {height: 18px; padding-left: 20px; padding-bottom: 10px; font: 12px/18px sans-serif; color: #3e4e64; text-decoration: none; background: url(../gfx/FileArea/upload.png) no-repeat 0 1px; display: block;} a.back {height: 18px; padding-left: 20px; padding-bottom: 10px; font: 12px/18px sans-serif; color: #3e4e64; text-decoration: none; background: url(../gfx/FileArea/list.png) no-repeat 0 1px; display: block;} a.cleanup {height: 18px; padding-left: 20px; padding-bottom: 10px; font: 12px/18px sans-serif; color: #3e4e64; text-decoration: none; background: url(../gfx/FileArea/delete.png) no-repeat 0 1px; display: block;} table.files {width: 100%; margin: 10px 0 20px 0; border: 0; border-collapse: collapse; font-size: 11px;} table.files tr.last {border-bottom: solid 1px #fff;} table.files table tr {border-bottom: none !important;} table tr td.fileicon {width: 130px; text-align: center;} table tr td.fileicon img {} table tr td.fileheader {width: 100px; text-align: right; font-weight: bold; color: #555; padding: 3px;} table tr td.fileinfo {width: 200px; padding: 3px;} table td a {color: #3e4e64; text-decoration: none;} table tr td.download a {display: block; background: url(../gfx/filearea/download_bg.gif) no-repeat; padding: 6px 5px 6px 38px; color: #333;} table tr td.trash a {display: block; background: url(../gfx/filearea/trash_bg.gif) no-repeat; padding: 6px 5px 6px 38px; color: #333;} table.files tr.odd td {background-color: #f9f9f9;} table.files tr.header {background-color: #fff; color: #444; font-weight: bold; border-bottom: 1px #d8d8d8 solid !important;} table.files tr.header td {padding: 10px 5px 3px;} table.uploadfiles {width: 100%; margin: 10px 0 20px 0; border: 0; border-collapse: collapse; font-size: 11px;} table.uploadfiles tr {background-color: #fbfbfb;} table.uploadfiles tr.odd {background-color: #fff;} table.uploadfiles tr.header {background-color: #fff; color: #444; font-weight: bold; border-bottom: 1px #d8d8d8 solid; padding: 3px 5px;} table.uploadfiles tr td {padding: 5px;} table.uploadfiles tr th.filenumber {color: #888; text-align: center;} table.uploadfiles tr td.filenumber {color: #888; padding: 0 10px;} table.uploadfiles tr td.message input {width: 98% !important;} .filearea .menu {margin: 0; float: right; clear: both;} .filearea .menu ul {list-style: none; padding: 0; margin: 0;} .filearea .menu ul li {padding: 0 10px; display: inline; float: left;} .filearea .menu ul li.logout {text-align: right;} .filearea .menu ul li.logout .logout-btn {background: url(../gfx/FileArea/exit.png) no-repeat left; padding: 3px 0 3px 20px;} /*div.filearea .filearea {font-size: 12px; font-weight: bold; color: #000; background: #f8f8f8; padding: 5px 10px; margin: 0; clear: both;}*/ .filearea .linkimage {margin-right: 10px 5px 5px;} .filearea .empty {background-color: #ffd; color: #333; padding: 10px; margin: 1px 0 10px;} .filearea .left, .filearea .right {width: 302px;} .filearea .left {float: left;} .filearea .right {float: right;} .filearea .upload-btn {border-top: solid 1px #f6f6f6; clear: both; margin: 0 0 30px; text-align: right;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #fcf300;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;} a.gallerydir:hover {color: #000; background: #f5f5f5;} a.galleryimg:hover {color: #000; background: #f5f5f5;} a.gallerydir span, a.galleryimg span {margin: 3px 0 0 0; display: block; clear: both; font: normal 11px Sans-Serif;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px Sans-Serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px Sans-Serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00; top: 0 !important;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px; padding: 0; font: bold 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px Sans-Serif; float: left;} dl#pageproperties dd {font: normal 11px Sans-Serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.documentlibrary {list-style: none !important; margin: 5px 0 !important; padding: 5px 0 !important;} ul.documentlibrary li {line-height: 20px; padding: 0 !important; list-style: none !important;} ul.documentlibrary li img {vertical-align: top;} ul.documentlibrary li a {margin: 0 0 0 6px;}