body { margin: 0; padding: 0; }

a:link { text-decoration: underline; color: #0645AD; }
a:hover { text-decoration: underline; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding: 10px 10px 12px 10px;
	margin: 0;
}

.bg-logging { background-color: #303289; } /* replace bgblue */
.bg-recording { background-color: #DA4725; } /* replace bgorange */
.bg-wallboard { background-color: #009EE0; }
.bg-cti { background-color: #96BF0D; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #EFEFEF; padding: 5px;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; border-bottom: 1px solid #ccc; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

.text-logging { color: #303289; } /* replace textblue */
.text-recording { color: #DA4725; } /* replace textorange */
.text-wallboard { color: #009EE0; }
.text-cti { color: #96BF0D; }

.FigureLabel { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-transform: capitalize; }
.bodyhighlight { font-weight: bolder; color: #000; font-size: 10px; }
.borderimage { background-position: 30px 10px; border-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; }

.Nav_Background { /* apply to <p> if you want to set a bg colour */
	background-color: #EFEFEF;
	padding: 3px;
	padding-bottom: 0;
}

p { /* all standard text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
}

.P_Increase { /* use for page intro paragraphs */
	font-size: 12px;
}

.P_Background { /* apply to <p> if you want to set a bg colour */
	background-color: #EFEFEF;
	padding: 5px;
}

ul { /* format of unordered lists */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: circle;
}

.Table { /* all standard text */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* SLIDING DOOR BUTTONS --------------------------------------------------------------- */

.button { height: 40px; display: block; cursor: pointer; }

.right { float: right; }
.left { float: left; }

.button a {
	display: inline; /* resolves ie 6 double margin issue - otherwise unnecessary */
	float: left;
	margin-right: 9px; /* must equal the width of the secondary background image */
	height: 29px;
	padding: 11px 0 0 9px; /* centres the text */
	font: bold 15px Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); /* css 3 - won't work in any IE versions <= 8 */
}

.button.green { background: transparent url(images/CTA/Green/right-bg.png) no-repeat top right; }
.button.green a { background: transparent url(images/CTA/Green/main-bg.png) no-repeat; }
.button.green:hover { background: transparent url(images/CTA/Green/right-bg-ro.png) no-repeat top right; }
.button.green:hover > a { background: transparent url(images/CTA/Green/main-bg-ro.png) no-repeat; }

.button.blue { background: transparent url(images/CTA/Blue/right-bg.png) no-repeat top right; }
.button.blue a { background: transparent url(images/CTA/Blue/main-bg.png) no-repeat; }
.button.blue:hover { background: transparent url(images/CTA/Blue/right-bg-ro.png) no-repeat top right; }
.button.blue:hover > a { background: transparent url(images/CTA/Blue/main-bg-ro.png) no-repeat; }

.button.red { background: transparent url(images/CTA/Red/right-bg.png) no-repeat top right; }
.button.red a { background: transparent url(images/CTA/Red/main-bg.png) no-repeat; }
.button.red:hover { background: transparent url(images/CTA/Red/right-bg-ro.png) no-repeat top right; }
.button.red:hover > a { background: transparent url(images/CTA/Red/main-bg-ro.png) no-repeat; }

.button.grey { background: transparent url(images/CTA/Grey/right-bg.png) no-repeat top right; }
.button.grey a { background: transparent url(images/CTA/Grey/main-bg.png) no-repeat; }
.button.grey:hover { background: transparent url(images/CTA/Grey/right-bg-ro.png) no-repeat top right; }
.button.grey:hover > a { background: transparent url(images/CTA/Grey/main-bg-ro.png) no-repeat; }

#button-spacer { position: relative; margin: 10px 0 10px 0; overflow: hidden; } /* adds spacing around a button - OPTIONAL - */

#feedback { position: absolute; top: 5px; right: 5px; }