/*

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 support@thebiogrid.org

*/

/* 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-giant {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 300px;
	background-color: #B9D7D9;
	padding: 10px;
	cursor: pointer;
}

.button-large {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	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;
}

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

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

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

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

/* 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 left 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 #insidetextfull {
	background-color: transparent;
	position: absolute;
	top: 50px;
	left: 10px;
	width: 1000px;
	text-align: left;
}

#header #insidetext h1,
#header #insidetextfull 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: 35px;
}

#header #maintext {
	background-color: transparent;
	position: absolute;
	height: 315px;
	top: 40px;
	left: 5px;
	width: 490px;
	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;
}

#header #maintext .homeStat {
    color: #f4ee4e;
    font-weight: bold;
}

/* SEARCH BOX */

#header #searchbox {
	width: 462px;
	height: 300px;
	background: transparent url( ../images/biogrid_main_searchbox_bg.png ) top left no-repeat;
	position: absolute;
	right: 50px;
	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: #FFF;
	width: 393px;
	*width: 375px;
	height: 36px;
	margin-left: 33px;
	*margin-left: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#header #searchbox #textareaBox {
	background: #FFF;
	width: 375px;
	margin-left: 33px;
	*margin-left: 3px;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#header #searchbox textarea {
	border: 0px;	
	outline: none;
	width: 370px;
	height: 66px;
	text-align: left;
	overflow: auto;
}

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

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

#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;
}

.ie7smallbutton {
	*margin-left: 10px;
}

.ie7smallbutton-pushed {
	*margin-left: 10px;
	*margin-top: 12px;
}

#header #searchtabbox {
	height: 300px;
	width: 35px;
	margin-top: 22px;
	position: absolute;
	right: 20px;
}

#header #publicationSearch,
#header #chemicalSearch {
	display: none;
}

#header #searchtabbox .searchTab {
	cursor: pointer;
}

/* 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;
	border-radius: 10px;
	-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 .newsList {
	width: 595px;
}

#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;
	border-radius: 10px;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
}

#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-title a,
#main #newsbox .newspost .newspost-title a:visited {
	font-weight: normal;
	font-size: 1.1em;
	color: #333;
}

#main #newsbox .newspost .newspost-title a:hover {
	color: #7B3B3B;
}

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

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

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

#main #newsbox .tweetBox {
	width: 400px; 
	float: right;
}

#main #newsbox .tweetBox .tweets {
	 border-left: 1px solid #dddddd; 
	 border-right: 1px solid #dddddd;
}

#main #newsbox .tweetBox a {
	font-weight: bold !important;
}

/* MAIN RESULTBOX */

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

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

#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-bottom: 5px;
	color: #333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#main #resultbox .result-container .officialSymbol {
	font-size: 1.3em;
    font-weight: bold;
    line-height: 22px;
    line-break: anywhere;
}

#main #resultbox .result-container .definition {
	font-size: 0.9em;
    margin-left: 5px;
    margin-bottom: 5px;
    font-weight: normal;
}

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

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

#main #resultbox .result-container .organism {
	font-style: italic;
	text-align: right;
	font-size: 11px;
}

#main #resultbox .result-container .projectTagWrap .projectTag {
    font-weight: normal;
}

#main #resultbox .result-container .results-right .statBubble {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px;
	padding-left: 5px;
	font-size: 12px;
	margin-top: 1px;
}

#main #resultbox .result-container .results-right .interactorStat {
	background-color: #FCFCE1;
	color: #333;
}

#main #resultbox .result-container .results-right .interactionStat {
	background-color: #E1E1FC;
	color: #333;
}

#main #resultbox .result-container .results-right .chemStat {
	background-color: #d0fac5;
	color: #333;
}

#main #resultbox .result-container .results-right .ptmStat {
	background-color: #F5D7B8;
	color: #333;
}

#main #resultbox .result-container .results-right .complexStat {
	background-color: #FDCBD5;
	color: #333;
}


#main #resultbox .result-container .results-left {
	width: 73%;
	padding-right: 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;
}

/* NEWS */

#main .news-bubble h2 {
	font-size: 1.8em;
	font-weight: bold;
}

#main .news-bubble .news-body {
	font-size: 16px;
	padding: 10px;
	line-height: 22px;
}

#main .news-bubble .news-body p {
	margin-bottom: 10px;
}

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

#main .news-bubble .news-body a:hover {
	color: #668284;
}

#main .news-bubble .news-body ul {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 25px;
}

#main .news-bubble .news-body ul li {
	margin-bottom: 5px;
	list-style: circle;
}

#main .news-bubble .news-details {
	font-size: 16px;
	color: #666;
}

/* DOWNLOAD */


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

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


#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 .downloadError {
	margin-top: 10px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px dotted #DDD;
	font-size: 18px;
}

#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;
	border-radius: 10px;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #DDD;
}

#build-custom-download .step-wrapper {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 10px 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	border: 1px dotted #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;
	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 {
	overflow: hidden;
}

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

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

/* PROTEIN DETAILS */

#main #summary-header .interactor-details {
	width: 100%;
	padding-bottom: 5px;
}

#main #summary-header .interactor-details.marginRight {
	margin-right: 10px;
}

#main #summary-header #protein-details #organism,
#main #summary-header .interactor-details #organism {
    font-style: italic;
    font-size: 0.9em;
    text-align: right;
    font-weight: bold;
}

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

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

#main #summary-header .interactor-details h1 a:hover {
	color: #7b3b3b;
}

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

#main #summary-header #protein-details #genetags,
#main #summary-header .interactor-details #genetags {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #f8faf9;
	padding: 5px;
	margin-top: 5px;
	font-size: 0.9em;
	font-weight: bold;
}

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

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

#main #summary-header #protein-details #goTerms,
#main #summary-header .interactor-details #goTerms {
	margin-top: 10px;
	margin-left: 5px;
}

#main #summary-header #protein-details #goTerms .goComponentSummary,
#main #summary-header .interactor-details #goTerms .goComponentSummary {
	background-color: #FFD;
	cursor: pointer;
}
#main #summary-header #protein-details #goTerms .goProcessSummary,
#main #summary-header .interactor-details #goTerms .goProcessSummary {
	background-color: #DFF;
	cursor: pointer;
}
#main #summary-header #protein-details #goTerms .goFunctionSummary,
#main #summary-header .interactor-details #goTerms .goFunctionSummary {
	background-color: #DFD;
	cursor: pointer;
}
#main #summary-header #protein-details #goTerms .goNone,
#main #summary-header .interactor-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,
#main #summary-header .interactor-details #goTerms .goComponentSummary,
#main #summary-header .interactor-details #goTerms .goProcessSummary,
#main #summary-header .interactor-details #goTerms .goFunctionSummary,
#main #summary-header .interactor-details #goTerms .goNone {
	padding: 3px;
	font-size: 0.8em;
	width: 33%;
    margin-left: 1px;
    display: inline-block;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#main #summary-header .interactor-details #goTerms .goComponentSummary,
#main #summary-header .interactor-details #goTerms .goProcessSummary,
#main #summary-header .interactor-details #goTerms .goFunctionSummary,
#main #summary-header .interactor-details #goTerms .goNone {
	width: 32%;
}

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

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

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

#main #summary-header #protein-details #goTerms .goTermsBlock .goEvidence,
#main #summary-header .interactor-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,
#main #summary-header .interactor-details #goTerms .goTermsBlock a,
#main #summary-header .interactor-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,
#main #summary-header .interactor-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,
#main #summary-header .interactor-details #goTerms .goComponentTerms,
#main #summary-header .interactor-details #goTerms .goProcessTerms,
#main #summary-header .interactor-details #goTerms .goFunctionTerms {
	display: none;
	border-top: 1px solid #ddd;
	padding: 10px;
}

#main #summary-header #protein-details .organismBottom,
#main #summary-header .interactor-details .organismBottom {
	text-align: center;
	margin-top: 5px;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}

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

#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 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 #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,
#main #summary-header #stat-details #viewerButton  {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	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;
}

#main #summary-header #stat-details #viewerButton #filterInside {
	height: 100%;
	padding: 10px;
	margin-right: 10px;
	background: transparent url( '../images/icons/viewer.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;
	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-tabs {
	background-color: #7B3B3B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}

#main #interaction-tabs ul {
    margin-bottom: 0px;
}

#main #interaction-tabs li {
    background-color: #EEE;
    display: inline-block;
    margin-left: 5px;
    margin-top: 3px; margin-bottom: 3px;
	font-size: 0.8em;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#main #interaction-tabs li .stat {
    background-color: #333;
    color: #FFF;
    padding: 4px;
    font-weight: bold;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

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

#main #interaction-tabs .plainHeader {
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    padding: 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 {
	background-color: #EEE;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	font-size: 14px;
}

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

#main #interaction-results #summary-toolbar #subtoolbar-right,
#main #interaction-results #summary-subtoolbar #subtoolbar-right {
	float: right;
}

#main #interaction-results #summary-smalltoolbar {
	background-color: #EEE;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 2px 5px;
	font-size: 14px;
}

#main #interaction-results #summary-toolbar a,
#main #interaction-results #summary-toolbar a:visited,
#main #interaction-results #summary-subtoolbar a,
#main #interaction-results #summary-subtoolbar a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #009;
}

#main #interaction-results #summary-toolbar a:hover,
#main #interaction-results #summary-subtoolbar a:hover {
	color: #7B3B3B;
}

#main #interaction-results #summary-subtoolbar .activeSort {
	background-color: #ffc;
}

#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 {
	position: relative;
}

#main #interaction-results #summary-view .association,
#main #interaction-results #summary-view .associationSplit {	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin-top: 3px;
	border: 1px solid #DDD; 
	cursor: pointer;
}

#main #interaction-results #summary-view .associationSplit {
	padding-right: 0px;
}

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

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

#main #interaction-results #summary-view .chemical {
	background-color: #EEFFEE;
}

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

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

#main #interaction-results #summary-view .associationSymbol {
    margin-right: 5px;
    font-size: 1.2em;
}

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

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

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

#main #interaction-results #summary-view .associationSplit .associationLeft {
	width: 78%;
	padding-right: 5px;
}

#main #interaction-results #summary-view .associationSplit .associationRight {
	width: 20%;
	float: right;
}

#main #interaction-results #summary-view .associationSplit .associationRight .associationBubble {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px;
	padding-left: 5px;
	font-size: 12px;
	margin-top: 1px;
	font-weight: bold;
}

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

#main #interaction-results #summary-view .chemNames h3 {
	font-size: 14px;
	text-transform: none;
}

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

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

#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;
	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;
	cursor: default !important;
}

#main #interaction-results .interactionTable {
    width: 100%;
    border-bottom: 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;
    border: 1px solid #666;
}

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

#main #interaction-results .interactionTable tbody tr.oddIntRow {
    background-color: #FCFCFC;
}

#main #interaction-results .interactionTable tbody tr.noSep {
	border-top: 0px;
}

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

#main #interaction-results .interactionTable tbody td.summaryCol {
	font-size: 12px;
	color: #333;
	padding: 0px; 
	margin: 0px;
	text-align: center;
}

#main #interaction-results .interactionTable tbody td.topPad {
	padding-top: 10px;
}

#main #interaction-results .interactionTable tbody td.bottomPad {
	padding-bottom: 10px;
}

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

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

#main #interaction-results .interactionTable tbody td .systemLink {
	color: #000;
	cursor: pointer;
    padding-top: 0px;
    display: inline-block;
}

#main #interaction-results .interactionTable tbody td .systemLink i {
    color: #00B;
}

#main #interaction-results .interactionTable tbody td a.geneLink {
    font-size: 1.2em;
}

.systemDesc {
	display: none;
}

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

#main #interaction-results #summary-view .chemicalNotes {
    cursor: pointer;
    font-size: 13px;
    height: 13px;

}

#main #interaction-results #summary-view .chemicalNotes .hiddenNote {
    display: none;
}

#main #interaction-results .interactionTable .pubLink,
#main #interaction-results .interactionTable .annotationLink {
	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 {
	text-align: left;
    font-weight: bold;
}

/* GENETAGS */

.genetagWrap {
	overflow: hidden;
	clear: both;	
}

.genetag,
.genetagFormat {
	margin: 2px;
	font-size: 10px;
	font-weight: bold;	
	overflow: hidden;
	display: block;
	float: left;
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
}

.genetagStyle1,
.genetagStyle3,
.genetagStyle4,
.genetagStyle5,
.genetagStyle6,
.genetagStyle7,
.genetagStyle8,
.genetagStyle9,
.genetagStyle10,
.genetagStyle11,
.genetagStyle12 { 
	border: 1px solid #CCC; 
	background-color: #69F; 
	font-size: 11px !important;
	font-weight: bold; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	color: #FFF; 
}

.genetagStyle2 { 
	border: 1px solid #CCC; 
	background-color: #603; 
	font-size: 11px !important; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	color: #FFF; 
}

/* FOOTER */

#footer {
	background-color: #7b3b3b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	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 */




/* HEADER BANNER */

.alert {
    padding: 15px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    font-size: 14px !important;
    line-height: 18px !important;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
    text-decoration: none;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}

.alert-warning {
    color: #000 !important;
    background-color: #f7dc48a6 !important;
    border-color: #010f064d !important;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color:rgb(10, 107, 172) !important;
}

.alert-warning .alert-link:hover {
    color: #F00 !important;
}

/* SEQUENCE SUMMARY */

#sequenceSummary { padding: 5px; }
#sequenceSummary h3 { padding-top: 5px; }
#sequenceSummary .subheadline { font-size: 12px; margin-left: 10px; font-style: italic; }

#sequenceAnnotation h3 { margin-left: 10px; margin-top: 10px; }
#sequenceAnnotation pre { font-size: 17px; letter-spacing: 2px; padding: 5px; color: #AAA; font-family: "Courier New", Courier, monospace; margin-bottom: 10px; }
#sequenceAnnotation .residueCount { display: inline-block; width: 45px; text-align: right; margin-right: 10px; }
#sequenceAnnotation #sequenceDetails { background-color: #EEE; padding: 10px; margin: 5px; font-size: 14px; -moz-border-radius: 10px; border-radius: 10px; }

/* PTMS */

.ptmSite { font-weight: bold; font-size: 20px; cursor: pointer; letter-spacing: 1px; }
.residueCount { color: #333; }

.phosphorylationTEXT, .dephosphorylationTEXT { color: #C00; }
.phosphorylationBG, .dephosphorylationBG { color: #FFF; background-color: #C00; }
.ubiquitinationTEXT, .deubiquitinationTEXT { color: #30A; }
.ubiquitinationBG, .deubiquitinationBG { color: #FFF; background-color: #30A; }
.neddylationTEXT, .deneddylationTEXT { color: #70b500; }
.neddylationBG, .deneddylationBG { color: #FFF; background-color: #70b500; }
.sumoylationTEXT, .desumoylationTEXT { color: #0079bf; }
.sumoylationBG, .desumoylationBG { color: #FFF; background-color: #0079bf; }
.ufmylationTEXT, .deufmylationTEXT { color: #ff78cb; }
.ufmylationBG, .deufmylationBG { color: #FFF; background-color: #ff78cb; }
.isg15ylationTEXT, .deisg15ylationTEXT { color: #00c2e0; }
.isg15ylationBG, .deisg15ylationBG { color: #FFF; background-color: #00c2e0; }
.isgylationTEXT, .deisgylationTEXT { color: #00c2e0; }
.isgylationBG, .deisgylationBG { color: #FFF; background-color: #00c2e0; }
.fat10ylationTEXT, .defat10ylationTEXT { color: #c377e0; }
.fat10ylationBG, .defat10ylationBG { color: #FFF; background-color: #c377e0;}
.ptmRoundedBubble { -moz-border-radius: 5px; border-radius: 5px; padding: 4px; font-weight: bold;}

.mergedPTM { color: rgb(238, 144, 2); }
.mergedPTMBG { background-color: rgb(238, 144, 2); color: #333; }
.highlightResidue { font-weight: bold; font-size: 14px; }
.locationInfo { font-weight: bold; font-size: 12px !important; }

.ptmTable { width: 100%; border: 1px solid #666;  }
.ptmTable thead { background-color: #333; color: #FFF; font-size: 10px; font-weight: bold;  }
.ptmTable thead th { padding: 5px; }
.ptmTable tbody tr { border-top: 1px solid #666; background-color: #FFF;  }
.ptmTable tbody td { font-size: 12px; color: #333; padding-left: 5px; }
.ptmTable tbody tr.alt { background-color: #EEE; }
.ptmTable .pubLink { cursor: pointer; }
.ptmTable a, .ptmTable a:visited { text-decoration: none; color: #00F; }
.ptmTable a:hover { color: #7B3B3B; }
.ptmTable thead a { color: #FFF; text-decoration: underline; }
.ptmTable thead a:hover { color: #FF6; }
.ptmDetailInfo { display: none; }
.ptmDetails { cursor: pointer; }
.ptmTable div { margin-bottom: 1px; }
.ptmTable .relationshipInfo { font-size: 12px; font-weight: bold; }
.ptmTable tbody tr.noSep { border-top: 0px; }
.ptmTable tbody td.topPad { padding-top: 10px; }
.ptmTable tbody td.bottomPad { padding-bottom: 10px; }

.ptmDetailBlock { padding: 5px; }
.ptmDetailBlockSpacing { margin-bottom: 5px; border-bottom: 1px solid #EEE; }
.ptmDetailBlock h2 { font-size: 18px; font-weight: bold; }
.ptmDetailBlock h3 { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 3px; }
.ptmDetailBlock .popupPublicationBlock { padding: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 5px; color: #333; font-size: 12px; }
.ptmDetailBlock .popupPublicationBlock a, .ptmDetailBlock .popupPublicationBlock a:visited { text-decoration: none; color: #00F;  }
.ptmDetailBlock .popupPublicationBlock a:hover { color: #7B3B3B; }
.ptmDetailBlock .popupPublicationBlock ul { margin-left: 20px; }
.ptmDetailBlock .popupPublicationBlock ul li { list-style: inherit; background-color: transparent !important; padding: 0px !important; }

.genetagDetailBlock { padding: 5px; font-size: 14px; }
.genetagDetailBlockSpacing { margin-bottom: 5px; border-bottom: 1px solid #EEE; }
.genetagDetailBlock h2 { font-size: 16px; font-weight: bold; }
.genetagDetailBlock h3 { font-size: 14px; font-weight: bold; margin-bottom: 2px; margin-top: 5px; }
.genetagDetailBlock ul { margin-left: 20px; }
.genetagDetailBlock ul li { list-style: inherit; margin-top: 2px;}
.genetagDetailBlock a, .genetagDetailBlock a:visited { text-decoration: none; color: #00F;  }
.genetagDetailBlock a:hover { color: #7B3B3B; }
.genetagProjectInfo { margin-top: 10px; }

.ptmStatsWrap { margin-top: 2px; height: 25px; font-size: 11px; }
.actionStatsWrap { margin-top: 2px; height: 20px; }

/* VIEWER */

.viewerWrap { width: 100%; height: 2000px; }
.chemicalActionBG { color: #000; background-color: #C2EBFF; }

/* PROJECTS */
.comingSoonHeader { margin-bottom: 10px; font-weight: bold; font-size: 20px; color: rgb(0, 0, 0); }

/* 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 !important; }
.genetic { background-color: #9F9 !important; }
.chemical { background-color: #CCEEFF !important; }
.chemicalsummary { background-color: #C2EBFF; }
.chemicalRow { background-color: #FFE; }
.filtered { background-color: #EEE; }
.physical-ltp { background-color: #ffeb99 }
.genetic-ltp { background-color: #CFC; }
.bottomSpacer { margin-bottom: 10px; }
.hiddenDefinition { display: none; }
.filteredInfo {font-weight: bold; color: #7B3B3B; }
.warning {font-weight: bold; color: #F00; }
.highlightSort { background-color: #FF9; }
.officialSymbolHeader { font-weight: bold; margin-bottom: 5px; background-color: #000; color: #FFF; padding: 5px; }
.redBackground { background-color: #7b3b3b; }
.redIcon { color: #7b3b3b; }
.blueIcon { color: #b9d7d9; }
.clickableIcon { color: #33F; cursor: pointer; }
.clickableIcon:hover { color: #e57825 }
.hiddenAuthor { display: none; }
.hiddenAuthorsLink { cursor: pointer; }
.relationshipHeader { margin-top: 10px; margin-left: 0px !important; }

.participantCount { cursor: pointer; }
.participantBubble {
	background-color: #EEE;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.complexTable tr { border-right: 1px solid #000; }

/* 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%;
}