/*******************************************************************************
 * copyright structural bioinformatics group.
 * @author ra
 *******************************************************************************
 */
html {
	height:100%; 
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

 
/*******************************************************************************
 * basic stuff
 ******************************************************************************/
/*
#container {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #FFFFFF;
} 
*/

/*******************************************************************************
 * basic stuff
 ******************************************************************************/

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background: white;}
/*
body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background:  #FFFFFF; 
        font: 16px;
}

*/


/*******************************************************************************
 * FAQ
 ******************************************************************************/

span.faq_headlines {
	font-size:18px;
	color: #008080;
	/*text-decoration:underline;*/
	display:block;
	background: #CCCCCC;	
}

/*******************************************************************************
 * header 
 ******************************************************************************/

#header {
	position:absolute; 
	margin:0; 
	top:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:50px; 
	font: bold italic 40px Serif; 
	color: white;
	z-index:5; 
	overflow:hidden;
	background: #008080;	
}
/*
 .header {
         position: relative;
         margin: 0px 0px 0px 0px;
         font: bold italic 40px Serif;
         text-align: left;
         color: #000066;
    	 background: lightgrey;
}
 */
#header img {
        height: 60px;
}

/*******************************************************************************
 * content
 ******************************************************************************/

#content {
	overflow:auto; 
	overflow-x: hidden;
	position:absolute; 
	z-index:3; 
	top:50px; 
	bottom:50px; 
	left:200px; 
	right:0; 
	background: white;
}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:50px solid #fff; border-bottom:50px solid #fff; border-left:200px solid #fff;}

#content img{
	border:0;
}

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

/*******************************************************************************
 * navigation stuff
 ******************************************************************************/


#navi {position:absolute; left:0; top:50px; bottom:50px; width:200px;  border-right:1px solid #000066; z-index:4; overflow:auto;}

* html #navi {height:100%; top:0; bottom:0; border-top:50px solid #fff; border-bottom:50px solid #fff;}


/*.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 Verdana, Georgia, Sans-Serif;
        padding: 5px 10px;
        margin: 2px 0px 0px 0px;
        border-width: 0 !important;
        text-decoration: none;
        color: #008080;
        background: white;
}

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

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



/*******************************************************************************
 * footer 
 ******************************************************************************/
#footer {
	position:absolute; 
	margin:0; 
	bottom:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:50px;
	z-index:5; 
	overflow:hidden; 
	background: #008080;
	color: white;
}

/* .footer {
         float: right;
         font: 12px Serif;
         padding: 0px 0px 0px 0px;
         width: 100%; 
         text-align: center;
         color: grey;
 }
 */
#footer p {
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
         
 }
 
#footer img {
        border: 0;
}

#footer a {
        text-decoration: underline; 
        color: white;
}



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

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;
}

h5 {
        text-transform: uppercase;
        font: bold 14px Verdana, Georgia, Sans-Serif;
        color: #008080;
}

h7 {
        font: bold 14px Verdana, Georgia, Sans-Serif;
        color: #008080;
}

h8 {
        font: 14px Verdana, Georgia, Sans-Serif;
        color: #008080;
}

td.top {
        vertical-align:top
}

/********************************************
* 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: #008080;
	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: #008080;
	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;
}

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

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

.wf a {
        font: 10px Verdana, Georgia, Sans-Serif;
        color: #CCCCCC;
        text-decoration: none;
        display: block;
        padding: 10px;
        margin: 2px;
}

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;
	empty-cells:show;
}

table.default {
        border-spacing:0px;
        border-style: none;
}

div.title {
	background-color: #008080;	
}

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

/*******************************************************************************
 * Image Popup
 ******************************************************************************/




a.screen, a.screen:visited {
	position: relative;
	z-index: 1;
}
a.screen b {
	position: absolute;
	visibility:hidden; /* hide the image */
	background-color: white;
	padding: 5px;
	border: 1px dashed gray;
	color: black;
	text-decoration: none;
	top: -30;
	_top: 100;
	right: 30px; /*position where enlarged image should offset horizontally */
	_right: 100px;
}

a.screen:hover {
	background-color: white;
	z-index: 50;
}

a.screen:hover b {
	visibility: visible;
	cursor:text; /* for IE */
}

a.screen:hover b img {
	border:0; /* remove the link border */
}



/*******************************************************************************
 * Text PopUp
 ******************************************************************************/

a.infotext {
	text-decoration: none
}

a.infotext:hover {
	background: #FFFFFF;
	text-decoration: none;
}

a.infotext span {
	visibility: hidden;
	position: absolute;
	padding: 1em;
	text-decoration: none;
}

a.infotext:hover span {
	visibility: visible;
	border: 1px solid #347BEE;
	color: #000000;
	background: #FFFFFF;
	text-decoration: none;
	width: 200px;
} 



/*******************************************************************************
 * Image Popup links
 ******************************************************************************/

a.screen_left, a.screen_left:visited {
	position: relative;
	z-index: 1;
}
a.screen_left b {
	position: absolute;
	min-width:150px;
	visibility:hidden; /* hide the image */
	background-color: white;
	padding: 5px;
	border: 1px dashed gray;
	color: black;
	text-decoration: none;
	top: 0;
	left: 30px; /*position where enlarged image should offset horizontally */

}

a.screen_left:hover {
	background-color: white;
	z-index: 50;
}

a.screen_left:hover b {
	visibility: visible;
	cursor:text; /* for IE */
}

a.screen_left:hover b img {
	border:0; /* remove the link border */
}






/*********************************************************************************
 *	TableDesign
 ********************************************************************************/

table.subtable {
	empty-cells:show;
}
td.subtable
{
	font-family: verdana;
	font-size: 12px;
}

th.subtable
{
	font-family: verdana;
	font-size: 14px;
}


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:#5A666E; 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; }


table.detail_sub_table { 
	background-color:#FFFFFF; 
}
table.results tbody td { background-color:#FFF; color:#5A666E; padding:2px; text-align:left; border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #AFB5B8; border-right:1px solid #AFB5B8;  }


/**************************************************************************************
 *	Show empty cells in a table
 *************************************************************************************/

.popup_with_links {
text-align:left; font-family: verdana, sans-serif; position:relative; margin:0 padding:0; list-style-type:none;
}
.popup_with_links ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.popup_with_links li {
float:left; position:relative;
}
.popup_with_links li a, .popup_with_links li a:visited {
display:block; text-decoration:none; color:#000; float:left; padding-right:1em; height:3em; line-height:3em; 
}
* html .popup_with_links li a, .popup_with_links li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.popup_with_links li a.drop, .popup_with_links li a.drop:visited {
font-weight:bold;
}
.popup_with_links li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:visible;
}
.popup_with_links table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.popup_with_links li:hover a,
.popup_with_links li a:hover {
text-decoration:underline; border:0;
}
.popup_with_links li:hover ul,
.popup_with_links li a:hover ul {
visibility:visible; height:auto; width:10em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.popup_with_links li:hover ul li a,
.popup_with_links li a:hover ul li a {
display:block; font-weight:normal; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:9em;
}
* html .popup_with_links li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.popup_with_links li:hover ul li a.drop,
.popup_with_links li a:hover ul li a.drop {
font-weight:bold;
}

.popup_with_links li:hover ul li ul,
.popup_with_links li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:visible;
}

.popup_with_links li:hover ul li a:hover,
.popup_with_links li a:hover ul li a:hover {
text-decoration:underline;
}

.popup_with_links li:hover ul li:hover ul,
.popup_with_links li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.popup_with_links li:hover ul li:hover ul.left,
.popup_with_links li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.popup_with_links li:hover ul li:hover ul li a,
.popup_with_links li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.popup_with_links li:hover ul li:hover ul li:hover a,
.popup_with_links li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

input.required {
	background-color: #008080;
}