/******************************************************************************
 *  Filename	: default.css
 *  Description	: a cascading stylesheets for migale web interfaces
 *  Author	: Clement Gauthey
 *  Date 	: 2007-09-12
 ******************************************************************************/



/*** GENERAL ***/

body {
    font-family: Arial, serif;
    font-size: 14px;
    margin: 0px;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    color: #6f0c06;
}

h1 {
    margin: 0px;
    padding: 10px;
}

img {
    border: 0;
}

a:link {
    color: #CD853F;
    text-decoration: none;
}

a:visited {
    color: #8B5A2B;
    text-decoration: none;
}

a.citation:link {
    color: black;
}

a:hover {
    color: #FFA54F;
    text-decoration: underline;
}

th {
   font-weight: normal;
   width: 35%;
   vertical-align: middle;
}

td.start {
	text-align: center;
	background-color: #FF4444;
}
td.run {
	text-align: center;
	background-color: #FFFF44;
}
td.finish {
	text-align: center;
	background-color: #88FF88;
}
td.error {
	text-align: center;
	background-color: #FF4444;
}


/*** CONTENT ***/


#migale_logo {
   float: left;
   width: 114px;
   height: 40px;
}

#mig_logo {
   float: right;
   margin: 5px 5px 5px 5px;

}

#header {
   background-color: #ECE8E5;
   border-bottom: 1px solid black;
   vertical-align: middle;
   text-align: center;
    position: fixed;
    top: 0px;
    width: 100%;

}

#main {
    margin-left: 10px;
    margin-top: 70px; 
    text-align: left;
    width: 95%;
}

h2.elem-header {
    background: url( '../img/migalette.gif' ) no-repeat 5px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    margin-top: 30px;
    padding-left: 30px;
}

.option_type {
    font-style: italic;
}

div.elem-content {
    margin: 0px auto;
    width: 95%;
}

div.block {
	border-style: outset;
 background: #FCF8F5; 

	border: ridge 4px  #6f0c06;
}

/* Special section to generate a limited block to display sequences' name */
div.elem-content #sequences {
    display: block;
    height: 75px;
    margin-top: 0px;
    overflow: auto;
    padding-top: 0px;
}

div#form-special div {
    display: none;
}

textarea, input {
    background-color: #EEEEEE;
    padding: 2px;
}

.bold {
    font-weight: bold;
}

.asterix_expo {
    vertical-align: text-top;
    font-weight: bold;
    color: red;
}


/******** help **********/
table.help th {
    font-weight: bold;
    width: 40%;
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

table.help td {
   text-align: center;
   border: 1px solid black;
   padding-left: 5px;
   padding-right: 5px;
}

table.help {
    width: 50%;
    border: 1px solid black;
    border-collapse:collapse
}

dt {
   margin-top: 5px;
   font-weight: bold;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

li {
   list-style-type: circle;
}


/*** FOOTER ***/

div#footer {
    background-color: #ECE8E5;
    border-top: 1px solid black;
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%
}
div#footer a:link {
    color: #FF0000;
    text-decoration: none;
}

div#footer a:visited {
    color: #FF0000;
    text-decoration: none;
}

div#footer a.citation:link {
     color: #FF0000;
}

div#footer a:hover {
    color: #FF0000;
    text-decoration: underline;
}