body {
  margin: 0px;
  background-color: #e7ede9;
  background: url(/backbar.png);
  font: normal 90% Verdana,Sans-serif;
}

p {
  font-size: 100%;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.seq_hl{
	background-color:yellow;
}

.cons_hl{
	background-color:#CCFFCC;
}

.tt_font{
	font-family: monospace; 
	font-size: 130%;
}

.highlight {
  font-size: 80%;
  margin-bottom: 1em;
  padding: 1em;
  border: solid #e2deb3 1px;
  background-color: #fffce5;
}

.filtersettings {
  font-size: 80%;
  margin-bottom: 1em;
  margin-top:5px;
  padding: 1em;
  border: solid #e2deb3 1px;
  background-color: #eeeeee;
}
.comment {
  font-size: 80%;
  padding: 1em;
  border: solid #666 1px;
  background-color: #eee;
}

.small_tt_table {
	font-size: 75%;
}


form {
    border: none;
}

.date {
  color: #666;
  font-size: 80%;
  padding-bottom: 2px;
  border-bottom: None;
}

.content {
  padding-top: 5px;
  padding-bottom: 15px;
}

a {
  text-decoration: none;
  color: blue;
}

a:hover {
  text-decoration: none;
  color: red;
}

li {
  padding-bottom: 4px;
}

ol {
  list-style-type: decimal;
}

.compact{
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
}

table.listing {
    border-collapse: collapse;
    border-left: 1px solid #8CACBB;
    border-bottom: 1px solid #8CACBB;
    margin: 1em 0em 1em 0em;
    clear: both;
}

table.listing th {
    background: #DEE7EC;
    border-top: 1px solid #8CACBB;
    border-bottom: 1px solid #8CACBB;
    border-right: 1px solid #8CACBB;
    color: Black;
    font-weight: normal;
    padding: 0em 1em 0em 1em;
    white-space: nowrap;
}

table.listing th.title {
    background: #3a6ea5;
    border-top: 1px solid #8CACBB;
    border-bottom: 1px solid #8CACBB;
    border-right: 1px solid #8CACBB;
    color: #a9cdff;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 1em;
    white-space: nowrap;    
}

table.listing td.top {
    border-left: 1px solid White;
    border-right: 1px solid White;
    text-align: right;
    padding: 0em 0em 1em 0em;
    /* insane IE row bug workaround */
    position: relative;
    left: -1px;
}

table.listing tr.odd {
    /*every second line should be shaded */
    background: transparent;
    vertical-align: top;
}

table.listing tr.even {
    background: #F7F9FA;
    vertical-align: top;
}

table.listing td {
    border-right: 1px solid #8CACBB;
    padding: 0em 1em;
    text-align: left;
}

table.listing img {
	vertical-align: middle;
}

table.pullquote {
  background-image: url('/images/bccatablebg.gif');
  float: right;
  width: 40%;
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  margin: 10px;
  margin-right: 0px;
}

table.pullquote p {
  color: #1f2b65;
  font-size: 80%;
}

table.pullquote p.author {
  margin-left: 2em;
}

.center {
  text-align: center;
}

img.division {
  float: center;
  border: 0px;
  margin: 5px;
}

.photo {
  border: 1px solid #aaa;
  padding: 2px;
  background-color: #ccc;
  margin: 1em;
}

.caption {
  font-size: 70%;
  background-color: White;
  padding: 4px;
  margin-top: 2px;
  margin-bottom: 0px;
  border: 1px solid #aaa;
}

.textSize {
  display:block;
  width:130px;
  voice-family: "\"}\""; voice-family:inherit;
  width:122px;
}

div.page_type {
  background-color: #dfeaf0;
  color: #004678;
  border: 1px solid #004678;
  padding: 0em 1em 0em 1em;
}

span.page_type {
  font-size: 80%;
  background-color: #004678;
  border: 1px solid #1f2b65;
  color: #ffffff;
  padding-left: 1em;
  padding-right: 1em;
}

h1.mainpage_subtitles {
  font-size: 120%;
  margin-top: 0px;
  margin-bottom:0.5em;
  color: #ff0000;
  text-shadow: #cccccc 0.2em 0.2em 3px;
}

h1 {
  font-size: 140%;
  margin-top: 0px;
  margin-bottom:0px;
  color: #ff0000;
  text-shadow: #cccccc 0.2em 0.2em 3px;
}

h2 {
  font-size: 120%;
  padding-bottom: 2px;
  border-bottom: solid #1f2b65 1px;
  color: #004678;
  margin-bottom: 0.5em;
  margin-top: 1em;
  text-shadow: #999999 0.2em 0.2em 3px;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  color: #004678;
  border-bottom: 1px solid #1f2b65;
  text-shadow: #999999 0.2em 0.2em 3px;
}

h4 {
  color: #004678;
  text-shadow: #999999 0.2em 0.2em 3px;
}

h5 {
  font-size: 140%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #004678;
  text-shadow: #cccccc 0.2em 0.2em 3px;
}
h6 {
  font-size: 80%;
  margin-top: 0px;
  color: black;
}
hr {
	color: #333;
	background-color: #333;
	border: none;
	height: 1px;
	width: 100%;
	line-height: 0px;
}

label {
  font-weight: bold;

}
pre {
    font-size: 120%;
    padding: 1em;
    border: 1px dashed #2a648b;
    color: Black;
    background-color: #e7ede9;
    overflow: auto;
}
.pre a {
    text-decoration: underline;
}

#masterbox {
  margin-left: 2em;
  margin-right: 2em;
  border-left: 1px solid #2a648b;
  border-right: 1px solid #2a648b;
  background-color: #ffffff; 
}

#portal-colour-top {
  background-color: #a1b9c8;
  padding: 1px;
  border-top: 1px solid #2a648b;
  border-bottom: 1px solid #2a648b;
}

#portal-colour-bottom {
  background-color: #a1b9c8;
  padding: 1px;
  border-bottom: 1px solid #2a648b;
}

#portal-top {
  padding-top: 1em;
}

#portal-logo {
    background: url(http://www.cisred.org/logo.png) no-repeat;
    border: 0;
    margin: 0.2em 0em 0em 20px;
    padding: 0;
}

#portal-logo-link {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 38px;
    height: 0px !important;
    height /**/: 38px;
    width: 211px;
    cursor: pointer;
}

#portal-globalnav {
    background: url(/backbar.png);
    border-collapse: collapse;
    padding: 0em 0em 0em 20px;
    white-space: nowrap;
    list-style: none;
    margin: 0px;
    height: auto;
    line-height: normal;
    background-color: #e7ede9;
    border-bottom: solid #2a648b 1px; 
    color: #032b04;
}

#portal-globalnav li {
    font-size: 80%;
    display: inline;
    background-color: transparent;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: #dfeaf0;
    border: 1px solid #1f2b65;
    color: #004678;
    height: auto;
    margin-right: 0px;
    padding: 0em 1em 0em 0.5em;
}
#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #7591a0;
    border: 1px solid #1f2b65;
	font-weight: bold;
    color: white;
}
#portal-globalnav li a:hover {
    background-color: #a1b9c8;
    border-color: #1f2b65;
    color: #ffffff;
}

#portal-database {
    border: 0px;
    margin: 0px;
    background: url(/backbar.png);
    padding-left: 0em;
    padding-bottom: 0em;
}

#database-nav {
  margin: 0em 0em 0px 20px;
}

#database-nav td {
  margin: 0px;
  padding: 0px;
  font-size: 80%;
  color: #004678;
  vertical-align: top;
}

.database-menu {
    background-color: #ffffff;
    border: 1px solid #1f2b65;
    color: #004678;
    height: auto;
    margin-right: 0px;
    padding: 0em 1em 0em 0.5em;
    

}

.database-menu:hover {
    background-color: #a1b9c8;
    border-color: #1f2b65;
    color: #ffffff;
}

#database-form {
    padding-left: 2em;
    padding-bottom: 6px;
}

#database-form select {
  font-size: 80%;
}

#portal-divider {
  background-color: #a1b9c8;
  border-top: solid #004678 1px;
  border-bottom: solid #004678 1px;  
  margin-bottom: 1em;
  color: #ffffff;
}

#portal-divider p {
  font-size: 80%;
  text-align: center;
  margin-top: 0.25em;
  margin-bottom: 0.25em;  
}

#portal-divider a {
  font-weight: bold;
  color: #ffffff;
}

.content {
  margin-left: 2em;
  margin-right: 2em;
}

.message {
  background-color: #2a648b;
  color: #ffffff;
  padding: 1em;
  margin: 1em 2em 0em 2em;
}

img {
  border: 0px solid black;
}

#column-one {
  margin-left: 10px;
  margin-bottom: 2em;
  float: left;
  width: 120px;
  padding-top: 1em;
  vertical-align: top;
}

#column-two {
  margin: 0px 10px 50px 150px;
  padding-top: 1em;
  vertical-align: top;
}

#page-bottom {
  clear: both;
}

.portlet {
    border: none;
    margin-bottom: 1em;
    padding: 0;
}

.portlet h5 {
  background: #ffffcc;
  border: 1px solid #999999;
  border-style: solid solid none solid;
  padding: 0.25em 1em 0.25em 1em;
  height: 1em;
  font-weight: normal;
  white-space: nowrap;
  font-size: 90%;
  margin: 0px;
  color: #545325;
}

.portletBody {
  border-collapse: collapse;
  border: 1px solid #999999;
  border-style: dashed solid solid solid;
  background-color: #fffff1;
  font-size: 90%;
  margin: 0px;
}

.portletContent {
  padding: 1em;
}

.portlet ul,
.portlet li {
    margin: 0;
    padding: 0;
    padding-bottom: 0.5em;
    list-style: none;
    list-style-image: none;
    line-height: 1em;
}

.portlet a {
  color: #666666;
}

.portlet a:hover {
  color: #333333;
  background-color: #ffffcc;
}



.data {
    border-collapse: collapse;
    border: 1px solid #2a648b;
    font-size: 90%;
    margin: 1em 0em 1em 0em;
}

table.data th.title {
    background: #dfeaf0;
    border: 1px solid #2a648b;
    color: #004678;
    font-weight: bold;
    font-size: 120%;
    padding: 0.5em 1em 0.5em 1em;
    white-space: nowrap;
}

.data th {
    background: #dfeaf0;
    border: 1px solid #2a648b;
    font-weight: bold;
    color: #004678;
    padding: 0em 0.2em 0em 0.2em;
}

.data th.results {
    background: white;
	 color: black;
}

.data td {
    border: 1px solid #2a648b;
    padding: 0.2em 0.5em 0.2em 0.5em;
    vertical-align: top;
}

.data .even {
    background: #eeeeee;
}

.data .odd {
    background: #ffffff;
}

.data .even_nohover {
    background: #eeeeee;
}

.data .odd_nohover {
    background: #ffffff;
}

.data a:hover {
    text-decoration: underline;
}

.data tr {
  background: #ffffff;
}

.data th.side {
  vertical-align: middle;  
  text-align: right;
  padding-right: 0.5em;
  padding-left: 1.5em;
}

.data tr.even_nohover:hover {
background: #eeeeee;
}
.data tr.odd_nohover:hover {
background: #ffffff;
}

.data tr:hover { background: #ffffcc; }

.data tr.plain:hover {
  background: white;
  vertical-align: top;
}

/* data classes for position weight matrix */
.data td.best {
    background: #7591a0;
	 color: white;
	 font-weight: bold;
}

.data td.empty {
    background: #dbdbdb;
}

.data td.some {
    background: #efefef;
}

.data td.double {
    background: #ccd7dd;
	 font-weight: bold;
}

.data td.mainpage{
    border: 1px solid #2a648b;
    padding: 0.5em 1em;
    vertical-align: top;
}

.data th.mainpage {
    background: #dfeaf0;
    border: 1px solid #2a648b;
    font-weight: bold;
    color: #004678;
    padding: 0.5em 1em 0.5em 1em;
}

.footnote {
  vertical-align: super;
  color: red;
  font-size: 65%;
}

.notes {
 font-size: 85%;
}

input.button {
	font-size: 95%;
}

a.text {
	font-size: 105%;
}

/* The new form elements */

.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;    
}

.field .field {
    margin: 1em 0 0 0;
}

.field label {
    font-size: 100%;
    font-weight: bold;
}

.fieldRequired {
    background: url(http://plone.org/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: White;
} 

.formHelp {
    font-size: 80%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp a {
    text-decoration: underline;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.formControls {
   margin: 1em 0 0 0; 
}

.context {
    background: transparent url(http://bcgsc.ca/linkTransparent.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

.listingBar {
    background-color: #e7ede9;
    border-color: #2a648b;
    border-style: solid;
    border-width: 1px;
    padding: 0em 1em;
    text-align: center;
    text-transform: lowercase;
    vertical-align: top;
    margin: 2px 0em 2px -1px;
    font-size: 94%;
    clear: both;
}
.listingBar span.previous,
.listingPrevious {
    text-align: left;
    float: left;
    margin-right: 1em;
}
.listingBar span.next,
.listingNext {
    text-align: right;
    float: right;
    margin-left: 1em;
}
.listingBar img {
	vertical-align: middle;
}

.error {
    /* Class for error indication in forms */
    background-color: #2a648b;
	 color: #ffffff;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 68% !important;
}

.error .formHelp {
  color: #cccccc;
}

.error .formHelp:hover {
  color: #ffffff;
}


.error .fieldRequired {
   color: #ffce7b;
} 

fieldset {
  margin-top: 1em;
  padding-left: 1em;
  background-color: #f9f9f9;
}

legend {
  background-color: #ffffff;
  border: 1px solid #999999;
  padding: 2px 8px 2px 8px;
}

/* Data Views */

#dataview {
  margin-bottom: 1em;
  margin-left: 0em;
}

#dataview ul {
  border-collapse: collapse;
  padding: 0em;
  margin: 0px;
  white-space: nowrap;
  list-style: none;
  height: auto;
  line-height: normal;
  background-color: #ffffff;
  color: #032b04;
}

#dataview li {
    display: inline;
    background-color: #dfeaf0;
    border: 1px solid #1f2b65;
    height: auto;
    padding: 0em 1em 0em 1em;	
}

#dataview li a {
  color: #004678;
}

#dataview li.selected {
	background: #7591a0;
	font-weight: bold;
}

#dataview li.selected a {
	color: white;
}

#dataview li:hover {
    background-color: #a1b9c8;
    border-color: #1f2b65;
}

#dataview li:hover a {
  color: #ffffff;
}

#datapanel ul {
  border-collapse: collapse;
  padding: 0em 0em 0em 0em;
  white-space: nowrap;
  list-style: none;
  margin: 0;
  height: auto;
  line-height: normal;
  background-color: #f1f1f1;
  color: #032b04;
}

#datapanel {
  border: 1px solid #1f2b65;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  background: #f1f1f1;
}

.helpbox {
  width: auto;
  font-size: 80%;
  color: #666666;
  padding: 0px 0px 0.5em 0px;
  background: white;
}

.tooltip {
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  position: absolute;
  visibility: hidden;
  background: #FFFFCC;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}

.consensus {
  font-family: 'Courier New', Courier, monospace;
  font-size: 110%;
}

.annotated_base {
  color: black;
  background: #ffff99;
  border: 1px solid #cccc66;
}

.changecookie {
  background: #f1f1f1;
  padding: 0.5em;
  border: 1px solid black;
}

.setcookie {
  background: white;
  padding: 0.5em;
  border: 1px solid black;
}

.link-parent {
    display: block;
    background: transparent url(http://plone.org/arrowUp.gif) 4px 5px no-repeat;
    padding: 1px 0px 1px 16px;
    font-size: 85%;
}

dt {

}
dt a {

}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: Black;
}

.content-metadata {
  font-size: 85%;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 2px;
  background: #f6f6f6;
  border: 1px solid #eaeaea;
}

.descriptor {
  padding: 0.25em;
  background: #dcdcdc;
  margin: 0px 2px 0px 0px;
}

p.breadcrumbs{
  margin-top: 1em;
  margin-bottom: 0em;
}

#portal-breadcrumbs {
  margin-left: 2em;
  margin-top: 1em;
}

#portal-header {
  background: url(/backbar.png);
  border: 0px;
  margin: 0px;
  padding-left: 2em;
  padding-bottom: 0em;
  font-size:11px
}

#portal-linkbar {
  border: 0px;
  margin: 0px;
  padding-left: 0em;
  padding-bottom: 0em;
  font-size:11px
}
#portal-linkbar-content {
  border: 0px;
  margin: 0px;
  padding-left: 3em;
  padding-bottom: 0em;
  font-size:11px
}