body {font-family: verdana, arial, sans-serif;font-size:0.8em; white-space:normal;}

#querysummary {
float:left;
padding:0pt;
width:49%;
}
p {
	margin-top:0.5em ;
	margin-bottom:0.5em ;
}

h1 { font-size:2em }
h2 { font-size:1.4em }
h3 { font-size:1.1em}

#jobsummary {
margin-left:51%;
padding:0pt;
}

div.left {
float:left;
padding:0.5em 0em 0.5em 0em;
margin: 0px 0px 0px 0px ;
width:49%;
}

div.right {
margin-left:51%;
padding:0.5em 0em 0.5em 0em;
margin: 0px 0px 0px 0px ;
}

dl { margin: 0 0 1em 0;}
dt { float: left ;font-weight:bold; }
dd { margin-left:5em;}

dl.header { margin: 0 0 1em 0;}
dt.header { float: left ;font-weight:bold;padding-top:0.5em; padding-bottom:0.2em; }
dd.header { margin-left:6.5em; padding-top:0.5em; padding-bottom:0.2em;}



.query_info{ background-color: #cccccc; border:none;}

table {font-size:1em;}
 table.summary { width:100%; /*word-wrap:break-word;*/}

 span.jmol_area{ }

 p.reference {font-size: 0.7em}

/* 
 tr.hhbetter {text-align:left; background-color: #ffffcc;}
 tr.better {text-align:left; background-color: #FFF8DC}
 tr.worse  {text-align:left; background-color: #F0F0F0 }
 td.notehhbetter{background-color: #ffffcc; font-weight: bold; color: #FF0000; padding-top: 0.2cm; padding-bottom: 0.2cm}
 td.notebetter{background-color: #FFF8DC; font-weight: bold; color: #FF0000; padding-top: 0.2cm; padding-bottom: 0.2cm}
 td.noteworse {background-color: #F0F0F0; font-weight: bold; color: #FF0000; padding-top: 0.2cm; padding-bottom: 0.2cm}
*/


 tr.hhbetter {text-align:left; background-color: #eaffff}
 tr.better {text-align:left; background-color: #FFF8DC}
 tr.worse  {text-align:left; background-color: #F5F5F5 }
 td.notehhbetter{background-color: #dee; font-weight: bold; color: #DD0000; padding-top: 0.2cm; padding-bottom: 0.2cm; padding-left:10%}
 td.notebetter{background-color: #f5f5d0; font-weight: bold; color: #DD0000; padding-top: 0.2cm; padding-bottom: 0.2cm; padding-left:10%}
 td.noteworse {background-color: #EFEFEF; font-weight: bold; color: #DD0000; padding-top: 0.2cm; padding-bottom: 0.2cm; padding-left:10%;border-top:3px solid black;}




 th {
	/*background-color: #BBBBBB*//*#ffcc99*/; 
	/*color: white;*/ 
	/*padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm; */
	/*padding-top: 0.1cm; */
	/*font-size:0.8em;*/
	/*border-width: 2px 0px 2px 0px;*/
	/*padding: 1px 1px 1px 1px;*/
	/*border-style: solid none solid none;*/
	/*border-color: gray gray gray gray;*/
	
	background-color:#ddd ;
	padding-top: 0.1cm; 
	font-size:0.8em;
	border-width: 2px 0px 2px 0px;
	padding: 1px 1px 1px 1px;
	border-style: solid ;
	border-color: black;
	
}

 /*td {word-break:break-all;}*/
 td.right {text-align: right; }
 td.center {text-align: center; }

 .alignment {font-family: "Monaco", "Lucida Console", monospace;}
 /*div {border-left: medium solid #008000; padding-left: 0.3cm;}*/
 pre {font-family: "Monaco", "Lucida Console", monospace;}

.helix {color: #D00000;}
.strand{ color: #0000D0;}

/*.small {height:1.3em}*/

/*#alignment_title {background-color: #99cc99; padding-top:0.2em; padding-bottom:0.2em;}*/
div.alignment_title {
	background-color: #bdb; 
	padding-top:0.2em; 
	padding-bottom:0.2em;
}

hr {
	margin-top:0px;
	margin-bottom: 0px;
	padding-top:0px;
	padding-bottom: 0px ;
}

/******************************/
/*class for toggle button*/
/******************************/
button.on { 
border:1px outset;
width:4em ;
height:1.4em ;
font-weight:bold ;
color:#000000;
background-color:#BDBDBD; 
padding: 0em 0em 0em 0em ;
margin: 0em 0em 0em 0em ;
/*vertical-align: middle ;*/
}

button.off {
border:1px outset;
width: 4em ;
height:1.4em ;
font-weight:bold;
color:#000000;
background-color:#E6E6E6; 
padding: 0em 0em 0em 0em ;
margin: 0em 0em 0em 0em ;
/*vertical-align: middle ;*/
}