/* 
    Document   : page
    Created on : 11. April 2003, 11:13
    Author     : andreas
    Description:
        Purpose of the stylesheet follows.
*/

/* tabs */

a:link {
    text-decoration: underline;
}

body {
    margin: 0px;
    padding: 0px; 
}

div#tabs {
/*
    display: none;
*/
    font-family: Verdana, Arial, Sans-serif;


    background-color: #8686BC;
/*
    border-top: solid 1px #BABAF2;
    border-bottom: solid 1px #000099;
*/
    margin-bottom: 10px;
    padding: 0px 20px;
}

table#tabs-table {
}

div#tabs a {
    text-decoration: none;
}

.tab {
    font-size: 12px;
    padding: 0px 8px;
}

.tab-selected {
    font-weight: bold;
    background-color: White;
    font-family: verdana, sans-serif;
    font-size: 12px;
    padding: 0px 8px;
}

/* menu */

td#menu-cell {
    width: 20%;
/*    border-right: solid 1px #CBCCE0; */
}

td#main-cell {
    width: 80%;
}

div#menu {
/*
    float: left;
    width: 20%;
    background-color: #EEEEEE;
*/
    font-size: 80%;
    font-family: Verdana, Arial, Sans-serif;
    padding: 0px 5px 5px 5px;
/*    border-right: dotted 1px Navy; */
}

div#menu a {
    text-decoration: none;
}

div#menu a:hover {
    text-decoration: underline;
}

.menublock-1 {
    padding: .5em;
    color: #909090
}

.menublock-selected-1 {
    padding: .5em;
    color: Navy;
}

.menublock-1 .menublock-2 { display: none; }
.menublock-selected-1 .menublock-2 .menublock-3 { display: none; }

.menublock-selected-1 .menuitem-1 { }
.menublock-selected-1 .menuitem-1 { border-bottom: dotted 1px Navy; }
.menublock-1          .menuitem-1 { border-bottom: dotted 1px #909090; }

.menuitem-1 { display: none; /*font-weight: bold; padding: 4px 0px; font-size: 80%;*/ }
.menuitem-2 {
    padding: 8px 8px 0px 8px;

}
.menuitem-3 {
    padding: 2px 2px 2px 20px;
    font-size: 90%;
}

.menuitem-selected-1 { display: none; /*border-bottom: dotted 1px Navy; font-weight: bold; padding: 4px 0px; font-size: 80%;*/ }

.menublock-2 {
    border-top: solid 1px #CBCCE0;
    border-right: solid 1px #CBCCE0;
    margin-bottom: 8px;
    padding: 0px;
}

.menublock-selected-2 {
    border-top: solid 1px #CBCCE0;
    border-right: solid 1px #CBCCE0;
    margin-bottom: 8px;
    padding: 0px;
}

.menublock-selected-2 .menuitem-2 {
    padding: 8px;
    background-color: #EBECF0;

    margin-bottom: 5px;
}

.menuitem-selected-2 {
    background-color: #EBECF0;
    font-weight: bold;

    padding: 8px;
    margin-bottom: 5px;
}

.menuitem-selected-3 {
    font-weight: bold;
    font-size: 90%;
    padding: 2px 2px 2px 20px;
    background-image: url(http://www.cocooncenter.org/cc/images/arrow.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

/* breadcrumb */

div#breadcrumb {
    background-color: #E0E0E0;
    padding: .3em;
    margin-left: 10px;
    font-family: Verdana, Arial, Sans-serif;

}

span.breadcrumb-span {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 80%;
}

/* body */

div#body {
    border: none;
    padding: 1em;
    margin-left: 10px;
    font-family: Verdana, Arial, Sans-serif;
    background-color: White;
}

div#main {
    font-size: 80%;
/*
    float: left;
    width: 80%;
*/
}

h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 {
/*    color: 8686BC; */
    color: Navy;
    margin-top: 2em;
    font-size: 120%;
    border-bottom: solid 1px #CBCCE0;
}
h4 { font-size: 90%; }
p {
/*    font-size: 80%; */
}
ul {
/*    font-size: 80%; */
}
ol {
/*    font-size: 80%; */
}

td p {
    font-size: 80%;
}

.project-logo {
    padding: 5px 20px;
}

.overview {
    padding: 10px 0px;

}

.overview-title {
    font-weight: bold;
    font-size: 130%;
}

.overview-authors {
    font-weight: normal;
    font-size: 80%;
}

.overview-abstract {
    padding-top: 3px;
}

table.overview-table {
    border: none;
}

table.overview-table td {
    vertical-align: top;
    width: 50%;
    padding-right: 20px;
}

.code {
    background-color: #EBECF0;
    border: solid 1px #CBCCE0;
    padding: 1em;
    font-family: "Courier New", Courier, monospace;
}

.codefrag {
    font-family: "Courier New", Courier, monospace;
}

.frame .label {

    font-weight: bold;
    float: left;
    margin-right: .5em;
}

.frame .content {

}

dl {

}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1em;
}