body
{
  background-color : #fff;
  margin : 0;
  color : #ff8000;
  font-family: "Trebuchet MS", arial, sans-serif;
}

#container 
{
  margin : 2px 0 0;  
  padding : 0; 
  position : relative;
  background-color : #f8f8f8; 
}

#head
{
  padding : 0;
  margin : 0;
  border-bottom : solid 20px #384452;
  height : 96px;
  position : relative;
  background-image : url('images/head.jpg');
  background-repeat : no-repeat;
  background-position : left;
  background-color : #0B1731;
}

#strapline
{
  font-size : 0.7em;
  padding : 3px;
  float : right;
  line-height : 1.2em;
  padding-right : 2em;
  color : #fff;
}

#head ul
{
  margin : 0;
  padding : 0;
  background-color : none;
  position : absolute;
  bottom : 0;
  right : 20px;
}

#head ul li {
  margin : 0 4px 0;
  padding : 0;
  border : 0;
  list-style : none;
  float: right;
  display : inline;
  width : 6em;
  font-size : 0.7em;
  text-align : center;
  overflow : hidden;
}

#head ul li a {
  margin : 0;
  padding : 0;
  border : 0;
  width : 6em;
  display: block;
  color: #fff;
  background-color : #ff8000;
  text-decoration: none;
}

#head li.tabSelected a{
  background-color : #384452;
}

#head li a:hover {
  background-color : #384452;
}

#content
{
  margin-top : 0;
  padding-left : 3em;
  padding-right : 20px;
  background-color : #f8f8f8; 
}

#user
{
  font-size : 0.7em;
  border-bottom : solid 1px #ccc;
}


/* nav at the top */
#nav {margin-top : 0.5em;}

#nav ul
{
  margin : 0;
  padding : 0 0 1px;
  margin-bottom : 0.5em;
}

#nav ul li
{ 
  list-style : none;
  font-size : 0.7em;
  line-height : 1em;
  margin : 0;
  padding : 0 1em 0;
  display : inline;
  border-right : solid 1px #ddd;
}

#nav ul li a
{
  padding-left : 1em;
  text-decoration : none;
}

#nav ul li a:hover, #nav ul li a.selected
{
  padding-left : 1em;
  text-decoration : underline;
}

/* end nav */


#content h1
{
  font-size : 1.5em;
  line-height : 1.3em;
  padding : 5px;
  color : #ff8000;
  background-color : #fff;
  border-bottom : solid 1px #eee;
  border-right : solid 1px #eee;

}

#content h2
{
  font-size : 1.2em;
  line-height : 1.2em;
  color : #555;
  max-width : 28em;
}

#content h3
{
  font-size : 1.0em;
  line-height : 1.0em;
  color : #555;
  max-width : 36em;
}

#content h3
{
  font-size : 0.9em;
  line-height : 1.0em;
  color : #555;
  max-width : 36em;
}

#content a
{
  color : #ff8000;
  line-height : 2em;
  font-family : sans-serif;
  display : visible;
}

#content p, #content table, #content ul li, #content ol li
{
  font-size : 0.8em;
  color : #555;
  line-height : 2em;
  padding-right : 4em;
  font-family : sans-serif;
  display : visible;
}

#content p, #content ul li, #content ol li
{
   max-width : 36em;
}

#content table
{
  border-collapse : collapse;
  border-color : #ddd;
  background-color : #fff;
}

#content table td
{
  border : solid 1px #ddd;
}

#content table tr td table tr td
{
  font-size : larger;
}

#content table tr td table tr td
{
  border : none;
}

#foot
{
  border-top : solid 1px #ccc;
  padding : 1em;
  font-size : 0.7em;
  text-align : center;
  clear : both;
  background-color : #f8f8f8;
}

#foot a, #user a
{
  color : blue;
}

p.note {
  margin : 0;
  padding : 4px;
  border : solid 1px #ccc;
  color : #444;
  background-color : #eaead5;
  line-height : 2em;
}

a
{
  text-decoration : none;
}

a:hover, a:active
{
  text-decoration : underline;
}

.floatRight
{
  float : right;
  margin : 1em;
}

.alert
{
  color : #b6dfed;
}

#partners tr td
{
  padding-top : 30px;
  padding-bottom : 30px;
  border-top : solid 5px #eee;  
}

td.divider
{
  background-color : #ccc;
}

td.numbers, th.numbers
{
  text-align : right;
  padding-right : 2px;
}

td.indent
{
  padding-left : 2em;
}

td.selected
{
  color : #009900;
  background-color : #009900;
}

th.time
{
  width : 6em;
}

.notice {color : #003399; font-weight : bold;}

th.partner {
  padding-top : 3em;
  text-align : left !important;
  color : 000; 
  font-weight : bold;
  padding-left : 3px;
  border-bottom : solid 1px #000;
}

#feraLogo {
  position : absolute;
  bottom 0;
  margin : 8px;
  right : 50px;
}

#defraLogo {
  position : absolute;
  bottom 0;
  margin : 8px;
  left : 50px;
}

p.small a, p.small
{
  font-size : 11px;
}

#container tr th p, #container tr td p, #container tr td ul li
{
  font-size : 1em;
}

#container tr th h3, #container tr td h3
{
  font-size : 1.25em;
  margin-top : 1em;
}

#tableContainerDiv
{
  position : relative;
  width : 98%;
}

#container table.noData, #container table.noData tr td
{
  border : none;
}