Skip to content. | Skip to navigation

Personal tools
Skip to content. Search FAQ Help About us

European Network - Latvia

OSHA Network

Select your language:

You are here: Home → ew2006 → osha_complete.css

osha_complete.css

osha_complete.css — Cascading Style Sheet, 44 kB (45,524 bytes)

File contents

body {
    font: 70% Verdana, Helvetica, Arial, sans-serif;
    background-color: White;
    color: #191919;
    margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
}


a {
    text-decoration: none;
    color: #265C88;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0.5em 0em 1em 0em;
    line-height: 1.5em;
}
p a {
    text-decoration: underline;
}
p a:visited {
    color: #73828D;
    background-color: transparent;
}
p a:active {
    color: #1357AA;
    background-color: transparent;
}
p img {
    border: 0;
    margin: 0;
}

hr {
    height: 1px;
    color: #265C88;
    background-color: transparent;
}


h1 {
    display: block;
    background: #91BCE0;
    margin: 0;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    font-weight: bold;
    color: #191919 ! important; 
    line-height: normal;
    border: none;
}
h2, h3, h4, h5, h6 {
    color: #191919 !important; 
    background-color: transparent;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding-top: 0.5em;
    border: none;
}

h1 {
    font-size: 100%;
}

h2 {
    font-size: 120%;
    line-height: 1.2em;
}

h3 {
    font-size: 100%;
    line-height: 1.1em;
}

h4, h5 {
    font-size: 100%;
    padding-left: 10px;
    line-height: 1em;
    background: transparent url(http://ew2006.osha.eu.int/bullet.gif) 0em 0.8em no-repeat;
}

h5 {
    font-weight: normal;
}

h6 {
    font-size: 90%;
    font-weight: bold;
}


ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(http://ew2006.osha.eu.int/bullet.gif);
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
ul a, ol a {
    text-decoration: underline;
}
li {
    margin-bottom: 0.5em;
}
dt {
    font-weight: bold;    
}
dt a {
    text-decoration: underline;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: #191919;
}

fieldset {
    border: 1px solid #265C88;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend {
    background: White;
    padding: 0.5em;
    font-size: 90%;
}

form {
    border: none;
    margin: 0;
}
textarea {
    font: 110% "Courier New", Courier, monospace; 
    border: 1px solid #265C88;  
    color: Black;
    background-color: white;
    width: 99%;
}
input {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    visibility: visible;
    border: 1px solid #265C88;  
    color: Black;
    background-color: white;
    vertical-align: middle;
    margin: 0.1em 0em;
    padding: 0.1em;
}
    
select {
    border: 1px solid #265C88;  
    color: Black;
    vertical-align: top;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted #191919;
    color: #191919;
    background-color: transparent;
    cursor: help;
}
q {
    font-family: Times, "Times New Roman", serif;
    font-size: 120%;
}
blockquote {
    font-family: Times, "Times New Roman", serif;
    font-size: 120%;
}
code {
    font-size: 120%;
    color: #191919;
    background-color: white;
    border: 1px solid #265C88;
    padding: 0 0.1em;
}
pre {
    font-size: 120%;
    padding: 1em;
    border: 1px solid #265C88;
    color: #191919;
    background-color: white;
    overflow: auto;
}
.pre a {
    text-decoration: underline;
}

ins {
    color: green;
    text-decoration: none;
}

del {
    color: red;
    text-decoration: line-through;
}

.netscape4 {
    display: none;
}





/*
** Structural Elements
*/

#visual-portal-wrapper {
    margin: 0;
    padding: 0;
}

#portal-logo-wrapper {
    background-color: White;
    vertical-align: middle !important;
}

/* Logo properties */
 
#portal-logo {
    background-color: White;;
    width: 201px;
    background-image: none;
    z-index: 2;
    border: 0;
    margin: 0;
    padding: 0;
}
#portal-logo a {
    text-decoration: none;
    overflow: hidden;
    border:0;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    cursor: pointer;
}

#portal-skinswitcher {
    /* The skin switcher at the top, only shows up if you have multiple skins available */

}

#portal-skinswitcher a {
    display: block;
    float: left;
}

#portal-top {
    /* Top section */
    margin: 0;
    padding: 0;
    background: #B6D2EB;
    position: static;
    z-index: 1;
    font-size: 90%;
}
#portal-top a {
    color: #191919;
}

#portal-top table td {
    text-align: left;
    vertical-align: top;
}
#portal-top-content {
    width: 100%;
    position: static;
}
#portal-top-dropdowns {
    vertical-align: bottom;
}

#portal-top-content .top-actions {
    background-color: #91BCE0;
    padding: 0.6em 1em 1em 1em;
}
#portal-top-content .slogan {
    font-weight: bold;
    color: #265C88;
    padding-bottom: 0.4em;
}
#portal-top-content .login,
#portal-languagebox {
    background-color: transparent;
    float: right;
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    line-height: normal;
}
#portal-top-content .login a {
    color: #265C88;
}
#portal-network {
    background-color: transparent;
    padding: 0em 1em 1em 1em;
}
#portal-network .dropdown,
#portal-languagebox .dropdown {
    background: transparent url(http://ew2006.osha.eu.int/select.gif) center left no-repeat;
    float: left;
    padding: 0 1.5em; 
}
#portal-languagebox .dropdown {
    background: transparent;
    padding-left: 0;
}
#portal-network select,
#portal-languagebox select {
    display: inline;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 110%;
} 


#portal-variable1 {
    background-color: #91BCE0;
    height: 1px;
}
#portal-variable1 .area {
    padding: 0.8em 1em;
    text-align: right;
}
#portal-variable2 {
    background-color: #488FCC;
    text-align: left;
    height: 1px;
}
#portal-variable2 .area {
    padding: 0.8em 1em;
    text-align: left;
}
#portal-variable3 {
    padding: 0 0 0 1.8em;
}
#portal-variable3 .area {
    background-color: White;
    padding: 0.8em 0;
    border-bottom: 1px solid #265C88;
}

/* Site-wide action menu - font size, contact, index, sitemap etc */
#portal-siteactions {
    background-color: transparent;
    border-collapse: collapse;
    white-space: nowrap;
    list-style: none;
    margin: 1em 0 0 0;
    height: auto;
    line-height: normal;
    float: right;
    padding: 3px 2em 3px 0;
    z-index: 3;
    position: relative;
}
#portal-siteactions li {
    display: inline;
}
#portal-siteactions li a {
    background-color: transparent;
    border: 1px solid White;
    color: #76797c;
    height: auto;
    padding: 0.2em;
    margin-right: 0.2em;
    text-decoration: none;
    text-transform: none;
}
#portal-siteactions li.selected a {
    background-color: white;
    color: #191919;
    border: 1px solid #265C88;
}
#portal-siteactions li a:hover {
    background-color: white;
    color: #191919;
    border: 1px solid #265C88;
}



/* searchbox style and positioning */
#portal-searchbox {
    float: right;
    clear: right;
    background-color: transparent;
    margin: 1.5em 0 0 0;
    padding: 0 2em 0 0;
    text-align: right;
    text-transform: none;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}
#portal-globalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: transparent;
    border-collapse: collapse;
    padding: 0em;
    white-space: normal;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}
#portal-globalnav li {
    display: inline;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    border: none;
    color: #265C88;
    height: auto;
    padding: 0;
    text-decoration: none;
    text-transform: none;
}
#portal-globalnav li.selected a, 
#portal-globalnav li a:hover {
    /* The selected tab. There's only one of this */
    background-color: transparent;
    border: none;
    color: #191919;
}


#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #488FCC;
    border-collapse: collapse;
    padding: 0.3em 0em 0.5em 1em;
    margin:0 0.6em 1em 0.6em;
    text-align: right;
    color: #191919;
    font-size: 90%;
    border: none;
}
#portal-personaltools ul {
    line-height: normal;
    list-style: none;
    padding: 0;
    margin: 0;
}

#portal-personaltools .portalUser {
    background: transparent url(http://ew2006.osha.eu.int/user.gif) center left no-repeat;
    padding-left: 15px;
}
#portal-personaltools .portalNotLoggedIn {
    color: #191919;
    padding: 0;
    background: transparent;
    background-image: none;
} /* Used on all descriptions relevant to those not logged in */
 
#portal-personaltools li {
    display: inline;
    font-weight: normal;
}
#portal-personaltools li a {
    background-color: transparent;
    border: none;
    border-right: 1px solid #191919;
    color: #191919;
    padding: 0 0.5em;
    margin: 0;
    height: auto;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
    z-index: 1;
    white-space: nowrap;
}
.visualCaseSensitive {
    text-transform: none;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border: none;
    padding: 0.5em 2em;
    line-height: 2em;
    text-transform: none;
    background-color: White;
    font-size: 90%;
}
.addFavorite {
    vertical-align: bottom;
}
.contentViews {
    background-color: #3D7BB5;
    border-collapse: collapse;
    padding: 0.4em 0em 0.5em 1em;
    line-height: normal;
    margin:0;
    /* white-space: nowrap; */
    list-style: none;
    text-align: right;
    color: #FFFFFF;
    font-size: 90%;
    border: none;
}
.contentViews li {
    display: inline;
    font-weight: bold;
}
.contentViews li a,
.contentViews .selected a {
    background-color: transparent;
    border: none;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 0 0.5em;
    margin: 0;
    height: auto;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
    z-index: 1;
    white-space: nowrap;
}
.contentViews li a:hover {
    background-color: transparent;
    color: #FFFFFF;
}

.lastitem a {
    border: none;
    border-right: 0 !important;
}


/*
** begin ECMAScript Content Action Menus
*/

.contentActions {
    border-collapse: collapse;
    border: none;
    border-left: 2px solid #3D7BB5;
    border-right: 2px solid #3D7BB5;
    color: #191919;
    font-weight: normal;
    font-size: 90%;
    padding: 0.3em 0em 0.4em 1em;
    line-height: normal;
    margin:0;
    z-index: 10;
    width: auto;
    background-color: #9EBDDA;
    height: 1.2em;
}

.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
    color: #191919;
    text-align: left;
}

.contentActions ul {
    line-height: normal;
    height: 1.2em;
    padding: 0;
    margin: 0;
}
.contentActions li {
    float: right;
    background-image: url(http://ew2006.osha.eu.int/arrowDownAlternative.gif);
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 4;
    border-left: 1px solid #191919;
    padding: 0 0 0 0.5em;
    margin: 0 0.5em 0 0;    
    white-space: nowrap;
}
.contentActions li a {
    color: #191919;
}

.menuPosition {
    /*  The spec says we can't put this on an element with a float (although 
        Opera is the only one that cares) and we need it in order to catch 
        the position:absolute bubbling up */
    position: relative;
    }

.actionSingular {
    background-image: none !important;
    padding-right: 0;
}

.actionItems li {
    background-image: none;
}

.contentActions a {
    text-decoration: none;
    color: #FFFFFF;
    padding: 0 1em 0 0;
}
.actionSingular a {
    padding-right: 0;
}

.contentActions .actionMenu {
    visibility: hidden;
    z-index: 100;
    width: auto;
    position: absolute;
    top: 0.4em;
    right: -0.5em;
    background-color: #9EBDDA;
    overflow: hidden;
    height: auto;
    padding: 0;
    margin: 1.2em 0 0 0;
    border: none;
}

.actionMenu li {
    float: none;
    background: none;
    background-color: transparent;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
}

.actionMenu li a {
    display: block;
    white-space: nowrap;
    padding: 0.2em 1em;
    margin:  0;
}

.actionMenu li a:hover {
    background-color: #3D7BB5;
    color: #FFFFFF;
}

.actionMenu .actionSeperator a {
    margin-top: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
    border-top: 1px solid #191919;
}

.wf_contentActions_private {
    border-left: 2px solid #C50E05;
    border-right: 2px solid #C50E05;
    background-color: #E89F9B;
}
.wf_contentActions_pending {
    border-left: 2px solid #D05A02;
    border-right: 2px solid #D05A02;
    background-color: #E2886D;
}
.wf_contentActions_checked {
    border-left: 2px solid #8D9211;
    border-right: 2px solid #8D9211;
    background-color: #B2B469;
}
.wf_contentActions_published {
    border-left: 2px solid #06790B;
    border-right: 2px solid #06790B;
    background-color: #82B96E;
}

.wf_contentActions_private .actionMenu {
    background-color: #E89F9B;
}
.wf_contentActions_pending .actionMenu {
    background-color: #E2886D;
}
.wf_contentActions_checked .actionMenu {
    background-color: #B2B469;
}
.wf_contentActions_published .actionMenu {
    background-color: #82B96E;
}


.wf_contentViews_private,
.wf_contentActions_private .actionMenu li a:hover {
    background-color: #C50E05;   
}
.wf_contentViews_pending,
.wf_contentActions_pending .actionMenu li a:hover  {
    background-color: #D05A02;   
}
.wf_contentViews_checked,
.wf_contentActions_checked .actionMenu li a:hover  {
    background-color: #8D9211;   
    
}
.wf_contentViews_published,
.wf_contentActions_published .actionMenu li a:hover  {
    background-color: #06790B;   
    
}

.contentNav {
    background-color: #B6D2EB;
    border-collapse: collapse;
    padding: 0.4em 0em 0.5em 0em;
    line-height: normal;
    margin: 0em 0.5em 1em 0.5em;
    /* white-space: nowrap; */
    list-style: none;
    text-align: left;
    color: #191919;
    font-size: 90%;
    border: none;
}
.contentNav li {
    display: inline;
    font-weight: bold;
    padding: 0 1em 0 1em;
    border-right: 1px solid #191919;
}
.contentNav li a {
    background-color: transparent;
    border: none;
    color: #191919;
    margin: 0;
    height: auto;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
    z-index: 1;
}
.contentNav img {
    vertical-align: middle;
    padding:0;
    margin: 0;
}
.documentEditable .contentNav,
.documentEditable #portal-personaltools {
    margin-left:0;
    margin-right:0;
}


/*
** end ECMAScript Content Action Menus
*/

.configlet .contentViews {
    font-size: 90%;
}
.contentInfo {
    color: #191919;
    float: left;
    position: relative;
    text-align: left;
    font-weight: bold;
}
 
#content {
    padding: 0.5em 1em 0 1em;
    margin: 0em 0em 1em 0em;
    position: static;
    z-index: 1;
    width: auto;
}

#content-news h1 {
    margin-bottom: 1em;
}

.newsItem {
    border: none;
    padding: 0em 0em 1em 0em;
    margin: 0;
    position: static;
}
.newsItem h1, .newsItem h2 {
    margin-top:0;
    margin-bottom: 0;
    padding-top:0;
}
.newsItem p {
    margin:0;
    padding: 0.5em 0em;
    padding-top:0;
}
.newsItem .info {
    font-size: 90%;
    padding: 0.5em 1em;
    float: right;
    position: static; 
    width: auto; 
    z-index: 10;
}
.newsItem .link {
    padding: 0;
    padding-left: 20px;
    background-color: transparent;
    background-image: url(http://ew2006.osha.eu.int/link.gif);
    background-repeat: no-repeat;
    background-position: 0.5em 0.5em;
}
.newsItem td {
    vertical-align: top;
}
.newsItem .headline {
    padding: 0 0 1em 0;
    display: block;
    font-weight: bold;
    font-size: 110%;
    line-height: 1.2em;
    position: relative;
    width: auto;
}
.teaserlisting .headline {
    position: static;
    z-index: 1;
    display: block;
    background: #91BCE0;
    margin: 0;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    font-weight: bold;
    color: #191919 ! important; 
    line-height: normal;
    border: none;
    font-size: 100%;
}
.newsItemImage {
    padding-right: 1em;
    text-align: left;
    vertical-align: top;
}
.last {
    border-bottom: none;
}
.newsView {
    position: static;
    width: auto;
    margin: 0;
    padding-bottom: 1em;
}
.newsHeader {
    padding: 1em 0em 0.2em 0em;
    font-weight: bold;
    color: #666666;
    border-bottom: 1px solid #265C88;
}
.newsView h1 {
    border:none !important;
    margin: 0;
    margin-bottom: 1em;
}
.newsView .info {
    font-size: 90%;
    padding: 0.5em 0;
    float: none;
    position: static;
    width: auto;
}
.newsView .intro {
    font-weight:bold;
    vertical-align:top;
    position: static;
    width: auto;
}
.newsView .image {
    position: static;
    float:left;
    text-align: left;
    padding: 0em 1em 1em 0em;
    width: 120px;
}
.newsView .image .info {
    font-size: 90%;
}
.newsView .newsBody {
    clear:both;
    padding:0;
    margin:0;
}
.newsContent {
    padding: 0 1em 1em 1em;
}

.newsContent ul,
.newsContent li {
    display: block; 
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.newsAbout {
    display: block;
    color: #76797c;
    font-size: 90%;
    padding: 0;
    margin-top: 0;
    list-style: none;
    list-style-image: none;
    float: right;
    text-align: right;
}

.newsAbout li {
    display: inline;
}

.newsFooter li {
    display: inline;
    margin: 0 1em 0 0;
}

.documentEditable {
    padding:  0em 1.5em 1em 1.5em !important;
}

.configlet .documentEditable {
    padding: 0em !important;
}

.documentContent {
    padding: 0em 0.5em 2em 0.5em !important;
    background-color: transparent;   
    margin-top: 0em;
    position: static;
    width: auto;
    z-index: 1;
}

.documentEditable .documentContent {
    border: 2px solid #3D7BB5;
    border-top: none;
    padding: 1em 0.5em !important;
}

.wf_private .documentContent {
    border: 2px solid #C50E05;
    border-top: none;
}
.wf_pending .documentContent {
    border: 2px solid #D05A02;
    border-top: none;
}
.wf_checked .documentContent {
    border: 2px solid #8D9211;
    border-top: none;
}
.wf_published .documentContent {
    border: 2px solid #06790B;
    border-top: none;
}


.documentActions {
    background: #B6D2EB;
    padding: 0.3em 1em;
    border: none;
}

.documentActions ul {
    margin: 0;
    float: none;
    line-height: 2em;
}
.documentActions ul,
.documentActions li {
    display: inline;
    list-style: none;
    list-style-image: none;
}
.documentActions a {
    border: 0;
    text-decoration: none;
    white-space: nowrap;
}

.portalMessage,
.system-message,  /* These two last ones are reST error indicators */
#error-handling {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: #191919;
    font-size: 90%;
    font-weight: bold;
    margin: 1em 0em 1em 0em;
    padding: 0.5em 1em 0.5em 3em;
    vertical-align: middle;
    background-image: url(http://ew2006.osha.eu.int/info_icon.gif);
    background-repeat: no-repeat;
    background-position: 1% 50%;

}
.portalMessage a {
    color: #191919;
    text-decoration: underline;
}
.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 1em 0em;
    line-height: 1.5em;
}
.documentByLine {
    text-align: right;
    font-size: 90%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}
.documentByLine a {
    text-decoration: underline;
}

.productCredits {
    text-align: right;
    font-size: 90%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}

.productCredits a {
    text-decoration: underline;
}


#portal-footer {
    background-color: transparent;
    float: none;
    margin: 0;
    padding: 1em 0em 1em 2em;
    text-align: left;
    border: none;
    font-size: 90%;
    width:auto;
}
.powered_py {
    font-weight: bold;
    color:#979797;
    line-height: 1.5em;
    margin-top: 1.5em;
}

#portal-colophon {
    float: none;
    margin: 0em 0em 2em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}

#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
    list-style: none;
    display: inline;
    text-decoration: none;
    color: #191919;
}

#portal-colophon ul li {
    font-size: 90%;
    margin: 0 0.25em;
    padding: 0.1em 0.2em;
}

/*
** Widgets
*/

.standalone,
.documentEditable * .standalone {
    background: #91BCE0 url(http://ew2006.osha.eu.int/button_bg.gif) 0.3em 0.2em no-repeat;
    cursor: pointer;
    font-size: 90%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: none;
}
.context,
.documentEditable * .context {
    background: #B6D2EB url(http://ew2006.osha.eu.int/button_bg.gif) 0.3em 0.2em no-repeat;
    cursor: pointer;
    font-size: 90%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: none;
}
.destructive,
.documentEditable * .destructive {
    background: #ffce7b url(http://ew2006.osha.eu.int/button_bg.gif) 0.3em 0.2em no-repeat;
    border: 1px solid #ffa500;  
    cursor: pointer;
    font-size: 90%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: none;
}
input.searchButton {
    font-size: 100%;
    margin-bottom: 1px ! important;
    background: White url(http://ew2006.osha.eu.int/search_icon.gif) 2px 1px no-repeat;
    cursor: pointer;
    padding: 1px 1px 1px 15px;
    text-transform: none;
}
.noborder,
.documentEditable * .noborder {
    border: none;
    margin: 0;
    background-color: transparent;
}
.add,
.documentEditable * .add {
}
.quickSearch {
}
.notify,
.documentEditable * .notify {
    border: 1px solid #ffa500;  
}

/* The new form elements */

.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;    
}

.field .field {
    margin: 1em 0 0 0;
}

.field label {
    font-size: 100%;
    font-weight: bold;
}

.fieldRequired {
    background: url(http://ew2006.osha.eu.int/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: White;
} 

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp a {
    text-decoration: underline;
}

.formHelp:hover {
    color: #191919;
    cursor: default;
}

.formControls {
   margin: 1em 0 0 0; 
}

.error {
    /* Class for error indication in forms */
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 68% !important;
}

.error .fieldRequired {
   color: #ffce7b;
} 

.card {
    background-color: white;
    border-color: #265C88;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin: 1em;
    text-align: center;
    width: 110px;
    padding: 1em 0;
}

.portrait {
    background-color: white;
    border-color: #265C88;
    border-width: 1px;
    border-style: solid;
    font-size: 90%;
    margin: 0.5em;
    padding: 1em 0 0.5em 0;
    text-align: center;
    width: 100px;
}

.portraitPhoto {
    border: 1px solid black;
}

.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border: 1px solid #265C88;
    width:100%;
    font-size: 90%;
    margin: 0.5em 0em;
}
.listing th,
.stx table th {
    background: #91BCE0;
    color: #191919;
    border:none;
    font-weight: bold;
    padding: 0em 1em;
    text-transform: none;
}
.listing .top {
    border: none;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
.listing .odd {
    /*every second line should be shaded */
    background-color: #D1E3F2;
}
.listing .even {
    background-color: transparent;
}
.listing .listingCheckbox {
    text-align: center;
}

.listing td,
.stx table td {
    border: none;
    border-top: 1px solid #265C88;
    padding: 0.2em 1em;
    text-align: left;
    vertical-align: top;
}
.listing a {
    font-weight:normal;
    text-decoration:none !important;
}
.listing a:hover {
    text-decoration: underline;
}
.listing th a {
    color: #191919;
    text-decoration:none;
    font-weight: bold;
}
.listing th a:hover {
    text-decoration: none;
}
.listing img {
    vertical-align: middle;
}
.listing * .separated {
    padding: 0.2em 0;
}

ul.configlets {
    margin: 1em;
    list-style-image: none;
    list-style: none;
}

ul.configlets li {
    margin-bottom: 1em;
}

ul.configlets li a {
	text-decoration: none;
}

ul.configlets li label {
    font-weight: bold;
}

ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}

ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}

ul.configletDetails li a {
	text-decoration: none;
}

ul.configletDetails li label {
    font-weight: bold;
}

/* List classes without markers */

ul.visualNoMarker, 
ol.visualNoMarker { 
    list-style-type: none;
    list-style-image: none;
    margin: 0.5em 0 0 0;
}



/* Additional STX workaround classes */
.stx table p /* stupid STX table workaround */
{
    margin: 0;
    padding: 0;
}
.stx table  /* stupid STX table workaround */
{
    border: 1px solid #265C88 ! important;
}
.stx table td {
    border-bottom: 1px solid #265C88;
}

.portlet {
    border:  1px solid #CBD1D8;
    margin-bottom: 1em;
    padding: 0;
}

/* Compensation when rendering portlets in the content area */
.displayView {
    margin: 1em 0em;
    font-size: 0.9em;
    width: 201px;
    overflow: visible;
}
#region-content .portlet {
    font-size: 94%;
}
.portletHeader,
.portlet h6,
.portlet h5 { 
    background: #91BCE0;
    color: #265C88;
    border: none;
    text-transform: none;
    font-size: 1em;
    font-weight: bold;
    /* white-space: nowrap; */
    padding: 0.4em 1em 0.5em 1em;
    display: block;
    width: auto;
}
.portlet h4 {
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.portletBody {
    background-color: #B6D2EB;
    border: none;
    font-size: 90%;
}
.portletBody .separated,
.simpleBoxBody .separated,
.listing .navSeparated {
    border-top:  1px solid #CBD1D8;
}
.portletDetails {
    padding-top: 0.5em;
    text-align: left;
}

.portletMore {
    display: block;
    text-align: right;
    font-weight: bold;
}

.portletContent {
    padding: 0.5em 1em;
}
.portletContent a {
    text-decoration: none;
}
.portletClose {
    float: right;
    position: relative;
    top: -5px;
    right: 0px;
    text-transform: none;
    border: none;
    padding: 0em 1em 0em 0.2em;
    margin-top: -13px;
    width: auto;
}
.portlet h1, 
.portlet h2, 
.portlet h3, 
.portlet h4 {
    margin: 0;
    padding: 0;
}
.portlet .even {
    background-color: transparent;
}
.portlet .odd {
    background-color: #D1E3F2;
}
input.widget, 
.portlet input,
.portlet select {
    font-size: 90%;
    margin-bottom: 0;
    background-color: #FFFFFF;
    margin-top: 0.5em;
}    
.portlet input.context {
    margin-top: 1em;
    width: auto;
    background-color: #E4EEF7;
}
.portletContent .link {
    padding-left: 16px;
    background-color: transparent;
    background-image: url(http://ew2006.osha.eu.int/link.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.3em;
    width: auto;
    display: block;
}
.portlet ul {
    padding: 0;
    margin-top: 0.5em;
    line-height: normal;
}
.portlet li {
    margin: auto;
    line-height: normal;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.portlet * a {
    text-decoration: none;
}
.portlet fieldset {
    border: none;
    padding: 0.5em 0;
    margin: 0;
}
.simpleBox {
    margin-bottom: 1em;
}
.simpleBox .portletBody {
    background-color: #E4EEF7;
}
.simpleBoxBody {
    background-color: #B6D2EB;
    border-bottom:  1px solid #CBD1D8;
    font-size: 90%;
}
.simpleBoxBody .portletContent {
    padding: 0em 1em;
}

/* OSHA navigation portlet */
.navigationList {
    font-size: 110%;
    padding: 0;
    border: none;
}
.navigationList ul {
    line-height: normal;
    padding:0;
    height: auto;
    margin: 0;
}
.navigationList li {
    line-height: normal;
    height: auto;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
}
.navigationList ul.contextless li {
    display: inline;
}
.navigationList li a,
.navigationList li span.fakelink,
.navigationList li a:active,
.navigationList li a:visited {
    display: block;
    text-decoration: none;
    margin:0;
    padding: 0.3em 0.8em 0.4em 0.8em;
    color: #191919;
    font-weight: normal;
    line-height: normal;
}
.navigationList li a:hover {
    font-weight: normal;
    background: #91BCE0;
}
.navigationList li a.active,
.navigationList li a.active:active,
.navigationList li a.active:visited,
.navigationList li a.active:hover,
.navigationList * ul * a.active, 
.navigationList * ul * a.active:active,
.navigationList * ul * a.active:visited, 
.navigationList * ul * a.active:hover {
    padding-left: 24px;
    background-image: url(http://ew2006.osha.eu.int/submenu.gif);
    background-repeat: no-repeat;
    background-position: 0.8em 0.5em;
    background-color: #91BCE0;
    color: #191919;
    font-weight: normal;
}
.navigationList * ul {
    background-color: #E4EEF7;
    height: auto;
    margin: 0;
    padding-bottom: 1px;
}
.navigationList * ul li {
    border-top: 1px solid #B6D2EB;
    border-left: 3px solid #B6D2EB;
    border-right: 1px solid #B6D2EB;
}

.navigationList * ul li a, 
.navigationList * ul li span.fakelink,
.navigationList * ul li a:active,
.navigationList * ul li a:visited, 
.navigationList * ul li a:hover {
    font-weight: normal;
    padding-left: 20px;
    background-color: transparent;
    background-image: url(http://ew2006.osha.eu.int/link.gif);
    background-repeat: no-repeat;
    background-position: 0.5em 0.5em;
}
.navigationList * ul li a:hover {
    font-weight: normal;
    background-color: #B6D2EB;
}
.navigationList * ul * a.active, 
.navigationList * ul * a.active:active,
.navigationList * ul * a.active:visited, 
.navigationList * ul * a.active:hover {
    padding-left: 20px;
    background-image: url(http://ew2006.osha.eu.int/submenu.gif);
    background-repeat: no-repeat;
    background-position: 0.6em 0.5em;
    background-color: #B6D2EB;
}
ul.contextless * a.active, 
ul.contextless * a.active:active,
ul.contextless * a.active:visited, 
ul.contextless * a.active:hover {
    background-image: none;
    padding-left: 0.8em;
}

.navigationList * ul li * ul li {
    border-right: none;
}
.navigationList * ul li * ul * a:hover {
    font-weight: normal;
    background-color: transparent;
}
.navigationList * ul li div.active {
    background-color: #B6D2EB;
}

.navigationList li.innerlist div {
    background: #E4EEF7;
    border-top: 1px solid #B6D2EB;
    border-left: 1px solid #B6D2EB;
    border-right: 1px solid #B6D2EB;
    padding-left: 0px;
}
.navigationList * li.innerlist a,
.navigationList * li.innerlist a:active,
.navigationList * li.innerlist a:visited, 
.navigationList * li.innerlist a:hover {
    background: transparent;
}
.navigationList * li.innerlist a:hover {
    background: #B6D2EB;
}
.navigationList * li.innerlist a.active, 
.navigationList * li.innerlist a.active:active,
.navigationList * li.innerlist a.active:visited, 
.navigationList * li.innerlist a.active:hover {
    background: #B6D2EB;
}

.navigationList .plusicon,
.navigationList * li.innerlist .plusicon {
    border: none;
    display: block;
    float: left; 
    position: relative;
    width: 10px;
    padding: 0.5em 0.2em 0em 0.8em;
    margin: 0;   
    background: transparent;
}

.navigationList .plusicon a,
.navigationList * .plusicon a {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent;
}
.navigationList .plusicon a:hover,
.navigationList * .plusicon a:hover {
    background: transparent;
}
.navigationList ul.contextless a.active {
    background-image: none;
}
.navigationList li.nosublist a.active,
.navigationList li.nosublist a.active:active,
.navigationList li.nosublist a.active:visited,
.navigationList li.nosublist a.active:hover {
    padding-left: 0.8em;
    background-image: none;
}
.navigationList * ul li.nosublist a.active,
.navigationList * ul li.nosublist a.active:active,
.navigationList * ul li.nosublist a.active:visited,
.navigationList * ul li.nosublist a.active:hover {
    padding-left: 20px;
    background-image: none;
}

.navigationList * li.separated {
    border-top: 1px solid #91BCE0;
}
.comment {
    background: transparent; 
    border: 1px solid #265C88; 
    padding: 0 1em 0.5em 1em;
    margin-bottom: 1em;
}

.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}

.commentBody {
    margin: 0 1em 1em 1em;
}

.spacer {
	margin: 1em;
}

/* Navigation tree styling */

.navIcon,
.navIconRoot {
    position: relative;
    right: 20px;
}

.navItemText {
    margin-left: -20px;
}

.navRootItem,
.navItem {
    margin: 0 0 0.2em 0;
    border: 1px solid White;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 0.1em 0.25em 0.2em 20px;
}

.currentNavItem,
#portlet-navigation-tree a:hover {
    background-color: white;
    color: #191919;
    border: 1px solid #265C88;
}

.navLevel1 {
    margin-left: 0em;
}

.navLevel2 {
    margin-left: 1em;
}

.navLevel3 {
    margin-left: 2em;
}

.navLevel4 {
    margin-left: 3em;
}

.navLevel5 {
    margin-left: 4em;
}

.navLevel6 {
    margin-left: 4.5em;
}

.navLevel7 {
    margin-left: 5em;
}

.navLevel8 {
    margin-left: 5.5em;
}

/* Add more levels if needed. Then again, if you have more than 3-4 level deep
   structures, you should definitely re-think your Information Architecture ;)*/

/* workflow state colors */

.state-private {
    color: Black;
}
.state-published {
    color: #74AE0B;
}
.state-pending {
    color: #ffa500;
}
.state-expired {
    color: Red;
}
.syndicated {
    color: #008000;
}
.role-Member {
    
}
.role-Reviewer {
    
}
.role-Manager {
    
}
.role-Translator {
    
}
.location-frontpage {
    
}
.location-news {
    
}
.location-members {
    
}
.even {
    background-color: transparent;
}
.odd {
    background-color: #D1E3F2;
}
.visualHighlight {
    background-color: transparent;
}

.discreet {
    color: #76797c;
    font-size: 90%;
    font-weight: normal;
}

.listingBar {
    background-color: #B6D2EB;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    clear: both;
    font-size: 90%;
    font-weight: bold;
    padding: 0.1em 1em;
    text-align: center;
    text-transform: none;
    vertical-align: top;
    margin: 0.5em 0em;
}
.topBar {
    background-color: transparent;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left:0;
    padding-right:0;
}
.bottomBar {
    background-color: transparent;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding-left:0;
    padding-right:0;
}

.listingBar span.previous,
.listingPrevious {
    text-align: left;
    float: left;
    margin-right: 1em;
}
.listingBar span.next,
.listingNext {
    text-align: right;
    float: right;
    margin-left: 1em;
}
.listingBar img {
	vertical-align: middle;
}
.listingBar a:hover {
    text-decoration: none;
}

/*
** Accessibility and visual enhancement elements 
*/
.link {
    background: transparent url(http://ew2006.osha.eu.int/link.gif) 0px 3px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-plain {
    background-image: none;
    padding: 0;
}

.link-parent {
    display: block;
    background: transparent url(http://ew2006.osha.eu.int/arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 1px 16px;
    font-size: 90%;
}

.link-user {
    background: transparent url(http://ew2006.osha.eu.int/user.gif) 0 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-external,
.link-leave {
    background: transparent url(http://ew2006.osha.eu.int/link_external.gif) 0px 3px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-https {
    background: transparent url(http://ew2006.osha.eu.int/lock_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-mailto {
    background: transparent url(http://ew2006.osha.eu.int/mail_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-news {
    background: transparent url(http://ew2006.osha.eu.int/topic_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-ftp {
    background: transparent url(http://ew2006.osha.eu.int/file_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-pdf {
    background: transparent url(http://ew2006.osha.eu.int/pdf_icon.gif) 0px 1px no-repeat;
    padding: 1px 2px 1px 16px;
}

.link-irc {
    background: transparent url(http://ew2006.osha.eu.int/discussionitem_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-callto {
    background: transparent url(http://ew2006.osha.eu.int/phone_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.link-comment {
    background: transparent url(http://ew2006.osha.eu.int/discussionitem_icon.gif) center left no-repeat;
    padding: 1px 0px 1px 16px !important;
}

.link-anchor {
    color: #76797c;
    text-decoration: none;
    font-weight: normal;
}
/*
** link classes for js usage
*/
.link-external-js {
    background: transparent url(http://ew2006.osha.eu.int/link_external.gif) 0px 3px no-repeat;
    padding: 1px 0px 1px 10px;
}
.link-https-js {
    background: transparent url(http://ew2006.osha.eu.int/lock_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 10px;
}
.link-mailto-js {
    background: transparent url(http://ew2006.osha.eu.int/mail_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 12px;
}
.link-news-js {
    background: transparent url(http://ew2006.osha.eu.int/topic_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-ftp-js {
    background: transparent url(http://ew2006.osha.eu.int/file_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-pdf-js {
    background: transparent url(http://ew2006.osha.eu.int/pdf_icon.gif) 0px -1px no-repeat;
    padding: 0px 2px 1px 16px;
}
/*
** office group
*/

.link-doc-js {
    background: transparent url(http://ew2006.osha.eu.int/msword_icon.gif) 0px -1px no-repeat;
    padding: 0px 2px 1px 16px;
}
.link-xls-js {
    background: transparent url(http://ew2006.osha.eu.int/xls_icon.gif) 0px -1px no-repeat;
    padding: 0px 2px 1px 16px;
}
.link-ppt-js {
    background: transparent url(http://ew2006.osha.eu.int/msppt_icon.gif) 0px -1px no-repeat;
    padding: 0px 2px 1px 16px;
}
.link-zip-js {
    background: transparent url(http://ew2006.osha.eu.int/zip_icon.gif) 0px -1px no-repeat;
    padding: 0px 2px 1px 16px;
}
.link-irc-js {
    background: transparent url(http://ew2006.osha.eu.int/discussionitem_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
.link-callto-js {
    background: transparent url(http://ew2006.osha.eu.int/phone_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}

.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}
.hiddenFloatLabel {
    display: block;
    float: left;
    position: relative;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: 0px 0px 0px -1px; /* was before -1px 0 0 -1px   - did not work with osha skin folder_contents */
    width: 1px;
}

.contentViews .hiddenStructure,
.contentActions .hiddenStructure {
    position: absolute;
    top: -200px;
    left: -200px;
}

.visualClear {
    display: block;
    clear: both;
}
.hiddenLabel {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}
.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}

.optionsToggle {
    border: 1px solid #265C88;
    color: #191919;
    background-color: white;
    font-weight: normal !important;
    font-size: 90%;
}

.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
    font-size: 75%;
}

/* for highlighting of search terms */

.highlightedSearchTerm {
   background-color: #feff82;
}

/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}

table.fieldset td, 
table.fieldset th {
    padding: 0.1em 1em 0.1em 0.2em;
    text-align: left;
    vertical-align: top;
}
table.fieldset th {
    white-space: nowrap;
}
table.fieldset td .field {
    padding:0;
    margin:0;
}
table.fieldset td .error {
    padding:0.5em !important;
    margin:0;
    width:auto !important;
}
table.fieldset .firstrow td, 
table.fieldset .firstrow th {
    padding-top: 0.5em;
    border-top: 1px solid #CBD1D8;
}
table.fieldset .lastrow td, 
table.fieldset .lastrow th {
    padding-bottom: 0.5em;
}
table.fieldset input,
table.fieldset select {
    margin-bottom: 0.2em;
}
.separator {
    clear: both;
    padding: 0;
    margin:0 0 0.1em 0;
    margin: 0.1em 0;
    border-top: 1px solid #CBD1D8;
    height: 0.1em;
    font-size:0.1em;
    background-color: transparent;
}

.languageFloater {
    padding: 1em 0;
}
.languageFloater .message {
    padding: 0.5em;
    border: 1px solid #ffa500;
}
/* elevateIT helpers */
ul.inlinestyle {
    display: inline;
    list-style-image: none;
    list-style: none;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
ul.inlinestyle li {
    display: inline;
    margin: 0;
    padding: 0;
}
ul.nostyle {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin:0;
    line-height: 1em;
    padding-top: 1px;
}
ul.nostyle li {
    background: transparent;
    margin: 0;
    padding: 0;
}
ul.nostyle * a {
    text-decoration: none;
}
ul.treelike {
    list-style-image: none;
    list-style: none;
}
ul.outer {
    padding-left: 0 !important;
}
.bold {
    font-weight: bold;
}
ul.linkList {
    padding: 0;
    margin:0;
    margin-top: 0.5em;
    line-height: normal;
    list-style: none;
    list-style-image: none;
}
ul.linkList li {
    margin:0;
    line-height: normal;
    margin-left: 0em;
    list-style: none;
    list-style-image: none;
    padding: 0.2em 0;
    padding-left: 16px;
    background-color: transparent;
    background-image: url(http://ew2006.osha.eu.int/link.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.5em;
    width: auto;
    display: block;
}