body {
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 12px;
  background-color: #fff;
  color:#000;
  margin: 0 0;
  padding: 0px;
}

h1 {
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

h2 {
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 16px;
  color: #600;
  font-weight: bold;
}

h3 {
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 14px;
  color: #600;
  font-weight:bold;
}

a {
  text-decoration: none;
  color:#c60;
}

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

a:visited {
  color:#996633;  
}

th {
   font-size: 12px;
}

th.left {
   text-align:right;
   vertical-align:middle;
}



th.lefttop {
  text-align:right;
  vertical-align:top;
}

td {
   font-size: 10px;
}

.errors {
  color:#F00;
}

.mandatory {
   text-align:right;
   vertical-align:middle;
   color:#ff8888;
   font-weight:normal;
   font-size:20pt;
}

.mpick{
   float:left;
   background-color:#eee;
   border-top: solid 1px #666;
   border-left: solid 1px #666;
   border-right: solid 1px #666;  
   border-bottom: solid 1px #666;
   margin-left: 5px;
   margin-right: 5px;
   
}
.centertop {
  text-align:center;
}

.iecss {
	
}

.iecss-a {
  text-color:black;
  font-weight:bold;

}

.agender{
   float:left;  
   margin-right: 5px;
   spacing-right:5px;
   padding-left:5px;
   width:130px; 
}
.apos{
position:absolute;
left:120px;
top:105px
}

.bpos{
position:absolute;
left:338px;
top:105px
}

.cpos{
position:absolute;
left:230px;
top:325px
}

.gopos{
position:absolute;
left:278px;
top:70px
}

.htitle{
font-weight:bold;
font-size:9pt;
}

.vennpane{
width:620;

}
.helppane{
width:125;
float:right;

}

.browsehelp{
width:450;
float:right;
margin-right:15px;
margin-top:15px;
}

.mainlevel{
font-weight:bold;
color:000;
background-color:#bbb;
}

.secondlevel{
font-weight:normal;
color:000;
background-color:#cacaca;
}

.thirdlevel{
font-weight:normal;
color:000;
background-color:#ddd;
}

.dshead {
   background-color:#fff;
   border-top: solid 1px #666;
   border-left: solid 1px #666;
   border-right: solid 1px #666;  
   border-bottom: solid 1px #666;
   padding: 10px 10px 10px 10px);

}

.kanban {
 font-family: verdana,arial,helvetica, sans-serif;
 font-size: 9px;
 color: #66c;
 font-style: italic;
}

.editlegend {
 font-family: verdana,arial,helvetica, sans-serif;
 font-size: 12px;
 color: #66c;
 font-weight: bold;
 border: 2px;
}

.header {        
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 11px;
  background-color:#5848b0;
  background-image: url('../images/eosestrip.jpg');
  background-repeat: no-repeat;
  background-position: left bottom; 
  clear:both;
  height:72;
  margin-top: 0px; 
  padding-left:0px; 
  padding-right:0px; 
  padding-top:0px; 
  padding-bottom:11px
}

.header .layout {
  border-collapse: collapse;
  margin: 0px;  
  border: none;
  padding: 0px;
}

.header .swid-logo {
   margin-top:0px;
   padding-top: 0px;
   width:200px;
}

/* all of these used to be in .header */


 .header-content {
  /* float:left;*/
   vertical-align:top;
   font-family: verdana,arial,helvetica, sans-serif;
  font-size: 12px;
}

 .header-content a, .header .header-content span {
   text-decoration: none;
   padding: 1px 1px;
   font-size: 11px;
   font-family: verdana,arial,helvetica, sans-serif; 
}

 .header-content a:hover {
  color:#fffcc8;
  background-color: #dacce5;
  font-weight: bold;
  border: 1px solid #000;
 
}

 .header-content .urhere {
  color: #000098;
  background-color: #ffcc33;
  font-weight: bold;
  border: 1px solid #000;
}

 .header-content .sibling {
  color: #000098;
  font-weight: bold;
  border: 1px solid #666;
  background-color: #DDD;
}

 .header-content .child, .header form .button {
  color: #000098;
  font-weight: bold;
  border: 1px solid #FFF;
  background-color: #ddd;
}


form {
  padding: 0px;
  margin: 0px;
}

.header form .button {
  font-size:12px;
  padding: 1px 2px;  
}

.header form input {
   vertical-align:top;
  color: #000;
  background-color: #FFF;
  border-color: #666;
}


.header div {
  padding: 3px;
}

.header .quickSearch {
   vertical-align:top;
  text-align: left;
}

/*leftmenu styles*/

.leftmenu {        
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 12px;
  clear:both;
  margin-top: 0px; 
  padding-left:0px; 
  padding-right:0px; 
  padding-top:0px; 
  padding-bottom:11px
}

.leftmenu .header-content {
   float:right;
   vertical-align:top;
   font-family: verdana,arial,helvetica, sans-serif;
  font-size: 12px;
  height:62px;
  color:#eee;
}

.leftmenu .header-content a, .header .header-content span {
   text-decoration: none;
   padding: 1px 1px;
   font-size: 11px;
   font-family: verdana,arial,helvetica, sans-serif; 
}

.leftmenu .header-content a:hover {
  color:#fffcc8;
  background-color: #dacce5;
  font-weight: bold;
  border: 1px solid #000;
 
}

.leftmenu .header-content .urhere {
    color: #000098;
  background-color: #ffcc33;
  font-weight: bold;
  border: 1px solid #000;
}

.leftmenu .header-content .sibling {
  color: #fffcc8;
  font-weight: bold;
  border: 1px solid #666;
  background-color: #DDD;
}

.leftmenu .header-content .child, .header form .button {
  color: #000098;
  font-weight: bold;
  border: 1px solid #FFF;
  background-color: #ddd;
}

/*end of leftmenu styles */



.bar, .footer {
  background-color:#000098;
  font-weight:normal;  
  clear:both;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 3px 1px;
  margin: 0px;
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 10px;  
  height:18px;
}

#leftBar {
  float:left;

}

.rightFooter {
  float:right;
    color:#fffcc8;
}


#rightBar {
  float:right;
    vertical-align:cen;
margin-top:-17px;
margin-bottom:2px;
}
.searchbox{
text-size:9pt;
};

.bar, .footer, .bar a, .bar a:visited, .footer a, .footer a:visited {
  color:#fffcc8;
}

.bar a, .bar:visited, .footer a, .footer a:visited {
}

.bar a:hover, .footer a:hover {
  text-decoration:none; 
background-color:#dacce5;
}


.footer {
  text-align:left;
}

.body {
   background-color:#fff;
   color:#000;
   clear:both;
   margin: 0px;
   padding: 10px 5px;
}

.body table.layout {
  border: none;   
}

.body table tr td {
  font-size: 12px;  
}

.body table.layout tr td {
   vertical-align:top;
   padding: 0px 5px;
}

.body table.layout.firstcol td {
 background-color:#400;
 color:#003352;
}

.splitBody {
   margin: 0px;
   padding: 0px;
   background-color:#fff;
}

.splitBody .body-title {
  font-size: 18px;
  font-weight: bold;
  background-color:#ddd;
  color: #666;
  margin: 0px;
  padding: 2px 10px;
  border-bottom: solid 1px #666;
  border-top: solid 1px #fff;  
}

.splitBody .body-bar {
   float:left;
   background-color:#f0f0f0;
   color:#00c;
   border-top: solid 1px #fff;
   border-left: solid 1px #fff;
   border-right: solid 1px #666;  
   border-bottom: solid 1px #666;     
   padding: 5px;
   margin-right: 5px;
}

.splitBody .body-menu {
   float:left;
   background-color:#f0f0f0;
   color:#00c;
   border-top: solid 1px #fff;
   border-left: solid 1px #fff;
   border-right: solid 1px #666;  
   border-bottom: solid 1px #666;     
   padding: 5px;
   margin-right: 5px;
}

.splitBody .body-bar a, .splitBody .body-bar a:visited {
  color: #00c;  
}

.splitBody .body-main {
   float:left;
   padding: 2px 10px 5px 10px;
   background-color:#fff;
   color:#000;
   margin: 0px;
   width: 50%;
}

.splitBody .action-bar {
   float: right;  
   width:150px;
   margin: 0px;
   background-color:#f0f0f0;
   color: #00c;
   border-top: solid 1px #fff;
   border-left: solid 1px #666;
   border-right: solid 1px #fff;  
   border-bottom: solid 1px #666;     
}

.horiz-actions {
   background-color:#eee;
   color: #00c;
   margin-bottom: 5px;
   padding: 3px;
}

.horiz-actions a, .horiz-actions a:visited {
  color: #00c;
  text-decoration: underline;
}

.horiz-actions .active {

  color:#003352;
  font-style: bold;
}

.horiz-actions .disabled {

  color: #222;
}

.splitBody .action-bar h1, .horiz-actions h1 {
  background-color:#ccc;
  color:#eee;
  font-size: 14px;
  padding: 2px 2px 2px 5px ;
  margin-top: 0px;
  border-bottom: 1px solid #666;
}


.splitBody .action-bar ul {
   margin-left:18px;
   padding-left: 0px;
   list-style-image: url('../images/blue-chevron.png');
}

.splitBody .action-bar  a, .splitBody .action-bar a:visited {
  color: #00c;
}

ul.explorer {
  list-style-type:none;  
   margin: 0px 0px 0px 20px;  
  padding: 0px;
}

.explorer .selected {
  background-color:#ccc;   
}

.explorer .directassets {
  background-color:#ddd;
     font-size:9px;
     color:#000;
}

table.encoding-schemes {
     border: 1px solid #fff;
}

table.encoding-schemes th {
   background-color: #999;
   color:#eee;
     font-size:14px;
}

table.encoding-schemes td.odd {
   background-color: #eee;
     font-size: 12px;
     padding: 1px 2px;
}

table.encoding-schemes td.even {
   background-color: #ddd;
   font-size: 12px;
   padding: 1px 2px;
}

.welcome {
 background-color:#ffffa0;
 margin:-10px;
 color:#B73329;
  padding:20px;
}

.splashtitle {
   text-align:right;
   vertical-align:top;
}

.ps {
  /*background-image: url('../images/leonardologo.gif');
  background-repeat: no-repeat;
  background-position: center center; */
  padding-top:2px;
  padding-bottom:2px;
   background-color:#000098;
  color:#fffcc8;
  text-align:center;
  font-size:10px;
  opacity:.90;
  filter: alpha(opacity=90); 
  -moz-opacity: 0.9;  
}

.ps td {

  color:#fffcc8;
  text-align:center;
  font-size:10px;
}

 .ps a, ps. a:visited{
  color:#ffffa0;
  text-align:center;
  font-size:10px;
}


table.spreadsheet {
   padding: 0px;
   cell-spacing: 0px;
   border-collapse: collapse;
}

table.spreadsheet .grey {
  color: #999;
}

table.spreadsheet td {
   margin: 0px;
   border-spacing:0px;
   border: 1px solid #000;  
}

table.spreadsheet th {
  font-weight: normal;
  background-color: #CCC;
  color: #000;
  padding: 0px 3px;
  border: 1px solid #000; 
}

table.spreadsheet th.colGroup, table.spreadsheet th.rowGroup {
  font-size:15px;
  background-color: #DDF;
  color:#666;
  border: none; 
}

table.spreadsheet th.row {
  text-align: right;
}

table.dataseries {
  border-collapse: collapse;
}

table.dataseries th.zelement {
  text-align: left;
  font-size: 14px;
  border-color: black;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  padding: 2px;
}

   
div.tabs {
   border-bottom: 1px solid #999;
   margin-bottom: 5px;
}

div.tabs input {
   font-size: 12px;
   background-color: #DDF;
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   border-color: #999;
}

div.tabs input.selected, div.tabs input.exit {
   background-color: #66C;
   color:#FFF;
   font-weight: bold;  
}

div.tabs input.exit {
   margin-bottom: 5px;
   margin-left: 10px;
   border-width: 1px;
   border-style: solid;
   border-color:  #CCC #999 #999 #CCC;
}
   
form input, form textarea {
 background-color: #EEF;
 border: 1px solid #CCF;  
}

form button, form input.button, form select {
  background-color: #EEF;
  border-width: 1px;
  border-style: solid;
  border-color:  #CCC #999 #999 #CCC;
}

form textarea {
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 10px;
}

form fieldset {
  border: 1px solid #CCC;
  margin-top: 15px;  
  text-align:left;
}

.browselist {

}

/* View resource styles */
.view {

}

.viewtitle {
	height: auto;
	width: auto;
	border: thin solid #a00;
	margin-bottom: 15px;
	padding: (10px 10px 10px 10px);

}
  
.viewtitle .maintitle {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;     
	color: #990000;
	text-decoration: none;
	margin: 1px;
	padding: 0px;
    line-height: 16pt;
	/* font-variant: small-caps; */
    background-color: #fff;

}

.viewtitle .alttitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;     
	color: #990000;
	text-decoration: none;
	margin: 1px;
	padding: 0px;
    line-height: 12pt;
	/* font-variant: small-caps; */
    background-color: #fff;
}

.viewlegend {
    font-size: 12px;
	color:#990000;
	font-weight:bold;
}

.view .fieldlabel {
    font-size: 12px;
    padding: 3px;
    vertical-align:top;
   	text-align:right;
	color: #990000;
    background-color: #efefef;
	font-style:italic;
	font-weight:normal;
}
.view .fieldlabel-centred {
   	text-align:center;
    font-size: 12px;
    padding: 3px;
    vertical-align:top;
	color: #990000;
    background-color: #efefef;
	font-style:italic;
	font-weight:normal;
}

.view .value {
  font-size: 12px;
  text-align:left;
  color: #000;
}

.view .value-contact {
  font-size: 12px;
  text-align:left;
  color: #000;
  font-style:italic;
}

.view .value-abstract {
  font-size: 12px;
  text-align:left;
  background-color: #000;
}

.links {
   text-align:right;
   margin-bottom: 5px;
}

.links a, .links a:visited {
  color: #666;
  font-weight: bold;
  border: 1px solid #666;
  background-color: #DDD;
  padding: 2px 3px;
}

.links a:hover {
  color:#f5f5dc;
  background-color: #003352;
  font-weight: bold;
  border: 1px solid #000;
}

/* SOM Table styles */
table.som-table {
  border-collapse: collapse;
  padding:0px;  
  border: 1px solid #BBB;
}

table.som-table th {
   padding: 2px;
   font-size: 12px;
}

table.som-table th.codd {
   background-color: #DDD;
}

table.som-table th.ceven {
  background-color: #CCC;
}

table.som-table th.rodd {
   
}

table.som-table th.reven {
   
}

table.som-table td {
  padding:2px 5px;  
  font-size: 10px;
}

table.som-table td a {
  color: #333;  
}

table.som-table td.codd-rodd {
   background-color: #EEF;
}

table.som-table td.codd-reven {
   background-color: #DDF;   
}

table.som-table td.ceven-rodd {
   background-color: #DDF;
}

table.som-table td.ceven-reven {
   background-color: #CCF;
}

table.explorer-with-checks {
  border-collapse: collapse;
  padding:0px;  
}

table.explorer-with-checks  td {
   padding:0px;
}

table.explorer-with-check td input.checkbox {
  margin: 0px;  
}

/* Styles for browse title page */
.clear {
  clear:both;
}

.treecol {
  float:left;
  width: 40%;
  padding: 0px;
}