/*  

cancerdb.css
Copyright (c) 2007 Federico Giorgi

- header.css HEADER DIV
- fonts.css  FONTS,MARGIN,SPACING
- colors.css COLORS
- form.css   FORM ELEMENTS (font, color, spacing, all)

*/

/* IMPORT */
@import "header.css";
@import "fonts.css";
@import "colors.css";
/*@import "mktree.css";*/
/*@import "form.css";*/


/*
ORIGINAL STYLE
*/

table {
	font-family: Tahoma, Verdana;
}

table.genetable {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	width : 950px;
	caption-side : bottom;
}
table.genetable td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}
table.genetable th {
	color:White;
}
table.genetable2 {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	width : 1100px;
	caption-side : bottom;
}
table.genetable2 td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}
table.genetable2 th {
	color:White;
}
table.genetable3{
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	width : 230px;
	caption-side : bottom;
}
table.genetable3 td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}
table.genetable3 th {
	color:White;
}

table.genetable_dup {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	caption-side : bottom;
}
table.genetable_dup td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}
table.genetable_dup th {
	color:White;
}



table.orttable {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	width : 1000px;
	caption-side : bottom;
}
table.orttable td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:20;
	padding:5px 10px;
}
table.orttable th {
	color:White;
}

table.treeview {
	border:none;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	width : 1000px;
	caption-side : bottom;
	padding: 3px;
}
table.treeview td {
	background-color:GhostWhite;
}
table.treeview th {
	color:White;
}


table.legend {
	border:none;
	border-top:0px solid White;
	border-left:0px solid White;
	border-right:0px solid White;
	border-bottom:0px solid White;
	table-layout : fixed;
	width : 140px;
/*	height : 760px;*/
	caption-side : bottom;
}
table.legendup {
	border:none;
	border-top:0px solid White;
	border-left:0px solid White;
	border-right:0px solid White;
	border-bottom:0px solid White;
	table-layout : fixed;
	width : 300px;
/*	height : 760px;*/
	caption-side : bottom;
}
table.legend td {
	background-color:GhostWhite;
	border: 0.0px solid black;
	font-size:100%;
	padding:5px 10px;
}

table.legend_title td {
	background-color:GhostWhite;
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:100%;
	padding:5px 10px;
}
table.legend_title1 {
	width : 500px;
}
table.legend_title1 td {
	background-color:GhostWhite;
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:100%;
	padding:5px 10px;
}

table.legend_title2 {
	width : 300px;
}
table.legend_title2 td {
	background-color:GhostWhite;
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:100%;
	padding:5px 10px;
}

table.legend_title3 {
	width : 800px;
}
table.legend_title3 td {
	background-color:GhostWhite;
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:100%;
	padding:5px 10px;
}


p {
  line-height: 125%;
}

table.cairotable {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
		width : 950px;
	caption-side : bottom;
}
table.cairotable td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}

table.cairotable1 {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
		width : 1100px;
	caption-side : bottom;
}
table.cairotable1 td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}

table.index {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width : 620px;
	caption-side : bottom
}
table.index td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}
table.index th {
	color:White;
}


table.indexp {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width : 620px;
	caption-side : bottom
}
table.indexp td {
	background-color:GhostWhite;
	border: 0.5px solid black;
	font-size:100%;
	padding:5px 10px;
}
table.indexp th {
	color:White;
}


table.index2 {
	border:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	table-layout : fixed;
	width : 800px;
	caption-side : bottom;
}
table.index2 td {
	background-color:GhostWhite;
	border: 0px GhostWhite;
	font-size:100%;
	padding:5px 10px;
}
table.index2 th {
	border: 0px GhostWhite;
}


tbody,th {
	padding: 5px 10px;
}

input {
	font-size:90%;
	font-family: Tahoma;
	background-color:White;
	margin:5px;
}

#form
{
    float: center;
}
table.legend {
	border:none;
}

/* GENERALE CONTENT (wiki inspired) */
html
{
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 0.80em;
    line-height: 1.25em;
}

/* body no margins (all in div) */
body {
	margin: 0;
	padding:0;
    border:0;
}

/* p margins */
p {
    margin: 10px;
}

/* Back Ground IMage */

<div style="background-image:url(img/background.png);	
background-repeat:repeat;                            	
width:200px;                                         	
height:200px;">     
</div>


/* POSITIONING */

/* MAIN CONTAINER (header, footer, contentpage are inside this) */
#container {
	position:relative;
}


/* CONTENT fixed to 980 + 10 +10 px of padding */
#content
{
  background-image:url('../img/bg3_10_small.png');background-repeat:repeat;
	position: relative;
	clear: both;
	margin: 0px;
	/* to make room for side-menu use:
    margin: 0px 100px 0 0; */
	/* padding modified to move footer down (100px) */
	padding: 10px 1px 100px 1px;
}

/* IN THE OUTPUT PAGE use this inside content */
#main {
	position: relative;
	margin: 10px;
}

/* Bullet */


/* PART of CONTENT all in pixels (FIXED DIM) */
#toolname
{
	position:relative;
	padding: 10px;
	margin: 5px 5px 10px 10px;
}

#description {
	position:relative;
	padding: 10px;
	margin: 5px 5px 10px 10px;
}

#form
{
	float:left;
	padding: 10px;
	margin: 5px 5px 10px 10px;
	background-color: GhostWhite;
}
#changesbox
{
	float: left;
	padding: 0px;
	width: 170px;
	margin: 5px 1px 10px 6px;
	background-color: GhostWhite;
}
#changupbox
{
	float: left;
	padding: 0px;
	width: 15%;
	margin: 5px 1px 10px 6px;
	background-color: GhostWhite;
}
#legend
{
	float: right;
	padding: 0px;
	width: 155px;
	margin: 0px 1px 10px 6px;
	background-color: GhostWhite;
}
#legend_title
{
	float: right;
	padding: 10px;
	width: 200px;
	margin: 16px 30px 0px 1px;
	background-color: White;
}
#legend_query
{
	float: right;
	padding: 0px;
	width: 150px;
	margin: 0px 30px 0px 0px;
	background-color: White;
}

/* FIELDSETS */

#orthology2
{
	display:none;
}
#orthology1
{
	display:block;
}
#network2
{
	display:block;
}
#network1
{
	display:none;
}
div.float2
{
	float: center;
	display: none;
}
div.float1
{
	float: center;
	display: block;
}

/* FORM */
button
{
	margin: 0px 3px 0px 3px;
	background: transparent url("../img/button.png") no-repeat;
	height: 20px;
	border: solid 0px #000;
	width: 80px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Lucida Grande, sans-serif;
	color: #0071BC;
	padding: 0px;
	vertical-align: middle;
}
button:hover
{
	color: #000;
	font-weight: bold;
	background: transparent url("../img/button_hover.png") no-repeat;
}
button:active
{
	color: #000;
	font-weight: bold;
	background: transparent url("../img/button.png") no-repeat;
}

TickList {
  list-style-image:  url("../img/tick.gif")
}


/* FOOTER */
#footer {
	position:relative;
    clear: both;
    margin: 0px;
    text-align: center;
    font-size: 10px;
}