/* @override http://dev.jpt.glutrot.de/additions/pepsequencer.css */

.buttonremoved {
	display: none;
}

/* @group open button */
/*
.pepseqopen {
	position: absolute;
	margin-top: -30px;
	margin-left: 740px;
	padding: 0;
	border: 0;
}
*/

/*
.pepseqopen {
	display: block;
	
	position: absolute;
	margin-top: -34px;
	margin-left: 738px;
	padding: 0;
	border: 0;
	
	background-image: url('/img/system/pepsequencer/pepsequencer-icon-30-blau.gif');
	height: 30px;
	width: 30px;
}
*/

.pepseqopen {
	display: block;
	
	position: absolute;
	padding: 0;
	border: 0;
	
	margin-top: -34px;
}

.pepseqopen.graphical {
	margin-left: 390px;
}

.pepseqopen.textual {
	margin-left: 430px;
	width: 280px;
	background-color: white;
}

.pepseqopensmall {
	display: block;
	
	position: absolute;
	margin-top: -20px;
	margin-left: 714px;
	padding: 0;
	border: 0;
	
	background-image: url('/img/system/pepsequencer/pepsequencer-icon-20-blau.gif');
	height: 20px;
	width: 20px;
}
/* @end */

/* @group results dialog */
/* @group page controls */
#pepseqresults .pepseqresultspaging {
	margin-bottom: 5px;
}

#pepseqresults .pepseqresultspaging .pagingnext {
	float: right;
}

#pepseqresults .pepseqresultspaging.paging-nonext .pagingnext,
#pepseqresults .pepseqresultspaging.paging-noprev .pagingprev {
	color: #d4d4d4;
	cursor: default;
}

/*
#pepseqresults .pepseqresultspaging.paging-noprev.paging-nonext {
	visibility: hidden;
}
*/
/* @end */

/* @group result table */
#pepseqresults table {
	margin-bottom: 0px;
	border-collapse: collapse;
}

#pepseqresults div#dbselection {
	/*
	border-top: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	*/
	border: 1px solid #c4c4c4;
	border-style: inset;
	padding: 1px;
}

#pepseqresults tr.selected td {
	background-color: #fdcca1;
}

#pepseqresults th {
	padding-left: 1px;
}

#pepseqresults td {
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor:  pointer;
}

#pepseqresults table .dbselection-reviewed {
	background-repeat: no-repeat;
	width: 16px;
	background-position: -2px -1px;
	/*height: 16px;*/
}

#pepseqresults .dbselection-reviewed-true {
	background-image: url('/img/system/pepsequencer/pepsequencer-icon-reviewed-true.png');
}

#pepseqresults .dbselection-reviewed-false {
	background-image: url('/img/system/pepsequencer/pepsequencer-icon-reviewed-false.png');
}

#pepseqresults td input {
	margin-top: -1px;
}

#pepseqresults .dbselection-selector {
	width: 20px;
}

#pepseqresults .dbselection-entryname {
	width: 130px;
}

#pepseqresults .dbselection-proteinname {
	width: 465px;
}

#pepseqresults #dbselection {
	overflow: auto;
	height: 400px;
	/*width: 620px;*/
}
/* @end */

/* @group legend */
#pepseqresults .legend {
	float: right;
}

#pepseqresults .legend .dbselection-reviewed {
	float: left;
	width: 16px;
	height: 16px;
}

#pepseqresults .legend .legend-item {
	display: inline;
	float: left;
	margin-left: 10px;
}
/* @end */
/* @end */

/* @group main window */
/* @group lookup */
#pepsequencer #pepseqlookuppanel {
	margin-bottom: 10px;
}

#pepsequencer #pepseqlookupproviders {
	margin-bottom: 10px;
	padding-left: 5px;
}

#pepsequencer #pepseqlookuplicenses {
	margin-top: 10px;
	height: 80px;
}

#pepsequencer #pepseqlookuplicenses div.licensehead {
	font-weight: bold;
}

#pepsequencer #pepseqlookuplicenses a {
	text-decoration: underline;
}

#pepsequencer div.lookup {
	margin-bottom: 5px;
}

#pepsequencer div.lookup label {
	position: absolute;
	padding-top: 2px;
}

#pepsequencer div.lookup input {
	margin-left: 50px;
	width: 310px;
}

#pepsequencer input.textbox,
#pepsequencer textarea {
	border: 1px solid #676A6A;
	padding: 1px;
}
/* @end */

/* @group parameters */
#pepsequencer form.parameters textarea {
	font-family: Monaco,'Courier New',monospace;
	font-size: 10px;
}

#pepsequencer form.parameters fieldset {
	border: 0;
	margin-bottom: 0;
	padding: 0;
}

#pepsequencer form.parameters label {
	position: absolute;
}

#pepsequencer form.parameters input,
#pepsequencer form.parameters textarea {
	margin-left: 100px;
	margin-bottom: 2px;
	width: 266px;
}

#pepsequencer form.parameters textarea {
	height: 80px;
}

div.pepseqinputlength {
	margin-left: 103px;
}

div.pepseqinputlength span {
	display: block;
	margin-left: 130px;
}
/* @end */

/* @group output formatting */
#pepsequencer .generatorResult .parameters .peptidelength,
#pepsequencer .generatorResult .parameters .peptideoffset,
#pepsequencer .generatorResult .parameters .cleanedsequence {
	display: none;
}

#pepsequencer .generatorResult .parameters span.label {
	display: block;
	float: left;
	width: 103px;
}

#pepsequencer .generatorResult .parameters {
	margin-bottom: 10px;
}

#pepsequencer .generatorResult {
	height: 300px;
}

#pepsequencer .generatorResult div.errors {
	background-color: #ff9090;
	padding: 5px;
	
	/* error list should be at about the same 
	   vertical position as the table*/
	position: absolute;
	margin-top: 42px;
	width: 360px;
}

#pepsequencer .generatorResult div.errors .introduction {
	font-weight: bold;
	margin-bottom: 10px;
}

#pepsequencer .generatorResult div.errors li {
	margin-left: 20px;
}
/* @end */
/* @end */

/* @group generator table */
.pepsequencer div.contenttable {
	overflow: auto;
	height: 208px;
}

.pepsequencer .generatorResult table .normalheader {
	display: none;
}

.pepsequencer .generatorResult table .row {
	width: 43px;
}

.pepsequencer .generatorResult table .startaa {
	width: 43px;
}

.pepsequencer .generatorResult table .sequence {
	/*width: 120px;*/
	width: 180px;
}

.pepsequencer .generatorResult table .sequencelength {
	width: 70px;
}

.pepsequencer .generatorResult table,
body.exporthtml div.contenttable table {
	border-collapse: collapse;
	margin-bottom: 0px;
	margin-left: 1px;
	clear: both;
}

.pepsequencer .generatorResult table th,
body.exporthtml div.contenttable table th {
	text-align: center;
	vertical-align: top;
	border: 1px solid black;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
}

.pepsequencer .generatorResult table td,
body.exporthtml div.contenttable table td {
	text-align: right;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	font-size: 12px;
}

.pepsequencer .generatorResult tr.underrun td,
body.exporthtml div.contenttable tr.underrun td {
	background-color: #ff9090;
}

.pepsequencer .generatorResult table td.sequence,
body.exporthtml div.contenttable table td.sequence {
	text-align: left;
	font-family: monospace;
}
/* @end */

/* @group help dialog */
#pepseqhelp div.list {
	margin: 5px;
}

#pepseqhelp div.listlabel {
	position: absolute;
}

#pepseqhelp div.listcontent {
	margin-left: 17px;
}
/* @end */

/* @group export dialog */
#pepseqexport fieldset {
	border: 0;
}

#pepseqexport input {
	margin-left: 5px;
}

#pepseqexport #pepseqexport_csv_more {
	margin-left: 22px;
}
/* @end */

/* @group jQuery UI */
/* @group icon position fixes */
/* something is bugged; background-position needs to be !important
   or the hovered icons will have a wrong position */
#pepsequencer .ui-icon-triangle-1-s {
	background-position: -64px -16px !important;
}
#pepsequencer .ui-icon-triangle-1-e {
	background-position: -32px -16px !important;
}
/* @end */

#pepsequencer p.buttonspace,
.pepsequencer p.buttonspace,
#pepseqwait p.buttonspace {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#pepseqresults a.button,
#pepsequencer a.button,
#pepseqwait a.button,
.pepsequencer a.button {
	padding: 3px;
	margin-left: 2px;
	margin-right: 2px;
}

/* workaround for scrollbars in IE */
.ui-dialog .ui-dialog-content {
	overflow: hidden !important;
}

/* workaround IE: button color is not white
   other browsers work okay */
.ui-state-default, .ui-widget-content .ui-state-default {
	/* Fix IE. \*/
	*color: white !important;
	/* End fix. */
}
/* @end */

/* @group Export HTML */
body.exporthtml * {
	font-family: Arial,sans-serif;
}

body.exporthtml img {
	float: right;
}

body.exporthtml div.parameters span.label {
	display: block;
	width: 10em;
	float: left;
	font-weight: bold;
	clear: left;
}

body.exporthtml div.parameters div.cleanedsequence pre.value {
	display: block;
	width: 100%;
	clear: both;
	font-family: "Courier New",monospace;
}

body.exporthtml table.extraheader {
	display: none;
}

body.exporthtml div.contenttable {
	overflow: visible;
	height: auto;
}

body.exporthtml div.contenttable td {
	font-size: 0.9em;
}

/* @end */