/*
CUSTOM COLORS

#437055 : text evid/explain, text chromo, bg chromo selected
#9E4745 : text warning, text chromo 0, bg chromo 0 selected
#E9F0E8 : bg chromo
#E1F0DC, #EFFEEA : gradient colors th primer design results
#00C700 : hover link color
*/

.primer_item {
	margin:24px 24px 0 0;
	padding: 24px 0 0 0;
	border-top: solid 1px #C9D0C8;
}
.primer_item  .selection_title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:12px;
}

.search_results {
	margin:24px 24px 0 0;
	padding: 24px 0 0 0;
	border-top: solid 1px #C9D0C8;
	position:relative;
}
.error_results {
	border: solid 1px #FFCA6B;
	padding: 24px;
	color:#F90;
	font-size:13px;
	font-weight:normal;
	margin-top:8px;
}
.error_results  .error_output{
	margin: 16px 16px 0 16px;
	font-size:11px;
	color: #999;
	line-height: 14px;
	font-weight:normal;
}
.error_results  .error_output .error_evid {
	color: #F90;
}
.debug_results {
	margin:24px 24px 0 0;
	padding: 24px;
	border: solid 1px #CCCCCC;
	color:#AAAAAA;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Curier;
}
.search_results .selection_title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:24px;
}
.search_results .selection_title .explain {
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin-bottom:12px;
	color: #437055;
}
.search_results .selection_title.warning {
	color:#9E4745;
}

.selection_item, .selection_footer, .design_primer  {
	margin:24px 36px 0 0;
	padding: 24px 0 0 0;
	border-top: solid 1px #C9D0C8;
}
.selection_item.responsive_float {
	float:left;
	min-width: 300px;
}

.selection_item  .selection_title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}
.selection_item  .selection_explain {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	padding-left:4px;
}
.selection_item  .selection_value {
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
	color:#437055;
}
.selection_item  .selection_value .chromo-0_value {
	color:#9E4745;
}
.selection_item  .selection_value .sep_value {
	color:#AAAAAA;
}

.selection_explain {
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	padding:0;
	margin-bottom:12px;
	color: #437055;
}

.selection_item  .selection_controls {
	margin: 4px 0 0 0;
}

.selection_item  .selection_controls a,
.selection_item  .selection_controls a:link,
.selection_item  .selection_controls a:visited,
.selection_item  .selection_controls a:hover,
.selection_item  .selection_controls a:active {
	font-size: 10px;
	text-decoration: none;
	padding-right:12px;
}

div.selection_subitem_group , div.selection_subitem {
	line-height: 26px;
}
.selection_subitem_group{
	white-space:nowrap;
	margin:8px 20px 0 0;
}
.selection_subitem {
	margin:8px 12px 0 0;
}
.selection_subitem.first_row {
	/* margin:16px 12px 8px 0; */
	padding:8px 6px 0 0; 
	border-top: 1px solid #F3F3F3;
	max-width:580px;
}
.selection_subitem.row {
	/* margin:7px 12px 0 0; */
	padding:8px 6px 0 0; 
	border-top: 1px solid #F3F3F3;
	max-width:580px;
}

.selection_subitem .selection_title {
	font-size:13px;
	color: #437055;
	font-weight:normal;
	padding-right:3px;
	padding-left:3px;
}
.selection_subitem .selection_title.important {
	color: #437055;
}
.selection_subitem .selection_title.label {
	color: #888;
}
.selection_subitem_post {
	margin:8px 0 0 -8px;
}
.selection_subitem_post .selection_title {
	font-size:13px;
	color: #437055;
	font-weight:normal;
	padding-right:3px;
	padding-left:0;
}
.selection_subitem .selection_explain {
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	padding-left:4px;
}
.selection_subitem  .selection_value {
	font-size:13px;
	font-weight:bold;
	color:#437055;
	padding:0;
}

.selection_item input  {
    padding: 2px 4px;
	color:#437055;
}

.selection_item input[disabled] {
	background-color:#F6F6F6;
	color:#F6F6F6;
}

.selection_buttons input[type="submit"], .selection_buttons input[type="button"], .selection_buttons input[type="reset"] {
	font-size:11px;
	text-transform:uppercase;
        padding: 6px 24px;
	margin: 4px 0;
	min-width: 140px;
}
.selection_buttons input[disabled] {
    cursor: not-allowed;
}
.selection_buttons input[disabled]:hover {
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
	background-image: -ms-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: -webkit-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: -o-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: linear-gradient(top, #F4F4F4, #E6E6E6);
    background-repeat: repeat-x;
    color: #7C7C7C;
}

.selection_nowrap {
	white-space:nowrap;
	text-align:left;
}


.selection_page hr {
    background-color: #C9D0C8;
    border: 0 none;
    height: 1px;
    margin: 24px 24px 24px 0;
}

#chromo_select { list-style-type: none; margin: 0; padding: 0; }
#chromo_select li.ui-selecting { background: #F8FB80; }
#chromo_select li.ui-selected { background: #437055; color: white; }
#chromo_select li.ui-selected.ui-selecting  { background: #AAAAAA; color: white; }
#chromo_select li { 
	color:#437055; 
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	background: #e9f0e8 url(img/bgnd.png) 50% 50% repeat-x;
	margin: 4px 8px 4px 0; 
	padding: 10px 0; 
	float: left; 
	width: 36px; 
	height: 16px; 
	font-size: 15px;
	font-weight: normal;
	text-align: center; 
	cursor:pointer; 
}
#chromo_select li a,
#chromo_select li a:link,
#chromo_select li a:visited {
	text-decoration: none;
}
#chromo_select li.chromo-0 { color:#9E4745; }
#chromo_select li.chromo-0.ui-selected { background: #9E4745; color: white; }
#chromo_select li.chromo-0.ui-selected.ui-selecting  { background: #AAAAAA; color: white; }

input.motif { background: white; color: #437055; }
input.motif_full { background: #437055; color: white; }

.search_results  .selection_explain {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	padding-left:16px;
}

table.results {
}
table.results tr.result_row {
	height: 36px;
}
table.results th {
	padding: 10px 16px;
	color: #7C7C7C;
	background-color: #E6E6E6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
	background-image: -ms-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: -webkit-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: -o-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: linear-gradient(top, #F4F4F4, #E6E6E6);
	border: 1px solid #FFF;
	font-size:12px;
	font-weight:normal;
}
table.results td {
	padding: 8px 12px 8px 12px;
	color: #437055;
	border: 1px solid #DDD;
	font-size:13px;
	vertical-align:middle;
}
table.results td.number {
	text-align: right;
}
table.results td.zero {
	color:#9E4745;
}
table.results td.counter {
	text-align: right;
	font-size:11px;
	color: #999;
}
table.results td.code {
	text-align: left;
	font-size:10px;
	color: #666;
	white-space:nowrap;
}
table.results td.centered {
	text-align: center;
}
table.results td.marker {
	text-align: left;
	font-size:11px;
	cursor:pointer;
	color: #21759B;
}
table.results td.motif { 
}
#marker_viewer {
	position:absolute;
	top: 100px;
	padding: 20px 32px;
	border: 1px solid #DDD;
	background-color: #F3F3F3;
	/* color:#9E4745; */
	color:#21759B;
	font-size:11px;
	line-height: 18px;
	display:none;
	max-width: 480px;
	z-index: 100;
	word-wrap: break-word;
	-moz-hyphens: auto;
}
#marker_viewer .seq {
	/* color:#437055; */
	color:#939393;
}
#marker_viewer .ssr {
	color:#2B95C6;
	/* background-color:#FFFFFF; */
}
#marker_viewer #ncbi_link {
	cursor:pointer;
	margin-top:10px;
}
#marker_viewer #ncbi_link:hover {
	color:#00C700;
}
#close_marker_viewer {
	position:absolute;
	top: 6px;
	right: 12px;
	padding: 1px 6px;
	border: 1px solid #DDD;
	background-color: #F6F6F6;
	color:#666;
	cursor:pointer;
}
.help {
	cursor: help;
}

#search_form {
}

#primer_form {
	display: none;
}

.primer_results {
	margin-top: 16px;
	border-top: 1px solid #DDD;
	padding-top:16px;
}
.primer_results .selection_title {
	margin:16px 6px 0 6px;
	font-size:15px;
	font-weight:bold;
}
.primer_results .selection_title.warning {
	font-size:13px;
	color:#9E4745;
}

.primer_out {
	margin-top: 8px;
	border-top: 1px solid #EEE;
	padding-top:8px;
}
table.results.primer {
	margin-top: 0;
	width: 840px;
}
table.results.primer th {
	background-color: #E6E6E6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
	background-image: -ms-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: -webkit-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: -o-linear-gradient(top , #F4F4F4, #E6E6E6);
	background-image: linear-gradient(top, #F4F4F4, #E6E6E6);
	padding: 10px 16px;
	font-size:11px;
	line-height:14px;
}
table.results.primer td {
	max-width: 520px;
	padding: 8px 12px;
	font-size:12px;
	word-wrap: break-word;
}
table.results.primer.ssr th {
	background-color: #E1F0DC;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #EFFEEA, #E1F0DC);
	background-image: -ms-linear-gradient(top , #EFFEEA, #E1F0DC);
	background-image: -webkit-linear-gradient(top , #EFFEEA, #E1F0DC);
	background-image: -o-linear-gradient(top , #EFFEEA, #E1F0DC);
	background-image: linear-gradient(top, #EFFEEA, #E1F0DC);
}
table.results.primer.set th {
	background-color: #F0F0F0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #F9F9F9, #F0F0F0);
	background-image: -ms-linear-gradient(top , #F9F9F9, #F0F0F0);
	background-image: -webkit-linear-gradient(top , #F9F9F9, #F0F0F0);
	background-image: -o-linear-gradient(top , #F9F9F9, #F0F0F0);
	background-image: linear-gradient(top, #F9F9F9, #F0F0F0);
	padding: 8px 12px;
	font-size:10px;
	line-height:12px;
}
table.results.primer.set td {
	font-size:11px;
}
table.results.primer.seq th {
	background-color: #E1EAF8;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #EFF8FF, #E1EAF8);
	background-image: -ms-linear-gradient(top , #EFF8FF, #E1EAF8);
	background-image: -webkit-linear-gradient(top , #EFF8FF, #E1EAF8);
	background-image: -o-linear-gradient(top , #EFF8FF, #E1EAF8);
	background-image: linear-gradient(top, #EFF8FF, #E1EAF8);
}
table.results.primer.seq td {
	font-size:11px;
}
table.results.primer.out th {
	background-color: #F0F0F0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(center top , #F9F9F9, #F0F0F0);
	background-image: -ms-linear-gradient(top , #F9F9F9, #F0F0F0);
	background-image: -webkit-linear-gradient(top , #F9F9F9, #F0F0F0);
	background-image: -o-linear-gradient(top , #F9F9F9, #F0F0F0);
	background-image: linear-gradient(top, #F9F9F9, #F0F0F0);
	padding: 8px 12px;
	font-size:10px;
	line-height:12px
}
table.results.primer.out td {
	white-space:nowrap;
}

select#detail_level {
	font-size:12px;
	min-width: 150px;
}
.primer_sequence {
	cursor: pointer;
}
input.primer_sequence {
	width: 240px;
	font-size:11px;
	border:none;
}

#chromo_select_global {
    margin-top:10px;
}
#chromo_select_reset {
    padding-right:16px;
    border-right:solid 1px #AAA;
}
#chromo_select_whole_genome {
    padding-left:16px;
}

.left-buttons {
    float:left;
}
.right-buttons {
    float:right;
}
#do_design_primer, #download_data {
    margin-left:10px;
}
#search_submit_data, #update_settings, #update_search {
    margin-left:8px;
}
#download_ssr {
	width:180px;
}

#database_search_page {

}
#database_results_page {

}
#database_primer_page {

}

.wait {
	display:none;
	text-align:center;
	width:100%;
}
.wait img{
	margin:25px 0 0 0;
}
.wait .selection_item  .selection_explain {
	font-size:15px;
	color: #666;
	font-weight:normal;
	font-style:italic;
	padding:0;
	margin-top:24px;
}