/* commit test matt ----
January 2013 - Xenbase
built on skeleton - you can roll your own. 
----*/


/* ----------
GLOBAL
---------- */
body {
	font: 14px/18px "Myriad Pro", helvetica, sans-serif;
	color: #111;
	background: #f0f1ea; /*#f7f8f2*/ /*#c5c7be*/ /* #f1f3e8; */ /*#c5c7be;*/
}
.bold {
	font-weight: bold;
}

.noBold{font-weight: normal;}

.betaItem:after {
	content: "beta version";
	color: rgb(255, 128, 64);
	font-size: 10px;
    font-weight:bold;
    vertical-align: top;
	padding-left: 3px;
	position:relative;
	top: -5px;
	white-space:nowrap;
}

.newItem:after {
	content: "New";
	color: red;
	font-size: 10px;
    font-weight:bold;
    vertical-align: top;
	padding-left: 3px;
	position:relative;
	top: -5px;
}

.geoItem:after {
	content: "GEO data";
	color: blue;
	font-size: 10px;
    font-weight:bold;
    vertical-align: top;
	padding-left: 3px;
	position:relative;
	top: -5px;
	white-space:nowrap;
}

.newGeoItem:after {
	content: "New GEO data";
	color: red;
	font-size: 10px;
    font-weight:bold;
    vertical-align: top;
	padding-left: 3px;
	position:relative;
	top: -5px;
	white-space:nowrap;
}

.oldItem:after {
	content: "old version for SNPs (use XL10.1)";
	color: orange;
	font-size: 10px;
    font-weight:bold;
    vertical-align: top;
	padding-left: 3px;
	position:relative;
	top: -5px;
	white-space:nowrap;
}

.updatedItem:after {
	content: "\2713";  /*this is a checkmark*/
	color: red;
	font-size: 10px;
    font-weight:bold;
    vertical-align: top;
	padding-left: 3px;
	position:relative;
	top: -5px;
}

.hanging{text-indent:-20px; padding-left:20px;}

#mainPage {margin-bottom: 20px; min-height:400px;}

.searchSuggestionDiv{z-index: 2;} /*used to ensure div is not behind other elements*/

.super {
	font-size: 80%;
	position: relative;
	bottom: 0.5em;
	display: inline;
}

/* ----------
LINKS
---------- */
a:link, a:active, a:visited  {
	color:#647562;
	text-decoration: none;
}
a:hover, a:visited:hover {
	color:#319478;
	text-decoration: underline;
}

#mainPage a{
	color:#111111;
	text-decoration: underline;
}

#mainPage a:hover{
	color:#319478;
}

.flexslider a:link, .flexslider a:active, .flexslider a:visited, .row a:link:not(.nav-link), .row a:active:not(.nav-link), .row a:visited:not(.nav-link){
	color:#647562 !important;
	text-decoration: none !important;
}


.flexslider a:hover, .flexslider a:visited:hover , .row a:hover:not(.nav-link) , .row a:visited:hover:not(.nav-link)  {
	color:	#319478 !important;
	text-decoration: underline !important;
}
.row a.nav-link:hover {
	/*color:black !important;*/
	border: solid 1px black;
	transition: 0.1s;
}


#nich {
	float: right;
}


#alert {
	background: white;
	padding: 0px;
	border: 1px solid red;
	font-size: 14px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

#alert img {
	float: left;
	padding-right:  10px;
	padding-bottom: 5px;
}

/* --------------
ACCORDION STIZZY
----------- */

.accordion {
	margin-left: 10px;	
}

.hidden {
	display: none;
}

.closed {
	padding-left: 15px;
	background:url('img/closed.png');
	background-repeat:no-repeat;
	background-position:left;
	display: block;
}

.open {
	padding-left: 15px;
	background:url('img/open.png');
	background-repeat:no-repeat;
	background-position:left;
	display: block;
}


/* ----------
TYPOGRAPHY
---------- */
p {
	padding:10px 15px 0px 15px;
}


/* ----------
HEADER
---------- */
#header .columns {
}
#logo {float:left;}
#contact {
	float:right;
	padding-right:21px;
	text-align: right;
}
#contact a{
	white-space: nowrap;
}

#version {
	color:#999;
	font-size: 11px;
	text-align: right;
}

#search {
	position: relative;
	top:5px;
	padding-bottom:5px;
}
.search_div{
	float:right;
}
#search input, #search select {
	float:right;
}
#searchSubmit {
	float:right;
}
#searchValue {
	position: relative;
	top:8px;
	float:right;
	margin: -6px 10px 20px;
}
#moduleSearch {
	margin-right:10px;
	position: relative;
	top:8px;
	padding:1px 0;
	float:right;
}
#searchMobile select {
	margin-bottom: 10px;
}
#searchInputMobile {
	margin-bottom: 10px;
}
#logIn {
	font-size: 13px;
	text-align: none;
  /*	white-space: nowrap;  */
}

.logo{
	vertical-align:baseline;
}

/* ----------
BUTTON NAVIGATION STRIPS
---------- */



.navBar, .butnNav li {
	/* Fallback background */
	background: #7d8e7b;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #7d8e7b 0%, #5f705d 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #7d8e7b 0%, #5f705d 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #7d8e7b 0%, #5f705d 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7d8e7b), color-stop(1, #5f705d));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #7d8e7b 0%, #5f705d 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #7d8e7b 0%, #5f705d 100%);
	margin-bottom: 15px;
}

.butnNav {
	margin-bottom: 0;
}
.butnNav li  {
	display: block;
	float:left;
	margin-bottom: 0;
	padding:11px 10px;
	border-left:1px solid #6c6f65;
}

.social {
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 6px !important;
	padding-bottom: 0px !important;
	margin: 0px !important;
}
#StockcentreMenu img{position: absolute; right:5px;}

.butnNav li font.strain {
	font-size: 10px;
}

/* ALIGN DROPDOWN MENU HERE */
.butnNav li ul li {
	position: relative;
	top:10px;
	left:-12px;
	border:0;
}

.butnNav a {
	font-size:14px;
	display: block;
}
.butnNav li:last-child {
	border-right:1px solid #6c6f65;
}
.butnNav ul li:last-child {
	border-right:0!important;
}
.butnNav li:hover {
	/* Fallback background */
	background: #5f705d;
	
}

.butnNav a {
	color:#fff;
}
.butnNav a:hover {
	color: #f0e68c 	;
	text-decoration: none;
}


/* ----------
SUCKER FISH DROP DOWNS
---------- */
.butnNav li ul {
	position: absolute;
	top:auto;
	left: -999em;
}
.butnNav li ul li {
	white-space: nowrap;
	display: block;
	float:left;
}
.butnNav li ul li a {
	display: block;
}

.butnNav li:hover ul {
	left: auto;
	z-index: 1000;
}
/* IE fix */
.butnNav li:hover ul, .butnNav li.sfhover ul {
	left: auto;
}
.butnNav, .butnNav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
.butnNav li ul li {
float:none;
}
.butnNav li ul li a {
float:none;
position:relative
}


.butnNav li.new {
 

  background: #9da59a;
  background-image: -ms-linear-gradient(top, #9da59a 0%, #677367 100%);
  background-image: -moz-linear-gradient(top, #9da59a 0%, #677367 100%);
  background-image: -o-linear-gradient(top, #9da59a 0%, #677367 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9da59a), color-stop(1, #677367));
  background-image: -webkit-linear-gradient(top, #9da59a 0%, #677367 100%);
  background-image: linear-gradient(to bottom, #9da59a 0%, #677367 100%);

}

.butnNav li.new:after{
  content: "New";
  font-weight:bold;
  letter-spacing: 1px;
  color: #f1f3e8;
  font-size: 12px;
  vertical-align: top;
  padding-left: 5px;
  position: relative;
  top: -5px;
}

.butnNav li.new:hover {
	/* Fallback background */
	background: #677367;
}


/* ----------
MOBILE NAVIGATION PULLDOWN
---------- */
#mobileNav {
	padding-top:10px;
}
#mobileNav select {
	width:100%;
}



/* ----------
PAGE MODULES
---------- */
.slideshow {
	/* margin-bottom:10px; */
}
.module, .moduleNoHeight {
	background: #fff; /*#f7f8f2*/
	padding-bottom:10px;
}

h5 img { 
	position: absolute;
	left: 5px;
	top: 0px;
}

#imgStrip {
	margin-top:15px;
	font-size:0px;	
}
#imgStrip li {
	display: inline;
	padding:0 16px;
}
#imgStrip li img {
	border:1px solid #111;
}	
#imgStrip .tooltiper {text-decoration:none; font-size:0px;}

.module h5, .moduleNoHeight h5 {
	position: relative;
	padding:10px 0 10px 75px;
	height: 60px;
	/* Fallback background */
	background: #e2e6d8 ;
	background:  -ms-linear-gradient(top, #e2e6d8 0%, #c3c7ba 100%);
	background:  -moz-linear-gradient(top, #e2e6d8 0%, #c3c7ba 100%);
	background:  -o-linear-gradient(top, #e2e6d8 0%, #c3c7ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e6d8), color-stop(1, #c3c7ba));
	background: -webkit-linear-gradient(top, #e2e6d8 0%, #c3c7ba 100%);
	background: linear-gradient(to bottom, #e2e6d8 0%, #c3c7ba 100%);
}

.module li, .moduleNoHeight li {
	padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
    text-indent:-15px;
    list-style-type: none;
}

.module ul {
	margin-bottom: 0px;
}

.featuredNews {
}
.featuredNews img {
	float:left;
	padding:15px;
}



/* ----------
SIDEBAR
---------- */
#sideBar {
	background: #fff; /*#f1f3e8;*/
	padding-bottom: 10px;
}

#sidebar p {padding-top: 0px;}

#sideBar h5 {
	color:#fff;
	text-align: center;
	padding:10px 0;
	margin-bottom: 10px;
	background: #9da59a;
	background-image: -ms-linear-gradient(top, #9da59a 0%, #677367 100%);
	background-image: -moz-linear-gradient(top, #9da59a 0%, #677367 100%);
	background-image: -o-linear-gradient(top, #9da59a 0%, #677367 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9da59a), color-stop(1, #677367));
	background-image: -webkit-linear-gradient(top, #9da59a 0%, #677367 100%);
	background-image: linear-gradient(to bottom, #9da59a 0%, #677367 100%);
}

.sideFeature {
}



/* ----------
TOOLTIP
---------- */
.primaxtooltip {
    background:transparent url(img/black_arrow.png);
    font-size:12px;
    line-height: 13px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
    text-align: center;
}

/* ---------
News Item Pages
--------- */
#newsItem p {font-size: 15px;}
#newsItem br{margin-top:2.5px; content:" "; display:block;}

/* ----------
FOOTER
---------- */
#copyRight {
	font-size:11px;
	color:#999;
}

/* ----------
Information Carousel
-------- */

.flex-caption p{
	margin: 0px 0px 0px 10px !important;
	padding: 0px 0px 5px 0px !important;
	line-height: 15px;
}


/* ----------
MISC.
---------- */
.hide {
	display: none!important;
}

.old-colours {
		background: #7d8e7b;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9eb59b), color-stop(1, #5f705d));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #9eb59b 0%, #5f705d 100%);

/*
	background: #7d8e7b;
	background-image: -ms-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	background-image: -moz-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	background-image: -o-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9eb59b), color-stop(1, #5f705d));
	background-image: -webkit-linear-gradient(top, #9eb59b 0%, #5f705d 100%);
	background-image: linear-gradient(to bottom, #9eb59b 0%, #5f705d 100%);
*/
	

}

#announcementDivision {
	margin: 5px 5px 5px 15px;
}