body {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: White;
    color: Black;
    margin: 0;
    padding: 0;
}

table {
    font-size: 100%;
}
img {
    border: none;
    vertical-align: middle;
}

/* !!! DO NOT add an entry for p { } since this will cause rendering problems for the Javascript Calendar !!! */

p a {
    text-decoration: underline;
}
p a:visited {
    color: Purple;
    background-color: transparent;
}
p a:active {
    color: Red;
    background-color: transparent;
}
p img {
    border: 0;
    margin: 0;
}

hr {
    height: 1px;
    color: #8cacbb;
    background-color: transparent;
}


ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(../../../System/images/bullet.gif);
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
ul a, ol a {
    text-decoration: underline;
}
li {
    margin-bottom: 0.4em;
}
dt {
    font-weight: bold;    
}
dt a {
    text-decoration: underline;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: Black;
}

.content {
    padding: 1em;
}

.example {
    font: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: White;
    color: #333333;
}



.visualClear {
    display: block;
    clear: both;
}
.breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #989833;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: lowercase;
}
#menu{
width:100px;
}

.trigger{
				 cursor: pointer;
				 cursor: hand;
				 font-family: Verdana, Helvetica, Arial;
				 font-size: x-small; 
}
.branch{
				display: none;
      	margin-left: 12px;
			  font-family: Verdana, Helvetica, Arial;
				font-size: x-small; 
}
.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;    
}

.field .field {
    margin: 1em 0 0 0;
}

.field label {
    font-size: 100%;
    font-weight: bold;
}

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp a {
    text-decoration: underline;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.formControls {
   margin: 1em 0 0 0; 
}

.location {
    font-weight: bold;
}

.error {
    /* Class for error indication in forms */
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 80% !important;
}

.node
{
	font-size: x-small;
	font-weight: bold;
}

#menubar {
    background-color: transparent;
    padding: 0em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}
#menubar li {
    display: inline;
}
#menubar li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
  
    border-color: #99bfd9; /*cc9900 */
    border-width: 2px; 
    border-style: solid solid none solid;
   /* color: #98984C; */
    color: #000000;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.5em;
    text-decoration: none;
    text-transform: lowercase;
}
#menubar li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #ffffff; /*#f8f8f1*/
   /* border: 1px solid #808040; */
    border: 2px solid #99bfd9; /*cc9900*/
    border-bottom: #99bfd9 2px solid; /*d1d1a3*/
    color: #000;/*#909030 */
}
#menubar li a:hover {
  /*  background-color: #f0f0e1; */
      background-color: #b2dced;
  /*  border-color: #808040; */
     border-color: #99bfd9;
    border-bottom-color: #99bfd9;
    color: #fff; /*#888844 */
    font-weight: bold;
    border-bottom: #99bfd9 2px solid;
}

.infomenu a {
     /* The normal, unselected tabs. They are all links */
    background-color: transparent;
  
    border-color: #99bfd9; /*cc9900 */
    border-width: 2px; 
    border-style: solid solid none solid;
   /* color: #98984C; */
    color: #000000;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.5em;
    text-decoration: none;
    text-transform: lowercase;
}

.infomenu a:hover {
    /*  background-color: #f0f0e1; */
      background-color: #b2dced;
  /*  border-color: #808040; */
     border-color: #99bfd9;
    border-bottom-color: #99bfd9;
    color: #fff; /*#888844 */
    font-weight: bold;
    border-bottom: #99bfd9 2px solid;
}

.selmenu a{
  
     /* The normal, unselected tabs. They are all links */
    background-color: transparent;
  
    border-color: #99bfd9; /*cc9900 */
    border-width: 2px; 
    border-style: solid solid solid solid;
   /* color: #98984C; */
    color: #000000;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.5em;
    text-decoration: none;
    text-transform: lowercase;

}

.button{
	font-size: middle;
	color :  #000;
	background-color : #b2dced;
	/*border-style : none; */
	font-weight: bold;
	border-color: #FFFAFA;
}




.bc
{
	background :#E3EAF4;
	padding-bottom:4px;
}
.bcg
{
	background :#E3EAF4;
}

.solid-ivory  { 
        border: 3px solid #99bfd9; 
	    background-image: url(../../../System/images/MAT_bottom5.gif);
		font-size: 9px;
        font-family : Verdana, Arial, Helvetica, sans-serif; 
		color: #000000;
 }
.rgtxt {
font-size: 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
border: 0;
}

