body {
	padding:0px;
	margin:0px;
  background:url(../img/main_bg.gif) repeat;
	}
	
div, p, li, ul, ol, table, td, tr, th, h1, h2, h3, h4, h6, form, input {
	font-family: verdana,"trebuchet ms","arial",sans-serif;
	font-weight:100;
	margin:0;
	padding:0;
	}
	
/* ------------  Page layout  ------------ */

#container {
  position:relative;
  width:720px;
  padding:0px;
  margin:0px auto 0px auto;
  text-align:left;
  background:url(../img/content_bg.gif) rgb(255,255,255) repeat-y;
}

#bottom {
  padding:0px 0px;
  background:url(../img/bottom.gif) no-repeat;
  height:14px;
  font-size:4px;
  clear:both;
}

#message {
  padding:6px 20px;
  border-color:rgb(255,220,0);
  border-width:0px 6px 0px 6px;
  border-style:solid;
  background:rgb(250,245,230);
  color:rgb(30,30,90);
  margin:4px 0px 10px 0px;
  }
  
#message p {
	padding:2px 0px;
  color:rgb(30,30,90);
  }

#brand {
  padding:4px 0px 16px 0px;
  text-align:center;
  font-size:11px;
  color:rgb(0,0,120);
}

#topbar {
  position:relative;
  background:url(../img/title.gif) no-repeat;
}

#tabs {
  padding:39px 0px 30px 20px;
	}
	
#colour-la {
  margin:0px 1px;
  background:rgb(130,0,130);
	}
	
#colour-ind {
  margin:0px 1px;
  background:rgb(140,120,0);
	}
	
#colour-inst {
  margin:0px 1px;
  background:rgb(0,120,140);
	}
	
#logoff {
  height:19px;
  float:left;
  margin:0px 0px 0px 1px;
	}

#membertype {
	display:block;
	color:rgb(255,255,255);
  padding:3px 8px;
  font-size:11px;
  text-align:right;
	}
	
#sidebar {
  float:right;
	margin:0px 20px 10px 0px;
  width:206px;
  color:rgb(0,0,90);
}

div.justpic {
	width:206px;
	text-align:right;
	}
	
#content {
  position:relative;
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 10px 0px;
  width: 420px;
	font-size:13px;
	line-height:15px;
}

.blockheader {
	width:190px;
	background:url(../img/sidebar.gif) rgb(0,0,90) no-repeat;
	color:rgb(255,220,0);
	padding: 4px 8px 0px 8px;
	height:20px;
	text-align:center;
	font-size:13px;
	line-height:14px;
	font-weight:700;
	}

.blockheader2 {
	width:190px;
	background:url(../img/sidebar.gif) rgb(0,0,90) no-repeat;
	color:rgb(255,220,0);
	padding: 4px 8px 0px 8px;
	height:20px;
	text-align:center;
	font-size:13px;
	line-height:14px;
	font-weight:700;
	margin:16px 0 0 0;
	}

.imageblock {
	border:1px rgb(0,0,120) solid;
	border-width:0px 1px 1px 1px;
	background:rgb(220,220,200);
	width:204px;
	padding: 0px 0px 0px 0px;
	color:rgb(120,100,100);
	}

.sideblock {
	border:1px rgb(0,0,120) solid;
	border-width:0px 1px 1px 1px;
	background:rgb(255,250,240);
	width:188px;
	padding: 8px 8px 8px 8px;
	color:rgb(120,100,100);
	}

.sideblock p, .linkblock p {
	font-size:11px;
	line-height:13px;
	}
	
.sideblock h4 {
	padding:8px 0px 0px 0px;
	color:rgb(0,0,120);
	font-size:12px;
	line-height:13px;
	font-weight:700;
	}
  
.linkblock {
	border:1px rgb(240,140,0) solid;
	background:rgb(255,250,240);
	padding: 4px 12px 4px 12px;
	color:rgb(120,100,100);
	margin:4px 0px;
  }
   	
.linkblock form input {
  float:right;
  padding:14px 0px 0px 0px;
  border:0px rgb(255,250,240) solid;
  background:rgb(255,250,240);
  }
     	
/* ------------  PDR SSS logon  ------------ */

.side-top {
  background: url(../img/side-title-generic.gif) no-repeat;
  height:18px;
  }
  
.side-top-text {
  background: url(../img/side-title-generic.gif) no-repeat;
  color:rgb(255,255,255);
  text-align:center;
  font-size:12px;
  padding:3px 0px 3px 0px;
  }

.side-mid h4 { 
  font-size:15px;
	line-height:15px;
	padding:6px 0px 3px 0px;
	color:rgb(220,120,0);
	}
	
.side-mid { 
  font-size:13px;
	line-height:14px;
	background: url(../img/side-bg.gif) repeat-y; 
	padding:6px 16px 0px 16px;
	}
.userdocs {
  padding:0px 6px 0px 0px;
  vertical-align:middle
  }
.startbut {
  padding:8px 0px 12px 0px;
  text-align:right;
  }
.adminbut {
  padding:0px 0px 12px 0px;
  text-align:right;
  }
  
.startbut img, .adminbut img { border:0px; }

.side-bot-pdr, .side-bot-sss, .side-bot-dev-res, .side-bot-expired {
 height:75px; 
 text-align:right; 
 background:rgb(255,255,255);
}

.side-bot-pdr     { background: url(../img/side-bot-pdr.gif) no-repeat; }
.side-bot-sss     { background: url(../img/side-bot-sss.gif) no-repeat; }
.side-bot-dev-res { background: url(../img/side-bot-dev-res.gif) no-repeat; }
.side-bot-expired { height:12px; background: url(../img/side-bot-expired.gif) no-repeat; }

/* ------------  Logon  ------------ */

.logonblock {
	border:1px rgb(0,0,120) solid;
	border-width:0px 1px 1px 1px;
	background:rgb(232,232,232);
	width:188px;
	padding: 4px 8px 6px 8px;
	font-size:11px;
	text-align:center;
	color:rgb(0,0,120);
	}

table.logon {
	margin: 6px auto;
	}

table.logon td {
	padding:0px 2px;
	font-size:10px;
	color:rgb(120,120,120);
	}

input.logon {
	font-size:12px;
	padding:2px 4px 2px 4px;
	border:1px rgb(180,180,180) solid;
	text-align:center;
	}
	
p.logonerror {
	color:rgb(200,20,0);
	font-size:11px;
	line-height:11px;
	padding:2px 0px 4px 0px;
	font-weight:700;
	}	
	
.logonblock p {
	font-size:11px;
	line-height:12px;
	}
	
.logonblock h4 {
	padding:8px 0px 0px 0px;
	color:rgb(120,120,120);
	font-size:12px;
	line-height:13px;
	font-weight:700;
	}
	
/* ------------  Expands and links  ------------ */

div.expand-content {
	display:none;
	font-size:11px;
	line-height:14px;
	}
	
div.expand-content p {
	color:rgb(150,140,140);
	padding:4px 0px 4px 22px;
	}
	
div.expand-content li {
	color:rgb(150,140,140);
	padding:0px 0px 0px 0px;
	margin:0em 0em 0em 1.5em;
	}

div.link-title {
	color:rgb(150,140,140);
	margin:0px;
	padding:3px 0px 2px 0px;
	}

div.link-title img {
	margin:0px;
	padding:0px 6px 0px 0px;
	vertical-align:middle;
	}

span.bold-link a {
	color:rgb(180,0,0);
	font-weight:700;
	}

span.bold-link a:hover {
	color:rgb(240,0,0);
	}

p.link-text {
	color:rgb(150,140,140);
	font-size:12px;
	line-height:13px;
	margin:0px;
	padding:0em 0em 0em 22px;
	}

span.lite {
	color:rgb(190,180,180);
}

div.seelink {
	color:rgb(150,140,140);
	margin:0px;
	padding:2px 0px 0px 0px;
	font-size:12px;
	}

div.seelink img {
	margin:0px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	}

div.document {
	font-size:12px;
	padding:10px 0px;
	}
	
div.document img {
	margin:0px;
	padding:0px 6px 0px 0px;
	vertical-align:middle;
	}

div.documentitem {
	font-size:12px;
	padding:2px 0px;
	}

table.sidelink {
	margin:10px 0px 0px 0px;
	}
	
table.sidelink td {
	margin:0px;
	padding:2px 0px 0px 0px;
	font-size:12px;
	text-align:left;
	}
	
table.sidelink img {
	margin:0px;
	padding:0px 6px 0px 0px;
	vertical-align:middle;
	}
	
/* ------------  Ask responses  ------------ */

table.expand td {
	vertical-align:top;
	}

tr.table-expand td {
	padding:6px 0px 0px 0px;
	}

tr.table-expand img {
	padding:0px 6px 0px 0px;
	}

div.table-content {
	display:none;
	font-size:11px;
	line-height:14px;
	}
	
/* ------------  Misc  ------------ */


img.inheader {
	margin:0px;
	padding:0px 6px 0px 0px;
	vertical-align:middle;
	}
	
/* ------------  Base text  ------------ */

	
.error {
	color:rgb(200,20,0);
	}

p {
	color:rgb(150,140,140);
	padding:5px 0px;
	}
	
p.legal {
	font-size:10px;
	}
	
a {
	color:rgb(0,120,200);
	text-decoration:none;
	}
	
span.expander {
  /* If you change this colour, update noscriptstyle in napta.tmpl */
	color:rgb(0,120,200);
	text-decoration:none;
  cursor:pointer;
  cursor:hand;
	}
	
a:hover {
	color:rgb(220,160,0);
	}
	
span.expander:hover {
	color:rgb(220,160,0);
	}
	
h2 {
	color:rgb(160,0,0);
	font-size:24px;
	line-height:21px;
	padding:0em 0em .5em 0em;
	}

h3 {
	color:rgb(0,0,120);
	font-size:15px;
	font-weight:700;
	padding:12px 0px 3px 0px;
	}

h4 {
	padding:8px 0px 0px 0px;
	color:rgb(120,120,120);
	font-size:12px;
	line-height:13px;
	font-weight:700;
	}

h6.backtolink {
	font-size:12px;
	padding:0px 0px 4px 0px
	}

h4.strapline {
	color:rgb(150,140,140);
}

li {
	color:rgb(150,140,140);
	}

ul {
	margin:0em 0em 0em 14pt;
	}
	
ol {
	padding:0em 0em 0.25em 3em;
	}

em {
	color:rgb(90,80,70);
	font-style:normal;
	}

sup {
	font-size:8px;
	line-height:0px;
	}

/* ------------  Forms  ------------ */

table.form td.form-label {
	color:rgb(110,100,100);
	font-size:10px;
	line-height:10px;
	text-align:right;
	padding:2px 12px 2px 0px;
}

table.form td.form-label-left {
	color:rgb(110,100,100);
	font-size:10px;
	line-height:10px;
	text-align:left;
	padding:2px 12px 2px 0px;
}

table.form td {
	text-align:left;
	vertical-align:top;
	}

table.form {
	padding:12px 0px 0px 0px;
	text-align:left;
	}

span.required {
	color:rgb(160,40,40);
}