html {margin: 0; padding: 0}
body {margin: 0; padding: 0; font-family: verdana, 'trebuchet ms', sans-serif; font-size: 9pt; color: #333; min-width:750px}
form {margin: 0; padding: 0}
a {color: #36414d}
a:hover {}
a img {border: 0px none}
div {overflow: hidden}
div#page {margin:0 auto}
.pageTitle {font-size: 12pt; margin-top: 0px}
.underlined {border-bottom: 1px solid silver}
 div.tab-panel div.tab-view {border: none; position: relative; top: 0px}
 div#page div#header {background-color: rgb(255,255,245); border-bottom: 1px solid silver; height: 50px}
div#page div#header #logo {float: left}
 div#page div#main {padding-left: 10px; padding-right: 10px}
 ul.inline-list, ul.inline-list li {list-style-type: none; display: inline; margin: 0px; padding: 0px}
ul.inline-list a {padding-left: 1px; padding-right: 6px; color: #000000; border-right: 1px solid #000000; text-decoration: none}
ul.inline-list a.first {}
ul.inline-list a.last {border-right: none}
ul.inline-list a:hover {color: #666666}
 .itp-thumb-link {float: left; margin-right: 15px; width: 100px; height: 100px}
.itp-thumb-link img {width: 100px; height: 100px}
.itp-title-container {font-weight: bold; margin-bottom: 5px}
.itp-title-container a {text-decoration: none}
.itp-text-container {margin-bottom: 5px}
 div.slideshow-creation h3.pageTitle {}
div.step {background-repeat: no-repeat; background-position: left; margin-bottom: 30px}
div.step h4 {float: none}
div.step div.left {margin-right: 20px; max-width: 55%}
div.step div.right {float: right}
div.step div.right img {width: 400px}
div.step strong {font-style: italic; font-weight: normal; color: #336699}
#div.step1 {background-image: url('login.png')}
#div.step2 {background-image: url('login.png')}
#div.step3 {background-image: url('login.png')}
#div.step4 {background-image: url('login.png')}
#div.step5 {background-image: url('login.png')}
 div.mainmenu-portlet {}
div.mainmenu-portlet .portlet-content {min-height: 50px; height: 100%}
ul.mainmenubar {float: right; margin-top: 20px}
div.mainmenu-portlet a {font-weight: bold}
 div.bglobalfooter-portlet {border-top: 1px solid silver; background-color: #FFFFF6;  width: 100%; padding: 10px}
div.bglobalfooter-portlet .portlet-content {}
div.bglobalfooter-portlet .portlet-content .label {color: #666666; font-weight: bold}
div.bglobalfooter-portlet .portlet-content ul.inline-list a {color: #666666}
 div.presentation div.ad-gamma {margin-left: 5%; margin-top: 20px; padding-top: 20px; margin-bottom: 10px}
div.presentation div.ad-beta {margin-left: 5%; margin-top: 20px; padding-top: 20px; margin-bottom: 10px}
div.presentation #slide0 div.ad-beta {margin-left: 0px; margin-top: 0px; margin-bottom: 30px; margin-right: 20px; float: left}
div.ad-beta {margin-top: 10px; padding-top: 20px; margin-bottom: 50px}
div.ad-gamma {margin-top: 10px; padding-top: 20px; margin-bottom: 50px}
 div.file-browser h4 {margin-bottom: 0px}
div.file-browser ul {margin-top: 0px; padding-left: 15px}
.rofield {width: 180px; border: 1px solid grey}
.userData {float: left; width: 250px}
.userDataMessage {margin-left: 50px; min-height: 300px; height: 100%; background-repeat: no-repeat; background-position: right}
.userDataMessage h4 {margin-top: 0px; margin-bottom: 0px}
.userDataMessage p {margin-top: 5px; padding-bottom: 10px}
.login .userDataMessage {background-image: url('login.png')}
.signin .userData {width:400px}
.signin .userData table {margin-bottom: 10px}
.signin .userData table td {padding-right: 15px}
.signin .userData table .captcha {margin-top: 10px; margin-bottom: 10px}
.signin .userDataMessage {background-image: url('signin.png')}
.activate .userData {width: 100%}
.privacy .userData, .terms-of-service .userData {width: 90%}
.imprint .userData {width: 50%}
.imprint .profile-table {width: 600px}
div.mysection div.userData {width: 70%}
div.mysection div.userData div.buserview-portlet {width: 100%}
div.mysection .userDataMessage {background-image: url('mysection.png')}
div.mysection table.admin {width: 100%}
div.mysection table.admin td {vertical-align: top}
div.user-profile-portlet .portlet-content {margin-bottom: 20px}
div.bcontractupdate .userData {width: 75%}
 div.hint {font-size: 8pt; color: gray}
div.edit-properties .userData {width: 40%}
div.edit-properties .userDataMessage {margin-left: 10px; width: 40%}
div.edit-properties img.thumbnail {max-width: 150px; max-height: 150px; float: right}
div.edit-properties div.hint {width: 90%}
 div.sub-component-editor {}
div.sub-component-editor .userData {width: 100%}
div.sub-component-editor-portlet {margin-bottom: 20px}
div.sub-component-editor-portlet img.thumbnail {border: 1px solid gray; width: 150px; height: 150px; float: left; margin-right: 10px}
 div.layout-selection {}
div.layout-selection .pageTitle {margin-bottom: 0px}
div.layout-selection h4.subTitle {margin-top: 0px; font-weight: normal}
div.layout-selection .userData {width: 100%}
div.layout-selection .userData td {padding: 5px}
div.layout-selection input[type=image] {border: 1px solid silver}
div.layout-selection input[type=image].enabled {border: 3px solid #0061CD}
div.layout-selection input[type=image].disabled {}
 div.metadata {}
div.metadata .pageTitle {margin-bottom: 0px}
div.metadata h4.subTitle {margin-top: 0px; font-weight: normal; display: inline}
div.metadata div.data {float: left; margin-right: 10px; width: 60%}
div.metadata div.metadata {width: 35%}
div.metadata fieldset {margin-left: 20px; margin-bottom: 20px}
div.metadata fieldset dl, div.metadata fieldset dl * {margin: 0px; padding: 3px}
div.metadata fieldset dl dt {font-weight: bold; float: left; width: 150px}
div.metadata fieldset dl dd {}
div.metadata fieldset img.previewGif {margin: 5px}
 div.metadata .data .pager-top, div.metadata .data .pager-bottom {border: none}
div.metadata .data .pager-top {border-bottom: 1px solid silver}
div.metadata .data .post {padding: 5px; border-bottom: 1px solid silver}
div.metadata .data .post .post-title {}
div.metadata .data .post .post-content {}
div.metadata .data .post .post-footer {}
 div.statistics { }
div.statistics .userData {width: 100%}
div.statistics .userData table td {padding: 5px}
 div.bbuttonmenu {margin-bottom: 30px}
div.bbuttonmenu a {border: none}
div.bmain-button-portlet {padding-right: 15px}
div.stats-button-portlet {padding-right: 15px}
div.bpresenter-button-portlet {padding-right: 15px}
 div.bcategorylist ul li a {border: none}
 div.sitemap {}
div.pager {text-align: center; margin-bottom: 10px; background-color: #EEF2FF}
div.pager a.prev, div.pager a.next {font-weight: bold; margin: 15px 15px}
div.pager-top {border-bottom: 1px solid grey}
div.pager-bottom {border-top: 1px solid grey}
table.pager-content {width: 100%}
div.dipi-container {}
div.dipi-container img {width: 120px; height: 120px; float: left; margin-right: 10px}
div.dipi-title {font-weight: bold}
div.dipi-title a {text-decoration: none}
div.dipi-body, div.dipi-body a {color: gray; font-size: 9pt}
div.abc-sitemap .pager-content {background-image: url('search.png'); background-repeat: no-repeat; background-position: 100% 40%}
div.abc-sitemap td {width: 32%}
div.update-time-sitemap td {width: 50%}
div.update-time-sitemap .pager-content {background-image: url('date.png'); background-repeat: no-repeat; background-position: 100% 40%}
div.update-time-sitemap .pager-content div.prefix {font-size: 0.8em}
div.bpopular-slideshows {background-image: url('favourite.png'); background-repeat: no-repeat; background-position: 100% 40%}
div.bpopular-slideshows .pager-content div.postfix {float: right; margin-right: 50px; margin-top: 25px; font-family: Arial; font-size: 3.0em; font-weight: bold}
div.bbestslideshows {background-image: url('star.png'); background-repeat: no-repeat; background-position: 100% 40%}
div.bbestslideshows .pager-content div.postfix {float: right; margin-right: 50px; margin-top: 25px; font-family: Arial; font-size: 3.0em; font-weight: bold}
div.bbestslideshows h3 {margin-bottom: 0px}
div.bbestslideshows div.selection {margin-bottom: 20px}
div.bbestslideshows .userData {margin-bottom: 10px}
div.user-sitemap h3 {margin-bottom: 0px}
div.user-sitemap div.selection {margin-bottom: 20px}
div.user-sitemap span.selection-label {}
div.user-sitemap td {width: 32%; text-align: right}
div.user-sitemap .pager-content {background-image: url('check.png'); background-repeat: no-repeat; background-position: right}
div.user-sitemap .pager-content div.data-item {text-align: left}
div.user-sitemap .pager-content span.prefix {background: #EEF2FF; min-width: 130px; float: left}
div.user-sitemap .pager-content span.postfix {font-weight: bold}
div.user-sitemap .pager-content a {margin-left: 10px; width: 60%; float: left}
div.blatestcomments {}
 div.overview {background-image: url('overview.png'); background-repeat: no-repeat; background-position: right}
div.overview div.links {margin-top: 10px}
div.overview div.links h4 {margin-bottom: 0px}
div.overview div.links ul {margin-top: 0px; padding-left: 15px}
div.overview div.links div {}
div.overview div.links div.left {width: 25%; float: left}
div.overview div.links div.center {width: 25%; float: left}
div.overview div.links div.right {width: 25%; float: left}
 div.comments {}
div.comments .pageTitle {margin-bottom: 0px}
div.comments .subTitle {margin-top: 0px; font-size: 10pt; font-weight: normal}
 div.tag-cloud {  }
div.tag-cloud h3 {margin-bottom: 0px}
div.tag-cloud div.selection {margin-bottom: 20px}
div.tag-cloud .userData {margin-bottom: 10px}
 div.image-cloud {  }
div.image-cloud h3 {margin-bottom: 0px}
div.image-cloud div.selection {margin-bottom: 20px}
div.image-cloud .userData {margin-bottom: 10px}
.grid {width: 100%}
.grid td {padding: 3px}
.grid-header {color: #fff; background: #a3b8cc}
.grid-row1 {background: #dae0e6}
.grid-row2 {background: #e6ecf2}
.grid-row-selected {background: lightyellow}
.grid-pager {text-align: right; color: silver}
.grid-pager a {color: green; text-decoration: none}
.submenu {margin-bottom: 10px; border-bottom: 5px solid #a3b8cc; padding-right: 10px; text-align: right}
.submenu ul {margin:0; padding:0; list-style:none}
.submenu li {display:inline; margin:0; padding:0}
.submenu-active {text-decoration: none; background: #a3b8cc; padding: 3px 5px 0 5px}
.submenu-inactive {text-decoration: none; background: #dae0e6; padding: 3px 5px 0 5px}
 .portlet {}
.portlet-content {}
.hitlist-portlet {}
 ul.hitlist {padding: 0px}
ul.hitlist a {border-color: gray}
 div.home .hitlist {width: 80%; margin: auto}
div.home .hitlist-label {float: left; font-weight: bold; margin-right: 5px}
div.home ul.hitlist a.last {color: #EE0000}
 div.overview .hitlist {}
div.overview .hitlist-label {font-weight: bold}
div.overview ul.hitlist a.last {color: #EE0000}
.imagelist {text-align: center;  width: 81%; margin-left: 10%; border-top: 1px solid silver; margin-top: 10px; padding-top: 10px}
.imagelist img {width: 60px; height: 60px; border: 1px solid silver}
.imagelist .inline-list a {border: none; padding: 0px; margin: 0px}
 div.bfrontpagetabpanel {margin-top: 20px}
div.bfrontpagetabpanel div.tab-view {background-color: #FFFFF6; background-image: url('slideshine-fpi.jpeg'); background-repeat: no-repeat; background-position: 0.5% 50%; border-top: 1px solid silver; border-bottom: 1px solid silver; vertical-align: top; margin-top: 20px; height: 220px; overflow: hidden; padding-left: 240px}
div.bfrontpagetabpanel div.tab-view a {text-decoration: underline}
div.bfrontpagetabpanel h3 {margin-top: 0px; margin-bottom: 5px}
div.bfrontpagetabpanel h4 {margin-top: 5px; margin-bottom: 5px}
div.bfrontpagetabpanel ul {padding-left: 30px; margin-top: 0px; margin-bottom: 5px}
div.bfrontpagetabpanel ul.inline-list, div.bfrontpagetabpanel ul.inline-list {padding-left: 0px}
div.bfrontpagetabpanel .slideshowofthedayviewtab {width: 90%}
div.bfrontpagetabpanel .slideshowofthedayviewtab p {margin: 0px; padding: 0px}
div.bfrontpagetabpanel .slideshowofthedayviewtab p a {}
div.bfrontpagetabpanel .slideshowofthedayviewtab a.previewGif, div.bfrontpagetabpanel .slideshowofthedayviewtab a.thumbnail {float: right}
div.bfrontpagetabpanel .slideshowoftheweekviewtab {width: 90%}
div.bfrontpagetabpanel .slideshowoftheweekviewtab p {margin: 0px; padding: 0px}
div.bfrontpagetabpanel .slideshowoftheweekviewtab p a {}
div.bfrontpagetabpanel .slideshowoftheweekviewtab a.previewGif, div.bfrontpagetabpanel .slideshowoftheweekviewtab a.thumbnail {float: right}
div.bfrontpagetabpanel div.tab-view div.infoblock {float: right; padding-left: 15px; padding-right: 15px}
div.bfrontpagetabpanel div.tab-view div.infoblock dl {margin: 0px; padding: 0px}
div.bfrontpagetabpanel div.tab-view div.infoblock dt {color: #000088}
div.bfrontpagetabpanel div.tab-view div.infoblock dd {color: #333333}
div.bfrontpagetabpanel div.tab-view div.infoblock ul {list-style-type: none; margin: 0px; padding: 0px}
div.front-page-portlet { border-top: 1px solid silver; border-bottom: 1px solid silver; background-color: #FFFFF6; background-image: url('check.png'); background-repeat: no-repeat; background-position: left; vertical-align: top; margin-top: 20px}
div.front-page-portlet h3 {margin-top: 0px; margin-bottom: 5px}
div.front-page-portlet h4 {margin-top: 5px; margin-bottom: 5px}
div.front-page-portlet ul {padding-left: 15px; margin-top: 0px; margin-bottom: 5px}
div.front-page-portlet div.left, div.front-page-portlet div.middle, div.front-page-portlet div.right {padding: 5px; height: 220px; overflow: hidden}
div.front-page-portlet div.left {float: left; width: 22%}
div.front-page-portlet div.middle {float: left; width: 40%}
div.front-page-portlet div.right { }
 div.infoblock {margin: 0px; padding: 0px}
div.infoblock dl {}
div.infoblock dt {font-size: 1.5em; font-weight: bolder; margin: 0px; padding: 0px}
div.infoblock dd {font-size: 1.0em; margin: 0px; padding: 0px; margin-top: -5px}
 div.front-page-buttons {margin-top: 10px}
 div.home div.search-portlet {text-align: center; margin-top: 30px}
div.search-results div.search-portlet {text-align: center; margin-top: 0px}
div.search-results { }
div.search-results h3 {margin-bottom: 0px}
div.search-results h2.subTitle {margin-top: 0px; font-size: 12px; font-weight: normal}
div.user-search-results .pageTitle {margin-bottom: 0px}
div.user-search-results div.user-stats-portlet h4 {margin-top: 0px; margin-bottom: 20px; font-weight: normal}
div.user-search-results div.results-list h4 {margin-top: 30px; font-weight: normal}
 .post {margin-bottom: 15px}
.post div {width: 80%}
.post .preview {float: left; margin-right: 15px; border: 1px solid silver; width: 100px; height: 100px}
.post .preview img {width: 100px; height: 100px}
.post-title {font-weight: bold}
.post-title a {text-decoration: none}
.post-content {margin-bottom: 5px}
div.post-tags {color: gray}
.post-footer, .post-footer a {font-size: 9pt; color: gray}
div.search-queries {}
div.search-queries h3.pageTitle {margin-bottom: 0px}
div.search-queries h2.subTitle {margin-top: 0px; font-size: 12px; font-weight: normal}
div.search-queries div.abc-panel {text-align: center; margin-bottom: 20px}
div.search-queries div.abc-panel a.char {text-decoration: none; font-weight: bold; font-size: 2em; margin: 5px; color: #DDDDDD}
div.search-queries div.abc-panel a.char:hover, div.search-queries div.abc-panel a.selected {color: darkred}
div.search-queries div.data-item {}
div.search-queries div.query {font-weight: bold}
div.search-queries div.query a {color: darkred}
div.search-queries div.context {color: #666666}
div.search-queries div.context ol {float: left; width: 50%; margin-top: 5px; padding-left: 20px}
div.search-queries div.context img {width: 120px; height: 120px; margin: 0px; padding: 0px}
 div.sub-menu {font-size: 0.9em}
div.sub-menu .stats-menu-portlet{ text-align: right}
div.sub-menu div.stats-menu-portlet a {color: #666666; text-decoration: none; border-color: gray}
div#main div.stats-menu-portlet {width: 80%; margin: auto; text-align: center; border-top: 1px solid silver; margin-top: 5px}
div#main div.stats-menu-portlet a {color: gray; text-decoration: none; border-color: silver}
div.stats-menu-portlet ul.stats-menu {padding-left: 0px; margin-left: 0px}
 div.bfrontpagetables {width: 90%; margin-left: 5%}
 div.bfrontpagetables div {padding: 0px; margin: 0px}
div.bfrontpagetables div.bfrontpagetable {float: left; margin-right: 2%; margin-top: 2%; width: 30%; border: 1px solid silver}
div.bfrontpagetables div.bfrontpagetable div.title {margin-bottom: 5px; color: white; font-weight: bold; padding: 2px; padding-left: 5px}
div.bfrontpagetables div.bfrontpagetable div.body {margin: 5px; margin-left: 20px}
div.bfrontpagetables div.frontpagetable ul.inline-list, div.bfrontpagetables div.frontpagetable ul.inline-list li {}
 div.bfrontpagetables div.bfrontpagetable ul.inline-list li a {display: block; border-right: none}
 div.bfrontpagetables div.gamma ul.inline-list a.last {color: black}
 div.bfrontpagetables ul.inline-list a:hover {color: #666666 !important}
div.bfrontpagetables div.alpha {}
div.bfrontpagetables div.alpha div.title {background-color: #CC8888}
div.bfrontpagetables div.beta {}
div.bfrontpagetables div.beta div.title {background-color: #88CC88}
div.bfrontpagetables div.gamma {}
div.bfrontpagetables div.gamma div.title {background-color: #88AACC}
div.bfrontpagetables div.delta {float: none;  width: 94%}
div.bfrontpagetables div.delta div.title {background-color: #EE9955}
div.bfrontpagetables div.delta div.body ul.inline-list li a {display: inline; border-right: 1px solid silver}
div.bfrontpagetables div.delta div.body ul.inline-list li a.last {border-right: none}
 .input-label {}
.input-field {}
.requiredfield {color: #BB0000; visibility: hidden}
 .input-error1, .input-error2, .input-error3 {border: 1px solid red; background-color: lightyellow}
.link-button {height: 25px; text-decoration: none; margin-right: 2px}
.link-button:link, .link-button:visited {}
.link-button:link.active, .link-button:visited.active, .link-button:hover {background-color:#EEEEEE}
 .profile-table {width: 100%; background-color: #EEF2FF; border-collapse: collapse}
.profile-table td, .profile-table th {padding: 2px; border: 1px solid #888888}
.profile-table-label {font-weight: bold; width: 30%; vertical-align: top}
.profile-table-value {}
 .rating {}
.rating .points {margin-left: 10px}
.rating-bar-chart {font-weight: bold}
.rating-bar-chart .left {color: #888888}
.rating-bar-chart .center {font-size: 1.2em; color: #880000}
.rating-bar-chart .right {color: #888888}
 div.faq h4 {margin-top: 35px}
div.faq dl {width: 80%}
div.faq dl dt {font-weight: bold; background-color: #EEF2FF}
div.faq dl dd {margin: 0px; padding: 0px}
.postlist-pager {text-align: right; margin-top: 30px; border-top: 1px solid silver}
.postlist-pager a {text-decoration: none}