/*
	HTMA RIDDOR CSS
	CREATED:30.09.08
	MODIFIED:01.10.08
	AUTHOR:ANDY FIELD
*/

/*
	COLOURS
	BACKGROUND:#d3dcdc
	GREEN 01:#316b6d
	GREEN 02:#27595b
	GREEN TINT:#cadada
*/

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

a img,:link img,:visited img {
	border:none;
}

:link,:visited {
	text-decoration:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img { 
	border:0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

img {
	border:none;
}

ol,ul,dl {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

/* BASE
******************************************/

html>body {
	font-size:12px;
}

body {
	background:#d3dcdc url(/assets/horizon.png) fixed 50% 100% no-repeat;
	color:#222;
	font-family:Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:75%;
	line-height:1.5em; 
	padding:0;
	text-align:center;
}

body#tabledata {
	background:#fff;
}

input,select,textarea {
	font-family:Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	line-height:100%;
	padding:.2em;
	vertical-align:middle;
}

#skip {
	height:0;
	margin:0;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:0;
}

a:link,
a:visited {
	border-bottom:1px solid #cadada;
	color:#316b6d;
	text-decoration:none;
}

a:hover,
a:active {
	border-bottom:1px solid #316b6d;
	color:#316b6d;
	text-decoration:none;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

strong {
	font-weight:bold;
}

hr {
	background:#cadada;
	border:0;
	color:#cadada;
	height:1px;
	margin: 0 0 .75em 0;
}

/* TYPOHRAPHY
******************************************/

p,dl,ol,ul,td,th {
	font-size: 1em;
	line-height: 1.5em;
}

p {
	margin:0 0 0.75em 0;
}

dl,ol,ul,blockquote {
	margin:0.75em 0 1.5em 0;
}

h1 {
	color:#316b6d;
	font-size: 2em;
	/* line-height: 0.75em; */
	line-height:1.25em;
	margin:0 0 0.6em 0;
}

h2 {
	color:#316b6d;
	font-size: 1.5em;
	font-weight:bold;
	line-height: 1em;
	margin:0 0 0.375em 0;
}

h3 {
	color:#316b6d;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.2em;
	margin:0 0 0.409091em 0;
}

h4 {
	color:#316b6d;
	font-size: 1.083333em;
	font-weight:bold;
	line-height: 1.384615em;
	/* margin:0 0 0.692308em 0; */
}

/* DECORATION
******************************************/

#nlogo {
	background:#fff url(http://www.htmasafety.co.uk/images/header-logo.jpg) 0 0 no-repeat;
	display:block;
	height:88px;
	overflow:hidden;
	text-indent:-3000em;
	width:800px;
}

p.note {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin:0 0 1.636364em 0;
}

#functions {
	/* background:#ddd; */
	/* margin:0 0 1.636364em 0; */
	margin:0 0 0.818182em 0;
	text-align:right;
}

#nfooter p {
	font-size: 0.916667em;
	line-height: 1.636364em;
}

.alert span {
	background:#a6ce3c;
	border:1px solid #cadada;
	color:#fff;
	font-size: 1.25em;
	font-weight:bold;
	padding:0.3em;
}

.alertb span {
	background:#ff0000;
	border:1px solid #cadada;
	color:#fff;
	font-size: 1.25em;
	font-weight:bold;
	padding:0.3em;
}

#main ul {
	list-style-type:disc;
	margin-right:6em;
	margin-left:4em;
}

li,dd,dt {
	padding:0.3em 0;
}

#sidebar li {
	display:block;
	height:1%; /* IE 6 FIX */
	width:180px;
}

#sidebar ul {
	margin-top:0;
}

#sidebar li.start {
	font-weight:bold;
}

#sidebar li a:link,
#sidebar li a:visited,
dd a:link,
dd a:visited {
	border-bottom:1px solid #fff;
	color:#57888c;
	text-decoration:none;
}

#sidebar li a:hover,
dd a:hover {
text-decoration:none;
	border-bottom:1px solid #27595b;
	color:#27595b;
}

dl.collhs,
dl.colrhs {
	float:left;
	margin-top:0;
	width:300px;
}

dl.collhs {
	margin-right:40px;
}

dt {
	border-bottom:2px solid #cadada;
	color:#333;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.2em;
}

dd {
	border-bottom:1px solid #cadada;
}

.data {
	margin:1.5em 0;
}

ol#range li {
	display:inline;
	margin-right:0.3em;
}

/* FORMS
******************************************/

fieldset {
	margin: 0 0 1.5em 0;
}

fieldset.line {
	border-bottom:1px solid #cadada;
}

label {
	display:block;
	float:left;
	width:10em;
}

input.long,
textarea.long {
	width:20em;
}

/* input.btn {
	padding:0;
} */

/* TABLES
******************************************/

table {
	width:930px;
}

table.alt {
	margin: 0 0 1.5em 0;
	width:930px;
}

body#tabledata table {
	width:100%;
}

th,td {
	padding:3px;
	vertical-align:middle; 
}

thead th {
	background:#316b6d;
	color:#fff;
	font-weight:bold;
	vertical-align:top; 
}

thead th span {
	font-weight:normal;
}

thead th.hd {
	background:#59898b;
}

thead td.hd02 {
	background:#59898b;
	color:#fff;
}

tbody th {
	border-bottom:1px solid #cadada;
	font-weight:bold;
}

tbody th.nl {
	background:#d3dcdc;
	border:none;
	font-weight:bold;
}

tbody td {
	border-bottom:1px solid #cadada;
}

tbody td.tnt {
	background:#fafbfb;
}

/* LAYOUT
******************************************/

#nheader,
#ncontent,
#nfooter {
	margin:0 auto;
	text-align:left;
	width:980px;
}

#nheader {
	background:#fff;
	border-bottom:1px solid #cadada;
	height:100px;
}

#ncontent {
	background:#fff;
	padding:20px;
	width:940px;
}

#nfooter {
	padding:1em 0;
}

#sidebar {
	float:left;
	width:180px;
}

#main {
	float:right;
	width:740px;
}

/* MISC
******************************************/

#FormElement {
  position: absolute;
  background: #fff;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#FormElement table
{
	width: auto;
	background: #f6f5f7;
	border: none;
}

#FormElement td
{
	padding: 0.4em;
	border: none;
}