/* SIMPLE ELEMENT RULES
----------------------------------
*/
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:100%;}
.clear {clear:both;}
h1 { font-family: Helvetica; font-size: 1.5em; }
p {line-height:180%;}
a {text-decoration:none;}
a:visited {color: #275581;}
input {margin:0.25em 0;}
label {padding:0;margin:0;}
fieldset {border:0;background-color:#e5e5e5;}
input[disabled] {font-style:italic;color:#f66 !important;}
table {text-align:center;font-size:0.95em;margin:2em auto 1em auto;border:2px solid #000;border-collapse:collapse;}
th {background-color:#9dadc6;color:#000;border:1px solid #000;}
td {border-bottom:1px solid #9dadc6;padding:0 0.25em;background-color:#e5e5e5;}
td input {margin:0;}
/* DESCENDENT SELECTORS ETC.
------------------------------------------
*/
td+td {border-left: 1px solid #9dadc6;}
/*div div div { margin: 0 -1em; }*/
body p { font-size: 0.7em; }
#maincontent div p { font-size: 1em; }
/* IDs/PAGE AREAS E.G. HEADER
------------------------------------
*/
#container {margin:0 auto;padding:0;width:95%;}

#header {border-top:2px solid #9dadc6;}
#header h1 {margin:0.7em 0;padding:0.5em 0 0 0.1em;color:#dbe3f0;font-size:1.5em;font-family:sans-serif;}
#header ul li a:visited { color: #0000ff !important; }
div #header {background: url(/images/logo.png); background-repeat: no-repeat; background-position: left;}

#maincontent{clear:both;font-size:0.70em;border-top:2px solid #9dadc6;}
#news li {padding:0;margin-bottom:1em;}
#news ul {list-style-type:none;display:inline;text-align:left;padding:0 0 0 1em;margin:0;}

#leftpanel {float: left;width: 19em;text-align:left;margin-top:1.6em;}
#leftpanel img {border:0;margin:0 auto 2em auto;display:block;}

#centrepanel {float: left;width:30em;text-align:justify;margin-top:1.6em;}
#gbrowse {font-size: 0.7em; }
#gbrowse th {background-color: #e5e5e5; }

#rightpanel {text-align:center;float: left;width: 19em;margin-top:1.6em;padding-left:2em;}
#rightpanel ol{list-style-type:none;}
#rightpanel img{display:block;margin:2em auto 0.5em auto;border:0;}
#rightpanel .login,#rightpanel .search {font-size:0.8em;}

#bigpanel {margin-left:19em;text-align:justify;padding:1.6em 2em 0 0;}
#bigpanel form {width:40em;margin:1.6em auto 0 auto;padding:0;}
#bigpanel img {border:1px solid #9dadc6;padding:0.2em; 
background-color:#e5e5e5;margin: 0.5em 1em 0.5em 0;}
#bigpanel img.pageimage {float:left;margin-top:1.6em;}
#bigpanel li {margin-left:2em; padding: 0 0 0.5em 0.5em;}
#bigpanel .nojavascript {margin-top:1.6em;}
#holding {margin: auto; text-align:center;}

iframe#remoteframe {width:100% !important;border:0;}

#footer {margin-top:3em;padding:0.5em 0;background-color:#e5e5e5;line-height:normal;font-size: 0.75em;clear: both;text-align:center;border-top:2px solid #9dadc6;border-bottom:2px solid #9dadc6;}
#footer a:visited {color:#0000ff;}
#footer ul {display:inline;list-style-type:none;margin-right:3em;}
#footer li {display:inline;padding:0 2em;}
#footer form,#footer input,#footer label {font-size:0.6em;display:inline;line-height:100%}
#footer form div {display:inline;}

/* CLASS DEFINITIONS
----------------------------
*/
.hiding { display: none; }
.clear { clear: both; }
.icons {margin-top:3em;}
.author {font-style:italic;padding:0;margin:0;}
.breadcrumbs {display:block;font-size:0.8em;text-align:right;padding-top:0.25em;}
.centerimage {text-align:center;}
.colophon {text-align:center;font-size:0.70em;padding:0;margin:0;}
.grant {font-style:italic;}
.here {border-bottom: 1px dotted #9dadc6;}
.leftimage {float:left;margin-right: 1em;}
.loginerror {color:#c00;}
.loginstatus {color:#dbe3f0;padding-left:0.2em;font-size: 0.70em;}
.loginstatus a {color:#dbe3f0;}
.newsdate{font-style:italic;font-size:0.9em;border-bottom: 1px dotted #9dadc6;}
.newslink{text-align:left;margin:0;padding:0;}
.newssummary{display:block;}
.nojavascript{font-weight:bold;color:#900;margin:0.25em;padding:0.25em;}
.organism {font-style:italic;}
.return {display:block;margin-top:1em;}
.return a{color:#00f;}
.tablelegend {font-size:0.8em;text-align:center;}
.address {white-space:pre;margin-left: 1em;}
.columnwrapper { overflow: hidden; font-size: 0.7em; }
.error { border: 1px solid #660000; padding: 2px; color: #660000; }
.stat { font-weight: bold; }
.question {display:block; padding-bottom:0.5em;}
/* ELEMENT CLASSES
---------------------------
*/
#bigpanel img.icons {background-color:#ffffff;margin:auto 0;border:0;}
#bigpanel ul {margin-left:0.5em;}
#bigpanel ul li {list-style-type:none;margin-left:0;}
#bigpanel ul li ul li {list-style-type:square;margin-left:2em;color:#7E413D;}
p.center{text-align:center;margin: 0.25em auto;}
p.imagecaption {font-size:0.9em;padding:0;margin:0 0.5em 0 0;text-align:center;color:#7E413D;}
span.login {display:block;}
tr.break {background-color:#9dadc6;border-bottom:1px solid #9dadc6;padding:0;margin:0;}
tr.even td {background-color:#e5e5e5;}
td.grey {background-color:#e5e5e5 !important;}
tr.odd td {background-color:#fff;}
/* DROPDOWN MENUS
-----------------------------
*/
#menus { font-size: 0.8em;color:#ffffff; }
#header ul {display: block;border: 0;margin: 0 auto;padding: 0;list-style-type: none;background: #9dadc6;}
#header li {display: block;float: left;height: 20px;margin: 0;width: 7em;}
#header ul, #header li, #header ul li a, #header ul li a:visited {display: block;padding: 0;height: 20px;background: #9dadc6;text-decoration: none;}
#header ul li a:visited {color: #275581;}
#header #menus {display: block;clear: right;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#header #menus li {position: relative;border-right: 1px solid #e5e5e5;}
#header #menus li a:hover {background: #e5e5e5;}
#header #menus li ul {display: none;position: absolute;top: 20px;width:  7em;}
#header #menus li a:hover, #header #menus li:hover ul, #header #menus li.over ul {display: block; z-index: 20;}
#header #menus li ul li a {border-top: 1px solid #e5e5e5;background: #9dadc6;display: block;width: 10em;padding: 3px 3px 3px 10px;height: auto;border-right: 0;text-align: left;}
#header #menus li>ul {top: auto;}
#header #menus li ul li a:hover, #header #menus li ul li a:active {background: #e5e5e5;}

/* CURVY BOXES
-----------------------------------------
CSS and images (c) Ryan Thrash (ryan@vertexworks.com)
See http://www.vertexwerks.com/tests/sidebox/ 
*/
.sidebox {margin: 0; width: 17em;background: url(/images/sbbody-r.gif) no-repeat bottom right;font-size: 100%;}
.boxhead {background: url(/images/sbhead-r.gif) no-repeat top right;margin: 0;padding: 0;text-align: center;}
.boxbody {background: url(/images/sbbody-l.gif) no-repeat bottom left;margin: 0;padding: 5px 30px 31px;}
.boxhead h2 {background: url(/images/sbhead-l.gif) no-repeat top left;margin: 0;padding: 22px 30px 5px;color: #000; font-weight: bold; font-size: 1.2em; line-height: 1em;}

.sidebox input { width:expression(5 + "em");max-width:10em; }

.overview_image_border {
    border:1px solid #9dadc6;	
    padding:2px; 
    background-color:#e5e5e5;
    margin: 1px 1px 1px 0;
    max-width: 628px;
}
.overview_image {
    z-index: 1;
    background-color:#ffffff;
    padding: 4px;
}
.key {
    margin-top: 10px;
    padding-left: 5px;
    float: left;
}
.keytext {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5px;
    font-style: italic;
    float: left;
}
.show_more {
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}
.show_more span {
    font-weight: bold;
}
#job_pane {
    float:left;
    width: 150px;
    padding-bottom: 8000px;
    margin-bottom: -8000px;
}
#main_pane {
    float: left;
    width: 700px;
    padding-left: 75px;
    padding-bottom: 8000px;
    margin-bottom: -8000px;
}
#main_pane .parameter {
    margin-left: 20px;
    clear: both;
    padding-top: 5px;
}
#main_pain fieldset,#bigpanel fieldset {
    margin-top: 10px;
    border-top: 2px solid #9dadc6;
    border-bottom: 2px solid #9dadc6;
    background-color: #e5e5e5;
    width: 75%;
}
#main_pane legend,#bigpanel legend {
    border: 2px solid #9dadc6;
    background-color: #ffffff;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
#main_pane .show_more {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* 
   Styles for handling form components:

   Each component should be wrapped in a div assigned to form_row
   The label assigned to left_input, and the control itself to right_input

*/
.form_row {
    clear: both;
    padding-top: 10px;
}
.left_input {
    text-align: right;
    float: left;
    width: 30%;
}
.right_input {
    text-align: left;
    margin-left: 10px;
}
/* override value set in blugen.org css 
   which sets input backgrounds to dark-blueish... */
#main_pane fieldset input{ background-color: #FFFFFF; }
#main_pane fieldset .radioinput { background-color: #e5e5e5; }
.seqlist {
    padding-left: 20px;
    margin-bottom: 5px;
}
/* based on standard blugen table, but without the auto margins... */
.results_table {
    font-size:0.95em;
    margin: 1em ;
    border:2px solid #000;
    border-collapse:collapse;
}
.alignmentbox {
    margin: 0;
    width: 50em;
    background: url(http://www.blugen.org/images/sbbody-r.gif) no-repeat bottom right;
    position:absolute;
    z-index: 10;
    background-color: #e5e5e5;
}
.alignmentbox .alignment {
    font-family: courier;
    font-size: 0.9em;
    padding-left: 20px;
    padding-right: 20px;
}
/*.boxbody input {
    float: right;
    padding-right: 10px;
    margin-top:-20px;
}*/
#res_stats, #res_params {
    margin-left: 20px;
}