html, body {
    margin: 0px;
    background-color: #cae1e6;
    background-image: url(../gfx/gradient.gif);
    background-position: top left;
    background-repeat: repeat-x;
    color: #31270e;
    font: 11px verdana, arial, sans-serif;
}

img {
    border: 0px;
}

img.border {
border: 1px solid #7899b1;
}

a {
    color: #de7b00;
    text-decoration: none;
}

div.container {
    position: relative;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

div.topbar {
    width: 100%;
    height: 128px;
    background-color:#ffffff;
}

#logo {
    position: absolute;
    top: 47px;
    left: 25px;
}

#photo {
    position: absolute;
    top: 0px;
    left: 687px;
}

div.clear {
clear: both;
}

div.clearspace {
clear: both;
height: 1px;
line-height: 1px;
}

div.header {
    width: 100%;
    border-bottom: 1px solid #bcdef7;
    height: 51px;
}

div.headleft {
    float: left;
    width: 174px;
    height: 100%;
    border-right: 1px solid #bcdef7;
}

div.headline {
    float: right;
    width: 685px;
    padding-left: 10px;
    padding-right: 20px;
    height: 100%;
}

div.main {
    width: 100%;
    background-color: #ffffff;
    margin-top: 2px;
}

div.writecomment {
    width: 100%;
    background-color: #ffffff;
}

h1 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 3px;
    font-size: 21px;
    font-weight: normal;
    color: #736a60;
}

#search {
    margin-top: 5px;
}

div.breadcrumb a {
    float: left;
    padding-right: 8px;
    background-image: url(../gfx/slash.gif);
    background-position: 100% 2px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

div.breadcrumb a:hover {
    text-decoration: underline;
}

div.search {
    float: right;
    height: 14px;
}

div.search input {
    vertical-align: middle;
}

div.search input.input {
    background-color: #f6f6f6;
    border: 1px solid #9a9894;
    line-height: 14px;
    height: 16px;
    margin: 5px;
}

div.search span {
    vertical-align: middle;
    font-weight: bold;
}

div.search form {
    display: inline;
}

div.leftmenu {
    float: left;
    width: 140px;
    padding: 17px;
    text-align: right;
    border-right: 1px solid #bcdef7;
}

div.leftmenu a {
    display: block;
    line-height: 20px;
    font-weight: bold;
    color: #736a60;
}

div.leftmenu a.select, div.leftmenu a:hover {
    color: #de7b00;
}

div.tag {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    padding-bottom: 50px;
}


div.content {
    float: left;
    width: 680px;
    margin-left: 20px;
    margin-top: 15px;
    padding-bottom: 30px;
}

h2 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 1px;
    font-size: 14px;
    font-weight: bold;
    color: #31270e;
}

div.row {
    position: relative;
    margin-bottom: 2px;
    margin-top: 0px;
    height: 228px;
    width: 100%;
    padding: 0px;
}

div.wideteaser {
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    width: 444px;
    height: 208px;
    margin-right: 15px;
    background-color: #cccccc;
    border: 0;
    padding: 0px;
    display: inline;
}

div.slimteaser {
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    width: 212px;
    height: 208px;
    background-color: #cccccc;
}

div.wide {
    width: 420px;
    height: 184px;
    padding: 12px;
    position: relative;
    float: left;
    top: -3px;
    left: -3px;
    background-color: #dae1e8;
}

div.comment {
    width: 135px;
    float: left;
    line-height: 24px;
}

div.slim {
    width: 188px;
    height: 184px;
    padding: 12px;
    position: relative;
    top: -3px;
    left: -3px;
    background-color: #dae1e8;
}

div.row img {
border: 1px solid #7899b1;
}

div.wide img {
float: left;
margin-right: 15px;
}

div.slim img {
margin-bottom: 5px;
}

h3 {
font: bold 11px verdana, arial, sans-serif;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

p {
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

a.less {
padding-left: 7px;
background-image: url(../gfx/arrow_left.gif);
background-position: 0px 4px;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
}

a.more {
    padding-right: 7px;
    background-image: url(../gfx/arrow.gif);
    background-position: 100% 4px;
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
}

a.right {
float: right;
padding-right: 7px;
background-image: url(../gfx/arrow.gif);
background-position: 100% 4px;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
}

a.left {
padding-left: 7px;
background-image: url(../gfx/arrow_left.gif);
background-position: 0px 4px;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
}

a.more:hover, a.less:hover {
text-decoration: underline;
}

/* new stuff */

div.print {
    float: right;
}

div.print a, div.box a {
    padding-left: 7px;
    background-image: url(../gfx/arrow.gif);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    font-weight: bold;
}


select {
    background-color: #f6f6f6;
    border: 1px solid #9a9894;
    font-size: 11px;
    width: 145px;
    margin-left: 5px;
}

a.index, a.index:active, a.index:link, a.index:visited {
    font: bold 15px verdana, sans-serif;
    color: #31270e;
    margin-right: 8px;
    text-decoration: underline;
}

td {
    text-align: left;
}

a.name {
    font: bold 11px verdana, sans-serif;
    color: #31270e;
    display: block;
    margin-top: 20px;
    line-height: 20px;
}

a.result {
    font: 11px verdana, sans-serif;
    color: #31270e;
    text-decoration: underline;
    line-height: 18px;
}

div.description {
    width: 485px;
    float: left;
}

div.teaser {
    float: right;
}

li.period {
    padding: 0.5em;
}

a.period_title {
    cursor: pointer;
}

div.shadow {
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 4px;
    background-color: #d2d5d9;
    width: 115px;
    height: 150px;
    margin-bottom: 8px;
}

div.year {
    float: left;
    margin-top: -3px;
    margin-left: -3px;
    width: 112px;
    height: 144px;
    border: 1px solid #87a2ba;
}

div.year div {
    width: 102px;
    padding: 5px;
    background-color: #f8f8f8;
    text-align: left;
}

div.year div.header {
    height: 15px;
    border-bottom: 1px solid #87a2ba;
    background-color: #c2cfd7;
    font-weight: bold;
    white-space: nowrap;
}

div.year div.text {
    height: 110px;
    overflow-y: hidden;
    overflow-x: hidden;
}

div.year a {
    text-decoration: underline;
}

div.period table, div.period table tr, div.period table tr td {
    table-layout: fixed;
}

div.period table td {
    vertical-align: top;
    width: 112px;
    height: 192px;
    background-image: url(../gfx/period_foot.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    text-align: center;
    table-layout: fixed;
}

div.period table td.first {
    background-image: url(../gfx/period_leftfoot.gif);
}

div.period table td.last {
    background-image: url(../gfx/period_rightfoot.gif);
}

div.period table div.time {
    font-weight: bold;
}

div.box {
    float: right;
    width: 170px;
}

div.box div.head {
    font-weight: bold;
    background-color: #c2cfd7;
    width: 154px;
    padding: 8px;
}

div.box div.text {
    background-color: #e3e8eb;
    width: 154px;
    padding: 8px;
}

/* 3rd batch */

hr {
    border: 0px;
    line-height: 1px;
    height: 1px;
    border-bottom: 1px solid #bbd8f2;
    margin-bottom: 15px;
}

div.leftcolumn {
    float: left;
    width: 425px;
}

div.rightcolumn {
    float: right;
    width: 193px;
    text-align: left;
}

div.wideleftcolumn {
    float: left;
    width: 182px;
    padding-right: 7px;
}

div.widerightcolumn {
    float: right;
    text-align: left;
    width: 218px;
}


div.column {
    width: 331px;
    float: left;
}

div.column a.more {
    display: block;
    padding-right: 7px;
    background-position: 100% 7px;
    float: right;
}


div.rightcolumn a img, div.column a img {
    border: 1px solid #7899b1;
    display: block;
    margin-bottom: 5px;
}

div.rightcolumn a.more {
display: block;
padding-right: 7px;
background-position: 100% 7px;
}

div.threecolumns {
    float: left;
    margin-left: 15px;
    width: 215px;
    height: 228px;
    background-color: #cccccc;
    border: 0;
    padding: 0;
}

* html div.threecolumns div.slim {
    height: 227px;
    margin: 0px;
}

div.threecolumns div.slim {
    height: 204px;
    margin: 0px;

}

div.threecolumns a.more {
    float: right;
}

div.threecolumns div.slim h3 {
height: 25px;
margin-top: 0px;
padding: 0px;
}

div.threecolumns div.slim p {
margin-top: 0px;
margin-bottom: 3px;
padding: 0px;
}


a.pages {
text-decoration: underline;
margin-right: 5px;
color: #000000;
}

a.page {
color: #000000;
margin-right: 5px;
}

div.widebox {
float: left;
background-color: #cccccc;
margin-top: 3px;
margin-left: 3px;
width: 674px;
margin-bottom: 20px;
}

div.bluebox {
text-align: left;
padding: 10px;
background-color: #e3e8eb;
}

div.blueheader {
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #c2cfd7;
margin-bottom: 1px;
font-weight: bold;
}

div.blue {
position: relative;
left: -3px;
top: -3px;
width: 654px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #dae1e8;
}

div.left {
float: left;
}

div.right {
float: right;
}

div.widebox div div.left {
width: 192px;
}

div.widebox div div.right {
width: 425px;
}

ul  {
padding: 0px;
margin: 0px;
list-style-type: square;
margin-left: 20px;
}

div.overlay {
    background-color: #cae1e6;
}

div.slim img {
display: block;
margin-left: auto;
margin-right: auto;
}

div.twocolumn {
width: 210px;
float: left;
}

input.comment {
border: 1px solid #9a9894;
background-color: #f6f6f6;
}

textarea.comment {
border: 1px solid #9a9894;
background-color: #f6f6f6;
height: 110px;
}

div.widebox div.quiz {
position: relative;
left: -3px;
top: -3px;
width: 654px;
height: 290px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #cdd7e0;
}

div.question {
position: absolute;
top: 35px;
left: 162px;
background-color: #b4bdc5;
}

div.answer {
position: absolute;
top: 35px;
left: 344px;
background-color: #b4bdc5;
}

div.question div, div.answer div {
position: relative;
left: -3px;
top: -3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffffff;
}

div.question div {
width: 145px;
}

div.answer div {
width: 280px;
}

img.background {
position: absolute;
left: 0px;
bottom: 0px;
}

img.bubble {
position: absolute;
left: 150px;
top: 100px;
}

table.quiz tr.option td {
font: bold 15px verdana, arial, sans-serif;
padding: 4px;
line-height: 24px;
}

table.quiz tr.tablehead td {
font-size: 1px;
line-height: 1px;
height: 1px;
}

table.quiz tr.option td img {
margin-top: 4px;
}

table.quiz tr.option:hover {
background-color: #e6ebef;
cursor: pointer;
}

a.nextquestion {
position: absolute;
bottom: 10px;
right: 10px;
}


table.quiz tr.answer td {
background-color: #e6ebef;
font: bold 15px verdana, arial, sans-serif;
padding: 4px;
line-height: 24px;
}

p.search {
padding-bottom: 15px;
}

p.search a {
color: #31270e;
padding-left: 10px;
text-decoration: underline;
}

table.list {
width: 100%;
border-collapse: collapse;
}

table.list tr.header td {
background-color: #b2c3cd;
font-weight: bold;
}

table.list tr td {
border-collapse: collapse;
border: 1px solid #ffffff;
background-color: #dce2e6;
padding: 3px;
padding-left: 8px;
padding-right: 8px;
}

td.tax {
    text-align: right;
}

td.source {
    text-align: center;
}

table.list tr.header td.select {
    background-color: #96a9b4;
}

table.list tr.header td a {
    color: #ffffff;
}

div.authenticated {
    color: #de7b00;
    font-size: 10px;
    font-weight: bold;
}

div.keywordselect {
    background: white;
    border: 1px;
    margin: 2em;
    vertical-align: middle;
    padding: 1em;
}

h4 {
    font: bold 10px verdana, arial, sans-serif;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1px;
}

#results {
    margin-top: 2em;
}

div.federatedResult {
    clear: both;
    margin-bottom: 20px;
}

div.federatedDetail img {
    border: 1px solid #CFCFCF;
    margin-left: 13px;
    margin-bottom: 13px;
    float: right;
}


table.federatedResult tr td {
    line-height: 20px;
    height: 20px;
}

td.federatedLabel {
    font-weight: bold;
    width: 100px;
    vertical-align: top;
}


div.federatedInterval {
    float: left;
}


div.federatedPager {
    float: left;
}

a.federatedPager span.federatedPager {
    padding-right: 1em;
}

div.federatedRecordNo {
    float: right;
}

/*
div.federatedPager span {
    float: right;
    padding-left: 30px;
    color: #CFCFCF;
}
*/

table.pager {

}

div.hidden {
    color: red;
}

div.hide {
    display:none;
}

thead {
    font-weight: bold;
}

.jslink {
    cursor: pointer;
    text-decoration: underline;
}

.jslink_inactive {
    color: lightgrey;
}

.jslink:hover {
    background-color: lightblue;
}

#heading {
    background-color: #34cc67;
    border-color: #34cc67;
    color: #ffffff;
    font-size: large;
}

input#button {
    border: 3px groove #3171f2;
    background-color: #6b9bfd;
    padding: 2px;
    width: 6em;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: 8px;
    cursor: pointer;
}

input#query {
    border: 2px inset #34cc67;
    padding: 3px;
    font-size: 12px;
}

div.termtitle {
    margin: 4px;
    font-weight: bold;
}

div.record {
    padding: 5px;
}

div.details {
    border: 3px dashed gray;
    padding: 5px;
    margin: 4px;
}

#targetview {
    padding: 6px;
}

div.google-blob {
    width: 200px;
}

div.searchform {
    float: left;
    line-height: 24px;
}

a.next {
    float: right;
}

h3.heading { 
    font-size: 10px;
    font-weight: bold;
}

h4.heading { 
    font-size: 12px;
    font-weight: bold;
}

div.searchhelp {
    float: right;
    width: 250px;
}