body {
	background-color: transparent; 
}

.h1, .h2, .h3, h1, h2, h3 {
    margin: 0px;
}

#content {
	width: 100% !important;
	height: 100% !important;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 100% !important;
}

#header #navbar #links li {
	font-size: 1.2em;
}

#header #navbar .navbar-right {
    margin-right: -5px !important;
}

#header #navbar .twitterIcon {
    margin-top: 2px;
}

#header.inside {
    background: transparent url( ../images/biogrid_inside_headerbg2.jpg ) top left no-repeat;
}

#header.projects {
    height: 50px;
    background: transparent url( ../images/biogrid_inside_background.png ) top left repeat-x;
    width: 100%;
}

#header.home {
    height: 360px;
    
    background: #773a3a url( ../images/HomeHeaderBG.jpg ) top left repeat-x;
}

#header #insidetextfull {
	width: 90%;
	top: 55px;
}

#header .insidetext {
	background-color: transparent;
    text-align: left;
    color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 27px;
}

#header .insidetext h1 {
    font-weight: bold;
}

#header #smallsearchbox {
    margin-top: 13px;
}

#header #smallsearchbox button {
    margin-top: 5px;
    font-weight: bold;
}

#header #smallsearchbox #inputbox {
	background: #FFF;
	width: 320px;
	height: 35px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

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

#header #smallsearchbox select {
	font-size: 15px;
	margin-top: 5px;
	padding: 3px;
	background-color: #FFF;
}

#header #smallsearchbox h4 {
	color: #FFF;
	font-weight: bold;
	text-align: left;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

#header #navbar sup {
    font-size: 0.4em;
    vertical-align: super;
    padding-left: 5px;
    top: -.2em !important;
}

.navbar-inverse { 
	background-color: transparent;
	border-color: transparent;
}

.navbar {
	height: 40px;
	min-height: 40px;
	margin-bottom: 0px;
}

.navbar .navbar-brand {
	height: 40px;
    padding-left: 15px;
    padding-top: 14px;
}


@-moz-document url-prefix() {  .navbar .navbar-brand {  padding-top: 19px;  }}

.navbar-inverse .navbar-toggle {
	border-color: #FFF;
	color: #FFF;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover  { 
	background-color: #b9d7d9;
	color: #000;
}

.navbar-inverse .navbar-nav>li>a {
	color: #FFF;
	font-size: 1.2em;
	margin-top: 15px;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color: #b9d7d9;
}

.nav>li>a {
	padding: 0px 8px;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-collapse {
		background-color: #FFF;
		color: #333;
		border-bottom: 1px solid #7b3b3b;
		border-left: 1px solid #7b3b3b;
		border-right: 1px solid #7b3b3b;
	}

	.navbar-inverse .navbar-collapse .navbar-nav>li>a {
		color: #333;
		margin-top: 3px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.navbar-inverse .navbar-collapse .navbar-nav>li>a:hover {
		background-color: #b9d7d9;
		color: #000;
	}
}



#navbar {
	height: 40px;
}

#main {
	width: 100% !important;
	margin-bottom: 5px !important;
}

a,
a:visited { 
	cursor: pointer;
	color: #3333ff;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #e57825;
}

#navbar a,
.newsPostTitle a,
.newsPostBody a,
#projectBlock a {
    font-weight: bold;
}

.container-fluid { padding-right: 5px; padding-left: 5px; }
.row { margin-left: -5px; margin-right: -5px; }

.paddingNone { padding: 0 !important; }
.paddingRightNone { padding-right: 0 !important; }
.paddingLeftNone { padding-left: 0 !important; }
.marginNone { margin: 0 !important; }
.marginTopNone { margin-top: 0 !important; }
.marginRightSm { margin-right: 2px; }
.marginTopSm { margin-top: 2px; }
.marginLeftSm { margin-left: 2px; }
.marginBotSm { margin-bottom: 2px; }
.marginBotLg { margin-bottom: 10px; }
.marginTopLg { margin-top: 10px; }
.marginTopXs { margin-top: 5px; }
.paddingTopSm { padding-top: 5px; }
.paddingSm { padding: 5px; }

.well { background-color: #FFF; margin-bottom: 5px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}

.text-center {
	text-align: center;
}

/* PROJECTS */

#projectBlock a { color: #33F; text-decoration: none; }
#projectBlock a:hover { color: #F00; text-decoration: none; }

.fullStats {
	margin-top: 5px;
	background-color: #f8faf9;
    padding: 5px;
}



.statBlock .statBlockHeading { font-weight: bold; }
.statBlock .statBlockBody { font-weight: bold; color: #7e3c3e; font-size: 1.1em; }
#projectBlock .orgSingle { font-weight: bold; margin-top: 4px; }

#projectBlock .chartStatsTop { border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; margin-top: 10px; padding-top: 5px; padding-bottom: 9px; margin-bottom: 15px; }
#projectBlock .projectStatsTop { border-bottom: 1px solid #EEE; padding-bottom: 8px; padding-bottom: 11px; margin-bottom: 10px; }

#projectBlock #projectStats, 
#projectBlock #projectHeading {
	background-color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	text-transform: none;
	margin-bottom: 5px;
	margin-top: 10px;
}

#projectBlock #projectStats { padding-left: 10px; }
#projectBlock #projectDescription { font-size: 16px; padding: 5px; margin-bottom: 10px; }
#projectBlock #projectDescription p { margin-top: 7px; }
#projectBlock #projectDescription ol { padding: 10px; margin-left: 40px; }
#projectBlock #projectDescription ol li { margin-bottom: 5px; list-style: inherit; }
#projectBlock #projectHeading img { width: 250px; margin-left: 20px; margin-right: 10px; margin-bottom: 10px; }
#projectBlock #projectHeading img.circle { border-radius: 50%; -moz-border-radius: 50%; }
#projectBlock #genetagDescription { font-size: 14px; padding: 10px; background-color: #EEE; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: 10px; margin-bottom: 10px; }


#projectBlock #projectBodyGeneSummary { display: none; }

#projectBlock sup {
	vertical-align: super;
	padding-left: 2px;
}

#projectBlock #projectHeading h1 {
	font-size: 1.8em;
	font-weight: bold;
}

#projectBlock h2 {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 6px;
}

#projectBlock h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 7px;
	text-transform: none;
}

#datatableBlock h4 {
	font-weight: bold;
	font-size: 1.5em;
    padding-top: 3px;
    margin-bottom: 0px;
}

#datatableBlock .projectFilterBox {
    padding-top: 11px;
}

#projectBlock .projectGeneSummaryFooter { margin-top: 5px; text-align: center; }
#projectBlock #projectLinks .projLinks {
	background-color: #f8faf9;
	padding: 5px;
	margin-top: 5px;
}

#datatableBlock .hiddenDesc {
	display: none;
}

/* QTIP */

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

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

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

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

.tooltipText .tooltipTextBox a,
.tooltipText .tooltipTextBox a:visited {
	color: #00F;
	text-decoration: none;
	font-weight: bold;
}

.tooltipText .tooltipTextBox a:hover {
	color: #7B3B3B;
}

.qtip-content {
	font-size: 14px;
	line-height: 16px;
}

.qtip-content h5,
.qtip-content h2,
.qtip-content .officialSymbolHeader {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 3px;
	background-color: #000;
	color: #FFF;
	padding: 5px;
}

.qtip-content h6 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 3px;
	color: #FFF;
    padding: 5px;
    margin-top: 0px;
}

.qtip-content li {
    list-style-type: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f8faf9;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.qtip-content div,
.qtip-content p {
	margin-top: 3px;
}

.qtip { max-width: none !important; }

.highlightedYellow, .highlightedYellowDemo { background-color: #FF9; }
.highlightedText { color: #900; }
.noshow { display: none; }

.statisticTabBlock ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.statisticTabBlock ul li.statisticTab {
	display: inline-block;
	background-color: #EEE;
    border-bottom: solid 5px #EEE;
    padding: 5px 20px;
	margin-right: 1px;
	font-size: 14px;
	font-weight: bold;
    color: #333;
    cursor: pointer;
}

.statisticTabBlock ul li.statisticTab:hover {
    background-color: #7b3b3b;
	color: #FFF;
	border-bottom: solid 5px #000;
}

.statisticTabBlock ul li.active {
	background-color: #000;
	color: #FFF;
	border-bottom: solid 5px #000;
}

.biolimsDataTableAdvancedSearch {
	padding: 10px;
}

.biolimsDataTableAdvancedSearch h5 {
	font-weight: bold;
	margin-top: 10px;
}

.biolimsDataTableAdvancedSearch .biolimsAdvancedSearchFields {
	background-color: #f8faf9;
    padding: 10px;
    margin-top: 10px;
	margin-bottom: 10px;
}

/* DATATABLE */

table.dataTable {
	margin-top: 0px !important;
}

table.dataTable th {
	background-color: #333;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 5px !important;
}

table.dataTable th.onePER { width: 1% !important; }
table.dataTable th.fivePER { width: 5% !important; }
table.dataTable th.tenPER { width: 10% !important; }
table.dataTable th.fifteenPER { width: 15% !important; }
table.dataTable th.twentyPER { width: 20% !important; }
table.dataTable th.thirtyPER { width: 30% !important; }
table.dataTable th.fourtyPER { width: 40% !important; }
table.dataTable th.fiftyPER { width: 50% !important; }
	
table.dataTable	tr.odd {
	background-color: #FFF;
}
	
table.dataTable tr.even {
	background-color: #FCFCFC;
}
	
table.dataTable	td.sorting_1, 
table.dataTable td.sorting_2, 
table.dataTable td.sorting_3, 
table.dataTable td.sorting_4 {
	background-color: #F9F9F9;
	font-weight: bold;
}
	
table.dataTable tr.biolimsUnparsedFile {
	background-color: #FFFFEF;
}
	
table.dataTable td { vertical-align: middle !important; }
	
table.dataTable a,
table.dataTable a:visited { 
	cursor: pointer;
	color: #3333ff !important;
	font-weight: bold;
	text-decoration: none;
}

table.dataTable a.muted,
table.dataTable a.muted:visited { 
	cursor: pointer;
	color: #3333ff !important;
	font-weight: normal;
	text-decoration: none;
}

table.dataTable a:hover {
	text-decoration: none;
	color: #e57825 !important;
}

table.dataTable a.muted:hover { 
	text-decoration: none;
	color: #e57825 !important;
}

table.dataTable sup {
    vertical-align: super;
    font-size: smaller;
	font-weight: bold;
	margin-left: 2px;
	color: #7c3c3d;
}

table.dataTable .popupTextUnderline {
	cursor: pointer;
	border-bottom: 1px dashed #F26c4F;
	color: #F26C4F;
}

table.dataTable .popupIconContent {
	display: none;
}

.dataTables_processing {
	z-index: 100;
	top: 0 !important;
	background-color: #FFF;
}

.nowrap { 
	white-space: nowrap;
}

.popupIconWrap { 
	cursor: pointer; 
}

.popupIconWrap .popupIconContent {
	display: none;
}

.btn-success {
	background-color: #EFF;
	border-color: #b9d7d9;
	color: #000;
}

.btn-success:hover {
	background-color: #74b0b4;
	border-color: #74b0b4;
}

#chartLegend ul {
    list-style: none;
    margin: 0;
    padding: 0;
	font-size:12px;
}

#chartLegend span {
	display: inline-block;
	width: 16px;
    height: 16px;
	border-radius: 100%;
	margin-right: 5px;
    margin-bottom: -2px;
    border: 1px solid #333;
}

#chartLegend li {
	margin-bottom: 2px;
	display: inline-block;
    margin-right: 10px;
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
}

.chartWrap {
    padding: 10px;
    border-top: 1px solid #EEE;
    margin-top: 5px;
    background-color: #f8faf9;
}

@media (min-width: 1200px) and (max-width: 1550px) {
	#chartLegend {
		margin-top: 5px;
		width: 100%;
	}
	
	#chartBox {
		width: 100%;
	}
}



/* HOME PAGE */

#header #topText {
	background-color: transparent;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 20px;
}

#header #topText h1 {
	color: #FFF;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 1px;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 30px;
}

#header #topText p {
	color: #FFF;
	font-size: 1.1em;
	letter-spacing: 1px;
	padding-left: 15px;
	margin-top: 5px;
    line-height: 20px;
    text-align: justify;
}

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

#header #topText .buttonBox {
    margin-top: 10px;
}

/* HOME SEARCH */
#mainSearchBox {
    width: 100%;
    border-radius: 15px;
    border: 5px solid #b9d7d9;;
    margin-top: 15px;
    background-color: rgba( 0,0,0,0.50 );
    box-shadow: 5px 5px 3px #2a2829;
    padding: 5px;
    margin-bottom: 8px;
    
}
	
#mainSearchBox h3 {
    padding: 2px 5px 5px;
    color: #b9d7d9;;
    font-weight: bold;
    font-size: 26px;
    margin-top: 0px;
    text-align: left;
}
	
#mainSearchBox h4 {
    margin-top: 8px;
    color: #b9d7d9;
}

#mainSearchBox select {
    border-radius: 10px !important;
    line-height: inherit !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	
#mainSearchBox a:hover {
    color: #eee;
}

.defaultContent h4 {
    font-size: 1.3em;
    margin-bottom: 4px;
    margin-top: 0px;
}

.searchLinks {
    margin-top: 15px;
}

.searchLinks a {
    color: #FFF;
}

.searchLinks a:hover {
    color: #b9d7d9 !important;
}

/* NEWS */
.newsPost {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #eee;
    background-color: #FFF;
}
	
.newsPost .newsPostTitle {
    font-size: 1.4em;
    color: #b9d7d9;
    margin-bottom: 5px;
}

.newsPost .newsPostTitle a {
    color: #4588c5;
}

.newsPost .newsPostTitle a:hover {
    color: #773a3a;
}

.newsPost .newsPostBody {
    color: #666;
}

.newsPost .newsPostImage img {
    margin-bottom: 10px;
}

@media (min-width: 1000px) {
    .newsPost .newsPostImage img {
        max-width: 800px;
    }
}

.newsPost .newsPostBody a {
    color: #4588c5;
}

.newsPost .newsPostBody a:hover {
    color: #773a3a;
}

.newsPost .newsPostBody p {
    margin-bottom: 10px;
}

.newsPost .newsPostDetails {
    font-size: 0.7em;
    color: #aaa;
}

.newsPost i {
    color: #773a3a;
}

.tweetBox .tweets {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.news-bubble h2 {
    margin-bottom: 10px;
}
	
.news-bubble .news-body {
    margin-left: 10px;
    margin-bottom: 15px;
}

/* INTEREST BOX */
.interestWrap {
	padding-left: 2px;
    padding-right: 2px;
}

.interestWrap .interestBox { 
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #eee;
}

.interestWrap .interestBox h4 {
    font-size: 1.3em;
    font-weight: bold;
}

.interestWrap .interestBox p {
    margin-bottom: 7px;
}

.interestWrap .interestBox a {
    color: #4588c5;
    font-weight: bold;
}

.interestWrap .interestBox a:hover {
    color: #773a3a;
}

.interestWrap .interestBox img {
    width: 75px;
    height: 75px;
    padding: 3px;
    background-color: #773a3a;
    margin-left: 5px;
    margin-bottom: 5px;
}

/* PARTNER BOX */
.partnerWrap {
	padding-left: 2px;
    padding-right: 2px;
}

.partnerWrap .partnerBox { 
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #eee;
}

a.partners {
    color: #4588c5 !important;
    font-size: 12px;
    font-weight: bold;
}

a.partners:hover {
    color: #773a3a !important;
}

#highlightSlider img {
    width: 380px;
    height: 273px;
}

#partnersBlock {
    text-align: center;
}

#partnersBlock img {
    width: 160px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 15px;
}

pre {
    background-color: transparent !important;
    border: none !important;
}

@media (max-width: 1199px) {
    #topText h1 {
        font-size: 1.8em !important;
        line-height: 30px !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .featureTitle {
        font-size: 0.8em;
    }
}

@media (max-width: 991px) {
    #topText h1 {
        font-size: 1.3em !important;
        line-height: 20px !important;
        margin-top: 0px;
        margin-bottom: -10px !important;
        text-align: center;
    }
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  
  .no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .container-no-pad {
    padding-left: 0px; 
    padding-right: 6px;
  }

  .container-zero-pad {
      padding-left: 0px;
      padding-right: 0px;
  }

  @keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}

  /* INTERACTION */

#interactionContent {
	margin-top: 10px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
}

#interactionContent h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#interactionContent .interactionDetailSm {
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	padding: 10px 10px 10px 10px;
	border: 1px solid #DDD;
	margin-bottom: 5px;
}

#interactionContent .interactionDetail a,
#interactionContent .interactionDetail a:visited,
#interactionContent .interactionDetailSm a,
#interactionContent .interactionDetailSm a:visited {
	color: #009;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}

#interactionContent .interactionDetail a:hover,
#interactionContent .interactionDetailSm a:hover {
	color: #7b3b3b;
}

#interactionContent .interactionDetail h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	margin-right: 50px;
	margin-bottom: 5px;
}

#interactionContent .interactionDetail p {
	margin-right: 50px;
}

#interactionContent .interactionDetail p.authors {
	margin: 10px 10px;
	font-size: 14px;
}

#interactionContent .interactionDetail .pubDetails {
	font-size: 12px;
	margin-top: 10px;
}

#interactionContent .interactionDetail li {
	list-style: disc;
	margin-left: 16px;
	font-size: 16px;
	text-transform: none;
	margin-bottom: 5px;
}

#interactionContent .sameOrganism {
	background-color: #EFF;
}

#interactionContent .interactionTable a {
	font-size: 11px;
	font-weight: normal;
}

#interactionContent .interactorCol a {
	font-size: 14px !important;
	text-transform: uppercase;
	font-weight: bold;
}

/* PUBLICATION SUMMARY */

#main #publication-header {
    padding: 15px !important;
}

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

#main #publication-header #authors {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

#main #publication-header a,
#main #publication-header a:visited {
	color: #7B3B3B;
	text-decoration: none;
}

#main #publication-header a:hover {
	color: #668284;
}

#main #publication-header #affiliation {
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: #EEE;
	color: #333;
	margin-bottom: 10px;
}

#main #publication-header #abstract {
	font-size: 16px;
    margin-bottom: 10px;
    background-color: #f8faf9;
    padding: 15px;
}

#main #publication-header #abstract .abstractLong {
    display: none;
}

#main #publication-header #abstract .abstractLongHide div {
    margin-top: 10px;
}

#main #publication-header #meshterms {
	font-size: 14px;
	margin-bottom: 10px;
}

#main #publication-header #publicationID {
	display: none;
}

#main #publication-header #download {
	margin-top: 10px;
}

#main #publication-header #details {
	font-size: 14px;
}

#main #publication-header #linkouts {
	font-size: 14px;
	font-weight: bold;
}

#main #publication-header #linkouts .linkoutBtn {
    color: #000;
}

#main #publication-header .meshHidden {
    display: none;
}

/* STAT DETAILS */

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

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

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

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

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

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

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

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

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

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

#main #stat-details #statsLeftBox {
	width: 600px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #DDD;
	margin-left: 5px;
	margin-bottom: 5px;
}

#main #stat-details #statsRightBox {
	width: 370px;
	height: 15px;
	float: right;
	margin-right: 5px;
}

#main #stat-details #smallStatsLeftBox {
	width: 200px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #DDD;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
}

#main #stat-details #largeStatsRightBox {
	width: 700px;
	height: 15px;
	margin-right: 5px;
	margin-left: 250px;
}

#interaction-result-error {
	padding: 5px;
	font-size: 1.1em;
}

.biolimsDataTableFilterBox i.padIcon {
    padding: 3px;
}

.biolimsDataTableFilterOutput {
    font-size: 16px;
    margin-top: 4px;
}

.pagination { margin-top: 0px !important; margin-bottom: 0px !important; }

.breakWords {
    word-break: break-all;
    overflow-wrap: anywhere;
}

.summaryDetailBox {
    cursor: pointer;
    padding-top: 2px;
}

.summaryDetailBox .summaryDetail {
    padding: 5px 7px;
    display: inline;
    font-weight: bold;
    font-size: 16px;
}

.summaryDetailBox .proteinSummaryDetail {
    background-color: #FC0;
}

.summaryDetailBox .geneticSummaryDetail {
    background-color: #9F9;
}

.summaryDetailBox .chemicalSummaryDetail {
    background-color: #C2EBFF;
}

#main #interaction-results .orgBox {
    padding: 8px 8px;
	text-align: left;
    font-weight: bold;
    display: inline-block;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#main #interaction-results .sameOrg {
    background-color:  #F3E5F5;
}

#main #interaction-results .diffOrg {
    background-color: #FFCCBC;
}

.expandRow {
    cursor: pointer;
}

.summaryWrap {
    padding: 0px 5px 5px 5px;
}

.viewEvidence {
    font-size: 0.9em;
    margin-top: 3px;
}

.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

#main .textLong {
    display: none;
}

/**
* CHEMICALS
*/

#main #summary-header #chemical-details #chemID {
	display: none;
}

#main #summary-header #chemical-details #chemType {
	margin-left: 1px;
}

#main #summary-header #chemical-details #aliases div,
#main #summary-header #chemical-details #brands div {
    font-size: 0.85em;
    margin-left: 5px;
    margin-top: 5px;
}

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

#main #summary-header #chemical-details #addonFields {
    margin-top: 5px;
    margin-left: 5px;
}

#main #summary-header #chemical-details .inlineBtn {
    display: inline-block;
}

#main #summary-header #chemical-details .expandBtn {
    margin-right: 5px;
    margin-top: 5px;
}

#main #summary-header #protein-details #linkouts div,
#main #summary-header .interactor-details #linkouts div,
#main #summary-header #chemical-details #linkouts div {
	text-align: left;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 12px;
    padding-left: 5px;
}

#main #summary-header #protein-details #linkouts.borderBottom div,
#main #summary-header .interactor-details #linkouts.borderBottom div,
#main #summary-header #chemical-details #linkouts.borderBottom div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

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

#main .linkoutChip {
    display: inline-block;
    border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f8faf9;
    border: 1px solid #CCC;
    color: #333;
    font-weight: bold;
    padding: 3px 8px;
    margin-bottom: 3px;
    margin-right: 2px;
}

#main .linkoutChip:hover {
    background-color: #7B3B3B;
    color: #FFF;
}

#main #interaction-results .systemBox .systemColorBox,
#edge-results .systemBox .systemColorBox {
    padding: 8px 8px;
    display: inline-block;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
    color: #000;
}

#main #summary-header .projectTagWrap {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #7b3b3b;
    padding: 5px;
    margin-top: 5px;
    font-size: 0.9em;
    font-weight: bold;
}

#main #summary-header .projectTagWrap .projectTag {
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
}

#main #summary-header .projectTagWrap .projectTag .projectTagLink {
    color: #333;
    font-weight: bold;
}

#main #summary-header .projectTagWrap .projectTag .btn-project {
	background-color: #EFF;
	border-color: #b9d7d9;
	color: #000;
}

#main #summary-header .projectTagWrap .projectTag .btn-project:hover {
	background-color: #74b0b4;
    border-color: #74b0b4;
    color: #FFF;
}

#main .result-section {
    margin-bottom: 30px;
}

#smallsearchbox h5 {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}

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

#main .curationProjects .curationProjectList .curationProjectListItem a,
#main .curationProjects .curationProjectList .curationProjectListItem a:visited {
    cursor: pointer;
    color: #3333ff;
    font-weight: bold;
    text-decoration: none;
}

#main .curationProjects .curationProjectList .curationProjectListItem a:hover {
    text-decoration: none;
    color: #e57825;
}

#main .curationProjects .curationProjectList .curationProjectListItem h2 {
    font-size: 1.2em !important;
    margin-top: 0px;
}

#main .curationProjects .curationProjectList .curationProjectListItem h4 {
    font-size: 1.5em !important;
    font-weight: bold;
    margin-top: 0px;
}

#main .curationProjects .curationProjectList .curationProjectListItem .overline {
    font-size: 0.8em;
    margin-bottom: 3px;
    margin-left: 1px;
    color: #666;
}

#main .curationProjects .curationProjectList .curationProjectListItem img {
    width: 85px;
    height: 85px;
    padding: 4px;
    background-color: #333;
    margin-left: 5px;
    margin-bottom: 5px;
}

#main .curationProjects .curationProjectList .curationProjectListItem .curationProjectStats {
    background-color: #f8faf9;
    padding: 10px;
    margin-bottom: 10px;
}

#main .largeInteractionTable a {
    font-size: 1.2em !important;
}

.ptmDetailType {
    color: #FFF;
    font-weight: bold;
    font-size: 1.1em;
    padding-right: 5px;
    padding-top: 2px;
}

#main .searchProjectTags {
    padding: 5px;
    background: #e0e0e0;
    margin-bottom: 5px;
    margin-top: -5px;
}

#main .newsPost .newsPostBody table,
#main .news-body table {
    width: 100%;
}

#main .newsPost .newsPostBody thead th,
#main .news-body thead th {
    background-color: #000;
    padding: 2px;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

#main .newsPost .newsPostBody tbody td,
#main .news-body tbody td {
    padding: 2px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #333;
}

#main .newsPost .newsPostBody tbody tr:nth-child(even),
#main .news-body tbody tr:nth-child(even) {
    background-color: #EEE;
}

#main .newsPost .newsPostBody tbody td.leftTD,
#main .newsPost .newsPostBody thead th.leftTD,
#main .news-body tbody td.leftTD,
#main .news-body thead th.leftTD {
    text-align: left;
    padding-left: 5px;
}

pre.formattedSyntheticProteinSequence {
    text-align: left;  
    font-family: monospace; 
    white-space: pre;  
    margin: 0;
    padding: 0;
}

.customPre {
    text-align: left !important;  /* Forces left alignment */
    font-family: monospace !important;  /* Prevents font override */
    white-space: pre-wrap !important;  /* Ensures spaces and formatting are preserved */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important; /* Prevents inline overwrites */
}

/* Style the synthetic protein interactions table */
.synthetic-protein-table {
    width: 100%; 
    border: 1px solid #230d0d; 
}

.synthetic-protein-table, 
.synthetic-protein-table th, 
.synthetic-protein-table td {
    padding: 6px;
    border: 1px solid #e0e0e0; 
}

.synthetic-protein-table .systemColorBox {
    padding: 8px 8px;
    display: inline-block;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
}

.custom-bullet-list {
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove unnecessary left padding */
    margin: 0;
}

.custom-bullet-list li {
    position: relative;
    padding-left: 10px; /* Space for bullet */
    margin-bottom: 5px;
    line-height: 1.1; /* Match the table's text line-height */
}

.custom-bullet-list li::before {
    content: "•"; /* Bullet character */
    position: absolute;
    left: 0;
    top: 0; /* Align with the top of the first line */
    font-size: 16px; /* Adjust bullet size */
    color: black; /* Set bullet color */
    line-height: 1; /* Ensure the bullet aligns with the text */
}

.no-circle {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}