/***************************************************************************
****************************************************************************
**      ______________         ______________        ______________       **
**     /               \      |               \     |               \     **
**    |    ________     |     |     _____      \    |     ______     \    **
**    |____|       |    |     |    |     \     |    |    |      |    |    **
**                 |    |     |    |      |    |    |    |      |    |    **
**                /     /     |    |      |    |    |    |______|    |    **
**               /     /      |    |      |    |    |               /     **
**             /     /        |    |      |    |    |              /      **
**           /     /          |    |      |    |    |     ______   \      **
**         /     /            |    |      |    |    |    |      |   \     **
**       /     /         _    |    |      |    |    |    |      |    |    **
**     /     /__________/ |   |    |_____/     |    |    |______|    |    **
**    |                   |   |                |    |                /    **
**    |__________________/    |_______________/     |_______________/     **
**                                                                        **
**    Proteomics Database                                                 **
**    (c) Jens Allmer, Sebastian Kuhlgert, Michael Hippler                **
**                                                                        **
****************************************************************************
***************************************************************************/



* {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: none;
	border: none;
}

body { 
	font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    line-height: 1em;
    color: #000000;
    font-size: 12px;
    margin-top:15px;
    margin-left:20px;
}

#main {
	width: 800px;
	margin-top: 30px;
	border-bottom: 1px solid gray;
}


/* @group Buttons and text areas */

input {
	border:  1px solid gray;
}

input[type=text], input[type=password], textarea {
	padding-left: 2px;
	padding-right: 2px;	
	border: 1px solid gray;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background-color:#E1E1E1;
}

select {
	border: 1px solid gray;
}

select:focus {
	border: 1px solid gray;
}


.small_button {
    font-size: 10px;
}

/* @end */

/* @group Links */

a:link {
    text-decoration:none;
    font-weight:bold;
    color:#000000;
}

a:visited { 
	text-decoration:none;
    font-weight:bold;
    color:#000000;
}

a:hover { 
	text-decoration:underline;
    font-weight:bold;
    color:#000000;
}

a:active {
	text-decoration:underline;
    font-weight:bold;
    color:#000000;
}

a:focus { 
	text-decoration:none;
    font-weight:bold;
    color:#000000;
}
/* @end */



/* @group Header */

#header {
	background-image: url(2db_head.jpg);
	background-position:0px;
	background-repeat:no-repeat;
	background-color:#fff;
	height:120px;
	width:800px;
	font: italic bold 1.6em Arial;
}
#header a:link, #header a:visited, #header a:hover, #header a:active {
 	color: #600;
	text-decoration: none;
}


/* @end */


/* @group Login */

#login {
	margin-top:0px;
	width: 160px;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 10px;
    text-align: right;
}

.field { 
	background-color: #f0f0f0;
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 10px;;
}

.button {
	background-color: #bfbfbf;
    border: 1px solid black;
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 10px;
}

/* @end */


/* @group Dropdown*/ 

#dropdown {
	width: 750px;
    height: 25px;
}

ul.dropdown
{
    list-style: none;
    margin:0;
    padding:0;
    z-index:99;
}

ul.dropdown * ul
{
    list-style: none;
    margin:0;
    padding: 0;
	display:none;
	position:absolute;
	z-index:99;
	width:20em;
}

ul.dropdown li
{
    float:left;
}

ul.dropdown li * li
{
    border:0px;
    float:none;
    position: relative;
}

ul.dropdown ul * ul
{
    left:98%;
    top:0;

}

ul.dropdown a
{
    display:block;

}

ul.dropdown ul * a
{
    height:100%;
}

ul.dropdown ul li * a
{
    height:100%;
	padding:200px;
}

ul.dropdown li * a
{
    height:100%;
}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul
{
    display:none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display:block;
}

ul.dropdown a:link, ul.dropdown a:visited{
    background-color:#f0f0f0;
    color:#444;
    padding-left:20px;
    text-decoration:none;
    height:100%;
    padding: 5px 7px 5px 7px;
}
ul.dropdown a:link.disabled, ul.dropdown a:visited.disabled, ul.dropdown a:hover.disabled {
    background-color:#f0f0f0;
    color:#999999;
    padding-left:20px;
    height:100%;
    padding: 5px 7px 5px 7px;
    cursor:not-allowed;
}

ul.dropdown a:hover
{
    background-color:#336699;
    color:#fff;
    text-decoration:none;
    padding: 5px 7px 5px 7px;
}

ul.dropdown ul li a:link, ul.dropdown ul li a:visited, ul.dropdown ul li a:hover{
    padding: 5px 7px 5px 20px;
}

ul.dropdown ul
{
    border:1px outset;

}
/* layout */

.submenu
{
	background-image:url('../layout/symbols/resultset_next.png');
	background-repeat:no-repeat;
	background-position:100%;
}

.java
{
	background-image:url('../layout/symbols/cup.png');
	background-repeat:no-repeat;
}
.help
{
	background-image:url('../layout/symbols/help.png');
	background-repeat:no-repeat;
}
.information
{
	background-image:url('../layout/symbols/information.png');
	background-repeat:no-repeat;
}
.group
{
	background-image:url('../layout/symbols/groups_small.jpg');
	background-repeat:no-repeat;
}
.user
{
	background-image:url('../layout/symbols/user_small.jpg');
	background-repeat:no-repeat;
}
.linkout
{
	background-image:url('../layout/symbols/page_world.png');
	background-repeat:no-repeat;
}
.table
{
	background-image:url('../layout/symbols/gallery_small.jpg');
	background-repeat:no-repeat;
}
.chart
{
	background-image:url('../layout/symbols/quantify_small.jpg');
	background-repeat:no-repeat;
}
.draw
{
	background-image:url('../layout/symbols/spot_samll.jpg');
	background-repeat:no-repeat;
}
.cog
{
	background-image:url('../layout/symbols/method_small.jpg');
	background-repeat:no-repeat;
}
.dump
{
	background-image:url('../layout/symbols/makedump_small.jpg');
	background-repeat:no-repeat;
}
.db
{
	background-image:url('../layout/symbols/database.jpg');
	background-repeat:no-repeat;
}
.import
{
	background-image:url('../layout/symbols/experiment_import_small.jpg');
	background-repeat:no-repeat;
}
.compare
{
	background-image:url('../layout/symbols/compare_small.jpg');
	background-repeat:no-repeat;
}
.organism
{
	background-image:url('../layout/symbols/organism_small.jpg');
	background-repeat:no-repeat;
}
.software
{
	background-image:url('../layout/symbols/software_small.jpg');
	background-repeat:no-repeat;
}
.remotesearch
{
	background-image:url('../layout/symbols/remote_search_small.jpg');
	background-repeat:no-repeat;
}

/*@end */


/* @group Home */

#home {
	width: 750px;
	padding: 20px;
	text-align: justify;
}

#home ul {
	list-style: none;
	width: 746px;
}

#home ul li {
	width:373px;
	text-decoration: none;
	margin-bottom: 20px;
	float: left;
	}

#home ul li a:link, #home ul li a:visited, #home ul li a:hover, #home ul li a:active {
	font: bold 1em Arial;
	color: black;
}


#home img {
	margin-right: 5px;
	float: left;
}

/* @end */




/* @group Content */

#content {
	width: 750px;
	padding: 20px;
	text-align: justify;
}

#content ul {
	list-style: none;
}

#content ul li {
	width:300px;
	text-decoration: none;
	margin-bottom: 20px;
}

#content ul li a:link, #content ul li a:visited, #content ul li a:hover, #content ul li a:active {
	font: bold 1em Arial;
	color: black;
}


#content img {
	margin-right: 5px;
	margin-top: 3px;
}


#content_header {
	width: 750px;
	font-size: 0.8em;
}

#content_header {
	text-align:left;
}

#content_header ul {
	list-style: none;
}

#content_header ul li {
	width:110px;
	text-decoration: none;
	float: right;
	text-align: right;
}

#content_header img {
	margin-top: 0px;
	margin-right: 0px;
	float: right;
}

#content_experiments {
	width: 750px;
}

#content_experiments ul{
	list-style: none;
	margin-top: 10px;
}

#content_experiments ul li {
	width:750px;
	margin-bottom: 20px;
	min-height:113px;
}

#content_experiments ul li a
{
    display:block;
	width:750px;
	min-height:113px;
}

#content_experiments ul li a:hover
{
    display:block;
	width:750px;
	background-color:#f0f0f0;
	text-decoration:none;
}

#content_experiments img {
	margin-top: 7px;
	margin-right: 30px;
	margin-left: 30px;
	float: left;
}

#content_experiments ul li a:link, #content_experiments ul li a:visited {
	font: 1em Arial;
	color: black;
}

#content_experiments ul li a:hover	{
	font: 1em Arial;
	color: black;
}

#content_experiments ul li ul li a:active {
	font: 1em Arial;
	color: black;
}

#content_headerI{
	width: 750px;
	text-align: center;
}
#content_headerI a {
	font-size:10px; 
	font-weight:normal;
}

#content_footer {
	width: 750px;
	text-align: center;
}
#content_footer a {
	font-size:10px; 
	font-weight:normal;
}
/* @end */

#content_experiments #wall{
	list-style: none;
	margin-top: 10px;
}

#content_experiments  #wall  li{
	width:140px;
	margin:0px 5px 20px 0px;
	min-height:160px;
	text-align:center;
	float:left;
}

#content_experiments  #wall li a
{
    display:block;
	width:140px;
	min-height:160px;
}

#content_experiments  #wall li a:hover
{
    display:block;
	width:140px;
	min-height:160px;
	background-color:#f0f0f0;
	text-decoration:none;
}

#content_experiments #wall li img {
	margin-top: 7px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
}

/* @group Experiment detail */

.spottable { 
	background:#f0f0f0; 
	padding:5px; 
	border:1px solid #66ccff;
}

.spottable  td{ 
	border:none;
	padding:2px 0px 2px 0px;
}

.experimenthead { 
	background:#f0f0f0; 
	padding:5px; 
	border:1px solid #66ccff;
}

.experimenthead td{ 
	border-bottom:1px dashed #66ccff;
	border-collapse:collapse;
	padding:2px 0px 2px 0px;
}

.visualhelp { 
	background:#f0f0f0; 
	padding:5px; 
	border:1px solid #66ccff;
}

/* @end */


/* @group Significant results as HTML */

.resultoutput {
	border-collapse:collapse;
}

.resultoutput td {
	border:1px solid #b0b0b0; 
	padding:2px 2px 2px 2px;
}

/* @end */


/* @group Search results */

.search { 
	padding-right: 17px; 
	background:url(glass.png) 3px 4px no-repeat;
}

#searchresults { 
	width:750px; 
	background:#f0f0f0; 
	padding:5px; 
	border: 1px solid gray; 
}

#searchresults ul {
	list-style: square;
	margin: 0px 0px 0px 30px;
	text-align: left;
}


#searchresults ul li{
	margin: 0px;
	padding: 3px;
}

#sequencetable {border-collapse:collapse; margin-top:10px;}

.sequence_desc {padding: 5px 2px 5px 2px; border-bottom:1px solid gray;}

.sequence_left{ 
	font-family: "Courier New", Courier, Monospace;
    text-align: left;
    font-size: 12px;
    padding:10px;
	padding: 5px 2px 5px 2px; border-bottom:1px solid gray;
}

.highlight{
	background:yellow;
}

/* @end */


/* @group QuantSpecCount */

#quanttable, #quanttable td{
	border-collapse:collapse;
	border:1px solid #a1a1a1;
	padding:2px;
}

#quanttable th{
	border-collapse:collapse;
	border:1px solid #a1a1a1;
	padding:2px;
	background-color:#e1e1e1;
}


/* @end */


/* @group Help */

#help {
	width: 750px;
	padding: 20px;
	text-align: justify;
}

#help ul {
	list-style: square;
	margin: 10px 0px 10px 30px;
	text-align: left;
}

#help ol {
	margin: 0px 0px 10px 30px;
	text-align: left;
}




/* @end */

/* @group Java */

#java {
	width: 750px;
	text-align: center;
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* @end */


/* @group Footer */

#footer {
	width: 750px;
	text-align: center;
	color: #545454;
	font-style: italic;
	font-size: 12px;
}

/* @end */



h1 {
	font: bold 1.8em Arial;
	color: #600;
	margin-bottom: 0px;
	margin-top:0px;
}

h2 {
	font: bold 1.2em Arial;
	color: #336699;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	margin-top:10px;
}

h3 {
	font: bold 1em Arial;
	color: #000;
}

h4 {
	font: 1.2em Arial;
	color: #600;
	font-weight: bold;
}


h5 {
	font: bold 1.2em Arial;
	color: #336699;
}

form {
	font-size: 1em;
}

.left_floata {
	float: left;
}

.spothead { 	
	background:#f0f0f0; 
	padding:5px; 
	border:1px solid #66ccff;
}    
 
.toggle         {
                     color:black;
                     font-family:arial,helvetica,sans-serif;
                     font-size:1.5em;
                     background:none;
                     font-weight:bold;
                  border:none;
                  width: 1em;
                  height: 1em;
                  cursor:pointer;
                }

.toggle_admin         {
                     color:#0055AA;
                     font-family:arial,helvetica,sans-serif;
                     font-size:1em;
                     background:none;
                     font-weight:bold;
                  border:none;
                  width: 1em;
                  height: 1em;
                  cursor:pointer;
                }
/*//////////////// Elements for Infoboxes ///////////////////*/
         
/* Warning Box */

.warningbox		  {
				  width:600px;
				  padding:4px;
				  border-color:#FF0000;
				  border-width:1px;
				  border-style:solid;
				  background-color:#FFC4C4;
				  text-align:left;
				}

/* Success Box */
                
.successbox		  {
				  width:600px;
				  padding:4px;
				  border-color:#008040;
				  border-width:1px;
				  border-style:solid;
				  background-color:#C4E6D5;
				  text-align:left;
				}
				
				
/* @Elements for proper Spot Result presentation */				
				
.spot_results		{
					 border:1px solid #66ccff; 
					 border-collapse:collapse; 
					 width:900px;
					}

.spot_results td		{
					 padding:5px; 
					 border-bottom:1px solid #66ccff; 
					 border-top:1px solid #66ccff; 
					 border-collapse:collapse;
					 text-align:center;
					}
					
.spot_results th		{
					 border-top:1px solid #66ccff; 
					 border-bottom:1px solid #66ccff; 
					 background-color:#E1E1E1; 
					 padding:5px; 
					 color:#600;
					 text-align:center;
					}
					
.spot_results th	a 	{color:#600;}

.peptides 			{font-family:courier;}

.spot_results .detail_significant td  {text-align:left;}

.spot_results .spot_prot_sequence  {text-align:left;}

.spot_results .prot_head	{text-align:left;}

.spot_results .prot_head_left	{text-align:right;}

.spot_stats			{
					 padding:5px; 
					 border:1px solid #66ccff; 
					 background-color:#f0f0f0;
					}

.spot_prot_sequence	{
					 font-family:"Courier New",Courier,Monospace;
					 font-size:12px;
					}

.spot_button 		{
					 font-size:9px; 
					 margin:0px 0px 0px 10px;
					}
/* @end */


.tableview {border-collapse:collapse; border:2px solid #66ccff; font-family:arial; font-size:12px; text-align:left; width:850px; margin:10px 0px 10px 0px;}
.tableview td {border:1px solid #e1e1e1; padding:3px;}
.tableview th {border:1px solid #e1e1e1; padding:3px; background-color:#f0f0f0; white-space: nowrap; height:32px;}
.tableview tr[class=access]:hover td{ background:#66ccff;; cursor:pointer;}
.tableview tr[class=denied]:hover td{ background:#cc3333; cursor:default;}