/**
* @version $Id: tilling.css 1.0$
* @copyright Copyright (C) Ted Moens. All rights reserved.
*/

/**
 * The "list" type pages will all have an area for searching and filtering
 */
#zf-filterwrapper {
	width 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 20px;
}

#zf-filterarea {
	width: 62%;
	float: right;
}

#zf-searcharea {
	width: 37%;
	float: left;
}

/**
 * a pair of side by side fieldsets used in the gene editing page (kludge)
 */
#zf-fswrapper {
	width 100%;
	}
#zf-leftfs{
	width: 46%;
	float: left;
		}
#zf-centerfs{
	width: 6%;
	float: left;
	margin-left:20px;
		}
#zf-rightfs{
	width: 46%;
	float: right;
		}


.zfbuttonimage{
	vertical-align: bottom;
	margin: 1px 5px 1px 0px;
}

.zfbuttonarea{
	margin-bottom: 10px;
}
table.zflist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.zflist th { padding: 3px; }
table.zflist td { padding: 0px; }

table.zflist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.zflist td {padding-left:2px; padding-right: 2px}

table.zflist thead a:hover { text-decoration: none; }

table.zflist thead th img { vertical-align: middle; }

table.zflist tbody th { font-weight: bold; }

table.zflist tbody tr		{ height: 25px; line-height: 125%;  border: 1px solid #fff; background-color: #fff;  text-align: center; }
table.zflist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.zflist tbody tr.row0:hover td,
table.zflist tbody tr.row1:hover td  { background-color: #efd ; }

table.zflist tfoot tr { text-align: center;  color: #333; }
table.zflist tfoot td,
table.zflist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.zflist td.order 		{ text-align: center; }
table.zflist td.order span { float: left; display: block; width: 20px; text-align: center; }

.sequence {font-family: courier}
.intron {color: #C1C1C1; font-family: courier}
.exon {color: #6C7373; font-family: courier}
.fragPrimer {text-decoration: underline}
.unattachedPrimer {text-decoration: line-through}
.frag1 {color: #0000A9}
.frag2 {color: #C92F41}
.fragOverlap {color: #601B7E}
.ATG {color: #A72826; font-family: courier}
.TAA {color: #A72826; font-family: courier}
.mutant {text-decoration: blink}
.wrap60 {width: 60ch; word-wrap: break-word; font-family: courier}
.nonsense{color: red;}

.zfLegend {
	margin: 15px;
}

.label {
	text-align: right
}

.plateStatus {
	background-color: #EEE;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	margin: 15px 5px 5px 5px;
}