/* ADLib OASys stylesheet */

BODY {
  margin: 0px 0px 24px 0px;
  padding: 0px; }
  
BODY, TD {
  font: 13px/16px arial,helvetica,sans-serif; }
  
H1 { 
  font: bold 18px/19px arial,helvetica,sans-serif; }

H2 { 
  font: bold 15px/17px arial,helvetica,sans-serif; }
  
/* banner styles */

#banner {
  position: relative;
  top: 0px; left: 0px;
  height: 128px;
  width: auto;
  background: url("../images/banner_tile.gif") repeat-x top left;
  border-bottom: solid 3px #00236C; }

#bannerlogo {
  position: absolute;
  left: 44px;
  top: 0px; }
  
#bannertext {
  position: absolute;
  left: 238px;
  top: 0px; }
  
#bannertitle {
  position: absolute;
  top: 56px;
  left: 240px;
  font: 11px/14px arial,helvetica,sans-serif; }
  
#bannertitle H1 {
  position: relative; top: 0px; left: -1px;
  margin: 12px 0px 0px 0px; 
  letter-spacing: -0.5pt; }
  
#bannertabs {
  position: absolute;
  bottom: 0px;
  left: 238px;
  right: 0px; }
  
#bannertabs UL {
  margin: 0;
  padding: 0; }
  
#bannertabs LI {
  float: left;
  margin-right: 3px;
  padding: 9px 12px 6px 12px;
  background-color: #94AADC;
  font-size: 11pt;
  list-style: none;
  white-space: nowrap;
  }
  
#bannertabs LI.selected {
  margin-top: -3px;
  padding-bottom: 9px;
  background-color: #00236C; }
#bannertabs LI.selected A {
  font-weight: bold;
  color: White; }
  
/* sidebar styles */

#sidebar {
  /* border: solid 1px silver; */
  float: left;
  width: 220px;
  margin: 8px 4px 4px 4px; }
  
.boxout {
  border-style: solid;
  border-width: 1px;
  /* border-bottom-width: 3px; */
  margin-bottom: 8px;
  padding: 6px;
  font: 11px/14px arial,helvetica,sans-serif; }
  
.navigation {
  padding-top: 3px;
  background-color: #ffffcc;
  border-color: #cccc33; }
  
.navigation UL {
  list-style-type: none;
  margin: 0px; }
.navigation UL UL {
  margin-left: 6px; }
.navigation LI {
  margin: 3px 0px 0px 0px; }
.navigation LI A.selected {
  font-weight: bold; }
.navigation LI {
  padding-left: 12px;
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: left 4px;
  background-image: url(../images/icn_bul_dot.gif); }
.navigation LI.plus {
  background-image: url(../images/icn_bul_plus.gif); }
  
/* content styles */

#content {
  /* border: solid 1px silver; */
  margin: 24px 24px 24px 240px; }
  
.page {
  width: 90%;
  margin: 0px auto; }

.crown {
  background-color: #ffffcc;
  border: solid 1px #cccc33;
  padding: 3px; }  
  
H1 {
  margin: 5pt 0pt 7pt 0pt;
  font-size: 14pt; line-height: 18pt; font-weight: bold; }
  
H2 {
  margin: 5pt 0pt 6pt 0pt;
  font-size: 13pt; line-height: 15pt; font-weight: bold; }

H3 {
  margin: 5pt 0pt 6pt 0pt;
  font-size: 11pt; line-height: 14pt; font-weight: bold; }
  
H4 {
  margin: 5pt 0pt 6pt 0pt;
  font-size: 13px; line-height: 16px; font-weight: bold; }
  
P {
  margin: 0pc 0pc 0.7pc 0pc; }
  
HR {
  margin: 8px 0px; padding: 0px;
  height: 0px;
  border: none;
  border-bottom: 1pt solid silver; }
  
A {
  color: #00236C; }
  
.versions {
  padding: 0px;
  border-color: #c0c0c0;
  background-color: #f0f0f0; }
  
.versions P {
  margin: 0px;
  padding: 6px; }
  
.versions A {
  display: inline-block;
  height: 32px; width: 140px;
  padding: 0px 12px 6px 34px;
  background-repeat: no-repeat;
  background-position: left top;
  font-weight: bold;
}

.versions A.htmlversion {
  background-image: url(../images/icn_version_html.gif); }
.versions A.pdfversion {
  background-image: url(../images/icn_version_pdf.gif); }
.versions A.urlversion {
  background-image: url(../images/icn_version_url.gif); }
  
#bottomnavigation {
  margin: 8px 0px 0px 0px;
  padding: 4px;
  height: 16px;
  border-top: 1px solid #369c2c;
  background: url(../images/bg_bottomnav.gif) repeat-x bottom left;
  font: 11px/14px arial,helvetica,sans-serif; }

#topnavigation {
  margin: 0px 0px 8px 0px;
  padding: 4px;
  height: 16px;
  border-bottom: 1px solid #369c2c;
  background: url(../images/bg_topnav.gif) repeat-x top left;
  font: 11px/14px arial,helvetica,sans-serif; }
  
.prevpage {
  float: left;
  background: url(../images/icn_prev_12.gif) no-repeat center left;
  padding-left: 14px;
  }
  
.nextpage {
  float: right;
  background: url(../images/icn_next_12.gif) no-repeat center right;
  padding-right: 14px;
  }
  
/* form styles */

.titlecol .title, .ebRegistration .caption, .ebRegistration .alert { width: 132px; }
.titlecol .titleinner { font-size: 11px; line-height: 13px; font-weight: bold; }
.titlecol .captioninner { font-size: 11px; line-height: 13px; }
.titlecol .alertinner { font-size: 11px; line-height: 13px; color: maroon;}
.titlecol TABLE TABLE .titleinner { font-weight: normal; }
.titlecol .required { color: Red; }

.field TD
{
    vertical-align: top;
}

.field TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}

.field .required 
{
    color: Red;
}

.fieldcol
{
    padding-right: 8px; }


.field INPUT, .field SELECT, .field TEXTAREA 
{
    font-family: tahoma,arial,"sans serif";
    margin-bottom: 2px; }

.field INPUT.text, .field TEXTAREA.longtext
{
    width: 400px;
}
.field TEXTAREA.longtext 
{
    height: 4pc; }
    
INPUT.checkbox
{
    height: 13px;
    width: 26px; }
INPUT.radio { height: 18px; }


/* registration and contact styles */

.error 
{
    color: Red;
    font-weight: bold;
}

.ebRegistration .terms 
{
    width: 382px;
    font-size: 8pt;
    border: solid 1px silver;
    padding: 8px;
    background-color: White;
    overflow: auto;
    height: 200px;
}

.ebRegistration TABLE, .ebContactDetails TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}
.ebRegistration TABLE TABLE TD, .ebContactDetails TABLE TABLE TD, .radiolist TD
{
    padding: 0px 8px 0px 0px;
    background: transparent;
    border: none; }


/* title / forename / surname special styles */
.ebRegistration TABLE TABLE .title, .ebContactDetails TABLE TABLE .title { 
    width: auto; }
.ebRegistration TABLE TABLE SELECT, .ebContactDetails TABLE TABLE SELECT {
    margin-top: 1px;
    width: 56px; }
.ebRegistration TABLE TABLE INPUT.text, .ebContactDetails TABLE TABLE INPUT.text {
    width: 164px; }
    
/* profile styles */

.checkCol {
  width: 200px;
  padding-bottom: 1pc; }
  
.checkCol INPUT {
  float: left;
  margin-top: 2px; }
  
.checkCol LABEL {
  display: block;
  margin-left: 28px;
  padding-bottom: 4px; }
  
.guidanceCol {
  width: 200px; }

.doneActivity {
  background: url(../images/icn_activity_done_24.gif) no-repeat top left;
  color: Green;
  padding: 2px 0px 4px 32px;
}

.suggestedActivity {
  background: url(../images/icn_activity_could_24.gif) no-repeat top left;
  padding: 2px 0px 4px 32px;
}