/* General layout */

body {
	background-color: #333333;
}

div#wrapper {
	background-color: white;
	margin: 0 auto;
	width: 880px; /* The buttons won't fit after the logo in 760 pixels */
}

div#header {
	background-image: url("/img/layout/main-top.png");
	background-position: top left;
	background-repeat: repeat-x;
	height: 201px;
	width: 880px;
}

div#main {
	background-image: url("/img/layout/main-bottom.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 646px;
}

body.regular div#main {
	padding-bottom: 52px; /* Predent the lower logo is an img */
}

div#header h1 a {
	display: block;
	height: 120px;
	width: 180px;
}

div#header h1 a span {
	display: none;
}

div#header ul {
	margin-left: 390px;
	margin-top: -30px;
}

div#header ul li {
	background-image: url("/img/layout/tab-inactive.png");
	display: block;
	height: 15px; /* 20px background image - 5px padding */
	float: left;
	text-align: center;
	width: 106px;
	padding-top: 5px;
	margin-right: 5px;
}

div#header ul li:hover {
	background-image: url("/img/layout/tab-active.png");
}

div#header ul li a,
div#prefooter ul li a {
	color: white;
	text-decoration: none;
}

div#prefooter {
	padding: 1px;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}
h3 {
    margin-top: 1.8em;
    font-size: 1.4em;
}

div#prefooter {
}

div#prefooter ul {
	margin-left: 275px;
	width: 570px; /* IE needs this */
}

div#prefooter ul li {
	display: block;
	height: 11px; /* 16px background image - 5px padding */
	float: left;
	text-align: center;
	width: 116px;
	padding-top: 5px;
	margin-right: 5px;
}

div#prefooter ul li a {
	display: block;
	height: 11px;
	width: 116px;
}

div#prefooter ul li a span {
	display: none;
}

li#prefooter_1 {
	/*background-image: url("/img/layout/button-digilink.png");*/
	background-image: url("/img/layout/button-reveal.png");
}

li#prefooter_2 {
	background-image: url("/img/layout/button-filebusters.png");
}

li#prefooter_3 {
	background-image: url("/img/layout/button-genuine.png");
}

/* General good sense */

html {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

h2, p, table, dt, dd, ol, ul, div.pager {
	margin: 15px;
}

th, td {
	padding: 3px;
}

/* The FAQ */

dl {
}

dt {
	font-size: 1.3em;
	line-height: 30px;
	background-image: url("/img/layout/bullet.png");
	background-repeat: no-repeat;
	padding-left: 25px;
}
dt span {
	text-decoration: underline;
	line-height: 14px;
}

dd {
    border: 1px solid #999;
    padding: 10px;
    background-color: #FFF;
	padding-left: 25px;
}

div.admin_content {
	margin-left: 60px;
}
div.admin_content_margin {
	margin-left: 150px;
}

/* All CMS-generated content */

div.cms_content {
	margin-left: 150px;
	padding-right: 40px;
}

div.cms_content * {
	margin-left: 0;
}

/* A splash of colour */
div#footer {
    background-color: #1A2674;
    height: 20px;
    padding: 4px 6px;
}
div#footer,
div#footer a {
	/*background-color: #1A2674;*/
	color: white;
}
div#footer ul {
    display: inline;
    list-style: none;
}
div#footer ul li {
    float: left;
    margin-right: 10px;
}
/* Admin tables */

table.index {
	border-collapse: collapse;
	width: 90%;
}

table.index,
table.index th,
table.index td {
	border: 1px solid gray;
}

table.index th.action,
table.index td.action {
	width: 50px;
	text-align: center;
}

table.index th {
	background-color: silver;
}

/* Forms */

div.error-message {
	color: #800000;
	margin-left: 156px;
}

label {
	display: block;
	float: left;
	margin-left: 0;
	padding: 3px;
	width: 150px;
}

input, select, textarea {
	padding: 4px;
	margin: 2px;
	border: 1px solid #666;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

button {
	font-weight: bold;
	margin-left: 152px;
}

/* Admin nav */

div#admin {
	background-color: white;
	border: 2px solid black;
	height: 200px;
	left: -180px;
	padding: 15px;
	position: fixed;
	/*bottom: 100px;*/
	top: 200px;
	width: 230px;
}

div#admin li {
	margin: 10px 0;
}

div#admin_handle {
	background-color: silver;
	float: right;
	height: 170px;
	padding: 15px;
}

img#admin_handle_img {
	margin-top: 77px;
}

div#login, div#logout {
	float: right;
	height: 40px;
	width: 520px;
}

div#login label, div#login input, div#login button, div#logout button {
	float: left;
	margin: 15px 5px 0 0;
}

div#login label {
	width: auto;
}

div#login input,
div#logout input {
	width: 100px;
}

/* Fix TinyMCE */
table .mceEditor {
    border: 1px solid #333;
}


/*
table.mceEditor {
	margin: 0;
}
*/

span.mceEditorContainer h2,
span.mceEditorContainer p,
span.mceEditorContainer table,
span.mceEditorContainer dt,
span.mceEditorContainer dd,
span.mceEditorContainer ol,
span.mceEditorContainer ul,
div.contextMenu h2,
div.contextMenu p,
div.contextMenu table,
div.contextMenu dt,
div.contextMenu dd,
div.contextMenu ol,
div.contextMenu ul
{
	margin: 0;
}

iframe.mceEditorIframe {
	height: 300px !important;
	width: 628px !important;
}

/* Tidy up pagination */

div.pager div {
	display: inline;
}


.cms_content ul {
    list-style: disc;
    margin: 4px 20px;
}
.cms_content ul li, .cms_content dd, .cms_content p {
    line-height: 18px;
}

div.demo_swf {
    margin-left: 10px;
}

table.costing {
    border-collapse: collapse;
    width: 90%;
}
table.costing td, table.costing th {
    border: 1px solid #999;
    padding: 4px;
}
table.costing th {
    font-weight: bold;
}
table.costing td.right {
    text-align: right;
}

#testimonial {
    margin: 6px 6px 0 0;
    float: right;
    width: 460px;
    text-align: right;
}

#testimonial a, #testimonial a:visited  {
    color: #666;
}

#testimonial a:hover {
    color: #000;
}

#main #flash_message {
	background-color: #D6FFDD;
	border: 1px solid #005E0F;
	margin: 10px 10px 10px 150px;
	padding: 3px;
	width: 200px;
}