/* 
** Derived from:
** Plone style sheet for CSS2-capable browsers.
** Copyright Alexander Limi, 2002 - http://limi.net
** Thanks to Geir Bækholt, Stian Søiland for input and guidance.
*/



body {
    font-size: 8pt;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*
    font: 65% Verdana, Helvetica, Arial, sans-serif;
    background: White;
    */
    background: #e7e9ea;
    color: Black;
    margin: 0;
    padding: 0;
}

input, select, textarea {
    font-size: 8pt;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
th {
    font-size: 8pt;
    /* color: white; */
    color: black;
    background-color: silver;
    border: 1px solid navy;
}
td {
    font-size: 8pt;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

tr.r1, td.r1 {
    font-size: 8pt;
    color: black;
    background-color: #ffffcc;
    border: 1px solid navy;
    text-align: center;
    vertical-align: top;
}
tr.r2, td.r2 {
    font-size: 8pt;
    color: black;
    background-color: white;
    /* background-color: rgb(231, 233, 234); */
    border: 1px solid navy;
    text-align: center;
    vertical-align: top;
}

a {
    text-decoration: none;
    /* color: #436976; */
    color: rgb(0, 102, 204);
    background-color: transparent;
}

img {
    border: none;
	vertical-align: middle;
}

p {
    margin: 0.5em 0em 1em 0em;
    text-align: justify;
    line-height: 1.5em;
}

hr {
    clear: both;
    height: 1px;
    color: #8CACBB;
    background-color: transparent;
}


/*
** Structural Elements
*/

div.tabs {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background: transparent;
    border-collapse: collapse;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0.5em 0em 0em 2em;
    white-space: nowrap;
}
div.tabs a {
    /* The normal, unselected tabs. They are all links */
    background: transparent;
    border-color: black;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #2c2c2c;
    font-weight: normal;
    height: 1.2em;
    margin-right: 0.5em;
    padding: 0em 2em;
    /* text-transform: lowercase; */
}
div.tabs span {
    /* The selected tab. There's only one of this */
    background: #2c2c2c;
    border: 1px solid black;
    border-bottom: #2c2c2c 1px solid;
    color: white;
    font-weight: normal;
    height: 1.2em;
    margin-right: 0.5em;
    padding: 0em 2em;
}
div.tabs a.selected {
    /* The selected tab. There's only one of this */
    background: #2c2c2c;
    border: 1px solid black;
    border-bottom: #2c2c2c 1px solid;
    color: white;
    font-weight: normal;
}
div.tabs a:hover {
    background: #2c2c2c;
    border-color: black;
    border-bottom-color: black;
    color: white;
}
div.index {
    background: transparent;
    border-collapse: collapse;
    padding: 0.5em 0.5em 0.5em 0.5em;
    white-space: nowrap;
}
div.index a {
    background: transparent;
    border-color: black;
    border-width: 1px; 
    border-style: solid solid solid solid;
    color: #2c2c2c;
    font-weight: normal;
    /* height: 1.2em; */
    /* text-transform: lowercase; */
    padding: 0.2em 0.3em 0.2em 0.3em;
    margin: 0.3em;
}
div.index a.selected {
    background: #2c2c2c;
    border: 1px solid black;
    color: white;
    font-weight: normal;
    padding: 0.2em 0.3em 0.2em 0.3em;
    margin: 0.3em;
}
div.index span {
    /* The selected tab. There's only one of this */
    background: #2c2c2c;
    border: 1px solid black;
    /* border-bottom: #2c2c2c 1px solid; */
    color: white;
    font-weight: normal;
    padding: 0.2em 0.3em 0.2em 0.3em;
    margin: 0.3em;
}
div.index a:hover {
    background: #2c2c2c;
    border-color: black;
    /* border-bottom-color: black; */
    color: white;
    margin: 0.3em;
}

div.firstRow {
    background: #DEE7EC;
    border-bottom-color: #8CACBB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    padding-left: 3em;
    /* text-transform: lowercase; */
}

div.firstRow a {
    background-color: transparent;
	color: #436976;
    font-weight: normal;
    margin-left: 1em;
}

div.firstRow img {
    vertical-align: top;
}

div.secondRow {
    border-bottom-color: #8CACBB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 2em;
    padding-right: 2em;
    text-align: right;
    /* text-transform: lowercase; */
}


div.documentActions {
    float: right; 
    /* margin-top: 1.5em; */
}