BIO-PRO

html,body {
    min-height: 101%;
}
body {
    background-color: #ffffff;
    font-family: Nimbus Sans L,"Lucida Grande",verdana,Arial,Helvetica,sans-serif;
    font-size: 0.82em;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
a.newpage {
    color: #1180fd;
}
a:hover {
    background-color: transparent;
    text-decoration: underline;
}
#container-wrap-wrap {
    position: relative;
}
#container-wrap {
    background: none repeat scroll center top #FFFFFF;
    position: relative;
}
#container {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(#FFFFFF, #F8EDF8, #F1E0F1, #EBD3EB, #E0BAE0, #D6A3D6, #CB89CB, #C072C0, #B65AB6);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1px 120px;
    margin: auto;
    max-width: 1270px;
    padding: 0;
    position: relative;
    width: 100%;
}
#header {
    background-image: -moz-linear-gradient(#602B60, #6B306B, #803980, #8E408E, #A448A4, #B65AB6, #C072C0, #CB89CB, #D6A3D6, #E0BAE0, #EBD3EB, #F1E0F1, #F8EDF8, #FFFFFF);
    background-position: center top;
    background-repeat: repeat-x;
    height: 200px;
    padding: 0;
    position: relative;
    z-index: 0;
}
#header h1 {
    float: left;
    margin: 0;
    padding: 20px 0 0 150px;
}
#header h1 span {
    padding-right: 5px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica;
    font-weight: bold;
    size: 190%, 170%, 150%, 130%, 115%, 105%;
}
h1, h2, h3, #page-title {
    color: crimson;    
}
h4, h5, h6 {
    color: #000000;
}
#header h1 a {
    color: #0000FF;
    font-family: "Bitstream Charter","Monotype Corsiva",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 25px;
}
#header h2 {
    float: left;
    color: beige;
    margin: 0;
    padding: 45px 0 0 150px;
}
#header h2:before {
    content: "|";
} 
#header h2 span {
    padding-left: 7px;
    font-size: 10px;
    text-transform: uppercase;
    color: #777;
}
#header h2 a {
    font-family: "Bitstream Charter",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 20px;
}
#search-top-box {
    position: absolute;
    right: 10px;
    top: 40px;
}
#search-top-box .text {
    padding: 2px 2px 2px 5px;
    width: 120px;
}
#search-top-box .button {
    visibility: visible;
}
#search-top-box input.empty {
    background-color:#EEEEEE;
    color:#999999;
}
#login-status {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 8px;
}
#login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a {
    color: #fff;
} 
#login-status #account-topbutton:hover, .change-textarea-size a:hover {
    color: #000;
}
#content-wrap {
    background: none no-repeat scroll 0 0 transparent;
    margin: 0;
    min-height: 1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -100px;
    width: auto;
    z-index: 5;
}
#top-bar {
    background-image: -moz-linear-gradient(center top , #FFFFAA, #FFFF77, #FFFF33, #FFFF00);
    bottom: 0;
    font-weight: bold;
    height: 25px;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 100px;
    width: auto;
    z-index: 100;
}
#top-bar a{
    color: #FF0000;
    text-decoration: none;
}
#top-bar ul {
    background: -moz-linear-gradient(center top , #FFFFAA, #FFFF77, #FFFF33, #FFFF00) repeat scroll 0 0 transparent;
    height: 25px;
}
#top-bar ul, #top-bar li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 2px;
    padding: 0;
}
#top-bar ul ul {
    width: 12em;
    position: absolute;
}
#top-bar ul ul ul {
    position: absolute;
    top: 0.3em;
    right: 95%;
}
#top-bar li ul, #top-bar li ul li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 12em;
}
#top-bar li a {
    display: block;
    color: #ff0000;
    border-right: 1px solid white;
    line-height: 25px; 
    font-size: 13px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}
#top-bar a:hover {
    color: #000000;
    background-color: #0000ff;
    text-decoration: underline;
}
#top-bar li ul li a {
    background-color: #FFFF00;
    color: #0000ff;
    border: medium none;
    text-align: left;
    width: 15em;
}
#top-bar li ul li a:hover {
    color: #FFccff;
}
#top-bar li:hover ul, #top-bar li.sfhover ul {
    visibility: visible;
}
#side-bar {
    background-color: #FF5500;
    background-image: -moz-linear-gradient(to right, #4499EE, #49AAAA, #56CCAA, #64CCAA, #70DC66);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 280px 1px;
    border: 2px solid #FF44BB;
    clear: left;
    float: left;
    height: auto;
    margin: 0;
    min-height: 800px;
    overflow: hidden;
    padding: 0 0.1em;
    position: relative;
    top: 0;
    width: 220px;
}
#main-content {
    margin: 5px 0;
    min-height: 150px;
    overflow: hidden;
    padding: 0 2px;
}
#page-title {
    border-bottom: 1px solid #EEEEEE;
    font-size: 180%;
    margin-top: 0;
    padding-bottom: 2px;
    padding-left: 5px;
    width: 70%;
}
element.style {
    border: 2px solid #49AA49;
    clear: left;
    display: block;
    float: left;
    height: auto;
    left: 5px;
    min-height: 800px;
    position: relative;
    top: 0;
}
#page-content > *:first-child {
}
#page-content > *:first-child {
    margin-top: 0;
}
table {
    empty-cells: show;
}
element.style {
    background: -moz-linear-gradient(#BBEECC, #DD7773) repeat scroll 0 0 #A3489D;
    border: 2px solid #49AAAA;
    color: black;
    text-align: left;
    vertical-align: top;
    width: 650px;
}
td {
}
element.style {
    background-image: -moz-linear-gradient(#FA7C22, #33DA66);
    border: 2px solid #22CC22;
    color: black;
    text-align: left;
    vertical-align: top;
    width: 162px;
}
td {
}
element.style {
    border: 2px solid #FF44BB;
    clear: left;
    display: block;
    float: right;
    height: auto;
    min-height: 800px;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}
element.style {
    margin: 0;
    position: fixed;
    right: -1px;
    text-align: right;
    top: 40px;
}
div.buttons {
    padding: 0.5em 0;
}
 
#footer {
    clear: both;
    color: #BBBBBB;
    font-size: 77%;
    margin-top: 15px;
    padding: 3px 10px;
}
 
div.buttons input, input.button, button, file, a.button {
    background: #F4F4F4 url(http://themes.wikidot.com/local--files/rainbow-base/button_2.png) repeat-x;
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 26px;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
    background-color: #DDD;
    background-position: 0 -26px;
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    height: 26px;
}
 
div.page-calendar-box {
    padding: 0;
}
blockquote {
    background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-right.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}
 
blockquote p {
    background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-left.gif);
    background-repeat: no-repeat;
    margin-top: 0;
    padding: 1em 60px 0;
    min-height: 37px;
}
 
blockquote p + p {    padding-top: 0;    background-image: none;}
 
#breadcrumbs {
    margin-bottom: 1em;
}
 
.odate, .like-odate {
    font-size: 85%;
    font-weight: bold;
    color: #666;
    background: transparent;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 
#membership-by-password-box error-block,
#membership-apply-box error-block,
.member .error-block {
    display:none;
}
 
/*  Pop-up hover text over images or links, based on James Kanjo's design, improved & simplified by Pieter Hintjens */
/*  Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */
 
.hover span {
    display: none;
}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 20px -20px 0 0;
    height: auto;
    width: auto;
    background: #eee;
    border: 1px solid #555;
    color: #555;
    padding: 1em;
    font-size: 12px;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
.hover:hover {
    background-color: transparent;
    text-decoration: underline;
}
 
/*  Text-only Join link by Ken Tsang */
 
.join-text a {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-decoration: none; 
}
 
.join-text a:hover {
    text-decoration: underline; 
}
 
/*  Use elegant code brackets from Wikidot Community */
.code {
     -moz-box-shadow: 10px -5px 15px #ddd;
     background-color:#E1E8E8;
     background-image:url(http://community.wikidot.com/local--files/admin:css/brackets.png);
     background-repeat:no-repeat;
     border:2px dotted darkgrey;
     font-family:monospace;
     font-size:12px;
     margin:0.4em 0 0.4em 40px;
     min-height:65px;
     overflow:auto;
     padding: 0 1em 0 40px;
     width:85%;
}
 
/*  For PageManager module (http://modules.wikidot.com) */
/*  Table style is layout, header/footer are top & bottom rows */
.layout {
    border-collapse:collapse;
    color:#3B485F;
    width: 100%;
    table-layout:fixed;
}
.layout tr {
    background: #FCFFDF;
    border-bottom:1px solid #EFEFEF;
}
.layout td {
    padding-left: 1em;
}
.layout .truncate {
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.layout .header {
    height: 2em;
    background: #AFCCFF;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
    font-size: 13px;
}
.layout .footer {
    background: #FCFFDF;
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #9F9F9F;
    font-weight: bold;
}
input.text, textarea {
    border-color: #0056b6;
}
 
.hover {
    color: #0a9200;
}
 
.hover:hover{
    color: #0a9200;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border:solid #0056b6; /* color of the line between tab list and content */
    border-width:0 0 3px; /*thickness of the line between tab list and content */
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin:0 1px 0 0; /* space between tabs */
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin:0 1px -1px 0; /* for overlap */
}
/* Settings for unselected tabs */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background:#3773b6 url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px;
    border-top:solid #0056b6 1px;
    border-left:solid #0056b6 1px;
    border-right:solid #0056b6 1px;
    font-weight:600;
    font-size:80%;
    color:#000;/*tab text color*/
}
/* Settings for unselected tabs */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-navset-top .yui-nav a:hover {
    background:#1180fd
}
/* Settings for unselected tabs */
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border:solid #f00 0px;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#0056b6 url(http://themes.wikidot.com/local--files/rainbow-base/tabcolor.png) repeat-x -3px;
    color:#fff;border:1px solid #0056b6;
}
/*  Strip down editor UI */
.edit-help-34 { display: none; }
.wd-editor-toolbar-panel { display: block; }
.edit-page-bottomtable { display: block; }
#edit-diff-button { display: none; }
#print-button { display: none; }
#page-info { display: none; }
.page-watch-options { display: none; }