/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/
/*
@import url("base.css");
@import url("layout.css");
@import url("navigation.css");*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font-family: verdana, helvetica, sans-serif;
  color: black;
  font-size: 11px;
  }

h1 {
  color: #000;
  margin: 10px 0 8px 0;
  padding: 3px 0;
  font-size: 2.0em;
  }

h2 {
  color: #000;
  margin: 18px 0 10px 0;
  line-height: 2.3em;
  font: 1.8em 'Trebuchet MS', 'Helvetica', sans-serif;
  }

h3 {
  color: #054FA0;
  margin: 36px 0 10px 0;
  line-height: 1.3em;
  font: 1.6em 'Trebuchet MS', 'Helvetica', sans-serif;
  border-bottom: 1px dotted #666;
  }

p, li {
  margin: 10px 0 6px 0;
  color: #333;
  font-size: 11px;
  line-height: 1.5em;
  }
  
li, li p {
  color: #333;
  font-weight: normal;
  }


a {
  color: #054FA0;
  text-decoration: underline;
  }

a:hover {
  color: #BFCF0A;
  }


/* HEADER CONTENT
----------------------------------------------------------------*/
#header h1 {
  position: absolute;
  top: -2px;
  left: 6px;
  width: 263px;
  height: 68px;
  background: url(../images/_interface/logo.gif) no-repeat;
  }
  
#header h1 span {
  display: none;
  }
  

/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#sidebar {
  text-align: left;
  color: #014B9C;
  line-height: 1.4em;
  font-size: 1.3em;
  font-weight: bold;
  }


/* FORMS
----------------------------------------------------------------*/

/* FORMS
----------------------------------------------------------------*/
fieldset {
  float: left;
  border: none;
  border-top: 1px solid #ddd;
  width: 740px;
  margin-top: 34px;
  padding-top: 24px;
  }

legend {
  color: #bbb;
  font-weight: bold;
  font-size: 16px;
  padding: 0 8px;
  }

label {
  float: left;
  clear: both;
  width: 160px;
  text-align: right;
  font-size: 13px;
  height: 15px;
  margin: 0 10px 10px 0;
  padding-top: 3px;
  }
  
form div {
  float: left;
  }
  
  /*
fieldset {
  border: 1px solid #AAA;
  }

fieldset p {
  margin: 4px 0;
  }

legend {
  color: #999;
  font-weight: bold;
  font-size: 18px;
  }

label {
  float: left;
  width: 160px;
  text-align: right;
  font-size: medium;
  margin-right: 14px;
  }*/

form table {
  padding: 1px;
  border-collapse: separate;
  border-spacing: 2px;
  }

form table td {
  padding: 5px;
  }

form td.label {
  background: #D5D5D5; /*#EDAE4E;*/
  color: #FFF;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  }
  
input.text {
  width: 290px;
  border: 1px solid #999;
  } 

input.textShort {
  width: 80px;
  border: 1px solid #999;
  }

input.submit {
  margin: 10px 0;  
  }

input.checkbox {
  margin-top: 3px;
  }

/* TABLES
----------------------------------------------------------------*/
table {
  clear: both;
  border-collapse: collapse;
  text-align: left;
  }

td {
  padding: 2px 3px;
  font-size: small;
  }

table.pf {
 margin: 10px 0px;
}


table.pf td {
 border-bottom: 1px solid #ccc;
 padding: 3px;
 color: #333;
 font-size: 11px;
 line-height: 1.5em;
}

table.pf td.blue {
 border-right: 1px solid #ccc;
 color: #004C99;
 font-weight: bold;
}

table.pf th {
 background: #004C99;
 color: #fff;
 padding: 3px 5px;
}



/* SITE-WIDE CUSTOM STYLES (For page-specific stuff, use css/pages/mypage.css)
------------------------------------------------------------------------------*/

#language-links {
  float: right;
  background: url('/css/images/_interface/language-tab.gif') no-repeat;
  height: 29px;
  width: 103px;
  padding: 0 0 0 8px;
  }

#language-links a,
#language-links a:hover,
#language-links span {
  color: #FFF;
  padding: 0 6px;
  _padding: 0 3px;
  text-decoration: none;
  margin: 0;
  font: 11px/29px Trebuchet MS, Times, serif;
  }
  
#language-links span {
  color: #004C99;
  }    
  
#language-links a:hover {
  color: #004C99;
  text-decoration: none;
  }




#formErrors {
  border: 3px solid #000;
  margin: 30px 0;
  padding-bottom: 15px;
  background: #FFE;
  }
  
#formErrors h3 {
  background: red;
  padding: 8px;
  color: #FFF;
  }
  
#formErrors h3 ul {
  margin: 40px;
  }
  
#formSuccess {
  border: 3px solid green;
  margin: 30px 0;
  padding: 15px;
  background: #FFE;
  }
  
form .highlight {
  background: #FFFDB6;
  }
  
  
/* SEARCH BAR
----------------------------------------------------------------*/
#search-bar {
  font-size: 10px;
  background: url(/css/images/_interface/search-bg.gif) no-repeat;
  }

#search-bar fieldset {
  float: left;
  border: 0;
  padding: 0;
  margin: 0;
  }
  
#search-bar input.text {
  width: 144px;
  margin: 4px 0 0 8px;
  }

#search-bar input.submit {
  float: right;
  margin: 4px 8px 0 0;
  }

#search-bar #select-country {
  float: right;
  margin: 12px 12px 0 0;
  color: #CCC;
  }
    
#search-bar #select-country select {
  margin-left: 10px;
  }
  
h2.first {
  margin-top: 0;
}
  
p.error {
  color: red;
  }
  
h1#placeholder {
  margin: 40px 0 400px 30px;
  }
  
#sidebar img {
  margin-bottom: 20px;
  border: 1px solid white;
  }

div#what-you-can-do {
  float: left;
  margin: 3px 3px 3px 0;
  }
    
h1.subnav {
  background: url(../images/_interface/subnav-bg.gif) no-repeat;
    height: 29px;
    width: 540px;
    padding: 0 5px;
  }
  h1.subnav,
  h1.subnav a {
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    line-height: 29px;
    }
  h1.subnav a {
    margin: 0 5px;
    text-decoration: none;
    }
    h1.subnav a:hover {
      color: #004C99;
      }
  h1.subnav a.selected-subnav {
    color: #004C99;
    }
    
#flash-message {
  border: 1px solid #999;
  background: #FFF373;
  padding: 5px 12px;
  }