/*

Copyright (C) 2005 Mike Tyers, All Rights Reserved

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

For more information on this software, contact biogridadmin@gmail.com

*/

/* RESET STYLES FOR CONSISTENCY ACROSS BROWSERS */
/* USING YAHOO RESET.CSS */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/* BEGIN BIOGRID STYLES */

html{ 
	background-color: #f8faf9;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

a { border: 0; }
img { border: 0; border-style: none; }
strong { font-weight: bold; }

/* WRAP - Overall Site Wrapping Container */

#wrap.main {
	background: transparent url( ../images/biogrid_main_background.png ) top left repeat-x;
}

#wrap.inside {
	background: transparent url( ../images/biogrid_inside_background.png ) top left repeat-x;
	width: 100%;
}

/* CONTENT - Fixed Width Site Content Container*/
	
#content {
	width: 1024px;
	height: 800px;
	margin: 0 auto;
}

/* BUTTONS */

.button-large {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	background-color: #B9D7D9;
	padding: 10px;
	cursor: pointer;
}

.buttonLink {
	color: #333;
	text-transform: none;
	text-decoration: none;
}

/* HEADER */

#header {
	width: 1024px;
	position: relative;
}

#header.main {
	height: 366px;
	background: transparent url( ../images/biogrid_main_headerbg.jpg ) top right no-repeat;
}

#header.inside {
	height: 150px;
	background: transparent url( ../images/biogrid_inside_headerbg.jpg ) top right no-repeat;
}

/* NAVBAR */

#header #navbar {
	height: 50px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

#header #navbar #logo {
	color: #FFF;
	font-weight: bold;
	font-size: 2.4em;
}

#header #navbar sup {
	font-size: 0.5em;
	vertical-align: super;
	padding-left: 5px;
}

#header #navbar #logo a {
	color: #FFF;
	text-decoration: none;
}

#header #navbar #links {
	position: absolute;
	top: 14px;
	right: 0px;
}

#header #navbar #links li {
	float: left;
	font-weight: bold;
	margin-right: 15px;
	font-size: 1.05em;
}

#header #navbar #links li a,
#header #navbar #links li a:visited {
	color: #FFF;
	text-decoration: none;
}

#header #navbar #links li a:hover {
	color: #b9d7d9;
}

/* HEADER INSIDE TEXT */

#header #insidetext {
	background-color: transparent;
	position: absolute;
	top: 50px;
	left: 10px;
	width: 505px;
	text-align: left;
}

#header #insidetext h1 {
	color: #FFF;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 25px;
}


/* HEADER MAIN TEXT */

#header #buttonbox {
	position: absolute;
	bottom: 20px;
	left: 50px;
}

#header #maintext {
	background-color: transparent;
	position: absolute;
	height: 315px;
	top: 50px;
	left: 5px;
	width: 505px;
	text-align: left;
}

#header #maintext h1 {
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 25px;
}

#header #maintext p {
	color: #FFF;
	font-size: 1.0em;
	letter-spacing: 1px;
	padding-left: 15px;
	margin-top: 10px;
	line-height: 20px;
}

/* SEARCH BOX */

#header #searchbox {
	width: 462px;
	height: 300px;
	background: transparent url( ../images/biogrid_main_searchbox_bg.png ) top left no-repeat;
	position: absolute;
	right: 25px;
	top: 55px;
}

#header #searchbox #searchbox-content {
	margin-right: 10px;
}

#header #searchbox h2 {
	font-size: 1.8em;
	color: #FFF;
	font-weight: bold;
	margin-top: 15px;
}

#header #searchbox form {
	margin-top: 5px;
}

#header #searchbox #inputbox {
	background: transparent url( ../images/biogrid_main_searchbox_input_bg.png ) top center no-repeat;
	width: 393px;
	height: 36px;
	margin-left: 33px;
	margin-top: 10px;
}

#header #searchbox #inputbox input {
	width: 370px;
	font-size: 24px;
	margin-top: 4px;
	border: 0px solid #FFF;
	outline: 0px;
	*margin-left: -30px;
	color: #333;
}

#header #searchbox select {
	font-size: 20px;
	margin-top: 10px;
	padding: 5px;
	margin-left: 10px;
	background-color: #FFF;
}

#header #searchbox .searchButton {
	border: none;
	margin: 0 auto;
	margin-top: 10px;
	margin-left: 120px;
	cursor: pointer;
	text-align: center;
}

#header #searchbox #searchbox-buttons {
	margin-top: 15px;	
	margin-left: 10px;
}

#header #searchbox #searchbox-buttons img {
	padding-right: 5px;
}

#header #smallsearchbox {
	position: absolute;
	right: 10px;
	top: 45px;
	text-align: right;
	width: 400px;
}

#header #smallsearchbox .searchButton {
	background: transparent url( ../images/biogrid_inside_search_buttonbg.png ) top left no-repeat;
	border: none;
	width: 106px;
	height: 38px;
	margin-top: 7px;
	margin-left: 5px;
	cursor: pointer;
	margin-right: 10px;
}

#header #smallsearchbox #inputbox {
	background: transparent url( ../images/biogrid_inside_search_input_bg.png ) top center no-repeat;
	width: 392px;
	height: 42px;
	margin-top: 10px;
}

#header #smallsearchbox #inputbox input {
	width: 370px;
	font-size: 24px;
	margin-top: 6px;
	margin-right: 10px;
	background-color: #F8FAF9;
	outline: 0px;
	border: none;
	color: #333;
}

#header #smallsearchbox select {
	font-size: 16px;
	margin-top: 11px;
	padding: 3px;
	margin-left: 0px;
	float: left;
	margin-left: 10px;
	background-color: #FFF;
}

/* MAIN */

#main {
	width: 1010px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

#main h3 {
	font-size: 1.15em;
	text-transform: uppercase;
	color: #333;
}

#main a.partners,
#main a.partners:visited {
	color: #7B3B3B;
	font-weight: bold;
	text-decoration: none;
}

#main a.partners:hover {
	color: #668284;
}

#main #topSplitBox {
	height: 305px;
}

#main #topSplitBox-Left {
	width: 530px;
	padding-right: 10px;
	border-right: 1px solid #CCC;
	height: 305px;
}

#main #topSplitBox-Left .interest-item {
	height: 117px;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	width: 240px;
	text-align: left;
	padding: 10px;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#main #topSplitBox-Left .interest-item .interest-headline {
	font-weight: bold;
	font-size: 1.00em;
	margin-top: 8px;
}

#main #topSplitBox-Left .interest-item img {
	margin-right: 10px;
}

#main #topSplitBox-Left .interest-item p {
	margin-top: 10px;
	font-size: 0.85em;
	color: #666;
}

#main #topSplitBox-Right {
	float: right;
	width: 450px;
	text-align: center;
}

#main #topSplitBox-Right img {
	margin-right: 5px;
	margin-top: 5px;
}

#main #topSplitBox-Right #partnerImages {
	margin-left: 8px;
}

/* NEWS BOX */

#main #newsbox {
	margin-top: 10px;
	border-top: 1px solid #CCC;
	margin-left: 10px;
	padding-top: 10px;
	text-align: left;
}

#main #newsbox h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
}

#main #newsbox .newspost {
	margin-top: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
}

#main #newsbox .newspost p {
	margin-bottom: 8px;
}

#main #newsbox ul {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 25px;
}

#main #newsbox ul li {
	margin-bottom: 5px;
	list-style: circle;
}

#main #newsbox .newspost a,
#main #newsbox .newspost a:visited {
	color: #7B3B3B;
	text-decoration: none;
	font-weight: bold;
}

#main #newsbox .newspost a:hover {
	color: #668284;
}

#main #newsbox .newspost .newspost-title {
	font-size: 1.1em;
	color: #333;
}

#main #newsbox .newspost .newspost-body {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.9em;
	color: #666;
}

#main #newsbox .newspost .newspost-details {
	margin-left: 5px;
	color: #999;
	font-size: 0.75em;
}

/* MAIN RESULTBOX */

#main #resultbox h3 {
	font-size: 1.1em;
	margin-bottom: 3px;
	margin-top: 10px;
	text-transform: none;
}

#main #resultbox h2 {
	font-size: 1.4em;
	margin-bottom: 10px;
}

#main #resultbox ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main #resultbox ul li {
	list-style-type: circle;
	margin-left: 25px;
	margin-top: 5px;
}

#main #resultbox a,
#main #resultbox a:visited {
	color: #009;
	text-decoration: none;
	font-weight: bold;
}

#main #resultbox a:hover {
	color: #924646;
}

#main #resultbox .result-container {
	padding: 7px;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#main #resultbox .result-container .officialSymbol {
	font-size: 1.1em;
	font-weight: bold;
}

#main #resultbox .result-container .definition {
	font-size: 0.8em;
	margin-left: 5px;
}

#main #resultbox .result-container .organism,
#main #resultbox .result-container .associations {
	font-size: 0.8em;
	margin-top: 1px;
	font-weight: bold;
	margin-left: 5px;
}

#main #resultbox .result-container .linkURL {
	display: none;
}

#main #resultbox .with-interactions {
	background-color: #EFF;
	cursor: pointer;
	border: 1px solid #DDD;
}

#main #resultbox .without-interactions {
	background-color: #EEE;
	cursor: pointer;
	border: 1px solid #DDD;
}

#main #resultbox .bottomlink {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	background-color: #EEE;
	border: 1px solid #DDD;
}

/* DOWNLOAD */

#main .download-bubble {
	padding: 10px;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #DDD;
	margin-bottom: 5px;
	font-size: 14px;
}

#main .download-bubble a,
#main .download-bubble a:visited {
	text-decoration: none;
	color: #00F;
}

#main .download-bubble a:hover {
	color: #F00;	
}

#main .download-bubble .warning {
	color: #F00;
	font-weight: bold;
}

#main .download-bubble h1 {
	font-size: 16px;
	font-weight: bold;
}

#main #build-custom-download {
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #DDD;
}

#main #build-custom-download p {
	font-size: 14px;
	margin-bottom: 20px;
}

#main #build-custom-download a {
	text-decoration: none;
	font-weight: bold;
}

#main #build-custom-download img {
	margin-left: 20px;	
	width: 75px;
	height: 100px;
}

#main #build-custom-download .progressWrapper {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#main #build-custom-download .progressWrapper img {
	width: 150px; 
	height: 15px; 
	float: none;
	margin: 0px;
}

#main #build-custom-download #errorMsg {
	color: #F03;
	margin-top: 10px;
}

#main #build-custom-download h2 {
	font-size: 1.3em;
	color: #3B404A;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 3px;
}

#build-custom-download form {
	margin-top: 10px;
	padding: 0;
}

#build-custom-download form div { position: relative; }

#build-custom-download label {
	position: absolute;
	font: normal 1.2em Verdana, sans-serif; 
	top: 17px; 
	left: 10px;
	color:#909993;
}

#build-custom-download #custom_download_query {
	padding: 5px;
	padding-left: 10px;
	font: normal 1.2em Verdana, sans-serif;
	margin-top: 10px;
	width: 800px;
}

#build-custom-download #step-box {
	background-color: #EEE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #DDD;
}

#main #build-custom-radio {
	font-size: 1.2em;
	color: #3B404A;
	padding-top: 3px;
	padding-bottom: 0px;
}

#main #build-custom-radio div {
	padding-top: 5px;
	padding-bottom: 0px;
}

#main #build-custom-download #buildButton {
	margin-top: 10px;
}

#main #build-custom-download select {
	font-size: 20px;
	margin-top: 10px;
	padding: 5px;
	margin-left: 10px;
}


#main #build-custom-download #errorbox { 
	margin-top: 50px; 
	font-size: 1.5em; 
	line-height: 24px; 
	text-align: left; 
	width: 300px; 
	display: none; 
	color: #F00; 
	margin-right: 10px; 
	padding: 5px; 
	border: 1px solid #F00; 
	float: right;	
}


/* STATIC DOWNLOAD FILES */

#main #download-static {
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #DDD;
}



#main #build-custom-file #buildCustomSplitBox {
	margin-top: 5px;
}

#main #build-custom-file #buildCustomSplitBox-Left {
	text-align:right;
	width: 5%;
}


#main #build-custom-file #buildCustomSplitBox-Right {
	float: right;
	width: 94%;
}




#main #build-custom-file form {
	margin-top: 5px;
}

#main #build-custom-download #inputbox {
	background: transparent url( ../images/biogrid_main_searchbox_input_bg.png ) top center no-repeat;
	width: 393px;
	height: 36px;
	margin-left: 33px;
	margin-top: 10px;
}

#main #build-custom-file #inputbox input {
	width: 370px;
	font-size: 24px;
	margin-top: 4px;
	border: none;
	color: #333;
}




#main #build-custom-file #searchbox-buttons {
	margin-top: 15px;	
	margin-left: 10px;
}

#main #build-custom-file #searchbox-buttons img {
	padding-right: 5px;
}


/* INTERACTION SUMMARY */

#main #summary-header {
	width: 100%;
	overflow: hidden;
}

#main #summary-header h1 {
	font-size: 1.5em;
	font-weight: bold;
}

#main #summary-header h4 {
	font-size: 1.0em;
	font-weight: bold;
}

/* PROTEIN DETAILS */

#main #summary-header #protein-details {
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 545px;
	padding: 10px 10px 0px 10px;
	float: left;
	border: 1px solid #DDD;
}

#main #summary-header #protein-details #organism {
	margin-top: 5px;
	font-style: italic;
}

#main #summary-header #protein-details #aliases {
	font-size: 0.9em;
	margin-left: 5px; 
}

#main #summary-header #protein-details #definition {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #EEE;
	padding: 10px;
	margin-top: 5px;
	font-size: 0.9em;
	font-weight: bold;
}

#main #summary-header #protein-details ul {
	margin-left: 0px;
}

#main #summary-header #protein-details li {
	list-style: disc;
	margin-left: 20px;
}

#main #summary-header #protein-details #goTerms {
	margin-top: 10px;

	margin-left: 5px;
}

#main #summary-header #protein-details #goTerms #goComponentSummary {
	background-color: #FFD;
	cursor: pointer;
}
#main #summary-header #protein-details #goTerms #goProcessSummary {
	background-color: #DFF;
	cursor: pointer;
}
#main #summary-header #protein-details #goTerms #goFunctionSummary {
	background-color: #DFD;
	cursor: pointer;
}
#main #summary-header #protein-details #goTerms #goNone{
	background-color: #EEE;
}

#main #summary-header #protein-details #goTerms #goComponentSummary,
#main #summary-header #protein-details #goTerms #goProcessSummary,
#main #summary-header #protein-details #goTerms #goFunctionSummary,
#main #summary-header #protein-details #goTerms #goNone {
	padding: 3px;
	font-size: 0.8em;
	width: 169px;
	margin-left: 2px;
	float: left;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#main #summary-header #protein-details #goTerms #goSummaryBlock {
	height: 22px;
	margin-bottom: 10px;
}

#main #summary-header #protein-details #goTerms #goTermsBlock {
	margin-top: 5px;
	text-align: justify;
}

#main #summary-header #protein-details #goTerms #goTermsBlock h3 {
	font-size: 14px;
	font-weight: bold;
}

#main #summary-header #protein-details #goTerms #goTermsBlock .goEvidence {
	font-size: 0.7em;
	font-weight: bold;
}

#main #summary-header #protein-details #goTerms #goTermsBlock a,
#main #summary-header #protein-details #goTerms #goTermsBlock a:visited {
	color: #009;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}

#main #summary-header #protein-details #goTerms #goTermsBlock a:hover {
	color: #7b3b3b;
}

#main #summary-header #protein-details #goTerms #goComponentTerms,
#main #summary-header #protein-details #goTerms #goProcessTerms,
#main #summary-header #protein-details #goTerms #goFunctionTerms {
	display: none;
	border-top: 1px solid #ddd;
	padding: 10px;
}

#main #summary-header #protein-details #linkouts {
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 5px;
	font-size: 12px;
}

#main #summary-header #protein-details #linkouts h3 {
	font-size: 14px;
	font-weight: bold;
}

#main #summary-header #protein-details #linkouts a,
#main #summary-header #protein-details #linkouts a:visited {
	color: #009;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}

#main #summary-header #protein-details #linkouts a:hover {
	color: #7b3b3b;
}

#main #summary-header #protein-details #download {
	margin: 0 auto;
	width: 300px;
	text-align: center;
	margin-top: 7px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #EFF;
	border: 1px solid #DDD;
	text-transform: none;
	cursor: pointer;
}

#main #summary-header #protein-details #download img {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

#main #summary-header #protein-details #geneID,
#main #summary-header #protein-details #organismID {
	display: none;
}

/* STAT DETAILS */

#main #summary-header #stat-details {
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: Verdana, Arial, sans-serif;
	width: 426px;
	padding: 5px;
	margin-left: 5px;
	float: left; 
	border: 1px solid #DDD; 
	text-transform: none;
	font-size: 11px;
} 

#main #summary-header #stat-details h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 3px;
}

#main #summary-header #stat-details h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#main #summary-header #statsAndFilters {
	margin-top: 5px;
}

#main #summary-header #stat-details #pubStats {
	font-size: 12px;
	margin-top: 0px;
}

#main #summary-header #stat-details .statisticRow {
	font-size: 12px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	position: relative;
}

#main #summary-header #stat-details .colorFill {
	font-size: 12px;
	height: 20px;
	margin-right: auto;
}

#main #summary-header #stat-details .statDetails {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 98%;
	padding-left: 4px;
}

#main #summary-header #stat-details #filterButton {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}

#main #summary-header #stat-details .noFilter {
	background-color: #EEE;
}

#main #summary-header #stat-details .activeFilter {
	background-color: #EFE;
}

#main #summary-header #stat-details #filterButton #filterInside {
	height: 100%;
	padding: 10px;
	margin-right: 10px;
	background: transparent url( '../images/icons/filters.png' ) center right no-repeat;
}

/* FILTER LIST */

#filterList {
	text-align: left;
}

#filterList h2 {
	font-size: 24px;
	font-weight: bold;
}
	
#filterList p {
	font-size: 12px;
}

#filterList .filterOption {
	margin-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #EEE;
	padding: 10px;
	margin-right: 10px;
}

#filterList h3 {
	font-size: 16px;
	font-weight: bold;
}

#filterList input {
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	padding: 3px;
}

#filterLink {
	text-decoration: none;		
}

/* INTERACTION-RESULTS */

#main #interaction-results {  
	width: 998px;
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #DDD; 
	margin-top: 5px;
	text-transform: none;
}

#main #interaction-tabs {
	background-color: #7B3B3B;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 30px;
}

#main #interaction-tabs li {
	float: left;
	background-color: #EEE;
	height: 14px;
	margin-left: 5px;
	margin-top: 3px;
	font-size: 10px;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
}

#main #interaction-tabs .header {
	float: left;
	color: #FFF;
	margin-top: 9px;
	font-weight: bold;
	font-size: 11px;
	margin-left: 5px;
}

#main #interaction-tabs .highlightTab,
#main #interaction-tabs .activeTab {
	background-color: #FFC;
}

#main #interaction-tabs .noClickTab {
	background-color: #FFC;
	cursor: auto;
}

#main #interaction-results #summary-toolbar {
	width: 99%;
	background-color: #EEE;
	margin: 0px 3px 3px 0px;
	padding: 5px;
	font-size: 14px;
}

#main #interaction-results .pagination {
	margin-right: 5px;
	font-weight: bold;
}

#main .pagination .pageOn,
#main .pagination .pageOff {
	margin-right: 5px;
}

#main .pagination .pageOn {
	background-color: #FFF;
	border: 1px solid #7B3B3B;
	font-weight: bold;
} 

#main .pagination a,
#main .pagination a:visited {
	text-decoration: none;
	border: 1px solid transparent; 
}

#main .pagination a:hover {
	border: 1px solid #7B3B3B;
	background-color: #FFF;

}

#main #interaction-results h4 {
	font-size: 14px;	
}

#main #interaction-results h4 a {
	text-decoration: none;
	font-weight: bold;
	color: #03C;
}

#main #interaction-results h4 a:hover {
	color: #7B3B3B;
}

#main #interaction-results #summary-view {
	max-height: 800px;
	overflow-y: scroll;
	position: relative;
}

#main #interaction-results #summary-view .association {
	width: 948px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 3px;
	border: 1px solid #DDD; 
	position: relative;
}

#main #interaction-results #summary-view .sameOrganism {
	background-color: #EFF;
}

#main #interaction-results #summary-view .differentOrganism {
	background-color: #FFFFEF;
}

#main #interaction-results #summary-view .associationSymbol {
	float: left;
	margin-right: 5px;
}

#main #interaction-results #summary-view .associationSymbol a,
#main #interaction-results #summary-view .associationSymbol a:visited {
	text-decoration: none;
	color: #009;
}

#main #interaction-results #summary-view .associationSymbol a:hover {
	color: #7B3B3B;
}

#main #interaction-results #summary-view .association h3 {
	font-size: 16px;
	font-weight: bold;
}

#main #interaction-results #summary-view .associationNames {
	height: 20px;
}

#main #interaction-results #summary-view .associationDesc,
#main #interaction-results #summary-view .associationOrganism {
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 1px;
}

#main #interaction-results #summary-view .associationAliases { 
	font-size: 13px;
	margin-top: 1px;
}

#main #interaction-results #summary-view .associationSummary {
	float: right;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
}

#main #interaction-results #summary-view .associationSummary .associationSummaryBox {
	padding: 5px;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	overflow: auto;
}

#main #interaction-results #summary-view .associationSummary .associationSummaryDetails {
	display: none;
}

#main #interaction-results #summary-view .associationSummary .detailsLink {
	margin-top: 7px;
	cursor: pointer;
	color: #00F;
	font-size: 10px;
}

#main #interaction-results #summary-view .association .resultTable {
	display: none;
}

#main #interaction-results .interactionTable {
	width: 100%;
	border: 1px solid #666;
}

#main #interaction-results .interactionTable thead {
	background-color: #333;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}

#main #interaction-results .interactionTable thead th {
	padding: 5px;
}

#main #interaction-results .interactionTable tbody tr {
	border-top: 1px solid #666;
}

#main #interaction-results .interactionTable tbody td {
	font-size: 11px;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#main #interaction-results .interactionTable tbody td.systemName {
	font-size: 11px;
	font-weight: bold;
}

#main #interaction-results .interactionTable tbody td .systemLink {
	color: #00F;
	cursor: pointer;
}

#main #interaction-results .interactionTable tbody td .systemDesc {
	display: none;
}

#main #interaction-results #summary-view .additionalDetails {
	height: 13px;
	cursor: pointer;
}


#main #interaction-results #summary-view .additionalDetailInfo,
#main #interaction-results #summary-view .pubID {
	display: none;
}

#main #interaction-results .interactionTable .pubLink {
	cursor: pointer;
}

#main #interaction-results .interactionTable a,
#main #interaction-results .interactionTable a:visited {
	text-decoration: none;
	color: #00F;
}

#main #interaction-results .interactionTable a:hover {
	color: #7B3B3B;
}

#main #interaction-results .interactionTable thead a {
	color: #FFF;
	text-decoration: underline;
}

#main #interaction-results .interactionTable thead a:hover {
	color: #FF6;
}

#main #interaction-results .systemBox {
	padding: 3px 0px 6px 5px;	
	text-align: left;
	font-weight: bold;
}

/* FOOTER */

#footer {
	background-color: #7b3b3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 5px;
	text-align: center;
	padding: 10px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
}

#footer a,
#footer a:visited {
	color: #b9d7d9;
	text-decoration: none;
}

#footer a:hover {
	color: #668284;
}

#footer-links {
	font-size: 12px;
	padding-bottom: 25px;
	text-align: center;
}

#footer-links a,
#footer-links a:visited {
	color: #7B3B3B;
	text-decoration: none;
	font-weight: bold;
}

#footer-links a:hover {
	color: #668284;
}

/* TOOLTIP TEXT */


.tooltipText .tooltipTextBox {
	margin-bottom: 5px;
}

.tooltipText .tooltipTextBox .tooltipTitle {
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
	margin-top: 5px;
}

.tooltipText .tooltipTextBox li {
	list-style: disc;
	margin-left: 16px;
	font-size: 16px;
	text-transform: none;
}

.tooltipText .tooltipTextBox p {
	margin-top: 5px;
	font-size: 14px;
	text-transform: none;
}

.tooltipText .tooltipDetailsLink {
	text-align: center;
	font-size: 10px;
	margin-top: 5px;
}

/* UTILITY CLASSES */

.unbold { font-weight: normal; }
.bolden { font-weight: bold; }
.rightbar { padding-right: 15px; border-right: 1px solid #FFF; }
.smalltext { font-weight: bold; color: #FFF; font-size: 0.80em; }
.left { float: left; }
.right { float: right; }
.highlight { text-transform: uppercase; color: #924646; font-weight: bold; }
.highlight-nocaps { color: #924646; font-weight: bold; }
.collapsed { display: none; }
.centertext { text-align: center; }
.righttext { text-align: right; }
.fullwidth { width: 100%; }
.physical { background-color: #FC0; }
.genetic { background-color: #9F9; }
.filtered { background-color: #EEE; }
.physical-ltp { background-color: #FFA; }
.genetic-ltp { background-color: #CFC; }
.bottomSpacer { margin-bottom: 10px; }
.hiddenDefinition { display: none; }
.filteredInfo {font-weight: bold; color: #7B3B3B; }
.warning {font-weight: bold; color: #F00; }

/* CLEAR FIX */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}