body{
padding:0;
margin:0;
background-color:#3f3f3f;
}

.layout{
	max-width:1000px;
	min-height:680px;
	border:solid 0px black;
	margin:0 auto;
}

.main_button{
	margin-top:5px;
	width:100%;border:solid 0px red;
	min-height:25px;background-color:#4A95FF;
}

.main_button ul{
	margin: 0;
	padding: 0;
	
}

.main_button ul li{
	background-color:#4A95FF;
	text-align:center;
	border:solid white 0px ;
	list-style: none;
	float: left;
	font-family:sans-serif;
	font-size:80%;
}

.main_button form{	
	text-align:right;
	float:left;
}
.main_button ul li form,
.main_button ul li div,
.main_button ul li a:link,
.main_button ul li a:visited{
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	color: #FFF;
	border-right:solid #3f3f3f 2px;
	border-bottom:solid #3f3f3f 2px;
}
.main_button ul li a:hover,
.main_button ul li a:active{
background-color:#194;
}

.header_title{
	width:99%;
	margin:5px 0 0 0;
	padding:5px;
	border:solid red 0px;
	height:130px;
	background-color:#367AD9;
}

.bisr_logo {
	width:18%;
	height:auto;
	float:left;margin-right:1%;
}
.bisr_logo img {
	width:100%;
	height:auto;
	
}
.piasp_title{
	max-width:59%;
	float:left;
}
.piasp_title img{
	width:100%;	
}
.piasp_title img#PIASP{
	width:25%;	
}
.pdb_img{
	width:21%;
	margin:0;
	float:right;
}
.pdb_img img{
	width:94%;
	margin:0;
}

.workspace{
	width:100%;
	min-height:507px;
	border:solid red 0px;
	margin-top:-15px;
	background-color:#367AD9;
}
#analysis_button{
	background-color:#367AD9;
	margin:5px;
}

#analysis_button a{
	text-decoration:none;
}

#analysis_button_div{
	padding: 5px 10px;
	border:solid #3f3f3f 1px;
	color:#fff;
	font: normal 82% sans-serif;
}

#analysis_button_div:hover{
	font: normal 88% sans-serif;
	background-color:#194;
}
#analysis_button select,option{
	cursor:pointer;
}


#analysis{
	margin:5px;
	width:72%;
	height:470px;
	overflow:auto;
	border:solid #6EAAFF 1px;
	float:right;
	padding: 10px;
	background-color:rgba(160,180,200, 0.5);
}

.footer{
	max-width:1000px;
	min-height:15px;
	font:normal 10px sans-serif;
	text-align:center; color:#ababab;
/*
	border-bottom:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
*/
	margin:0 auto;
	padding-top:5px;
	background: linear-gradient(to bottom, #367AD9 , #1B4175 , #000);
}




/*
/	media queries
*/


@media screen and (max-width: 500px) {
	.main_button ul li {
		width:50%;
	}
	div.bisr_logo {
		max-width: 40%;
		float: none;
		margin-right: 0;
	}
	div.piasp_title {
		max-width:75%;
		float: right;
		margin:-40px 0 0 0;
	}
	div.pdb_img {
		max-width: 40%;
		float: left;
		margin-right: 0;
	}
	.header_title{
		height:150px;
	}
	#analysis{	
		float:none;
		width:auto;
	}
	.footer{
	margin-top:-5px;
	}
}
@media screen and (max-width: 410px) {
	div.piasp_title {
		margin:-20px 0 0 0;
	}
}
@media screen and (max-width: 353px) {
	.header_title{
		height:130px;
	}
	div.piasp_title {
		margin: 0;
	}
	
}



/*
#moBH{width:20%}
#moBA{width:20%;margin:0;padding:0;}
#moBC{width:20%}
#moB,#moB,#moB{background:#194d9c;color:white;}
#moBH:hover,#moBA:hover,#moBC:hover{background-color:white; color:black;}
#moB:hover,#moB:hover,#moB:hover{background-color:white; color:black;}
#moS{width:40%;}
*/

.table_header{
	max-height:70px;
	width:100%;
	background:#194d9c;
	margin-top:5px;
	border-radius:15px 15px 1px 1px ;
	
}

.table_header img{
max-width:85%;
height:auto;
margin: 0 0 0 0;
}

#stage{
		min-height:550px; 
		height:auto !important; 
		border:solid #194d9c 0px;
		}	
			  
#leftPane{ height:540px; width:200px;float:left;border:solid #194d9c 1px;
			margin:5px 0px 0px 5px;background:#194d9c;
		}
		
	.sideButtons{border-collapse:collapse;margin-top:5px;}	
	
	#sideButton{
		color:white;
		/*border:solid black 1px;*/
		height:28px; width:185px;
		text-align:center;
		color:white;font:normal 12px sans-serif;
		display: table-cell;
		vertical-align: middle;
		}		
	#sideButton:hover{
		border-radius:10px; font-size:13px;
		box-shadow:3px 4px 2px #000000;
		color:black;background-color:white;
		}		
#rightPane{
		height:540px; width:780px; float:right;
		border:solid #194d9c 1px; 
		margin:5px 5px 0px 0px;
		}				  
#footer{height:20px;width:97%;border-collapse:collapse;
			color:white;background:#194d9c;
			font-family:sans-serif;font-size:14px;padding-left:30px;
			border-radius:1px 1px 15px 15px;
			text-align:center;
			font-size: 12px;
			padding-top:5px;
			}