/*
  Memento style sheet
  Most Memento components reference styles defined here, rather than
  having presentation paramters embedded with them
*/

body
{
  background-color: #eeeeee;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-left: 4px;
  margin-top: 0px;
  margin-right: 4px;
  margin-bottom: 0px;
}

select, input { font: 10px verdana, geneva, arial; color: black; }
textarea { font-size: 12px; color: black; }

a		        { font-size: 12px; color: #3366cc; font-weight: bold; text-decoration: none }
a:active     	        { font-size: 12px; color: #FF9900; font-weight: bold; text-decoration: none }
a:visited     	        { font-size: 12px; color: #3366cc; font-weight: bold; text-decoration: none }
a:hover     	        { font-size: 12px; color: #FF9900; font-weight: bold; text-decoration: none }
.textLink		{ font-size: 12px; color: #3366cc; font-weight: bold; text-decoration: none }
.textLink:active     	{ font-size: 12px; color: #FF9900; font-weight: bold; text-decoration: none }
.textLink:visited     	{ font-size: 12px; color: #3366cc; font-weight: bold; text-decoration: none }
.textLink:hover     	{ font-size: 12px; color: #FF9900; font-weight: bold; text-decoration: none }
.smalltextLink		{ font-size: 10px; color: #3366cc; font-weight: bold; text-decoration: none }
.smalltextLink:active   { font-size: 10px; color: #FF9900; font-weight: bold; text-decoration: none }
.smalltextLink:visited  { font-size: 10px; color: #3366cc; font-weight: bold; text-decoration: none }
.smalltextLink:hover    { font-size: 10px; color: #FF9900; font-weight: bold; text-decoration: none }
.nounderline            { color: #3366cc; text-decoration: none }

.text              { font-size: 12px; font-style: normal; font-weight: normal; color: #000000; }
p                  { font-size: 12px; font-style: normal; font-weight: normal; color: #000000; }
.textBold          { font-size: 12px; font-style: normal; font-weight: bold; color: #000000; }
.smallText         { font-size: 10px; font-style: normal; font-weight: 300; color: #000000; }
.smallTextBold     { font-size: 10px; font-style: normal; font-weight: bold; color: #000000; }

.bluetext          { font-size: 12px; font-style: normal; font-weight: 500; color: #3366cc; }
.smallBlueText     { font-size: 10px; font-style: normal; font-weight: normal; color: #3366cc; }
.smallBlueTextBold { font-size: 10px; font-style: normal; font-weight: bold; color: #3366cc; }

.textOrange        { font-size: 12px; font-style: normal; font-weight: bold; color: #ff9a00; }
.smallTextOrange   { font-size: 10px; font-style: normal; font-weight: bold; color: #ff9a00; }
.smallRedTextLink  { font-size: 10px; color: red; font-weight: bold; text-decoration: none; }


/* Table styles */

table.masthead
{
  background-color: #dddddd;
  border-spacing: 0;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

table.guifield
{
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  border-spacing: 0;
  border-top: solid thin white;
  border-left: solid thin white;
  border-bottom: solid thin gray;
  border-right: solid thin gray;
}

td.guiheader
{
  font-size: 10px; font-style: normal; font-weight: bold; color: #000000;
  background-color: #dddddd;
}

td.selectednode
{
  background-color: lightblue;
  margin-left: 8px;
  margin-right: 8px;
  border-top: solid thin black;
  border-left: solid thin black;
  border-bottom: solid thin gray;
  border-right: solid thin gray;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  width: 100;
}

td.node
{
  background-color: white;
  margin-left: 8px;
  margin-right: 8px;
  border-top: solid thin black;
  border-left: solid thin black;
  border-bottom: solid thin gray;
  border-right: solid thin gray;
  text-align: center;
  font-size: 10px;
  width: 100;
}

.td.tablelisthead {
  background-color: yellow;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
}

.td.tablelist {
  background-color: #ffffcc;
  text-align: left;
  font-size: 10px;
}


/* Added by Giovanni 12/07/02 */

table.memeContent {}

table.memenode { width: 100%; }

/* style used to display a nodename.
  To conform to the previous styles it should be a: 
  ".textBold style" on a lightblue background */
td.nodename {
  background-color: lightblue;
  font-size: 11px; font-style: normal; font-weight: bold; color: #000000;
}

/* style used to display a nodetext.
  To conform to the previous styles it should be:
  ".smalltext style" on a white background */
td.nodetext {
  background-color: white;
  font-size: 10px; font-style: normal; font-weight: 300; color: #000000;
}

.hiddenText { display: none; }