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


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



/*******************************************************************************
 * header 
 ******************************************************************************/
 .header {
 	/*position: relative;*/
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
 	/*
 	font: bold italic 40px Serif;
 	*/
 	font: 45px Sans-Serif;
 	color: lightgrey;
 	background: black;
height: 50px;
 	/*margin-top: -10px;*/
}

 
.header img {
	/**margin: 10px 10px 0px 5px;**/
	/**height: 60px;**/ 
border: 0;	
}




 
/*******************************************************************************
 * content and formatting stuff
 ******************************************************************************/
h1 {
	text-transform: uppercase;
	background: black;
	font: bold 20px Sans-Serif;
	text-align: center;
	padding: 10px;
	color: #CCCCCC;
}

h2 {
	text-transform: uppercase;
	background: lightgrey;
	font: 16px Sans-Serif;
	text-align: left;
	padding: 10px;
	color: black;
}



table {
	color: black;
	border-spacing: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;
}

.floatLeft {
    float: left; 
    margin: 4px; 
}

.floatRight { 
    float: right; 
    margin: 4px; 

}


/*******************************************************************************
 * 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;
 	padding: 0px 0px 0px 0px;
 	width: 100%; /* needed for aligment to center everything including img */
 	text-align: center;
 	color: #808080; /*Gray.. but IE does not like "gray"..*/
 }
 
.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; /*Gray.. but IE does not like "gray"..*/
}