/*******************************************************************************
 * Superimpose-web project.
 * copyright structural bioinformatics group.
 * @author ra
 *******************************************************************************
 
 
/*******************************************************************************
 * basic stuff
 ******************************************************************************/
#container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/*******************************************************************************
 * basic stuff
 ******************************************************************************/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:  #FFFFFF /*lightgrey*/;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font: 14px Sans-Serif;
}


/*******************************************************************************
 * header 
 ******************************************************************************/
 .header {
 	position: relative;
 	margin: 0px 0px 0px 0px;
 	/*
 	font: bold italic 40px Serif;
 	*/
 	/*wrong definition: font: 45px, Helvetica, Sans-Serif;*/
 	font: 45px Sans-Serif;
 	text-align: left;
 	color: lightgrey;
 	background: #000066;
 	/*margin-top: -10px;*/
}

 
.header img {
	height: 60px;
}

 


/********************************************
* Sllt specifics
*********************************************/
table.lined {
	border-top: 1px solid silver;
	border-bottom: 1px solid black;
}

/********************************************
* Description
*********************************************/

a.desc {
	color: #CCCCCC;
	background: #000066;
	text-decoration: none;
	padding: 8px 16px 8px 16px;
	margin: 4px 0px 4px 2px ;
	text-align: center;
}

td.desc {
	background: #CCCCCC;
	color: black;
	text-decoration: none;
	padding: 8px 16px 8px 16px;
	margin: 4px 0px 4px 2px ;
	text-align: center;
}


a.desc:hover{
	background: #CCCCCC;
	color: black;
}

a.desc1 {
	background: #000066;
	color: white;
	font-size: 12px;
}

a.desc1:hover{
	background: #CCCCCC;
	color: black;
}

div.desc {
	text-align: justify;
	padding: 6px;
}
div.desc div#description {
	border: 1px solid black;
}
a.selected{
	background: #CCCCCC;
	color: black;
	text-decoration: none;
}

/********************************************
* Workflow specifics
*********************************************/
td.wf {
	background: #000066;
	font: 12px Verdana, Georgia, Sans-Serif;
	text-align: center;
	padding: 6px;
	color: #CCCCCC;
}


div.wf_list {
	padding: 10px;
	border-left: 1px solid silver;
	margin-left: 6px;
}

.wf_list div{
	padding: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.wf_list a {
	color: #CCCCCC;
	background: #000066;
	text-decoration: none;
	display: block;
	border-width: 0 !important;
	padding: 8px 16px 8px 16px;
	margin: 4px 0px 4px 2px ;
	text-align: center;
}

.wf_list a:hover{
	background: #CCCCCC;
	color: black;
}

td.wf_flowchart {
	background: #CCCCCC;
	font: 10px Verdana, Georgia, Sans-Serif;
	text-align: center;
	padding: 2px;
	color: #000000;
}

td.wf_active {
	background: #CCCCCC;
	font: 12px Verdana, Georgia, Sans-Serif;
	text-align: center;
	padding: 2px;
	color: #000066;
}

.wf_active a {
	font: 12px Verdana, Georgia, Sans-Serif;
	color: #000066;
	text-decoration: none;
}

a.wf_active {
	font: 12px Verdana, Georgia, Sans-Serif;
	color: #000066;
	background-color: #CCCCCC;
	text-decoration: none;
}

.wf_btn table {
	border-spacing: 0px;
}

.wf_btn a {
	text-decoration: none;
	display: block;
	padding: 5px;
}

.wf_btn a:hover {
	background: #CCCCCC;
	color: black;
}

.wf_table a:hover {
	background: #CCCCCC;
	color: black;
}

.wf_table {
	border-spacing: 5px 20px;
}

table {
	color: black;
	border-spacing:5px;
}

a {
	color: black;
}

 
 
 
 
/*******************************************************************************
 * content and formatting stuff
 ******************************************************************************/
h1 {
	text-transform: uppercase;
	background: #000066;
	font: bold 20px Verdana, Georgia, Sans-Serif;
	text-align: center;
	padding: 10px;
	width: 95%;
	color: #CCCCCC;
}

h2 {
	text-transform: uppercase;
	background: #CCCCCC;
	font: 16px Verdana, Georgia, Sans-Serif;
	text-align: left;
	padding: 10px;
	color: black;
}

h3 {
	text-transform: uppercase;
	background: #000066;
	font: 12px Verdana, Georgia, Sans-Serif;
	text-align: left;
	padding: 6px;
	color: #CCCCCC;
}

h4 {
	text-transform: uppercase;
	font: bold 14px Verdana, Georgia, Sans-Serif;
	text-align: left;
	padding: 6px;
}


table {
	color: black;
	/**border-spacing: 30px 5px;**/
}

/*
a {
	color: black;
	text-decoration:none;
	border-bottom:1px dotted #808080;
}
*/

/*******************************************************************************
 * content
 ******************************************************************************/
.content {
	margin: 5px 5px 20px 215px;
	padding: 0px 10px 10px 10px; /* inside the content container. */
	color: black;
	border: 1px solid black;
	background: white;
}


/*******************************************************************************
 * JMOL content (call_jmol.jsp)
 ******************************************************************************/
.content_without_menu_left {
	position: relative;
	margin: 5px 5px 20px 5px;
	padding: 10px 10px 10px 10px; /* inside the content container. */
	color: black;
	border: 1px solid black;
	background: white;
	width: 700px;
	float: left;
}

.content_without_menu_right {
	position: relative;
	margin: 5px 5px 20px 740px;
	padding: 0px 10px 10px 10px; /* inside the content container. */
	color: black;
	border: 1px solid black;
	background: white;
}


/*******************************************************************************
 * navigation stuff
 ******************************************************************************/
.navi {
	position:relative;
	float: left;
	margin-top: 5px;
	left: 5px;
	width: 200px;
	border: 1px solid black;
	background: white;
}

.navi a {
	display: block;
	text-align: left;
	font: bold 12px Sans-Serif;
	padding: 5px 10px;
	margin: 2px 0px 0px 0px;
	border-width: 0 !important;
	text-decoration: none;
	color: black;
}

.navi a:hover {
	background: lightgrey;
	color: black;
}

.navi hr {
	color: black;
	background-color: black;
	height: 1px;
	border:solid black 0px;
}


/*******************************************************************************
 * debug stuff
 ******************************************************************************/
/*
.debug {
	position: absolute;
	top: 1000px;
	left: 17;
	width: 200px;
	color: black;
	font: 16px Serif;
	border: solid red;
}
*/

/*******************************************************************************
 * footer 
 ******************************************************************************/
 .footer {
 	float: right;
 	/*font: 12px;*/
	background: #FFFFFF;
 	padding: 0px 0px 0px 0px;
 	width: 100%; /* needed for aligment to center everything including img */
 	text-align: center;
 	color: #808080; /*grey.. but IE does not like "grey"..*/
 }
 
.footer p {
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
 	
 }
 
.footer img {
	border: 0;
	border-bottom:0px;
}

.footer a {
	text-decoration: underline;
	border-bottom: 0;
	color: #808080; /*grey.. but IE does not like "grey"..*/
}



table.results { font:0.7em Arial, Helvetica, sans-serif; background-color:#F2F2F2; empty-cells:show; }
table.results caption { background-color:#5A666E; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:1.2em; border:1px solid #000; }
table.results thead th { background-color:#F5B348; color:#724809; padding:2px; text-transform:uppercase; border-top:1px solid #F4D39E; border-left:1px solid #F4D39E; border-bottom:1px solid #B76E00; border-right:1px solid #B76E00; }
table.results tfoot th { background-color:#F29601; color:#724809; padding:2px; text-transform:uppercase; font-size:1.2em; }
table.results tfoot td { background-color:#FC0; color:#724809; font-weight:bold; text-transform:uppercase; font-size:1.2em; padding:0px 5px; }
.odd {  }
table.results tbody td { font:12px Arial, Helvetica, sans-serif; background-color:#FFF; color:#5A666E; padding:2px; text-align:center; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }
table.results tbody th { font:12px; background-color:#000066; color:#D7DBDD; padding:2px; text-align:center; border-top:1px solid #93A1AA; border-left:1px solid #93A1AA; border-bottom:1px solid #2F3B42; border-right:1px solid #2F3B42; }
table.results tbody td a {  color:#724809; text-decoration:none; font-weight:bold; }
/*table.results tbody td a:hover {background-color:#F5B348; color:#FFF; }*/
table.results tbody th a { color:#FFF; text-decoration:none; font-weight:bold; }
table.results tbody th a:hover { color:#FC0; text-decoration:underline; }