/*	CSS for each species
	SITE:  soy_sRNA 
	SITE_COLOR (main):  e.g. #FFB400 
	SITE_COLOR_DARK:  e.g. #FF6600 
*/

/*=========================================
 * Default settings
=========================================*/

body {
	background-color: #fffff0;
	font: normal normal 13px/normal Verdana, Geneva, sans-serif;  /* style variant weight size/height family */
    color: black;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;  
	margin: 10px;
}

/*=========================================
 * Links, etc.
=========================================*/

a:link {
	color: #0000a0;
}
a:visited {
	color: #444;
}		
a:hover, a:focus {
	color: #FF6600;
}
a:active {
	color: #FFB400;
}

a.no_underline:link {
	text-decoration: none;
}

a.bookmark {
	padding-top: 120px;
    margin-top: -120px;
    display: inline-block;
}

/* Skip link for keyboard accessibility */
.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	background: #000;
	color: #fff;
	padding: 8px;
	text-decoration: none;
	z-index: 100;
	border: 2px solid #fff;
}

.skip-link:focus {
	top: 0;
}

/* Screen reader only text */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

/*=========================================
 * Page & section titles
=========================================*/

h1.page_title {
    background-color : #FFB400;		/* Site color - light (main) */
	font-weight: bold;
    font-size: 18px;
    empty-cells: show;
    padding: 8px;
    margin: 0;
    margin-top: 120px;
}

h2.page_title {
    background-color : #FFB400;		/* Site color - light (main) */
    font-weight: bold;
    font-size: 16px;
    empty-cells: show;
    padding: 5px;
}

h3.divider {
    background-color : #FFB400;		/* Site color - light (main) */
	font-weight: bold;
    font-size: 14px;
    empty-cells: show;
}

h2.section_title {
    background-color : #FFB400;		/* Site color - light (main) */
	font-weight: bold;
    font-size: 14px;
   	padding: 5px;
    display: table;
}

span.section_title, div.section_title {
    background-color : #FFB400;		/* Site color - light (main) */
	font-weight: bold;
    font-size: 14px;
   	padding: 5px;
}

span.sub_title, div.sub_title {
    background-color : #FFB400;
    font-weight: bold;
}

hr {
	background-color: #FFB400;
	border-color: #FFB400;	
    color: #FFB400;
    height: 1px;
}

/*=========================================
 * Boxes & blocks
=========================================*/

.enclosed_cornsilk {
	background-color: cornsilk;
	border: 1px solid #FFB400;
	padding: 10px;
	margin: 10px;
}

.bg_sitecolor {
	background-color: #FFB400;
	border: 1px solid #FFB400;
}

.bg_sitecolor_bordered {
	background-color: #FFB400;
	border: 2px solid #FF6600;
    padding: 10px;
}

.bg_sitecolor_bordered_tight {
	background: #FFB400;
	border: 2px solid #FF6600;
    padding-left: 10px;
}

legend.site_color {
	font-weight: bold;
    background-color : #FFB400;
}

fieldset.site_color_dark {
	border: 2px solid #FF6600;
}

/*=========================================
 * New Search box
=========================================*/

#new_search {
    z-index: 0;
}

.newSearchBoxTab {
	background-color: #FF6600;
    border: 1px solid #FF6600;
    font-family: arial, geneva, lucida, sans-serif;
    font-size:13px;
    font-weight: bold;
    color: #fff;
    padding: 2px 5px 6px 5px;
}

#newSearchBoxTab {
	padding-left: 18px;
    position: relative;
    margin: auto;
}

.newSearchBoxTab:hover {
	color: #444;
}

.hideShowIcon {
	position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
}

#hideSearch {
	background:  url(https://mpss.gc.ucdavis.edu/next_gen/web/img/minus.png) no-repeat;
	display: inline;
}

#showSearch {
	background:  url(https://mpss.gc.ucdavis.edu/next_gen/web/img/plus.png) no-repeat;
	display: none;
}

.newSearchBox {
	border: 2px solid #FF6600;
    padding: 10px;
    margin-top: 5px;
    width:  auto;
}

#searchBox {
	display: block;
}

.linkTab {
	background-color: #FFB400;
    border: 1px solid #FF6600;
    font-family: arial, geneva, lucida, sans-serif;
    font-size:13px;
    font-weight: bold;
    color: #444;
    padding: 2px 5px;
    margin-left: 15px;
}

.linkTab:hover {
	background-color: #FF6600;
}

/*=========================================
 * Gene table
=========================================*/

#geneFunction {
	/*padding-left: 8px;*/
    position: relative;
    margin: auto;
}

#geneFunctionTxt {
    /*position: relative;*/
    display: inline;
}

#geneFunctionHideShow {
	position: relative;
    margin: auto;
}

#hideGeneFunction {
	background:  url(https://mpss.gc.ucdavis.edu/next_gen/web/img/minus.png) no-repeat;
    border: 1px solid #bfbfbf;
	display: inline;
}

#showGeneFunction {
	background:  url(https://mpss.gc.ucdavis.edu/next_gen/web/img/plus.png) no-repeat;
    border: 1px solid #bfbfbf;
	display: none;
}

/*=========================================
 * Footer
=========================================*/

.page_footer {
	font-style: italic;
    font-size: 10px;
	text-align : center;
}

hr.page_footer {
	background-color: #FF6600;
	border: 0;
	color: #FF6600;
	height: 3px;
	width: 100%;
	text-align: center;
}

/*=========================================
 * Images
=========================================*/

img.viewer {
	border: 0;
}

div.viewer_img {
	overflow-x: auto;
   	overflow-y: visible;
}

/*================================================
 * Table in general
=================================================*/

tr.highlight:hover { /* Not supported by IE 6 */
	background: #FFB400;
}

td.top_valign {
	vertical-align:  top;
}

td.tag {
	font: normal normal 10pt/normal "Courier New", Courier, monospace;
}

.odd_column {
	background: cornsilk;
}

.greenTxt {
	color: #00CC00;
}

.greyTxt {
	color: grey;
}

#fixedHeaderTable {
	position: relative;
    margin: auto;
}

#fixedHeader {
	position: absolute;
    top: 0;
    left: 0;
}

/*================================================
 * Table for texts
=================================================*/

table.normalText {
	border: 1px solid #bfbfbf;
    border-collapse: collapse;
	border-spacing: 0;
    font: normal normal 10pt/normal Verdana, Geneva, sans-serif;
	color: black;
	text-align: left;
	padding: 0;
}

th.normalText {
	border: 1px solid #bfbfbf;  
    border-collapse: inherit;
	border-spacing: inherit;
	empty-cells: show;
	background-color: #d3d3d3;
	font-weight: bold;
    font-size: 10pt;
	vertical-align: middle;
	text-align: center;
	padding: 0pt 3pt;
}

th.textLeft {
	border: 1px solid #bfbfbf;  
    border-collapse: inherit;
	border-spacing: inherit;
	empty-cells: show;
	background-color: #d3d3d3;
	font-weight: bold;
    font-size: 10pt;
	vertical-align: middle;
	text-align: left;
	padding: 0pt 3pt;
}

td.textCenter {
	border: 1px solid #bfbfbf;
    border-collapse: inherit;
	border-spacing: inherit;
    empty-cells: show;
	font: inherit;
	vertical-align: middle;
	white-space: normal;
	padding: 0pt 3pt;
	text-align : center;
}

td.textLeft {
	border: 1px solid #bfbfbf; 
    border-collapse: inherit;
	border-spacing: inherit;
    empty-cells: show;
	font: inherit;	
    padding: 0pt 3pt;
	vertical-align: middle;
	text-align: left;
}

td.textRight {
	border: 1px solid #bfbfbf;
    border-collapse: inherit;
	border-spacing: inherit;
    empty-cells: show;
	font: inherit;
	padding: 0pt 3pt;
	vertical-align: middle;	
    text-align: right;
}

td.textTagCenter {
	border-spacing: inherit;
	empty-cells : show;
    font-size: 11pt;
    font-family: "Courier New", Courier, monospace; 
	padding: 0pt 3pt;
	vertical-align : middle;
	text-align : center;
}

/*================================================
 * Table for data
=================================================*/

table.normalData {
	border: 1px solid #bfbfbf;  
    border-collapse: collapse;
	border-spacing: 0;
    font: normal normal 7pt/normal Verdana, Geneva, sans-serif;
	color: black;
	text-align: left;
	padding: 0;
}

th.normalData {
	border: 1px solid #bfbfbf;
    border-collapse: inherit;
	border-spacing: inherit;
	empty-cells: show;
    font-weight: bold;
    font-size: 7pt;
	background-color: #d3d3d3;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: center;
}

th.normalDataNowrap {
	border: 1px solid #bfbfbf;
    border-collapse: inherit;
	border-spacing: inherit;
	empty-cells: show;
    font-weight: bold;
    font-size: 7pt;
	background-color: #d3d3d3;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: center;
    white-space: nowrap;
}

th.normalDataLeft {
	border: 1px solid #bfbfbf;
    border-collapse: inherit;
	border-spacing: inherit;
	empty-cells: show;
    font-weight: bold;
    font-size: 7pt;
	background-color: #d3d3d3;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: left;
}

td.dataCenter{
	border: 1px solid #bfbfbf; 
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font: inherit;
	padding: 0pt 3pt; 
	vertical-align : middle;
	text-align : center;
}

td.dataCenterGray, dataCenterGrey {
	border: 1px solid #bfbfbf; 
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font: inherit;
	padding: 0pt 3pt; 
	vertical-align: middle;
	text-align: center;
	color: gray; 
}

td.dataLeft{
	border: 1px solid #bfbfbf; 
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font: inherit;
	padding: 0pt 3pt; 
	vertical-align: middle;;
	text-align: left;
}

td.dataLeftNowrap{
	border: 1px solid #bfbfbf; 
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font: inherit;
	padding: 0pt 3pt; 
	vertical-align: middle;;
	text-align: left;
    white-space: nowrap;
}

td.dataRight{
	border: 1px solid #bfbfbf; 
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font: inherit;
	padding: 0pt 3pt; 
	vertical-align: middle;
	text-align: right;
}


td.dataRightGray{
	border: 1px solid #bfbfbf; 
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font: inherit;
	padding: 0pt 3pt; 
	vertical-align: middle;
	text-align: right;
    color: gray;
}

td.dataTagCenter{
	border: 1px solid #bfbfbf;  
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 8pt;
    font-family: "Courier New", Courier, monospace;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: center;
    white-space: nowrap;
}

td.dataTagRight{
	border: 1px solid #bfbfbf;  
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 8pt;
    font-family: "Courier New", Courier, monospace;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

td.dataTagLeft{
	border: 1px solid #bfbfbf;  
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 8pt;
    font-family: "Courier New", Courier, monospace;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: left;
    white-space: nowrap;
}

td.dataTagLeftGrey{
	border: 1px solid #bfbfbf;  
    border-collapse: collapse;
	border-spacing: 0;
	empty-cells : show;
	font-size: 8pt;
    font-family: "Courier New", Courier, monospace;
	padding: 0pt 3pt;
	vertical-align: middle;
	text-align: left;
    color: gray;
    white-space: nowrap;
}

/*=============================================================
 * Table for text with smaller font size (mainly for no border)
==============================================================*/

table.smallText {
	font: normal normal 7pt/normal Verdana, Geneva, sans-serif;
	text-align: left;
}

td.smallCenter{
	empty-cells: show;
	font: inherit;
    padding: 2pt 5pt;
	vertical-align: middle;
	text-align: center;
}

td.smallLeft{
	empty-cells: show;
	font: inherit;
    padding: 2pt 5pt;
	vertical-align: middle;	
    text-align: left;
}

td.smallRight{
	empty-cells: show;
	font: inherit;
    padding: 2pt 5pt;
	vertical-align: middle;	
	text-align: right;
}

table.small_tbl {
	border: 1px solid #FF6600;
	border-collapse: collapse;  /* not supported by IE6 */
    vertical-align: baseline;
	text-align: left;    
}

td.small_tbl {
	border: 1px solid #FF6600;
    padding: 5px;
}

.small_tbl_first {
	background: #FFB400;
	border: 1px solid #FF6600;
}

div.smallText, span.smallText, p.smallText {
	font: normal normal 7pt/normal Verdana, Geneva, sans-serif;
    line-height: 12px;
}

/*=============================================================
 * Visibility
==============================================================*/

div.hideSection {
	display : none;
}

.hide 
{ 
   display: none; 
} 
.show 
{ 
   display:inline; 
}

/*=============================================================
 * Sequences
==============================================================*/

table.sequence {
	border: 1px solid #bfbfbf;
    padding: 2px;
	border-spacing: 0;
   	font: normal normal 10pt/normal "Courier New", Courier, monospace;
	color: black;
	text-align: left;
	padding: 0;
}

th.sequence {
	font: inherit;
	color: #999999;
    text-align: left;
}

td.sequence {
	font: inherit;
	color: inherit;
    text-align: left;
}

div.highlight:hover { /* Not supported by IE 6 */
	background: #FFB400;
}

span.sequence {
	color: #000000;
    text-transform: uppercase;
}

div.sequence{
	font: normal normal 10pt/normal "Courier New", Courier, monospace;
	/*border:1px; */
    border: 1px solid #bfbfbf;
    padding: 2px;
    width:1004px; 
    resize:vertical; 
    word-wrap:break-word;
}

div.sequence_narrow{
	font: normal normal 10pt/normal "Courier New", Courier, monospace;
    border: 1px solid #bfbfbf;
    padding: 2px;
    width:500px; 
    resize:vertical;
    word-wrap:break-word;
}

.zfrag_5 {
	background: #B2F0B2;
    border: inherit;
}

.zfrag_3 {
	background: #B2F0B2;
    border: inherit;
}

.exon {
	color: #000000;
    text-transform: uppercase;
}

span.exon:hover { /* Not supported by IE 6 */
	background: #FFB400;
    border: 1px solid #FF6600;
}

.utr {
	color: #999999;
    text-transform: uppercase;
}

span.utr:hover { 
	background: #FFB400;
    border: 1px solid #FF6600;
}

span.intron:hover { 
	background: #FFB400;
    border: 1px solid #FF6600;
}

.intron {
	color: #999999;
    text-transform: lowercase;
}

/*=============================================================
 * Forms
==============================================================*/

.submit {
	width: 75px;
	text-align: center;
    font-weight: bold;  
    color: #0000a0;;
}

/*=============================================================
 * CSV & JSON buttons
==============================================================*/
.floated {
	float:left;
	margin-right:5px;
}


brclear {clear:both}