/* -----------------------------------------------------------------------
TCDB-specific CSS hacks
----------------------------------------------------------------------- */
#main-wrap{
	position: fixed; 
	top: 130px; /*Set top value to HeightOfFrameDiv*/
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto; 
	background: #fff;
}

/* header specific */
#tcdb-header-wrap {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 130px; /*Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	
	background:url(../images/header-bg.jpg) no-repeat;
	color:#ccc;
	width: 950px;
/*	height:130px; */
	padding-left: 10px;
}
/* header search */
.tcdb-header-search-wrap {
	width: auto;
	padding: 10px 10px 0 10px;
	float: right;
	height: 30px;
	line-height: 22px;
	background-color:maroon;
	max-width: 750px;
}
.header-links {
	float: left;
	margin: 0 15px 0 0;
}
.header-links a {
	color: #eee;
}
.header-links a:hover {
	color: #999;
}
.header-search {
	float: left;
}
.header-search .textbox {
	background-color: #fff;
	padding: 4px 0 2px 5px;
	margin-top: 1px;
	max-width: 230px;
	width: 230px;
	height:16px; 
	border: 0;
}

/* tcdb header logo (NEW) */
.header-logo {
	padding: 5px;
	height: 100px;
	width: 365px;
	float: left;
	background: transparent url("http://www.tcdb.org/images/logo_maroon.png") center no-repeat;
}

/* tcdb header navigation menu */
.tcdb-header-nav-wrap {
	width: 470px;
	float: right;
	margin-top: 29px;
	margin-right: -9px;	
}
.tcdb-header-nav {
	float: right;
	font-size: 105%;
}
.tcdb-header-nav ul {
	margin: 0;
}
.tcdb-header-nav li {
	display: block;
	float: left;
	margin-right: 9px;
}
.tcdb-header-nav li a {
	color:#444;
	letter-spacing:0.5px;
	outline: none;
	overflow: hidden;
	padding:5px 8px;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align:top;
	background:#eee;
	text-shadow: 0px 1px 1px #999;
}
.tcdb-header-nav li a:hover {
	background-color:maroon;
	color:#eee;
}
.tcdb-header-nav li a.selected {
	background:maroon;
	color:#eee;
}

#saierlab-wrap { position:relative; }
.saierlab { float:left;width:280px;font-size:11px;font-style:italic;color:#333; background:transparent; text-shadow: 0px 1px 1px #999; }
.saierlab a { color:#222; text-decoration:none; }
.saierlab a:hover { color:maroon; }
.saierlab-line { float:right;width:666px;padding-top:20px;background:transparent url("http://www.tcdb.org/images/hr_max.png") center no-repeat; }

/*************** tcdb page contents ******************/
#tcdb-page-wrap {
	width:960px;
	background:#fff;
}

.main-title { 
	font:normal 160%/100% "sans-serif", arial, verdana; 
	text-shadow:0px 1px 1px #999;
}
.tcdb-home-intro {
	font:normal 108%/130% "sans-serif", arial, verdana;
	width:auto;
	color:#222;
	padding:5px;
	margin-bottom:5px;
}
.tcdb-home-intro a {
	text-decoration:none;
	color:#2554C7;
}
.tcdb-home-intro a:hover {
	color:maroon;
	text-decoration: underline;
}

/*
.tcdb-home-more, .tcdb-home-less {
	font-size:95%;
	font-weight:bold;
	color: maroon;
}

.tcdb-home-notes {
	padding-top:5px;
}
*/
.bold {
	font-weight:bold;
}

.publications {
	margin: 0;
}
.publications h4 {
	margin:0;
	text-transform: uppercase;
	font-weight:bold;
	color: #222;
	border-bottom:1px dotted #333;
}
.publications ul {
	list-style-type: none;
}
.publications ul li {
	font-size:110%;
	margin:0 10px 0 15px;
	line-height: 17px;
	color: #222;
}



.feedback {
	margin-top:5px;
	margin-bottom:5px;
	background:#999;
	padding:4px;
	border:1px solid #555;
}







/* content style for left-menu 
.left-menu {
	float: left;
	overflow: hidden;
	width: 222px;
	background: transparent;
	padding: 0 5px 0 5px;
	border-top: solid 4px #444; 
	border-bottom: solid 1px #999; 
	margin-top: 5px;
	margin-bottom: 2px;
	
}
*/
.updates {
	font-size:95%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc; 
}
.tcdb-contribute {
	padding:5px 0 20px 10px;
	font-size:110%;
}
.tcdb-contribute input[type=text] { height:18px; width:300px; padding:3px 0 2px 3px; }
.tcdb-contribute textarea { height:70px; padding:3px 0 2px 3px; }
.tcdb-contribute td table td { width:400px; border-bottom:1px solid #fff; }
.tcdb-contribute a {
	color:#2554C7;
	text-decoration:none;
}
.tcdb-contribute a:hover {
	color:#666;
}
.fineprint {
	margin:10px 0 3px 5px;
}
/* quickaccess in the left-menu */
.tcdb-quickaccess {
	text-transform:uppercase;
	border:1px solid #eee;
	padding:5px;
}
.qa_title {
	margin: 0 10px 5px 0;
	color: #347cb0;
}	
/* part of the quickaccess - solid box */
.badge {
	color: #eee;
	background:#666; /*#2554C7; */
	border: 0;
	padding: 4px;
	text-decoration: none;
	line-height: 2em;
	font-size: 95%;
}
.badge:hover {
	border: 0;
	background: #ccc;
	text-decoration: none;
	color: #444;
}


/* stats on tcdb entries, etc. - this will change - should be made into dynamic */
.stats {
	text-align:center;
	margin-bottom:5px;
}
.stats img {
	border: 0;
	width: 220px;
	height: 140px;
}

/* for - software/tools and help/documentation section in the left-menu */
.tcdb-sidebar-content {
	font-size:101%;
	background-color: #ECE5B6;
	margin-top:7px;
}
.tcdb-sidebar-content h4 {
	margin-bottom: 5px;
	padding: 6px 0 0 12px;
	height: 20px;
	text-transform: uppercase;

	color: #333;
	text-align: left;
	border-bottom :1px solid #fff;
}
.tcdb-sidebar-content ul {
	padding-left: 15px;
	padding-bottom: 10px;
	list-style: none;
	margin-bottom:5px;
}
.tcdb-sidebar-content li {
	text-align: left;
}
.tcdb-sidebar-content li a {
	color:#2554C7;
	text-decoration: none;
	font-size:105%;
	text-transform: uppercase;
}
.tcdb-sidebar-content li a:hover {
	text-decoration: underline;
}

/****** for html_footer() include *******/
#tcdb-footer-wrap {
	width: 950px;
	clear: both;
	padding-left: 10px;
	margin-bottom: 15px;
	text-shadow: 0px 1px 1px #999;
}
.footer {
	color:#444; 
	font-size:85%; 
	text-align: center; 
	border-top:1px solid #999;
	padding-top:5px;
}
.footer a {
	text-decoration:none;
	color:#2554C7;
}
.footer a:hover {
	text-decoration: none;
	color:maroon;
}
.footer img, .footer img a {
	border: 0;
	padding-left: 5px;
	margin-top:-30px;
	width: 44px;
}

/* tree-name and sink classes for browser.php */
.tree-menu {
	float: left;
	width: 280px;
	padding: 10px 5px 0 10px;
}
.sink {
	font:normal 120%/130% "Times New Roman",Times;
	float: right;
	width: 643px;
	background:#F0F0F0;
	margin-top:10px;
	margin-bottom:10px;
	padding:15px 10px 10px 12px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
.sink b {
	font-weight: bold;
	margin-bottom:15px;
}

.js_fam_header { text-align:center;color:#222;font:bold 105%/130% sans-serif,arial,verdana;padding-top:13px;padding-bottom:5px; }
.js_fam_desc { color:#000;font:normal 100%/130% "Times New Roman",Times;padding-top:10px;padding-bottom:5px; } /*"Helvetica Neue", Arial, Helvetica, sans-serif*/

.js_protein { background:#fff;text-decoration:none; padding:3px 3px 0;margin-bottom:5px;text-transform:uppercase;text-align:center; }
.js_protein a { text-decoration:none;color:#2554C7; }
.js_protein a:hover { text-decoration:none;color:maroon; }

.js_superfam { padding:3px 5px 3px 5px;text-decoration:none;margin-bottom:5px;font-size:100%;text-transform:uppercase; }
.js_superfam a { text-decoration:none;color:maroon;text-transform:uppercase;font-style:italic; }
.js_superfam a:hover { text-decoration:none;color:#999; }

/********* tcdb superfamily **********/
.tcdb-superfam {
	font-size: 110%;
	margin: 5px 0 10px 0;
	color: #333;
	padding: 3px 10px 5px 10px;
}
.tcdb-superfam a {
	color:#2554C7;
}
.tcdb-superfam a:hover {
	color:maroon;
}
.tcdb-superfam .view-all-superfam {
	border-bottom:1px solid #999;
	text-align:center;
}
.tcdb-superfam .view-all-superfam a {
	text-decoration:none;
	text-transform:uppercase;
}
.tcdb-superfam h3 {
	font-size: 125%;
	color: #222;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.tcdb-superfam h4 {
	font-size: 105%;
	margin: 0 0 5px 0;
	color:#222;
}
.tcdb-superfam span {
	color:maroon;
}

/********* tcdb analyze *********/
.tcdb-analyze {
	font-size: 110%;
	margin: 5px 0 10px 10px;
	color: #333;
}
.tcdb-analyze h3 {
	font-size: 125%;
	color: #222;
	font-weight: bold;
	margin: 15px 0 1px 5px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc;
}
.tcdb-analyze ul {
	padding:8px 0 5px 10px;
	list-style: none;
	margin: 0 0 5px 5px;
	background:#eee;
}
.tcdb-analyze li {
	text-align: left;
}
.tcdb-analyze li a {
	color:#2554C7;
}
.tcdb-analyze li a:hover {
	color:maroon;
}


/******* all tcdb references ********/
.tcdb-reference {
	font-size: 110%;
	color: #333;
	padding: 10px 0 5px 10px;
	background: #efefef;
	margin-left:10px;
}
.tcdb-reference h3 {
	font-size:115%;
	color:maroon;
	text-transform:uppercase;
	margin:10px 0 5px;
}
.tcdb-reference h4 {
	font-size: 110%;
	color: #eee;
	font-weight: normal;
	margin: 3px 10px 5px 0;
	background: #333;
	padding: 3px 0 2px 10px;
}
.tcdb-reference .ref {
	border-bottom: 1px dotted #999;
	padding: 5px 10px 5px 5px;
}
.tcdb-reference a {
	color:#2554C7;
}
.tcdb-reference a:hover {
	color:maroon;
} 

.tcdb-fam-ref {
	font-size:110%;
	margin-top:5px;
	color:#000;
	padding:5px;
	background:#efefef;
}
.tcdb-fam-ref h4 {
	color:#eee;
	font-weight:normal;
	margin:3px 0 5px 0;
	background:#333;
	padding:3px 0 2px 7px;
}
.tcdb-fam-ref .ref {
	border-bottom:1px dotted #999;
	padding:3px 5px 2px 5px;
}

/*********** tcdb blast ***********/
.tcdb-blast {
	width:800px;
	margin:5px 0 0 13px;
	color:#222;
	padding:10px;
}
.tcdb-blast textarea {
	background:#eee; 
	padding:5px; 
}
.tcdb-blast select { 
	color:#222;
}
.tcdb-blast pre {
        color:#000;
	font-size:13px;
	padding-left:20px;
}
.tcdb-blast-result {
	background:#eee;
	padding:10px;
	border:0;
}
.tcdb-blast-result th {
        padding:5px 0 3px 10px;
	border:0;
	border-bottom:1px dotted #999;
}
.tcdb-blast-result td {
	border:0;
	background:transparent;
	border-left:1px dotted #999;
        border-bottom:1px dotted #999;
}



/********** tcdb structure *************/
.tcdb-structure {
	font-size: 110%;
	color: #333;
	padding:10px 10px 5px 10px;
}
.tcdb-structure table {
	width:100%;
}
.tcdb-structure th {
	background:#eee;
	border-left: 1px solid #999;	
	border-top: 1px solid #999;	
	border-bottom: 1px solid #999;	
	text-align: center;
	height:25px;
}
.tcdb-structure tr td {
	border-left: 1px dotted #999;	
	border-bottom: 1px dotted #999;	
	padding: 2px;
	background: #fff;
}
.no-right-border {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0;
}
.no-left-border {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 0;
}
.right-border {
	border-right: 1px solid #999;
}
#right-border {
	border-right: 1px dotted #999;
}
.tcdb-structure td.pdbid {
	width:60px;
	text-align: center;
}
.tcdb-structure td.pdb_image {
	width:75px;
}
.tcdb-structure td.links {
	width:100px;
}


/********* tcdb human *********/
.tcdb-human {
	font-size: 110%;
	margin: 5px 0 10px 0;
	color: #333;
	padding: 5px 10px 5px 10px;
}
.tcdb-human  table { width: auto; }
.tcdb-human tr th {
	background: #fff;
	padding:3px 0 2px 10px;
}
.tcdb-human tr td {
	background: #fff;
	border-bottom: 1px dotted #ccc;
	padding:3px 0 2px 10px;
}
.tcdb-human a {
	color:#2554C7;
}
.tcdb-human a:hover {
	color:maroon;
}


/********** tcdb diseases *************/
.tcdb-disease {
	font-size: 110%;
	color: #333;
	padding:10px 10px 5px 10px;
}

.tcdb-disease th {
	background:#eee;
	border-left:1px solid #999;	
	border-top:1px solid #999;	
	border-bottom:1px solid #999;	
	text-align:center;
	height:25px;
}
.tcdb-disease tr td {
	border-left:1px dotted #999;	
	border-bottom:1px dotted #999;	
	padding:5px;
	background:#fff;
}
.tcdb-disease a {
	color:#2554C7;
}
.tcdb-disease a:hover {
	color:maroon;
}




.hrshort {
	background: url("http://www.tcdb.org/images/hr_small.png") left no-repeat;
	clear: both;
	height: 1px;
	margin: 7px 0 1px 55px;
}

.hrlong {
	background: url("http://www.tcdb.org/images/hr_max.png") center no-repeat;
	clear: both;
	height: 1px;
	margin-top:5px;
	margin-bottom:5px;
}

.shadow {
	background: url("http://www.tcdb.org/images/divshadow_down.png") no-repeat;
	clear: both;
	height: 10px;
	margin-top:2px;
	margin-bottom:2px;
}


/* =============================================
  Blue Block
================================================ */

.left {
	float: left;
	overflow: hidden;
	width: 222px;
}
.left ul {
	list-style: none;
	width: 190px;
	padding-left: 10px;
}
.left ul li {
	padding-left: 10px;
	border-bottom: 1px solid #eee;
	line-height: 20px;
}
.left ul li a {
	font-size: 105%;
	color:#2554C7;
	text-decoration: none;
	text-transform: uppercase;
}
.left ul li a:hover {
	color:maroon;
	text-decoration: none;
}

.hello-world {
	padding:10px;
}
#bubble {
	width: 180px;
	height: 28px;
	background: url(../images/bubble_right.gif) no-repeat right;
}
#bubble p {
	display: block;
	font-size: 11px;
	color: #fff;
	height: 28px;
	padding: 2px 12px 0 10px;
	text-align: center;
	background: url(../images/bubble_left.gif) no-repeat top left;
}
#reasons p {
	margin-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 18px;
	color:#222;
}
#reasons a {
	color:#2554C7;
	text-decoration: none;
}
#reasons a:hover {
	color:maroon;
	text-decoration: underline;
}

.links a { 
	color:#2554C7;
	font-weight:normal;
	text-decoration: none;
}
.links .ribbon{
	background:#E7E6E6 url('../images/category-bg.png') repeat-x bottom right;
	display:block;
	padding:6px 5px 10px 20px;
	color:#347cb0;
	font-size: 120%;
	text-transform: uppercase;
}
.links {
	background:#E7E6E6 url('../images/category-bg-fold.png') no-repeat bottom right;
	text-shadow:#fff 0 1px 2px;
	padding:0 6px 0 0;
	width:100%;
	position:relative;
	margin-top:8px;
}
.right {
	float: right;
	overflow: hidden;
	width: 738px;
	height: auto;
	padding-top: 8px;
}

/************ facts ***************/
.facts {
	font-family: "Times new roman";
	font-size: 105%;
	background:#222;
	border-bottom:1px solid #e2e2e2;
	margin-left:5px;
	padding:1px 0 7px 10px;
	font-style: italic;
	color: #efefef;
}
.facts h3 {
	padding:8px 5px 0;
	margin-bottom: 5px;
	color: #fff;
	text-shadow: 1px 1px 6px #fff;
}
.facts ul {
	list-style:none;
	font-size:105%;
}
.facts ul li {
	padding-left: 5px;
}
.facts a {
	text-decoration:underline;
	color:#79BAEC;
}
.facts a:hover {
	text-decoration:underline;
	color:maroon;
}

/************ references ***************/
.references {
	display:block;
	height:100px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-top:1px solid #fff;
	color:#222;
}
.references ul li {
	padding-left:10px;
}
.references a {
	color:#2554C7;
	text-decoration:none;
}
.references a:hover {
	color:maroon;
	text-decoration:underline;
}

/********** tcdb search result *************/
#search-result { 
	padding:10px 0 0 10px;
}

/********** result **********/
#search-result .result {
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
#search-result .result .title {
	font:normal 125%/130% "Times New Roman",Times;
	font-weight: bold;
	text-align: center;
}
#search-result .result .description {
	color:#222;
	font:normal 120%/130% "Times New Roman",Times;
	background:#efefef;
	margin-top:5px;
	margin-bottom:10px;
	padding:15px 10px 8px 10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	clear:both;
}
#search-result .result .description a {
	color:blue;
}
#search-result .result .description a:hover {
	color:maroon;
}
#search-result .result .next-level {
	border: 1px solid #ccc;
	padding: 2px 0 2px 10px;
	background:#E7E6E6; 
	text-align: center;
	color:#222;
	font:normal 130%/160% "Times New Roman",Times;
}
#search-result .result .next-level a {
	color:#2554C7;
	text-decoration: none;
/*	text-transform: uppercase; Dr Saier didn't like this, so I commented it out. -Luis, 16 Jan 2011 19:48 PST */
}
#search-result .result .next-level a:hover {
	color:maroon;
}
.toggle_container {
	background: #eee;
	padding: 5px 0 5px 0;
}
.next-level-result .next-level-links {
	padding:5px 0 2px 10px;
	color:#222;
	font:normal 120%/130% "Times New Roman",Times;
}
.next-level-result .next-level-links a {
	color:#2554C7;
	text-decoration: none;
}
.next-level-result .next-level-links a:hover {
	color:maroon;
}

#search-result .result-superfam {
	color:#222;
	font:normal 120%/130% "Times New Roman",Times;
	border-top: 1px solid #555;
	padding: 2px 0 2px 10px;
}
#search-result .result-superfam a {
	font-size:100%;
	color:maroon;
	text-decoration:none;
	text-transform:uppercase;
	font-style:italic;
}
#search-result .result-superfam a:hover {
	color:#333;
}
#result-cluster {
	width:100%;
}
#result-cluster th {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	background: #eee;
	color: #444;
	text-align: center;
}
#result-cluster td {
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	background: #fff;
	padding: 3px 5px 3px 5px;
}

#result-cluster a {
	color:blue;
}
#result-cluster a:hover {
	color:maroon;
}

/************ result display proteins ***********/
.proteins { width:100%; font-size:110%; background:#fff; padding:3px 5px 3px 5px; color:#222; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.proteins th { border-bottom:1px dotted #ccc; text-align:left; }
.proteins h3 { font-weight:bold; font-size:123%; line-height:23px; margin-bottom:0; color:#222; }
.proteins td { background:#fff; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; padding:3px 0 3px 10px; }

.proteins a, .outgoing a { color:#2554C7; }
.proteins a:hover, .outgoing a:hover { color:maroon; }

.proteins .no-border-bottom { border-bottom:0; }

.sub-header-wrap h4 { color:#eee; font-size:110%; text-transform:uppercase; padding:4px 0 3px 5px; margin:0; background:#444; }

/* outgoing links to different DBs */
.outgoing { width:100%; font-size:105%; }
.outgoing th { border-bottom:1px solid #fff; text-align:left; padding-left:10px; background:#efefef; }
.outgoing td { border-bottom:1px solid #fff; border-left:1px solid #fff; background:#eee; }  /*border:1px solid #c00;*/


.go_entry { padding-top:10px; }
.goid { border-bottom:1px dotted #ccc; padding:3px; }
.goid { border-bottom:1px dotted #ccc; padding:3px; }
.term { border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; padding:3px; }

.pubmed { padding-top:5px; padding-bottom:0;}

.result-external { width:100%; }
.result-external td { border-bottom:1px solid #fff; background:#eee; font-size:105%; } 
.result-external ul { margin:1px 0 3px 3px; padding:0; list-style-type:none; }
.result-external ul li { padding-bottom:5px; }
.result-external ul li a { color:maroon; }
.result-external ul li a:hover { color:#666; }

.result-analyze { width:100%; }
.result-analyze td { border-bottom:1px solid #fff; background:#eee; font-size:105%; } 
.result-analyze a { color:#2554C7; }

h4.trigger {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 0;
	height: 14px;
    	line-height: 18px;
    	font-weight: normal;
    	width: 450px;
    	display: block;
    	text-transform: uppercase;
}
h4.trigger a {
	color:#2554C7;
	text-decoration:none;
}
h4.trigger a:hover {
	color:maroon;
}
h4.active { color:#2554C7; }
.toggle_container {
	padding-bottom:10px;
	clear: both;
}
.multi_dom {
	margin-top:25px;
	margin-left:25px;
}
.multi_dom th {
	border-bottom:1px dotted #ccc;
    width:100px;
    padding:5px;
}
.multi_dom td {
	border-bottom:1px dotted #ccc;
    border-left:1px dotted #ccc;
    padding:5px;
}
.button {
	color:maroon;
}



/******* search -> multi_component ******/

.multi_component a {
	color:#2554C7;
	text-decoration:none;
	text-transform:uppercase;
}
.multi_component a:hover { 
	color:maroon;
}
.multi_component h4 {
	font-size:125%;
	padding:3px 0 0 5px;
}
.multi_component th { 
	width:50px;
	font-size:110%;
	background:#fff;
	border-bottom:1px dotted #ccc;
}
.multi_component td {
	font-size:110%;
	background:#fff;
	width:auto;
	border-bottom:1px dotted #ccc;
}


/******** txt-search-result ********/

.txt-search-result { width:100%; font-size:110%; padding:3px 5px 3px 5px; color:#333; }
.txt-search-result td { background:#fff; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; padding:3px 0 3px 10px; }

.search-opt { border-top: 1px solid #999; margin-left: 5px; padding:5px 0 3px 5px; }

.specific-search { width:100%; color:#222; padding-left:10px; }
.specific-search h3 { font-size:125%; line-height:25px; border-bottom:1px dotted maroon; color:maroon; margin:10px 0 7px 2px; display:block; text-transform:uppercase; }
.specific-search .by-category h4 { font-size:110%; text-transform:uppercase; margin:5px 0 0 2px; }
.specific-search  td { background:#fff; border-bottom:1px dotted #ccc; padding:0; }

.by-category  th { background:#fff; border:0; padding-left:10px; }
.by-category  td { background:#fff; border:0; padding:0 5px 0 0; }
.by-category .text { height:15px; width:200px; padding:3px 0 1px 2px; }

.toggle h4 { font-size:100%; color:maroon; cursor:pointer; margin:10px 0 0 10px;}
.toggle_content  { padding-left:10px; }
.toggle_content .text-tcid { height:16px; width:100px; padding:4px 0 1px 3px; }
.toggle_content .text-org { height:16px; width:200px; padding:4px 0 1px 3px; }

/******* search pdb ****************/
.search-pdb th { color:#333; }
.search-pdb td { text-align:center; }
.search-pdb a { color:#2554C7; }
.search-pdb a:hover { color:maroon; }

/****** PRINT **********/
.print-format img, .print-format a {
	vertical-align:middle;
	padding-right:5px;
	border:0;
	text-decoration:none;
	color:#2554C7;
	float:right;
	font-size:95%;
	font-style:italic;
}
.fam-desc a {
	text-decoration:none;
	color:#2554C7;
	font-size:95%;  
        font-style:italic;
}
.print-format a:hover, .fam-desc a:hover {
	color:maroon;
}
.fam-desc {
	margin-bottom:10px;
}

/******** sp-search ***********/
#tcdb-sp-search {
	padding-left:10px;
}
#tcdb-sp-search a {
	color:blue;
}
#tcdb-sp-search a:hover {
	color:maroon;
}
#search-kw { 
	position:relative; 
	background:#eee;
	height:20px;
	border-top:1px solid #ccc;
	padding:3px 10px 3px 10px;
}
#search-kw .kw { float:left; }
#search-kw .rows { float:right; color:blue;}
#search-kw .kw i { color:blue; }
#search-kw .kw b { color:blue; }
#sp-search-bits {
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:110%;
	color:#222;
	clear:both;
}
#sp-search-bits span a {
	font-size:110%;
	color:blue;
	text-decoration:underline;
}
#sp-search-bits span a:hover {
	color:maroon;
	text-decoration:underline;
}
.highlight_word{
    background-color:#FAAFBA;
}
#tcdb-sp-search table {
	width:100%;
}
#tcdb-sp-search th {
	background:#eee;
	border-left:1px solid #999;	
	border-top:1px solid #999;		
	text-align:center;
	height:25px;
	color:#222;
}
#tcdb-sp-search td {
	color:#333;
	border-left: 1px dotted #999;	
	border-bottom: 1px dotted #999;	
	padding: 5px;
	background: #fff;
}
.center {text-align:center;}

/************ dialog box pop up ***********/
#dialog-overlay {
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 
	
	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}
#dialog-box {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:428px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}
#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#333; 
	font-family:"Times New Roman", Times;
	font-size:15px; 
}
a.button {
	font-size:12px; 
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color:maroon;
	display: block;
	width:60px;
	padding: 5px 10px 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}
/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}
#tcdb-seq-download {
	padding-left:10px;
}
#tcdb-seq-download pre {
	padding-left:10px;
}
/* -----------------------------------------------------------------------
TCDB-specific CSS hacks
----------------------------------------------------------------------- */
#main-wrap{
	position: fixed; 
	top: 130px; /*Set top value to HeightOfFrameDiv*/
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto; 
	background: #fff;
}

/* header specific */
#tcdb-header-wrap {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 130px; /*Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	
	background:url(../images/header-bg.jpg) no-repeat;
	color:#ccc;
	width: 950px;
/*	height:130px; */
	padding-left: 10px;
}
/* header search */
.tcdb-header-search-wrap {
	width: auto;
	padding: 10px 10px 0 10px;
	float: right;
	height: 30px;
	line-height: 22px;
	background-color:maroon;
	max-width: 750px;
}
.header-links {
	float: left;
	margin: 0 15px 0 0;
}
.header-links a {
	color: #eee;
}
.header-links a:hover {
	color: #999;
}
.header-search {
	float: left;
}
.header-search .textbox {
	background-color: #fff;
	padding: 4px 0 2px 5px;
	margin-top: 1px;
	max-width: 230px;
	width: 230px;
	height:16px; 
	border: 0;
}

/* tcdb header logo (NEW) */
.header-logo {
	padding: 5px;
	height: 100px;
	width: 365px;
	float: left;
	background: transparent url("http://www.tcdb.org/images/logo_maroon.png") center no-repeat;
}

/* tcdb header navigation menu */
.tcdb-header-nav-wrap {
	width: 470px;
	float: right;
	margin-top: 29px;
	margin-right: -9px;	
}
.tcdb-header-nav {
	float: right;
	font-size: 105%;
}
.tcdb-header-nav ul {
	margin: 0;
}
.tcdb-header-nav li {
	display: block;
	float: left;
	margin-right: 9px;
}
.tcdb-header-nav li a {
	color:#444;
	letter-spacing:0.5px;
	outline: none;
	overflow: hidden;
	padding:5px 8px;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align:top;
	background:#eee;
	text-shadow: 0px 1px 1px #999;
}
.tcdb-header-nav li a:hover {
	background-color:maroon;
	color:#eee;
}
.tcdb-header-nav li a.selected {
	background:maroon;
	color:#eee;
}

#saierlab-wrap { position:relative; }
.saierlab { float:left;width:280px;font-size:11px;font-style:italic;color:#333; background:transparent; text-shadow: 0px 1px 1px #999; }
.saierlab a { color:#222; text-decoration:none; }
.saierlab a:hover { color:maroon; }
.saierlab-line { float:right;width:666px;padding-top:20px;background:transparent url("http://www.tcdb.org/images/hr_max.png") center no-repeat; }

/*************** tcdb page contents ******************/
#tcdb-page-wrap {
	width:960px;
	background:#fff;
}

.main-title { 
	font:normal 160%/100% "sans-serif", arial, verdana; 
	text-shadow:0px 1px 1px #999;
}
.tcdb-home-intro {
	font:normal 108%/130% "sans-serif", arial, verdana;
	width:auto;
	color:#222;
	padding:5px;
	margin-bottom:5px;
}
.tcdb-home-intro a {
	text-decoration:none;
	color:#2554C7;
}
.tcdb-home-intro a:hover {
	color:maroon;
	text-decoration: underline;
}

/*
.tcdb-home-more, .tcdb-home-less {
	font-size:95%;
	font-weight:bold;
	color: maroon;
}

.tcdb-home-notes {
	padding-top:5px;
}
*/
.bold {
	font-weight:bold;
}

.publications {
	margin: 0;
}
.publications h4 {
	margin:0;
	text-transform: uppercase;
	font-weight:bold;
	color: #222;
	border-bottom:1px dotted #333;
}
.publications ul {
	list-style-type: none;
}
.publications ul li {
	font-size:110%;
	margin:0 10px 0 15px;
	line-height: 17px;
	color: #222;
}



.feedback {
	margin-top:5px;
	margin-bottom:5px;
	background:#999;
	padding:4px;
	border:1px solid #555;
}







/* content style for left-menu 
.left-menu {
	float: left;
	overflow: hidden;
	width: 222px;
	background: transparent;
	padding: 0 5px 0 5px;
	border-top: solid 4px #444; 
	border-bottom: solid 1px #999; 
	margin-top: 5px;
	margin-bottom: 2px;
	
}
*/
.updates {
	font-size:95%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc; 
}
.tcdb-contribute {
	padding:5px 0 20px 10px;
	font-size:110%;
}
.tcdb-contribute input[type=text] { height:18px; width:300px; padding:3px 0 2px 3px; }
.tcdb-contribute textarea { height:70px; padding:3px 0 2px 3px; }
.tcdb-contribute td table td { width:400px; border-bottom:1px solid #fff; }
.tcdb-contribute a {
	color:#2554C7;
	text-decoration:none;
}
.tcdb-contribute a:hover {
	color:#666;
}
.fineprint {
	margin:10px 0 3px 5px;
}
/* quickaccess in the left-menu */
.tcdb-quickaccess {
	text-transform:uppercase;
	border:1px solid #eee;
	padding:5px;
}
.qa_title {
	margin: 0 10px 5px 0;
	color: #347cb0;
}	
/* part of the quickaccess - solid box */
.badge {
	color: #eee;
	background:#666; /*#2554C7; */
	border: 0;
	padding: 4px;
	text-decoration: none;
	line-height: 2em;
	font-size: 95%;
}
.badge:hover {
	border: 0;
	background: #ccc;
	text-decoration: none;
	color: #444;
}


/* stats on tcdb entries, etc. - this will change - should be made into dynamic */
.stats {
	text-align:center;
	margin-bottom:5px;
}
.stats img {
	border: 0;
	width: 220px;
	height: 140px;
}

/* for - software/tools and help/documentation section in the left-menu */
.tcdb-sidebar-content {
	font-size:101%;
	background-color: #ECE5B6;
	margin-top:7px;
}
.tcdb-sidebar-content h4 {
	margin-bottom: 5px;
	padding: 6px 0 0 12px;
	height: 20px;
	text-transform: uppercase;

	color: #333;
	text-align: left;
	border-bottom :1px solid #fff;
}
.tcdb-sidebar-content ul {
	padding-left: 15px;
	padding-bottom: 10px;
	list-style: none;
	margin-bottom:5px;
}
.tcdb-sidebar-content li {
	text-align: left;
}
.tcdb-sidebar-content li a {
	color:#2554C7;
	text-decoration: none;
	font-size:105%;
	text-transform: uppercase;
}
.tcdb-sidebar-content li a:hover {
	text-decoration: underline;
}

/****** for html_footer() include *******/
#tcdb-footer-wrap {
	width: 950px;
	clear: both;
	padding-left: 10px;
	margin-bottom: 15px;
	text-shadow: 0px 1px 1px #999;
}
.footer {
	color:#444; 
	font-size:85%; 
	text-align: center; 
	border-top:1px solid #999;
	padding-top:5px;
}
.footer a {
	text-decoration:none;
	color:#2554C7;
}
.footer a:hover {
	text-decoration: none;
	color:maroon;
}
.footer img, .footer img a {
	border: 0;
	padding-left: 5px;
	margin-top:-30px;
	width: 44px;
}

/* tree-name and sink classes for browser.php */
.tree-menu {
	float: left;
	width: 280px;
	padding: 10px 5px 0 10px;
}
.sink {
	font:normal 120%/130% "Times New Roman",Times;
	float: right;
	width: 643px;
	background:#F0F0F0;
	margin-top:10px;
	margin-bottom:10px;
	padding:15px 10px 10px 12px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
.sink b {
	font-weight: bold;
	margin-bottom:15px;
}

.js_fam_header { text-align:center;color:#222;font:bold 105%/130% sans-serif,arial,verdana;padding-top:13px;padding-bottom:5px; }
.js_fam_desc { color:#000;font:normal 100%/130% "Times New Roman",Times;padding-top:10px;padding-bottom:5px; } /*"Helvetica Neue", Arial, Helvetica, sans-serif*/

.js_protein { background:#fff;text-decoration:none; padding:3px 3px 0;margin-bottom:5px;text-transform:uppercase;text-align:center; }
.js_protein a { text-decoration:none;color:#2554C7; }
.js_protein a:hover { text-decoration:none;color:maroon; }

.js_superfam { padding:3px 5px 3px 5px;text-decoration:none;margin-bottom:5px;font-size:100%;text-transform:uppercase; }
.js_superfam a { text-decoration:none;color:maroon;text-transform:uppercase;font-style:italic; }
.js_superfam a:hover { text-decoration:none;color:#999; }

/********* tcdb superfamily **********/
.tcdb-superfam {
	font-size: 110%;
	margin: 5px 0 10px 0;
	color: #333;
	padding: 3px 10px 5px 10px;
}
.tcdb-superfam a {
	color:#2554C7;
}
.tcdb-superfam a:hover {
	color:maroon;
}
.tcdb-superfam .view-all-superfam {
	border-bottom:1px solid #999;
	text-align:center;
}
.tcdb-superfam .view-all-superfam a {
	text-decoration:none;
	text-transform:uppercase;
}
.tcdb-superfam h3 {
	font-size: 125%;
	color: #222;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.tcdb-superfam h4 {
	font-size: 105%;
	margin: 0 0 5px 0;
	color:#222;
}
.tcdb-superfam span {
	color:maroon;
}

/********* tcdb analyze *********/
.tcdb-analyze {
	font-size: 110%;
	margin: 5px 0 10px 10px;
	color: #333;
}
.tcdb-analyze h3 {
	font-size: 125%;
	color: #222;
	font-weight: bold;
	margin: 15px 0 1px 5px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc;
}
.tcdb-analyze ul {
	padding:8px 0 5px 10px;
	list-style: none;
	margin: 0 0 5px 5px;
	background:#eee;
}
.tcdb-analyze li {
	text-align: left;
}
.tcdb-analyze li a {
	color:#2554C7;
}
.tcdb-analyze li a:hover {
	color:maroon;
}


/******* all tcdb references ********/
.tcdb-reference {
	font-size: 110%;
	color: #333;
	padding: 10px 0 5px 10px;
	background: #efefef;
	margin-left:10px;
}
.tcdb-reference h3 {
	font-size:115%;
	color:maroon;
	text-transform:uppercase;
	margin:10px 0 5px;
}
.tcdb-reference h4 {
	font-size: 110%;
	color: #eee;
	font-weight: normal;
	margin: 3px 10px 5px 0;
	background: #333;
	padding: 3px 0 2px 10px;
}
.tcdb-reference .ref {
	border-bottom: 1px dotted #999;
	padding: 5px 10px 5px 5px;
}
.tcdb-reference a {
	color:#2554C7;
}
.tcdb-reference a:hover {
	color:maroon;
} 

.tcdb-fam-ref {
	font-size:110%;
	margin-top:5px;
	color:#000;
	padding:5px;
	background:#efefef;
}
.tcdb-fam-ref h4 {
	color:#eee;
	font-weight:normal;
	margin:3px 0 5px 0;
	background:#333;
	padding:3px 0 2px 7px;
}
.tcdb-fam-ref .ref {
	border-bottom:1px dotted #999;
	padding:3px 5px 2px 5px;
}

/*********** tcdb blast ***********/
.tcdb-blast {
	width:800px;
	margin:5px 0 0 13px;
	color:#222;
	padding:10px;
}
.tcdb-blast textarea {
	background:#eee; 
	padding:5px; 
}
.tcdb-blast select { 
	color:#222;
}
.tcdb-blast pre {
        color:#000;
	font-size:13px;
	padding-left:20px;
}
.tcdb-blast-result {
	background:#eee;
	padding:10px;
	border:0;
}
.tcdb-blast-result th {
        padding:5px 0 3px 10px;
	border:0;
	border-bottom:1px dotted #999;
}
.tcdb-blast-result td {
	border:0;
	background:transparent;
	border-left:1px dotted #999;
        border-bottom:1px dotted #999;
}



/********** tcdb structure *************/
.tcdb-structure {
	font-size: 110%;
	color: #333;
	padding:10px 10px 5px 10px;
}
.tcdb-structure table {
	width:100%;
}
.tcdb-structure th {
	background:#eee;
	border-left: 1px solid #999;	
	border-top: 1px solid #999;	
	border-bottom: 1px solid #999;	
	text-align: center;
	height:25px;
}
.tcdb-structure tr td {
	border-left: 1px dotted #999;	
	border-bottom: 1px dotted #999;	
	padding: 2px;
	background: #fff;
}
.no-right-border {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0;
}
.no-left-border {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 0;
}
.right-border {
	border-right: 1px solid #999;
}
#right-border {
	border-right: 1px dotted #999;
}
.tcdb-structure td.pdbid {
	width:60px;
	text-align: center;
}
.tcdb-structure td.pdb_image {
	width:75px;
}
.tcdb-structure td.links {
	width:100px;
}


/********* tcdb human *********/
.tcdb-human {
	font-size: 110%;
	margin: 5px 0 10px 0;
	color: #333;
	padding: 5px 10px 5px 10px;
}
.tcdb-human  table { width: auto; }
.tcdb-human tr th {
	background: #fff;
	padding:3px 0 2px 10px;
}
.tcdb-human tr td {
	background: #fff;
	border-bottom: 1px dotted #ccc;
	padding:3px 0 2px 10px;
}
.tcdb-human a {
	color:#2554C7;
}
.tcdb-human a:hover {
	color:maroon;
}


/********** tcdb diseases *************/
.tcdb-disease {
	font-size: 110%;
	color: #333;
	padding:10px 10px 5px 10px;
}

.tcdb-disease th {
	background:#eee;
	border-left:1px solid #999;	
	border-top:1px solid #999;	
	border-bottom:1px solid #999;	
	text-align:center;
	height:25px;
}
.tcdb-disease tr td {
	border-left:1px dotted #999;	
	border-bottom:1px dotted #999;	
	padding:5px;
	background:#fff;
}
.tcdb-disease a {
	color:#2554C7;
}
.tcdb-disease a:hover {
	color:maroon;
}




.hrshort {
	background: url("http://www.tcdb.org/images/hr_small.png") left no-repeat;
	clear: both;
	height: 1px;
	margin: 7px 0 1px 55px;
}

.hrlong {
	background: url("http://www.tcdb.org/images/hr_max.png") center no-repeat;
	clear: both;
	height: 1px;
	margin-top:5px;
	margin-bottom:5px;
}

.shadow {
	background: url("http://www.tcdb.org/images/divshadow_down.png") no-repeat;
	clear: both;
	height: 10px;
	margin-top:2px;
	margin-bottom:2px;
}


/* =============================================
  Blue Block
================================================ */

.left {
	float: left;
	overflow: hidden;
	width: 222px;
}
.left ul {
	list-style: none;
	width: 190px;
	padding-left: 10px;
}
.left ul li {
	padding-left: 10px;
	border-bottom: 1px solid #eee;
	line-height: 20px;
}
.left ul li a {
	font-size: 105%;
	color:#2554C7;
	text-decoration: none;
	text-transform: uppercase;
}
.left ul li a:hover {
	color:maroon;
	text-decoration: none;
}

.hello-world {
	padding:10px;
}
#bubble {
	width: 180px;
	height: 28px;
	background: url(../images/bubble_right.gif) no-repeat right;
}
#bubble p {
	display: block;
	font-size: 11px;
	color: #fff;
	height: 28px;
	padding: 2px 12px 0 10px;
	text-align: center;
	background: url(../images/bubble_left.gif) no-repeat top left;
}
#reasons p {
	margin-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 18px;
	color:#222;
}
#reasons a {
	color:#2554C7;
	text-decoration: none;
}
#reasons a:hover {
	color:maroon;
	text-decoration: underline;
}

.links a { 
	color:#2554C7;
	font-weight:normal;
	text-decoration: none;
}
.links .ribbon{
	background:#E7E6E6 url('../images/category-bg.png') repeat-x bottom right;
	display:block;
	padding:6px 5px 10px 20px;
	color:#347cb0;
	font-size: 120%;
	text-transform: uppercase;
}
.links {
	background:#E7E6E6 url('../images/category-bg-fold.png') no-repeat bottom right;
	text-shadow:#fff 0 1px 2px;
	padding:0 6px 0 0;
	width:100%;
	position:relative;
	margin-top:8px;
}
.right {
	float: right;
	overflow: hidden;
	width: 738px;
	height: auto;
	padding-top: 8px;
}

/************ facts ***************/
.facts {
	font-family: "Times new roman";
	font-size: 105%;
	background:#222;
	border-bottom:1px solid #e2e2e2;
	margin-left:5px;
	padding:1px 0 7px 10px;
	font-style: italic;
	color: #efefef;
}
.facts h3 {
	padding:8px 5px 0;
	margin-bottom: 5px;
	color: #fff;
	text-shadow: 1px 1px 6px #fff;
}
.facts ul {
	list-style:none;
	font-size:105%;
}
.facts ul li {
	padding-left: 5px;
}
.facts a {
	text-decoration:underline;
	color:#79BAEC;
}
.facts a:hover {
	text-decoration:underline;
	color:maroon;
}

/************ references ***************/
.references {
	display:block;
	height:100px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-top:1px solid #fff;
	color:#222;
}
.references ul li {
	padding-left:10px;
}
.references a {
	color:#2554C7;
	text-decoration:none;
}
.references a:hover {
	color:maroon;
	text-decoration:underline;
}

/********** tcdb search result *************/
#search-result { 
	padding:10px 0 0 10px;
}

/********** result **********/
#search-result .result {
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
#search-result .result .title {
	font:normal 125%/130% "Times New Roman",Times;
	font-weight: bold;
	text-align: center;
}
#search-result .result .description {
	color:#222;
	font:normal 120%/130% "Times New Roman",Times;
	background:#efefef;
	margin-top:5px;
	margin-bottom:10px;
	padding:15px 10px 8px 10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	clear:both;
}
#search-result .result .description a {
	color:blue;
}
#search-result .result .description a:hover {
	color:maroon;
}
#search-result .result .next-level {
	border: 1px solid #ccc;
	padding: 2px 0 2px 10px;
	background:#E7E6E6; 
	text-align: center;
	color:#222;
	font:normal 130%/160% "Times New Roman",Times;
}
#search-result .result .next-level a {
	color:#2554C7;
	text-decoration: none;
/*	text-transform: uppercase; Dr Saier didn't like this, so I commented it out. -Luis, 16 Jan 2011 19:48 PST */
}
#search-result .result .next-level a:hover {
	color:maroon;
}
.toggle_container {
	background: #eee;
	padding: 5px 0 5px 0;
}
.next-level-result .next-level-links {
	padding:5px 0 2px 10px;
	color:#222;
	font:normal 120%/130% "Times New Roman",Times;
}
.next-level-result .next-level-links a {
	color:#2554C7;
	text-decoration: none;
}
.next-level-result .next-level-links a:hover {
	color:maroon;
}

#search-result .result-superfam {
	color:#222;
	font:normal 120%/130% "Times New Roman",Times;
	border-top: 1px solid #555;
	padding: 2px 0 2px 10px;
}
#search-result .result-superfam a {
	font-size:100%;
	color:maroon;
	text-decoration:none;
	text-transform:uppercase;
	font-style:italic;
}
#search-result .result-superfam a:hover {
	color:#333;
}
#result-cluster {
	width:100%;
}
#result-cluster th {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	background: #eee;
	color: #444;
	text-align: center;
}
#result-cluster td {
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	background: #fff;
	padding: 3px 5px 3px 5px;
}

#result-cluster a {
	color:blue;
}
#result-cluster a:hover {
	color:maroon;
}

/************ result display proteins ***********/
.proteins { width:100%; font-size:110%; background:#fff; padding:3px 5px 3px 5px; color:#222; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.proteins th { border-bottom:1px dotted #ccc; text-align:left; }
.proteins h3 { font-weight:bold; font-size:123%; line-height:23px; margin-bottom:0; color:#222; }
.proteins td { background:#fff; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; padding:3px 0 3px 10px; }

.proteins a, .outgoing a { color:#2554C7; }
.proteins a:hover, .outgoing a:hover { color:maroon; }

.proteins .no-border-bottom { border-bottom:0; }

.sub-header-wrap h4 { color:#eee; font-size:110%; text-transform:uppercase; padding:4px 0 3px 5px; margin:0; background:#444; }

/* outgoing links to different DBs */
.outgoing { width:100%; font-size:105%; }
.outgoing th { border-bottom:1px solid #fff; text-align:left; padding-left:10px; background:#efefef; }
.outgoing td { border-bottom:1px solid #fff; border-left:1px solid #fff; background:#eee; }  /*border:1px solid #c00;*/


.go_entry { padding-top:10px; }
.goid { border-bottom:1px dotted #ccc; padding:3px; }
.goid { border-bottom:1px dotted #ccc; padding:3px; }
.term { border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; padding:3px; }

.pubmed { padding-top:5px; padding-bottom:0;}

.result-external { width:100%; }
.result-external td { border-bottom:1px solid #fff; background:#eee; font-size:105%; } 
.result-external ul { margin:1px 0 3px 3px; padding:0; list-style-type:none; }
.result-external ul li { padding-bottom:5px; }
.result-external ul li a { color:maroon; }
.result-external ul li a:hover { color:#666; }

.result-analyze { width:100%; }
.result-analyze td { border-bottom:1px solid #fff; background:#eee; font-size:105%; } 
.result-analyze a { color:#2554C7; }

h4.trigger {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 0;
	height: 14px;
    	line-height: 18px;
    	font-weight: normal;
    	width: 450px;
    	display: block;
    	text-transform: uppercase;
}
h4.trigger a {
	color:#2554C7;
	text-decoration:none;
}
h4.trigger a:hover {
	color:maroon;
}
h4.active { color:#2554C7; }
.toggle_container {
	padding-bottom:10px;
	clear: both;
}
.multi_dom {
	margin-top:25px;
	margin-left:25px;
}
.multi_dom th {
	border-bottom:1px dotted #ccc;
    width:100px;
    padding:5px;
}
.multi_dom td {
	border-bottom:1px dotted #ccc;
    border-left:1px dotted #ccc;
    padding:5px;
}
.button {
	color:maroon;
}



/******* search -> multi_component ******/

.multi_component a {
	color:#2554C7;
	text-decoration:none;
	text-transform:uppercase;
}
.multi_component a:hover { 
	color:maroon;
}
.multi_component h4 {
	font-size:125%;
	padding:3px 0 0 5px;
}
.multi_component th { 
	width:50px;
	font-size:110%;
	background:#fff;
	border-bottom:1px dotted #ccc;
}
.multi_component td {
	font-size:110%;
	background:#fff;
	width:auto;
	border-bottom:1px dotted #ccc;
}


/******** txt-search-result ********/

.txt-search-result { width:100%; font-size:110%; padding:3px 5px 3px 5px; color:#333; }
.txt-search-result td { background:#fff; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; padding:3px 0 3px 10px; }

.search-opt { border-top: 1px solid #999; margin-left: 5px; padding:5px 0 3px 5px; }

.specific-search { width:100%; color:#222; padding-left:10px; }
.specific-search h3 { font-size:125%; line-height:25px; border-bottom:1px dotted maroon; color:maroon; margin:10px 0 7px 2px; display:block; text-transform:uppercase; }
.specific-search .by-category h4 { font-size:110%; text-transform:uppercase; margin:5px 0 0 2px; }
.specific-search  td { background:#fff; border-bottom:1px dotted #ccc; padding:0; }

.by-category  th { background:#fff; border:0; padding-left:10px; }
.by-category  td { background:#fff; border:0; padding:0 5px 0 0; }
.by-category .text { height:15px; width:200px; padding:3px 0 1px 2px; }

.toggle h4 { font-size:100%; color:maroon; cursor:pointer; margin:10px 0 0 10px;}
.toggle_content  { padding-left:10px; }
.toggle_content .text-tcid { height:16px; width:100px; padding:4px 0 1px 3px; }
.toggle_content .text-org { height:16px; width:200px; padding:4px 0 1px 3px; }

/******* search pdb ****************/
.search-pdb th { color:#333; }
.search-pdb td { text-align:center; }
.search-pdb a { color:#2554C7; }
.search-pdb a:hover { color:maroon; }

/****** PRINT **********/
.print-format img, .print-format a {
	vertical-align:middle;
	padding-right:5px;
	border:0;
	text-decoration:none;
	color:#2554C7;
	float:right;
	font-size:95%;
	font-style:italic;
}
.fam-desc a {
	text-decoration:none;
	color:#2554C7;
	font-size:95%;  
        font-style:italic;
}
.print-format a:hover, .fam-desc a:hover {
	color:maroon;
}
.fam-desc {
	margin-bottom:10px;
}

/******** sp-search ***********/
#tcdb-sp-search {
	padding-left:10px;
}
#tcdb-sp-search a {
	color:blue;
}
#tcdb-sp-search a:hover {
	color:maroon;
}
#search-kw { 
	position:relative; 
	background:#eee;
	height:20px;
	border-top:1px solid #ccc;
	padding:3px 10px 3px 10px;
}
#search-kw .kw { float:left; }
#search-kw .rows { float:right; color:blue;}
#search-kw .kw i { color:blue; }
#search-kw .kw b { color:blue; }
#sp-search-bits {
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:110%;
	color:#222;
	clear:both;
}
#sp-search-bits span a {
	font-size:110%;
	color:blue;
	text-decoration:underline;
}
#sp-search-bits span a:hover {
	color:maroon;
	text-decoration:underline;
}
.highlight_word{
    background-color:#FAAFBA;
}
#tcdb-sp-search table {
	width:100%;
}
#tcdb-sp-search th {
	background:#eee;
	border-left:1px solid #999;	
	border-top:1px solid #999;		
	text-align:center;
	height:25px;
	color:#222;
}
#tcdb-sp-search td {
	color:#333;
	border-left: 1px dotted #999;	
	border-bottom: 1px dotted #999;	
	padding: 5px;
	background: #fff;
}
.center {text-align:center;}

/************ dialog box pop up ***********/
#dialog-overlay {
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 
	
	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}
#dialog-box {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:428px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}
#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#333; 
	font-family:"Times New Roman", Times;
	font-size:15px; 
}
a.button {
	font-size:12px; 
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color:maroon;
	display: block;
	width:60px;
	padding: 5px 10px 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}
/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}
#tcdb-seq-download {
	padding-left:10px;
}
#tcdb-seq-download pre {
	padding-left:10px;
}

.blastmatch {
	color:#F00;
}

.resultcount {
	font-size:34px;
}


.resultcount {
	font-size:34px;
}
