/* general settings */

#navigation { 
    margin: 0 ; 
    padding: 0 ; 
    list-style: none ; 
    text-align: left ; 
    border-bottom: 1px solid #ccc;
    height: 22px;
}

#navigation li { 
    display: inline ; 
    margin-right: 8px ; 
    font-weight: bold;
}

#navigation li a { 
    padding: 4px 0px 4px 20px; 
    line-height: 1em ; 
    text-align: left ; 
    text-decoration: none ; 
    color: #003366;
}

#navigation li a:focus, #navigation li a:active { 
    text-decoration: none; 
    color: #003366;
}

#navigation li a:hover { 
    text-decoration: none; 
    color: red;
}



/* how the links should behave */
a { text-decoration: none; }
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #003366; }
a:hover { color: #0D4D89; }


a.mainlink { text-decoration: none; }
a.mainlink:link { color: #003366; }
a.mainlink:visited { color: #003366; }
a.mainlink:active { color: #003366; }
a.mainlink:hover { color: red; }


/* single pixel borders on input boxes */
input, textarea
{
   background-color: #E3E4FA;
   border-width: 1px;
   border-style: solid;
   border-color: #AAAAAA;
}

/* text in tables */
td, th {
	font: 11px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana,Tahoma,Arial,sans-serif;
}
.code {
   font: 12px "Lucida Console", "American Typewriter", "Courier New", "Courier", "monospace";
}

/* a class that describes how tables should look */
.datatable {
		/*border: 1px solid #666677;*/
		border-collapse: collapse;
		/*margin-left:auto; 
		margin-right:auto;*/
}
.datatable a, a:link, a:visited {
		color: blue;
		text-decoration: none;
}
.datatable a:hover {
		color: red;
		text-decoration: none;
}
.datatable td {
		border-top: 1px solid #AAAAAA;	
		border-bottom: 1px solid #AAAAAA;
		padding: 8px;
		text-align: left;
    		vertical-align: middle;
		background-color: #FFFFFF;
}
.datatable th {
		background-color: #ccccdd;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 8px;
		border-top: 1px solid #AAAAAA;	
		border-bottom: 1px solid #AAAAAA;
	    	background: #d9dffb;
}
.datatable caption {
		font-size: 16px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable td.blue {
		background-color: #f5f7f9;
}
.datatable td.lightred {
		background-color: #fce0ce;
}
.datatable td.red {
		background-color: #f6cdb2;
}
.datatable td.green {
		background-color: #C3FDB8;
}
.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EEEEEE}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.spiffy4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.spiffy5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.spiffyfg{
  padding-left:30px;
  padding-right:6px;
  background: #EEEEEE url('../gfx/icon_info.png') 6px 1px no-repeat;
  }