/* ENTIRE PAGE */
body {
        margin: 	0;
        background-color: #FFFFFF;
        border: 	0;
        padding: 	2px;
        color: 		#000000;
        font-family: 	Verdana, Arial, Helvetica, sans-serif; 
	    font-size:	small;
}

:link { color: #0000EF; }
:visited { color: #51188E; }
:active { color: #FF0000; }

a.grey:link {
	color: 	grey; 
	text-decoration: underline; 
}

a.light_blue:link {
/*	color: 	#3366FF; */
	color: 	#6699CC; 
	text-decoration: underline; 
}

a.no_text_decoration { text-decoration: none; }

#small_link {
	font-size:	 7pt;
	text-decoration: none;
}

#highlight { color: red; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }

h2.c2 { font-size: 120%; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; }


.citation_title {
	margin: 	1em 0;	
	padding: 	0.5em;
	font-size: 	15px;
	background-color: #F5ECCE;
	border: 	solid 1px #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

hr {
	width: 	95%;
	height: 1px;
}


/* CONTENT */
p.text_justify { text-align: justify; }

div.center_text { text-align: center; }

.page_section_links {
	color: grey;
	font-size:  80%;
}

#toggleText { 
    background-color: #FFFFCC; 
    padding: 	0.5em;
    border: 	solid 1px #ccc;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 5px 5px 2px #C0C0C0;
        -webkit-box-shadow: 5px 5px 2px #C0C0C0;
        box-shadow: 5px 5px 2px #C0C0C0;
}

#toggleInfoText { 
    background-color: #FFFFCC; 
    padding: 	0.5em;
    border: 	solid 1px #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 2px #C0C0C0;
    -webkit-box-shadow: 5px 5px 2px #C0C0C0;
    box-shadow: 5px 5px 2px #C0C0C0;
}

/* Text */

.small_text { font-size: 90%; }
.large_text { font-size: 30pt; }

.bold_text { font-weight: bold; }

.black_text { color: black; }
.red_text { color: red; }
.green_text { color: green; }
.grey_text { color: grey; }
.burgundy_text { color: #800000; }
.maroon_text { color: maroon; }
.brown_text { color: brown; }
.sandy_text { color: #F87217; }

/* Tables */

.funcsum { border-collapse: collapse;}
.funcsum td { border: 1px solid grey; border-collapse: collapse; }
.funcsum th { border: 1px solid grey; border-collapse: collapse; }
.noborder td { border: 0px; } 

.small_table_text { font-size: 10pt; }

tr.grey_bg td { background-color: #DDDDDD; }
tr.grey_table_text a { color: grey; }
tr.grey_table_text b { color: grey; }
tr.grey_table_text td { 
	color: grey; 
	border: 1px solid #000;
}

table.domaintable { border-collapse: collapse; }
table.domaintable td { border: 1px solid grey; }
tr.domaintable_header td { background-color: #CCCCFF; }
td.grey_col_bg { background-color: #DDDCCC; }

tr.grey_table_text_no_border a { color: grey; }
tr.grey_table_text_no_border td { color: grey; }

table.contenttable { border-collapse: collapse; }
table.contenttable td { border: 1px solid #ECE5B6; }
table.maintable td { border: 1px solid #FAF8CC; }

/* Images */
img.center {
    display:      block;
    margin-left:  auto;
    margin-right: auto;
}

/* Forms */

fieldset { -moz-border-radius: 5px; 
           -webkit-border-radius: 5px; 
           border-radius: 5px; 
           -moz-box-shadow: 5px 5px 2px #C0C0C0;
           -webkit-box-shadow: 5px 5px 2px #C0C0C0;
           box-shadow: 5px 5px 2px #C0C0C0;
}

fieldset.purple { background-color: #CCCCFF; 
                  -moz-border-radius: 5px; 
                  -webkit-border-radius: 5px; 
                  border-radius: 5px; 
                  -moz-box-shadow: 5px 5px 2px #C0C0C0;
                  -webkit-box-shadow: 5px 5px 2px #C0C0C0;
                  box-shadow: 5px 5px 2px #C0C0C0;
}

/* should only be used on#nav-menu.html hmmm... */

ul { 
 	list-style: url(../figs/arrow.gif) none;
 	list-style-image: url(../figs/arrow.gif);
}


/* HEADER */
table.header_search {
	background-color: #EE9A4D; 
	border: 	1px solid #666666; 
/*	margin: 	0px; */
	margin: 	0em auto; 
	padding: 	0px;
}


/* NAVIGATION MENU */
#nav-menu {
	padding: 0px;
	margin:  0px;
	width: 	 144px;
}

#nav-menu a:link    { font-weight: normal; color: blue; }
#nav-menu a:visited { font-weight: normal; color: blue; }
#nav-menu a:active  { font-weight: normal; color: blue; }

#nav-menu ul, #nav-menu li {
    list-style: 	 none;
  	list-style-type: none;
	margin:  0;
  	padding: 0;
}

#nav-menu ul ul li{
  	list-style-type: none;
        margin:  0px;
        padding: 2px 0px 0px; 
}

#nav-menu ul li li a{
	font-size: 	0.89em; /* this will cascade to ul#navlinks li [ul li]... */
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	white-space: 	nowrap;
/*    	text-decoration: none;  /*
/*	color: 		grey;   */
}

#nav-menu h2{
	background: 	#00CCCC;
/*	background: 	#CCCCCC; */
    font: 		bold 16px Arial, sans-serif;
    margin: 	0px;
    padding: 	1px 2px 1px;
    display: 	block;
    white-space: 	nowrap;

	-moz-border-radius: 	.71em .71em 0em 0em;
	border-radius-topleft: 	.71em;
	border-radius-topright: .71em;

	-webkit-border-radius: 	.71em .71em 0em 0em;
    -webkit-border-top-left-radius:  .71em;
    -webkit-border-top-right-radius: .71em;

    border-radius: .71em .71em 0em 0em;
    border-top-left-radius:  .71em;
    border-top-right-radius: .71em;
}

/* Remaining #nav-menu styling for nested menu items 
 * See: http://diagrammes-modernes.blogspot.com/2006/04/styling-sitemap.html */
#nav-menu {line-height: 1.19em;}

#nav-menu span.none, #nav-menu span.vert, #nav-menu span.last, #nav-menu span.midd {
  	width:       24px;
  	height:      18px;
  	margin-left: 1em;
  	background:  transparent 0px 0px no-repeat;
  	display:     block;
  	float:       left;
}

#nav-menu span.vert {background-image: url(./pics/map_vert.gif);}
#nav-menu span.last {background-image: url(./pics/map_last.gif);}
#nav-menu span.midd {background-image: url(./pics/map_midd.gif);}


/* FOOTER */
.footer {
	font-size:  10px;
	text-align: center;
	margin:     1em auto;
}


/* Christine's functional annotation page */
 p.c22 {font-size: 8pt; text-align: center; text-indent: 0cm}
 p.c21 {text-indent: 0cm; margin-top: 1.96cm; border-top: none; border-bottom: 1.00pt solid #000000; border-left: none; border-right: none; padding-top: 0cm; padding-bottom: 0.04cm; padding-left: 0cm; padding-right: 0cm}
 p.c20 {text-indent: 0cm; line-height: 100%}
 div.c18 {text-align: center}
 p.c17 {font-family: Arial, sans-serif; font-size: 80%; margin-top: 0.07cm}
 p.c16 {font-family: Arial, sans-serif; font-size: 80%; font-weight: bold; margin-left: -0.13cm; margin-top: 0.07cm; text-indent: 0.38cm}
 p.c15 {text-indent: 0cm; margin-top: 0cm}
 p.c14 {font-family: Arial, sans-serif; font-size: 80%; font-weight: bold; margin-bottom: 0.07cm; margin-top: 0.07cm}
 p.c13 {font-family: Arial, sans-serif; font-size: 80%; font-weight: bold; margin-top: 0.07cm; text-indent: 0cm}
 p.c12 {page-break-before: always}
 span.c11 {color: #000000}
 p.c9 {color: #000000}
 p.c8 {text-indent: 0cm; margin-top: 0cm; margin-bottom: 0.21cm; line-height: 100%}
 span.c7 {float: left; width: 0.62cm; height: 0.37cm; border: none; padding: 0cm; background: #ffffff}
 p.c6 {color: #000000; margin-right: 0.48cm; text-align: center; text-indent: 0cm}
 p.c5 {color: #000000; margin-right: 0.48cm; margin-top: 0cm; text-align: center; text-indent: 0cm}
 p.c4 {text-align: center}
 span.c3 {font-size: 80%}
 h1.c2 {font-size: 16pt}
 p.c1 {text-indent: 0cm}


body {
  background:#fff;
/* background:#fff; */  
  margin:0;
  padding:0;
  color:#000;
/*  font:x-small/1.5em Georgia,Serif; */
/*  voice-family: "\"}\""; voice-family:inherit; */
/*  font-size:small; */
  } /* html>body {font-size:small;} */

#tabs {
  float:left;
/*  width:100%; */
  width:auto;
  background:#E0E0E0 url("/SUPERFAMILY/pics/tabs/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tabs li {
  float:left;
  background:url("/SUPERFAMILY/pics/tabs/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabs a {
  float:left;
  display:block;
  background:url("/SUPERFAMILY/pics/tabs/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
/*  text-decoration:none; */
  font-weight:bold;
/*  color:#765; */
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#333;
  }
#tabs #current {
  background-image:url("/SUPERFAMILY/pics/tabs/left_on.gif");
  }
#tabs #current a {
  background-image:url("/SUPERFAMILY/pics/tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

/* Button styles */
.btn {
    float: left;
    clear: both;
    background: url(/SUPERFAMILY/pics/buttons/btn_left.png) no-repeat;
    padding: 0 0 0 10px;
    margin: 5px 0;
}
.btn a {
    float: left;
    height: 40px;
    background: url(/SUPERFAMILY/pics/buttons/btn_stretch.png) repeat-x left top;
    line-height: 40px;
    padding: 0 10px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
.btn a:hover {
    color:#333;
    font-weight: bold;
}
.btn span {
    background: url(/SUPERFAMILY/pics/buttons/btn_right.png) no-repeat;
    float: left;
    width: 10px;
    height: 40px;
}
.btn_green { background-color: green; }
.btn_light_green { background-color: #66FF33; }
.btn_red { background-color: red; }
.btn_orange { background-color: orange; }
.clear {
    clear: both;
}

#downloads-list { padding: 10px; padding-bottom:15px; background: #CCCCFF; }
#downloads-list h3 { color: #000; font-weight: bold; text-align: center;}
.center { text-align: center; }
.inner { background: #EEEEEE; padding-bottom: 10px;}
.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.pad { padding: 5px; }

div.last {margin-right:0;}
div.span-7 {width: 256px;}
  
#top_paging { background: #F0F7F9; 
              border-top: 1px solid #6B90DA;
}
  
#bottom_paging { background: #F0F7F9; 
                 border-bottom: 1px solid #6B90DA;
}

.top {
    border-top:thin solid;
    border-color:grey;
    border-collapse:collapse;
}

.bottom {
    border-bottom:thin solid;
    border-color:grey;
    border-collapse:collapse;
}

.left {
    border-left:thin solid;
    border-color:grey;
    border-collapse:collapse;
}

.right {
    border-right:thin solid;
    border-color:grey;
    border-collapse:collapse;
}

/* CSS style for tinytable javascript code used on genome specific gen_list.cgi pages */
.tinytable {width:980px; border-collapse:collapse; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.tinytable th {background:url(../pics/tinytable/header-bg.gif); padding:0px 0px 0px; background-repeat: repeat-x; text-decoration: underline; text-align:left; color:DarkBlue; border:1px solid #c6d5e1;}
.tinytable th h3 {font-size:10px; padding:6px 8px 0px;}
.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.tinytable .head h3 {background:url(../pics/tinytable/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .desc, .tinytable .asc {background:url(../pics/tinytable/header-selected-bg.gif); background-repeat: repeat-x;}
.tinytable .desc h3 {background:url(../pics/tinytable/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .asc h3 {background:url(../pics/tinytable/asc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#ecf2f6}
.tinytable td.evenselected {background:#ecf2f6}
.tinytable td.oddselected {background:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}