@import url('validation.css');
@import url('navigation.css');

body {
  padding: 10px;
  font-family: Arial, Garuda, Helvitica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #444444;
  min-width: 800px;
}

a,
a:active,
a:visited {
  color: #1D6893;
}

a:hover {
  color: #aeaeae;
}

p {
  color: #444444;
}

.heading  {
  width:70%;
}

#content {
  font-weight: normal;
  margin-left: 235px;
  margin-right: 5px;
  font-size: 12px;
  padding-top: 53px;
}

#content div#homeIntro {
  width: 50%; 
  float: left;
}

#content div#homeNews {
  margin-left:51%;
}

#headerbanner {
  position: relative;
}

img.banner {
  border: 0px;
  margin-bottom: 10px;
}

img.fp7 {
  position: absolute;
  top: 4px;
  right: 0px;
}

#footer {
  border-top: solid 1px #aeaeae;
  margin-top: 36px;
  font-size: 1.05em;
  position: relative;
  height: 150px;
}

div.feraLogo {
  position: absolute;
  top: 0px;
  right: 0px;
}

div.feraLogo p {
  margin: 0 0 0 0;
  padding: 14px 0 8px 0;
}

div.eulogo {
  position: absolute;
  top: 16px;  
  left: 0px;
}

img.eulogo {
  float: left;
  margin: 0 0 0 8px;
  position: relative;
  width: 120px;
}

div#footer p.eulogo {
  font-style: italic;
  margin: 8px 0 0 8px;
  width: 50%;
  text-align: left;
  font-size: 0.95em;
}

div.eulogoDiv{
  border: 1px;
  width: 370px;
  height: 85px;
  position: absolute;
  top: 4px;
  right: 0px;
}

img.eulogoDivImg{
  margin: 2px 2px 2px 2px;
  position: relative;
  width: 120px;
  display: inline-block;
}

p.eulogopara{
  font-style: italic;
  font-size: 0.95em;  
  display: inline-block;
  vertical-align: top;
}

#footer p {
  text-align: center;
}

#breadcrumb {
  color: #7e7e7e;
}

#breadcrumb a {
  color: #7e7e7e;
}

table.usertable {
  border: 1px solid #000;
  border-collapse: collapse;
}

table.usertable th {
  background-color: #ccffff;
  padding: 4px;
}

table.usertable td {
  padding: 4px;
}

div.default-form label {
  float: left;
  width: 130px;
}

div.default-form p {
  clear: both;
}

div.default-form table td.desc {
  border: solid 0px red;
  font-weight: bold;
  padding: 6px 0;
}

/* CMS content styles
--------------------------------------------------------------------------------------*/

#content h1 {
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 18px 0;
  color: #444444;
}

#content h2 {
  font-size: 1.15em;
  padding: 0 0;
  margin: 15px 0 10px 0;
  color: #1D6893;
}

#content div.cmsPara p {
  padding: 0 0 0 0;
  margin: 10px 0 10px 0;
  color: #444444;
}

div.paraimage {
  float: left;
}

div.paraimage img {
  margin-right: 10px;
  margin-bottom: 5px;
}

.clearBoth {
  clear: both;
}

#content div.relatedDocs {
  margin-top: 20px;
  padding: 0 18px 12px 14px;
  border: solid 1px silver;
  background: #efefef;
  width: 765px;
}

#content div.relatedDocs ul {
  margin: 0 0 ;
  padding: 0 0;
}

#content div.relatedDocs ul li {
  list-style-type: none;
  line-height: 175%;
}

#content div.relatedDocs ul li span {
  background: #FFFFFF;
  margin-left: 15px;
  font-size: 0.75em;
}

#content div.relatedDocs ul li span a {
  color: red;
}

#content div.docsContent {
  width: 24%;
  position: absolute;
  right: 0px;
  top: 0px;
}

#content div.docsWidth {
  width: 70%;
}

/* document store styles
--------------------------------------------------------------------------------------*/

#content div.docStore {
  background: #efefef;
  margin: 0 0 20px 12px;
  padding: 12px;
  width: 450px;
  border: solid 1px silver;
}

#content div.docStore h3.docTitle {
  font-size: 1.15em;
  font-family: arial;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
}

#content div.docStore div.docActions {
  float: right;
  position: relative;
  top: -5px;
}

#content div.docStore div.docActions a,
#content div.docStore div.docActions a:visited,
#content div.docStore div.docActions a:active {
  display: inline-block;
  font-size: 0.85em;
  padding: 6px;
  margin-left: 4px;
  background: #ffffff;
}

#content div.docStore form {
  margin: 0;
}

#content div.docStore p {
  padding: 0;
  margin: 0;
}

#content div.docStore p.comment {
  padding-left: 30px;
  margin: 8px 0;
  background: url('images/comment-bubble.jpg') 0px 3px no-repeat;
}

#content div.docStore p.revision {
  margin-bottom: 8px;
}

#content div.docStore p.field {
  margin-top: 8px;
}

#content div.docStore div.default-form {
  margin: 0;
}

#content div.docStore div.default-form fieldset {
  border: solid 1px #1D6893;
  padding: 8px;
}

#content div.docStore div.default-form legend {
  background: #1D6893;
  padding: 4px 8px 2px 8px;
  color: #ffffff;
  margin-bottom: 4px;  
}

#content div.docStore div.default-form textarea {
  margin-bottom: 8px;
  width: 98.5%;
}

/* News styles
--------------------------------------------------------------------------------------*/

#content div.newsAdmin {
  float: left;
}

#content div.newsAdmin label {
  padding-top: 8px;
}

#content div.newsAdmin p.newsImgAdmin {
  position: relative;
}

#content div.newsAdmin p.newsImgAdmin span {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 131px;
  float: left;
}

#content div.newsItem {
  background: #efefef;
  padding: 0 0 0 0;
  border: solid 1px silver;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

#content div.newsItem h2 span.options {
  display: inline-block;
  font-size: 0.75em;
  position: relative;
  top: -5px;
}

#content div.newsImage {
  margin: 8px 0 8px 8px;
  width: 150px;
  float: left;
}

#content div.home div.newsImage {
  width: 85px;
}

#content div.newsContent h2,
#content div.newsContent p {
  padding: 0 12px 0 0;
  margin: 8px 0;
}

#content div.newsContent {
  margin-left: 8px;
}

#content div.home div.newsContent h2,
#content div.home div.newsContent p {
  padding: 0 6px 0 0;
  margin: 8px 0 0 0;
}

#content div.newsImage img {
  width: 100%;
}

#content div.marginLeft {
  margin-left: 168px;
}

#content div.home div.marginLeft {
  margin-left: 100px;
}

/* data submission form public facing e.g. register for comms form (register.cfm)
------------------------------------------------------------------------------------------------ */

form.data p {
  margin: 8px 0;
  padding: 0 0;
}

form.data p label {
  display: inline-block;
  width: 125px;
  padding: 4px;
  background: #efefef;
  border: solid 1px silver;
}

form.data p label.fullWidth {
  background: #ffffff;
  border: none;
  width: 100%;
}

form.data p input.text,
form.data p input[type=text],
form.data p select {
  position: relative;
  top: 1px;
  width: 250px;
  height: 20px;
}

form.data input#captcha_input {
  width: 150px;
}

#leftpane h3.standout {
  padding: 0 0;
  margin: 14px 0 0 0;
  font-size: 1.25em;
  line-height: 135%;
  color: #1D6893;
  text-align: center;
  border: solid 1px #AEAEAE;
  background-color: #EFEFEF;
}

#leftpane h3.standout a,
#leftpane h3.standout a:visited {
  color: #1D6893;
  display: block;
  padding: 6px 0 4px 0;
  text-decoration: none;
}

#leftpane h3.standout a:hover {
  text-decoration: underline;
}

/* Cookie compliance table style
---------------------------------------------------------------*/

div#cookiePolicyContent table {
  border-collapse: collapse;
}

div#cookiePolicyContent table th {
  border: solid 1px #d1d1d1;
  padding: 8px 0 4px 0;
}

div#cookiePolicyContent table td {
  border: solid 1px #d1d1d1;
  vertical-align: top;
  padding: 8px;
}