.page-header {
	background-image: url("../images/logo-sbr.png");
	background-size : contain;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 10px;
}

.navbar-cyanorak {
	background-color: #2d3a59;
	background-image: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
}

.footer {
	background-color: #2d3a59;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: small;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
}

.glyphicon-refresh-animate {
   -webkit-animation-name: rotateThis;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}

@-webkit-keyframes "rotateThis" {
 from { 
        -webkit-transform: rotate( 0deg );  
    }
 to  { 
        -webkit-transform: rotate( 360deg ); 
    }
}

.fieldlabel {
	background-color : #e0e0e0;
	text-align : right;
}

.fieldset {
	margin-top : 2px;
	margin-bottom : 2px;
}

.rowpanel {
	background-color : #e0e0e0;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 1px;
	margin-right : 1px;
	padding-top : 2px;
	padding-bottom : 2px;
}

/* Strain collection map legend */
table.maplegend {
	border-collapse : separate;
	border-spacing : 2px;
}

table.maplegend caption {
	text-align : center;
}

table.maplegend  td {
	width: 80px; 
	text-align: center;
	font-weight: bold;
	font-size: small;
}

/* Phyletic Pattern */
table.phyleticpatterntable {
	border-collapse : separate;
	border-spacing : 2px;
}



td.straintablelabel {
	background-color : #eeeeee;
	font-weight: normal;
	text-align: center;
	font-size: small;
	height: 100px;
  	white-space: nowrap;
}

td.straintablelabel>div{
	transform:
		translate(5px, 25px)
		rotate(270deg);
	width: 30px;
}


td.pigmenttablelabel {
	background-color : #eeeeee;
	font-weight: normal;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	font-size: small;
}

td.cladetablelabel {
	background-color : #D8D8D8;
	font-weight: normal;
	text-align: center;
	font-size: small;
}

td.subclustertablelabel {
	background-color : #D8D8D8;
	text-align: center;
	font-size: small;
}

td.genustablelabel {
	background-color : #B5B5B5;
	font-weight: bold;
	text-align: center;
	font-size: small;
}



