/* CSS Document */
body {
	margin: 0px;
	background-color: #596670;
	font: 11px Lucida Sans, Lucida Grande, Verdana, Arial;
}

#allwrap {
	min-width: 900px;
	max-width: 1100px; 
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#allwrap {
    zoom: 1;
}

#shadowright {
	background-image: url(img/layout-schatten-rechts.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#shadowleft {
	background-image: url(img/layout-schatten-links.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

#shadowbottom {
	height: 32px;
	text-align: left; 
	vertical-align: top;
	background-image: url(img/layout-schatten-unten.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#shadowbottom img {
	width:24px;
	height:32px;
}

#shadowbottom img.rightcorner {
    float: right;
}

#header,#main {
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

#header {
	height: 75px;
	background-color: #294670;
	background-image: url(img/header-scampi.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#headerlogo {
	float: left;
	width: 280px;
	height: 75px;
}

#headercontent {
	padding: 5px;
}

#main {
	background-color: #f3f3f3;
}

#left {
	float: left;
	width: 280px;
	padding: 0px;
	margin: 0px;
	background-color: #f3f3f3;
}

#navigation {
	min-height: 100px;
	background-image: url(img/layout-navi-back-pink.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 30px;
}

#leftcontent {
	padding: 10px;
}

#content {
	margin-left: 280px;
	background-color: white;
	border-left: 1px solid #cecece;
	padding: 10px;
	min-height: 300px;
}

#navigation ul {
	margin-top: 1px;
	margin-left: 0px;
	padding-left: 20px;
	list-style-image: url(img/layout-navi-arrow-pink.gif);
	list-style-position: inside;
}

#navigation li {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	line-height: 2em;
	background-image: url(img/layout-navi-divider-pink.gif);
	background-repeat: repeat-x;
}

#navigation a {
	color: white;
	font-weight: bold;
	text-size: 11px;
	text-decoration: none;
	padding-top: 0.2em;
	padding-bottom: 0.2 em;
	padding-left: 5px;
}

#navigation a.current {
	color: black;
	font-weight: bolder;
}

#navigation a:hover,#navigation a.current:hover {
	color: pink;
	font-weight: bold;
}

ul {
	list-style-image: url(img/layout-arrow-blue.gif);
}

a {
	text-decoration: none;
	color: #4080D0;
}

a.actionlink {
	color: #2E2E2E;
}

a:visited {
	color: #4080D0;
}

a.actionlink:visited {
	color: #2E2E2E;
}

a:hover {
	text-decoration: underline;
	color: #295285;
}

a.actionlink:hover {
	color: #295285;
}

#content td,
#content th,
#content p {
	font: 11px Lucida Sans, Lucida Grande, Verdana, Arial;
	vertical-align: bottom;
}

#content th {
	font-weight: bold;
	vertical-align: bottom;
}

#content table.ResultTable {
	margin-top: 3px;
	margin-bottom: 3px;
	border-collapse:collapse;	
}

#content table.ResultTable th {
	border-top: 2px solid #cecece;
	border-bottom: 2px solid #cecece;	
	padding-left: 3px;
	padding-right: 3px;
}

#content table.ResultTable td {
	text-align: center;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding-left: 3px;
	padding-right: 3px;
}

#content table.Parameters td {
	vertical-align: top;
}

#content .comment {
	font-style: italic;
}

/* Overview page */
#content .Overview ul {
        padding-bottom: 3px;
}

#content .Overview a.Job {
        color: rgb(21,45,198);
}
#content .Overview li.Job {
        list-style-image: url(img/layout-arrow-job.gif);
}

#content .Overview a.Blast {
        color: rgb(21,133,198);
}
#content .Overview li.Blast {
        list-style-image: url(img/layout-arrow-blast.gif);
}

#content .Overview a.BoyerMoore {
        color: rgb(233,47,165);
}
#content .Overview li.BoyerMoore {
        list-style-image: url(img/layout-arrow-boyermoore.gif);
}

#content .Overview a.Tred {
        color: rgb(175,21,198);
}
#content .Overview li.Tred {
        list-style-image: url(img/layout-arrow-tred.gif);
}

#content .Overview a.Primer3 {
        color: rgb(133,198,21);
        /* color: rgb(198,175,21); */ 
}
#content .Overview li.Primer3 {
        list-style-image: url(img/layout-arrow-primer3.gif);
}

#content .Overview .comment {
	    font-style: normal;
		color: rgb(181,181,181);	
}

/* Form validation */
.errorLabel {
	font-style: italic;
	color: mediumvioletred;
}

.errorMessage {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: mediumvioletred;
}

/* Forms */
#content fieldset {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #acacac;
}

#content legend {
	font-weight: bold;
	font-size: 120%;
}

#content .wwgrp {
    margin: 0;
	padding: 0;
}

#content .wwgrp br {
	font-size: 1px;
    margin: 0;
	padding: 0;
}

#content .wwlbl {
	margin-top: 10px;
	padding: 0;
}
#content .wwctrl {
    margin: 0; 
	padding: 0;
}

#content select,#content input,#content textarea {
	/* border: 1px solid #cecece;*/
}

#content .label {
	width: 100%;
}

#content h1 {
	font-size: 20px;
	font-weight: bolder;
}

#content h2 {
	font-size: 18px;
	font-weight: bolder;
}

#content h3 {
	font-size: 14px;
	font-weight: bold;
}

#content .centered {
	text-align: center;
}

/*  BLAST specific   */
#content div.BlastResult {
	margin-top: 15px;
}

#content div.BlastResultRow {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content .BlastResultRow span.Positions {
	font-family: monospace;
	float: left;
	margin-right: 5px;
}

#content .SequencePre {
	font-family: monospace;
	white-space: pre;
}

#content .tt,
#content .BlastResultRow span.Sequences {
	font-family: monospace;
}

/* markers for sequences */

#content .SSR,
#content .SSRmark,
#content .P3mark {
	color: white;
	background-color: mediumvioletred;
}

#content .markerSNP { /* BlastResult */
	color: white;
	background-color: rgb(21,133,198);
}

#content .markerCAPS { /* BoyerMooreResult */
	color: white;
	background-color: rgb(233,47,165);
}

#content .markerSSR { /* TredResult */
	color: white;
	background-color: rgb(175,21,198);
}

#content .markerPrimer { /* Primer3Result */
	border-top: 3px solid rgb(133,198,21);
	border-bottom: 3px solid rgb(133,198,21);
}

#content .SSRtarget {
	background-color: #4080D0;
	border-top: 3px solid #4080D0;
	border-bottom: 3px solid #4080D0;
}

#content .markerCAPSandPrimer {
	color: white;
	background-color: rgb(233,47,165);
	border-top: 3px solid rgb(133,198,21);
	border-bottom: 3px solid rgb(133,198,21);
}

#content .markerSSRandPrimer {
	color: white;
	background-color: rgb(175,21,198);
	border-top: 3px solid rgb(133,198,21);
	border-bottom: 3px solid rgb(133,198,21);
}

#content .markerTarget { /* Target for search Primer */
	border-top: 3px solid rgb(198,175,21);
	border-bottom: 3px solid rgb(198,175,21);
}

#content .markerCAPSandTarget {
	color: white;
	background-color: rgb(233,47,165);
	border-top: 3px solid rgb(198,175,21);
	border-bottom: 3px solid rgb(198,175,21);
}

#content .markerSSRandTarget {
	color: white;
	background-color: rgb(175,21,198);
	border-top: 3px solid rgb(198,175,21);
	border-bottom: 3px solid rgb(198,175,21);
}

#wwctrl_Blast_create_blast_p_gapalign,#wwctrl_Blast_create_blast_p_filter,#wwctrl_Blast_create_blast_p_lowercase
	{
	float: left;
}

#wwgrp_Blast_create_blast_p_gapalign,#wwgrp_Blast_create_blast_p_filter,#wwgrp_Blast_create_blast_p_lowercase
	{
	clear: left;
}

#wwgrp_Blast_create_blast_p_loc_start {
	float: left;
	clear: left;
}

#wwgrp_Blast_create_blast_p_loc_end {
	float: left;
	clear: none;
	margin-left: 10px;
}

/*  Warnings and errors */

#content .TaskError,
#content .Primer3Error {
	font-weight:bold; 
	text-align: center; 
	color:mediumvioletred;
	padding: 3px;
	border: 1px solid mediumvioletred;
	background-color: Pink; 
}

#content .TaskWarning,
#content .Primer3Warning {
	font-weight:bold; 
	text-align: center; 
	color: #4080D0;
	padding: 3px;
	border: 1px solid #4080D0;
	background-color: LightBlue; 
}

#content .TaskInfo {
	font-weight:bold; 
	text-align: center; 
	color: #FFAA00;
	padding: 3px;
	border: 1px solid #FFAA00;
	background-color: #FFFF99; 
}

#secondfooter {
	clear: both;
	text-align: center;
	color: #363636;
	margin-bottom: 15px;
	height: 40px;
	vertical-align: top;
}

#secondfooter a {
	color: #363636;
}


a.tooltip div {
	display: none;
}

a.tooltip:hover div {
	display: block !important;
}

#content .right {
	text-align: right;
}