/* general stuff */

body {
    background-color:   #FFFFFF;
    margin: 0 0 0 0;
    padding: 10 10 10 10;
    font-family: Arial;
    font-size: 12;
}

div {
    border-style: none;
    z-index: 1;
}

input {
    margin: 0 0 0 0; 
    padding: 0 0 0 0;
}

div.ad {
    position: absolute;
    top: 5px;
    right: 5px;
    padding-left: 2px;
    margin: 0;
    background: white;
}

td.ad {
    text-align: center;
}

div.help {
    /*width: 800;
    font-size: 14;
    border-right: 1px solid #ccc;*/
    padding-right: 10;
}
div.help td {
    font-size: 12;
}
#toc {
    float: right;
    width: 220;
    top: 0;
    right: 10;
    padding: 5 5;
    margin: 10 10 10 10;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
#toc ul {
    text-indent: -10;
    list-style-type: none;
    list-style-position: inside;
    marker-offset: 0;
    margin: 0 0 0 10;
    padding: 0;
}
#toc li {
    font-size: 12;
}

.system {
    font-style: italic; 
}

div.explanation {
    float: left;
    clear: both;
    color: #A0A0A0;
    width: 680;
    margin-top: 30;
    margin-bottom: 50;
}

div.searchbox {
    float: left;
    padding: 0 0 0 0;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 20;
    height: 50px;
}

div.examples {
    float: right;
    background-color: #F0F0F0;
    padding: 5 5;
}

.zoekstring {
    font-family: Courier
}

div.result_info {
    width: 100%;
    float: left;
    clear: left;
    font-size: 12;
}

.hierarchy {
    width: auto;
    float: left;
}

div.footer {
    float: left;
    clear: both;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    color: #404040;
    font-size: 10;
    border-top: 2px solid #ccc;
    text-align: center;
}

table.footer {
    color: #404040;
    font-size: 12;
    padding: 0 0;
    margin: 0 0 0 0;
}

h2 {
    /*background-color: #F0F0F0;
    padding: 0 0.5em;
    margin: 0 0 0 0;
    width: 100%;*/
}


a {
    text-decoration: none;
}

a:link {
    /*color: #F16837;*/
    color: #0000D0;
}

a:visited {
    /*color: #CD4F1B;*/
    color: #551A94;
}

/*A:active {text-decoration: none}*/
/*A:hover {text-decoration: underline; }*/

.clicker {
    /*color: #F16837;*/
    color: #0000D0;
    font-size: 12;
    cursor: pointer;
}

.descr {
    font-size: 12;
}

p.descr {
    font-size: 12;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.date {
    font-size: 12;
    color: gray;
}

.aux {
    font-size: 12;
}

.tiny {
    font-size: 10;
}

p.aux {
    font-size: 12;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-top: 5px;
}



/* navigation bar on top */

div.logo {
    position: absolute;
    top: -5;
    left: 0;
    margin-right: 15px;
    margin-left:0px;
    margin-top:0px;
}

div.systemname {
    position: absolute;
    top: 0;
    left: 60;
    height: 0px;
    text-align: center;
    margin-right: 0px;
    margin-left:10px;
    margin-top:0px;
    font-size: 18;
    font-weight: bold;
    color: #000;
}

div.logo img {
    border: 0;
}

#tabnav {
    font-size: 12px;
    background: #f3f3f3;
    height: 20px;
    margin-left: 0px;
    margin-bottom: 20px;
    padding-left: 10px;
    margin-top: 0;
    background: url(images/tab_bottom.gif) repeat-x bottom;
}

#tabnav li {
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}
	
#tabnav a:link.active, #tabnav a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

#tabnav a:hover {
    background: #fff;
}

/*
button {
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-right: 2px solid;
   border-bottom: 2px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
}
*/


/* Displaying search results */

div.search_results {
    width: 850;
    float: left;
}

div.search_results_narrow {
    width: 48%;
    float: left;
    margin-left: 0;
    margin-right: 10;
    margin-top: 0;
    margin-bottom: 10;
}

.snippet_title {
    font-size: 12;
}

.party_name {
    font-size: 12;
    color: black; 
}

div.news_search_results {
    width: 850;
    float: left;
}

div.blog_search_results {
    width: 850;
    float: left;
}

.search_term {
    /*background-color: #FFE1B5;*/
    background-color: #E4E4E4;
    padding-left: 1px;
    padding-right: 1px;
}

table.program_snippet_container {
    width: 100%;
    border: 0; 
    border-collapse: separate;
    border-spacing: 0px;
}

td.program_snippet_descr {
    /*background-color: #FFF5DE;*/
    background-color: #F3F3F3;
    border-bottom: solid 3px #FFFFFF;
}

.program_snippet {
    /*background-color: #FFEFC8;*/
    background-color: #F3F3F3;
    padding: 2 5 2 0;
    font-size: 12;
    /*border: solid 1px #FFFFFF;*/
}

table.info_item_container {
    width: 100%;
    border: 0; 
    border-collapse: separate;
    border-spacing: 0px;
}

.newspaper_name {
    font-size: 12;
    font-weight: bold;
    color: gray;
}

.newspaper_section {
    font-size: 12;
    font-weight: bold;
    color: gray;
}

.news_item_title {
    font-size: 12;
    color: #000;
}

.news_item_descr {
    /*background-color: #FFF5DE;*/
    background-color: #F3F3F3;
    border-bottom: solid 3px #FFFFFF;
}

.news_item {
    /*background-color: #FFEFC8;*/
    background-color: #F3F3F3;
    padding: 2 5 2 5;
    font-size: 12;
}

.blogger {
    font-size: 12;
    font-weight: bold;
    color: gray;
}

.blogpost_descr {
    /*background-color: #FFF5DE;*/
    background-color: #F3F3F3;
    border-bottom: solid 3px #FFFFFF;
}

.blogpost {
    /*background-color: #FFEFC8;*/
    background-color: #F3F3F3;
    padding: 2 5 2 5;
    font-size: 12;
}

.blogger_textlogo {
    height: 10px;
    width: 50px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: solid 1px black;
}

.blogger_logo {
    margin-top: 3px;
    margin-bottom: 3px;
    border: solid 1px black;
}

td.comment {
    background: #F3F3F3;
    padding: 5 5;
    font-size: 12;
    margin: 5 5 5 5;
    vertical-align: top;
    width: 600px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 4px #FFFFFF;
}

table.comment {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: separate;
    font-size: 12;
}

td.comment {
    padding-left: 3px;
}

tr.comment_header {
    background: #E0E0E0;
}

tr.comment_header td {
    padding-left: 5px;
}

.comment_text {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 5px 3px;
}

.plot {
    float: left;
    clear: both;
}

.peak_title {
    float: left;
    position: relative;
    clear: both;
    width: 98%;
    font-size: 13px;
    margin-top: 5px;
    padding: 1px 5px;
    background: #E0E0E0;
}

.peak_info {
    float: left;
    position: relative;
    clear: both; 
    width: 98%;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 5px 5px 5px 5px;
    background-color: #F3F3F3;
    /*border: solid 1px #D0D0D0;*/  
}

.peak_explanation {
    float: left;
    position: relative;
    bottom: 0;
    width: 49%; 
    margin-top: 19px;
    padding: 3px 3px 0px 3px;
    background: white;
    /*border: solid 1px #E0E0E0;*/  
}

.zoom_header {
    position: absolute; 
    top: -19px;
    left: -3px;
    margin: 0 0 0 0; 
    padding: 1 5px 1 5px;
    width: auto;
    /*border: solid 1px #D0D0D0; */ 
    /*background: #E0E0E0;*/
    font-size: 12;
}

/*
.zoom_button {
   position: absolute; 
   top: -16px; 
   right: 2; 
   padding: 2 3; 
   margin: 0 0 0 0; 
   border: solid 1px #FFFFFF; 
   background-color: #F3F3F3;
   font-size: 12;
   cursor: pointer;
}
.zoom_button {
    position: absolute; 
    top: -17px; 
    right: 10px; 
    margin: 0 0 0 0; 
    padding: 0 5px;
    background: #E0E0E0;
    font-size: 12;
    cursor: pointer;
}
*/