html,body{margin:0;padding:0}
body{
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
    text-align: center;
    background: #666 fixed top center;
    height:100%;
}
img { border: none;}
a { color: #666; text-decoration: none;}
a:hover{background: #FFCCCC;color: #000}
a:hover img{background: #FFFFFF; background-color: #FFFFFF; }
h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #666 }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0; color: #666}

div#header
{
	width:1024px;
	overflow:hidden;
	background: #fff; 
	background-repeat: no-repeat;
}

div#header h1,div#menu{width:1024px;margin:0 auto;text-align:left}
div#header h1{padding: 30px 0 20px;color: #666}

ul#nav,ul#nav li{list-style-type:none;}
ul#nav{float:right;font-size: 80%; margin-left: 3px;}
ul#nav li{float:left;margin-left: 3px;}

ul#nav a{
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	float:left;width: 75px;padding: 5px 0;background: #fff;
	text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; 
	border-right : 1px solid #fff;
}

ul#nav a:hover{background: #fff;color: #000}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
#centerwrap{ position: relative; width:1024px; margin: 0 auto; text-align: center}
#head {
    position: absolute;
    width:1024px;
    height:160px;
    left:0px;
    top: 0px;
    background: url(/site/spider/images/stripelong.png) repeat-y;
}
#column2 {
    position: relative;
    float: left;
    width: 100%;
    top: 160px;
    background: url(/site/spider/images/stripelong.png) repeat-y;  
}
#column1 {
	float: left;
	width: 100%;
}
#maincontentnosidebar {
    float:left;
    width: 964px;
    top: 0px;
    left: 0px;
    text-align: left;
    padding: 0px 30px 0px 30px
}
#maincontentwithsidebar {
    float:left;
    width: 710px;
    top: 0px;
    left: 0px;
    text-align: left;
    padding: 0px 30px 0px 30px
}
#side {
    float: right;
    width:224px;
    top: 0px;
    left: 800px;
    padding: 0px 30px 0px 0px
}
#foot {
	width: 1024px;
	float: left;
	height: 20px;
}
#clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#left {
	float: left;
	width: 76%;
	padding: 1em;
	margin-bottom: 1.2em;
	background-repeat: no-repeat;
	text-align: justify;
	}
	
#leftimage {
	float: left;
	margin-top: 0px;
  padding-top: 0px;
  vertical-align:text-top;
	}

#right {
	float: right;
	width: 200px;
	margin: 0 10px 10px 0;
	}
	
#right .box {
	padding: 1em;
	margin: 0 0 1em 0;
	background : #ddd;
	background-repeat: no-repeat;
	border:2px solid #666666;
	}
#right .spiderbox {
	padding: 1em;
	margin: 0 0 1em 0;
	background : #fff;
	}
.margintext {
  margin: 0px 10px 0px 10px;
}
.margintext70 {
  margin: 0px 10px 0px 70px;
}
.vertical_text{
  position: absolute;
  right: 3px;
  top: 20px;
  width: 15px;
}
.rounded  {
 	margin: 0pt auto;
 	width: 200px;
 	background-color: #eee;
	}
.rounded240  {
   	margin: 0px 10px 0px 10px;
   	width: 240px;
   	background-color: #eee;
	}
.roundedLong  {
     	margin: 0px 20px 0px 20px;
     	width: 380px;
     	background-color: #eee;
}
.roundedLonger  {
     	margin: 0px 10px 0px 10px;
     	width: 500px;
     	background-color: #eee;
}
.rounded260  {
   	margin: 0px 5px 0px 5px;
   	width: 260px;
   	background-color: #eee;
   	vertical-align:text-top;
	}
.roundedImage  {
   	margin: 0pt auto;
   	width: 200px;
   	background-color: #eee;
   	vertical-align:text-top;
  }
.roundedViews { 
    width: 200px;
    background-color: #eee; 
    text-align: left;
    white-space: nowrap;
    overflow:hidden;
  }
.roundedSearchBox  {
   	margin: 0px 35px 0px 0px;
   	width: 300px;
   	background-color: #eee;
   	float: right;
   	text-align: center;

  }
.roundedMain {
	margin: 0pt auto;
 	width: 730px;
 	background-color: #eee;
 	text-align: center;
	}
.roundedTree {
  	margin: 0pt auto;
   	width: 600px;
   	background-color: #eee;
   	text-align: center;
}
.roundedMiddle
{
	margin: 0pt auto;
 	width: 730px;
 	background-color: #eee;
 }
.roundedWide
{
  margin: 0pt auto;
  background-color: #eee;
}
.roundedSquay
{
  width: 150px;
  margin: 0px 25px 0px 25px;
  background-color: #eee;
  text-align: center;
}
.roundedGrid
{
  float: right;
  width: 320px;
  background-color: #eee;
  overflow: hidden;
  display:block;
}
.matrixLeft
{
  float: left;
  width: 500px;
  overflow: hidden;
  display:block;
}
.roundedMiddle2
{
	margin: 0pt auto;
 	width: 690px;
 	background-color: #ffffff;
 }
.roundedSmall
{
	margin: 0pt auto;
 	width: auto;
 	background-color: #ffffff;
 }
.roundedWhite
{
 	margin: 0pt auto;
  width: 472px;
  background-color: #ffffff;
}
.roundedSquare
 {
    float: left;
 	  margin: 5pt;
    text-align: center;
  	background-color: #ffffff;
}
.roundedSmallPadding
{
	padding: 0px 7px 0px 7px;
}
.floatright {
	float: right;
}
.centerImages {
	padding: 35px 15px 0px 15px;
}
.leftmargin {
	padding: 0px 0px 0px 35px;
}
.insiderounded
{
	padding: 0px 20px 0px 20px;
	text-align:left;
}
.lightsmallID
{
	float: right;
	font-size:smaller; 
	color: #666;
}

ul {  padding: 0; margin: 0;}
li { list-style-type: none;}

/*custom spider stuff*/

fieldset { border:1px solid #666666 }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #666666;
  color:#666666;
  font-weight: bold;
  text-align:center;
  }

div.tree_rec {
  width: 205px;
  height: 220px 
}
.browse_rec {
  text-align:center;
  width: 200px;
  height: 230px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  margin: 15px;
  white-space: normal;
  vertical-align:text-top;
}

.browse_otu {
	font-size: 12px;
	white-space: normal;
	color: #000000;
	text-decoration: italic;
}
.browse_thumb {
	width: 200px;
	height: 230px;
	overflow: hidden;
	text-align:center;
  display:block;
  vertical-align:text-top;
}
.radarstyle {
  margin: 0px 25px 0px 25px;
  width: 200px;
	height: 200px;
	overflow: hidden;
	text-align:center;
  display:block;
}
.browse_part_view {
  width: 205px;
	font-size: 9px;
	white-space: normal;
}
.browse_part_standardview
{
  margin: 0px 10px 0 10px;
  width: 200px;
  height: 124px;
	font-size: 9px;
	white-space: normal;
}
.browse_part_standardviewnotlogged  
{
  margin: 0px 10px 0 10px;
  width: 200px;
  height: 79px;
	font-size: 9px;
	white-space: normal;
}
.browse_rec_views {
  text-align:center;
  width: 200px;
  height: 354px;
  display:block;
  text-align:center;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  margin: 15px;
  white-space: normal;
  vertical-align:text-top;
}
.browse_rec_views_not_logged {
  text-align:center;
  width: 200px;
  height: 309px;
  display:block;
  text-align:center;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  margin: 15px;
  white-space: normal;
  vertical-align:text-top;
}
.browse_thumb_views {
	display:block;
	width: 200px;
	height: 200px;
	text-align:center;
  white-space: normal;
  overflow: hidden;
  vertical-align:text-top;
}
.tree_thumb {
	height: 163px;
	width: 215px;
	overflow: hidden;
}
#image_left_container {
	float: left;
	margin: 0px 0px 10px 10px;
}
#image_right_container {
	float: right;
	margin: 0px 0px 10px 10px;
}
#image_comments_container {
	float: left;
	padding: 0px 0px 0px 10px;
}
#onlybox {
	padding-top: 3px;
}
.spider_search {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 7px;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
}
#public_top_wrap {
	float: left;	
}
.tree_table {
	margin: 15px 15px 15px 15px;
	float: center;
}
#tree_table_top {
	float: center;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
}

#tree_col_image {
	float: left;
	width: 200px;
}
#tree_col_name {
	float: right;
	width: 300px;
}
#tree_col_id {
	float: left;
	width: 300px;
}

.standard_views {
	font-size: 10pt;
	padding: 0;
	margin: 0;
}

.standard_views td {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}
tr.even {
	background-color: #fff;
}

tr.odd {
	background-color: #EEEEEE;
}

.roundedPopup {
	margin: 0px 10px 0px 10px;
 	width: 340px;
 	background-color: #eee;
}

#my_description_inner {
	font-size: 8pt;
	text-decoration: italic;
	background-color: #C9C78E;
	margin-left: 50px;
	margin-right: 50px;
}

.treetarget {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


.level1 {
  margin-left: 18px;
  padding-left: 18px;
  background: url('/site/spider/images/tree/joinbottom.gif');
  background-repeat: no-repeat;
  clear: both;
}

.level2 {
  margin-left: 18px;
  padding-left: 18px;
  background: url('/site/spider/images/tree/joinbottom.gif');
  background-repeat: no-repeat;
  clear: both;
}

.level3 {
  margin-left: 36px;
  padding-left: 18px;
  background: url('/site/spider/images/tree/joinbottom.gif');
  background-repeat: no-repeat;
  clear: both;
}  

.level4 {
  margin-left: 54px;
  padding-left: 18px;
  background: url('/site/spider/images/tree/joinbottom.gif');
  background-repeat: no-repeat;
  clear: both;
}

.tree_level {
  margin-left: 0px;
  padding-left: 18px;
  background: url('/site/spider/images/tree/joinbottom.gif');
  background-repeat: no-repeat;
  clear: both;
}

#tree {
  float: left;
  padding-left: 15px;
  overflow: auto;
}

#tree_info_target {
  width: 45%;
  float:right;
}

/* ONTOLOGY TREE NAV */

.ont_tree_level {
  margin-left: 0px;
  padding-left: 18px;
  clear: both;
}

.ont_tree_node {
  margin-top: 2px;
  padding-top: 2px;
}

.ont_tree_node .node_nav {
 background-color: #ddd;
 margin-right: 2px;
 padding: 2px;
 width: 14px; 
 float: left;
 text-align: center;
}

.tree_level {
  margin-left: 0px;
  padding-left: 10px;
  clear: both;
}

.ont_tree_node .lbl {
  float: left;
  padding-left: 2px;
  padding-top: 3px;
  margin-left: 2px;
}