.giraffe-main {
    font-size:13px; width:inherit;
    font-family:helvetica, arial, sans-serif;
    overflow-x:auto;
}

svg text tspan { cursor:pointer; }
svg path { cursor:pointer; }

/* overriding jquery */
.giraffe-main .giraffe-tab a { color:#06c; text-decoration:underline; }
.giraffe-main form input[type=submit] { font-size:12px; }

.giraffe-main td { vertical-align:top; }

/* height: we want giraffe-tabs to be really tall, so we avoid double or triple
 * scroll bars. we want the seq-viewer to be on one page, so when we search and
 * highlight sequences, we can pop user to the right place immediately. */
/* TODO Would it be better to specify heights of individual elements to avoid
 * scrollbars? */
.giraffe-viewer { height:3700px; overflow:auto; }
/* -seq-viewer should be contained within -viewer */
.giraffe-seq-viewer {height:75%; overflow:auto; margin-bottom:150px; }
.giraffe-tabs {
    font-size: 0.97em;
}

/* Generic */
.giraffe-clear { clear:both; margin:15px; }
.giraffe-hide { display:none; }
.giraffe-right { float:right; margin-left:10px; }
.giraffe-left { float:left; margin-right:10px; }
.giraffe-left-last { margin-right:0px; }
.giraffe-seq { text-align:left; font-family:courier; }
.giraffe-bp-marker { color:#777; }
.giraffe-bp-marker-left { text-align:right; }
.giraffe-bp-marker-right { text-align:left; }
.giraffe-seq-overlay { color:#777; }
.giraffe-link-on { text-decoration:none !important; font-weight:bold; color:black !important; }
.giraffe-help {
    padding:4px;
    position:absolute;
    z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

#giraffe-map-help { width:500px; }

/* Specific to panes/tabs */

/* for the FASTA/GenBank/RC sequences */
.giraffe-seq-textarea {
    border:1px solid #e0e0e0;
    width:95%;
    height:2000px;
    font-family:courier !important;
    font-size:12px;
    text-align:center;
}

.giraffe-viewer { height:150px;overflow:hidden; padding:4px; border:1px solid #ddd; }
.giraffe-viewer-topbar { margin:0px 0px 20px 0px; padding-right:5px; text-align:left; }
.giraffe-viewer-topbar div { display:inline-block; margin-left:4px; float: right;}
.giraffe-seq-viewer table { width:100%; overflow:auto; font-family:courier; }

#giraffe-viewer-search-container {
    float:left;
    position:absolute;
    left: auto;
    z-index:1000;
}
#giraffe-viewer-search-textarea { height:20px; width:120px; float:left; }
#giraffe-viewer-search-button { float:left; margin-left:2px; }
#giraffe-viewer-search-textarea:hover { height:60px; width:120px; }

.giraffe-seq-highlight,
#giraffe-viewer-topbar-highlight { background-color:#aa3333; color:#fff; }
/* -mouseover comes after -highlight, so takes precedence */
.giraffe-seq-mouseover,
#giraffe-viewer-topbar-mouseover { background-color:yellow; color:black; }

/* this should match -highlight */
.giraffe-bp-click-source { background-color:#aa3333; color:#fff !important; }

.giraffe-analyze-map {}
.giraffe-analyze-circular-map {}
.giraffe-analyze-linear-map {}

.giraffe-ncbi-button { margin:0px; }
.giraffe-blast2 textarea {
    display:block; margin:10px 0px; width:750px; height:200px;
    margin-left: auto;
    margin-right: auto;
}
.giraffe-tag { color:red !important; }
.giraffe-red { color:red !important; }

.giraffe-orf-group { border-top:1px solid #d0d0d0; }

.giraffe-enzyme-list { margin:0px; padding:0px; border-collapse: collapse; }
.giraffe-enzyme-list col.enzyme-label { width: 100px; }
.giraffe-enzyme-list .enzyme-label{ font-weight: bold; }
.giraffe-enzyme-list td { padding-top: 15px; }
.giraffe-enzyme-list a { white-space: nowrap; }


/* following are default jquery-ui tooltip module CSS. jquery-ui
 * tooltip is not released yet, so we are including these ourselves */
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; }

/* giraffe customized tooltip CSS */
.ui-tooltip { font-size:12px; }

/* giraffe customized feature list css */
.giraffe-table {
	width: 710px;
	border-collapse: collapse;
	margin: 1em auto;
}
.giraffe-table * {
	padding: 0.25em 0;
}

.giraffe-table .giraffe-table-feature-show,
.giraffe-table .giraffe-table-feature-label {
	width: 125px;
}
.giraffe-table .giraffe-table-feature-type {
	width: 100px;
}
.giraffe-table .giraffe-table-feature-data {
	width: 60px;
}
.giraffe-table-enzyme .giraffe-table-feature-data {
	width: 120px;
}
.giraffe-table .giraffe-table-feature-name {
	width: 365px;
}
.giraffe-table-feature .giraffe-table-feature-name{
	width: 265px;
}