/*************************************************************************
	CMS: www.electricputty.co.uk/epeditor
	Developed by Electric Putty Ltd. <malcolm@electricputty.co.uk>

	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/




/* Auto float clearing for compliant browsers
*************************************************************************/
#top:after,
#header:after,
#main:after,
.breadcrumb:after,
.containerInner:after,
.standard-form:after,
.irInfo:after,
.pagination:after,
.fileList:after,
#pagecontrols p:after,
#footer:after,
.clearthis:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}




/* General Rules and classes
*************************************************************************/
body {
	background: #f0f0ec;
	color: #131212;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	font-size: 0.85em;
	line-height: 1.4;
	}

.flLeft {
	float: left;
	}

.flRight {
	float: right;
	}

.disguise {
	position: absolute;
	left: -10000px;
	}

.hide {
	display: none;
	}

.required {
	color: red;
	}

.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}

.error {
	background: url("../images/bg_alert.gif") no-repeat 0 50%;
	padding: 5px 0 5px 35px;
	font-weight: bold;
	color: #CD1717;
	margin: 0 0 10px 0 !important;
	}
	
.err {
	border: 2px solid #cd1717 !important;
	background: #faf4f4 !important;
	}

em.keyword {
	font-style: normal !important;
	font-weight: bold;
	background: #d68533;
	color: #fff;
	}

strong {
	font-weight: bold;
	}

br.first {
	line-height: 0em;
	}

.greyed {
	color: #99988b !important;
	}




/* Main areas
*************************************************************************/
#internal,
#main {
	border-top: 1px solid #fffef1;
	border-bottom: 1px solid #c0bfaf;
	background: #fffde7 url("../images/bg_main.gif") repeat-x top;
	padding-top: 20px;
	}

#internal {
	padding-top: 7px;
	}

#left {
	float: left;
	width: 20%;
	}

.leftInner {
	background: #ebe9e6 url("../images/bg_nav_main.gif") no-repeat bottom;
	max-width: 218px;	
	margin: 5px 0 30px 15px;
	}

#container {
	margin: 0 10px 0 20%;
	}

#content {
	float: left;
	width: 72%;
	}

.contentWide {
	width: 97.5% !important;
	}

.contentInner {
	padding: 0 10px 0 20px;
	}

#right {
	float: right;
	width: 25%;
	}

.rightInner {
	margin: 5px 0 0 0;
	}




/* Top
*************************************************************************/
#top {
	padding: 3px 3px;
	list-style: none;
	background: #666699 url("../images/bg_top.gif") repeat-x bottom;
	border-bottom: 1px solid #424256;
	}

#top li {
	float: left;
	padding: 0 2px;
	border-left: 1px solid #fff;
	}
	
#top a {
	display: block;
	float: left;
	color: #fff;
	padding: 0px 4px;
	}
	
li.first {
	border-left: 0px !important;
	}

#top a:hover,
#top a:focus,
#top a:active {
	background: #383856;
	}




/* header
*************************************************************************/
#header {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999999;
	background: #fff url("../images/bg_header.gif") repeat-x top;
	height: 120px;
	}
	
#header h1 {
	float: left;
	margin: 27px 0 0 12px;
	}

#header h1 img {
	border: 0;
	}
	
#header p {
	float: left;
	margin: 10px 0 0 0;
	}

#frmSearch {
	float: right;
	margin: 20px 0 2px 0;
	padding: 8px 30px 34px 13px;
	background: url("../images/bg_search.gif") no-repeat;
	}


#frmSearch label {
	display: block;
	color: #fff;
	margin-bottom: 4px;
	}

#frmSearch input.inpText {
	border: 1px solid #4c4c4c;
	width: 145px;
	padding: 3px 1px;
	}
	
input.cSearchSubbut,
input.fListSubmit,
input.subbut {
	border: 1px solid #535383;
	background: #535383;
	color: #fff;
	padding: 2px 0 0 0;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	line-height: 1em;
	}




/* Breadcrumb
*************************************************************************/
.breadcrumb {
	margin: 0;
	padding: 3px 20px 8px 15px;
	}
	
.breadcrumb a {
	display: block;
	float: left;
	color: #251f16;
	padding: 0px 4px;
	}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	background: #cc6600;
	color: #fff;
	}

.breadcrumb span {
	display: block;
	float: left;
	color: #251f16;
	padding: 0px 4px;
	}
	
.breadcrumb span.here {
	color: #cc6600;
	}




/* container
*************************************************************************/
#container a {
	color: #666699;
	font-weight: bold;
	}
	
#container a:hover,
#container a:focus,
#container a:active {
	background-color: #666699;
	color: #fff;
	}




/* Content
*************************************************************************/
#content {
	padding-top: 5px;
	}

#content h1 {
	color: #663366;
	padding: 1px 11px 2px 11px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #663366;
	font-weight: normal;
	font-size: 1.8em;
	}

#content h2 {
	margin: 30px 0 12px 0;
	padding: 0px 11px;
	color: #cc6600;
	border-bottom: 1px solid #cc6600;
	font-weight: normal;
	font-size: 1.4em;
	}

#content h3 {
	color: #672726;
	padding: 0px 11px;
	border-bottom: 1px solid #672726;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 0 5px 0;
	}

	
#content h3.searchResport {	
	margin: 0 0 20px 0 !important;
	}

#content h4 {
	color: #672726;
	margin: 20px 0 10px 0;
	padding: 0px 11px;
	border-bottom: 1px solid #672726;
	font-weight: normal;
	font-size: 1.2em;
	}
	
#content h5 {
	margin: 5px 0;
	font-size: 1em;
	}

#content p {
	padding: 0;
	margin: 0 30px 12px 12px;
	}
	
.padTop {
	padding-top: 20px !important;
	}
	
#content p.nomargin {
	margin-bottom: 2px;
	}

#content ul {
	margin: 0 30px 12px 12px;
	padding: 0;
	list-style: none;
	}
	
#content ul.cLeft {
	width: 40%;
	float: left;
	}

#content ul li {
	background: url("../images/bg_bullet.gif") no-repeat 2px 9px;
	padding: 3px 4px 3px 17px;
	}

#content li ul {
	margin: 0;
	}
	
#content li li {
	background: none;
	padding-left: 0;
	}

#content li li a {
	font-weight: normal;
	}

#content li li li {
	padding: 3px 4px 0 20px;
	margin-top: 2px;
	font-size: 0.9em;
	}
	
#content em {
	font-style: italic !important;	
	}
	
p.small {
	font-size: 0.8em;
	}




/* Pagination
*************************************************************************/
#content hr {
	height: 1px;
	border-top: 0px;
	border-bottom: 1px solid #672726;
	margin: 15px 0 15px 0;
	}

.pagination {
	border-bottom: 1px solid #b2b1a1;
	}

.pagination-bottom {
	border-top: 1px solid #b2b1a1;
	margin: 20px 0 0 0;
	padding-top: 10px;
	}

.bottom {
	margin-top: 15px;
	border-bottom: 0 !important;	
	}

.pagBotom {
	margin-top: 30px;
	}

.irInfo {
	margin-bottom: 10px;
	}

.irInfo p, 
.pagination p {
	margin: 0 10px 4px 10px !important;
	display: inline;
	}
	
.pagination form {
	margin: 0 10px !important;
	padding-bottom: 4px;
	}

a.next,
.nextGreyed {
	padding-right: 11px;
	background: url("../images/bg_activeArrow.gif") no-repeat right 50%;
	text-decoration: none !important;
	}
	
	
.nextGreyed {
	color: #99988b !important;
	background: url("../images/bg_greyArrow.gif") no-repeat right 50%;
	}

a.prev,
.prevGreyed {
	padding-left: 11px;
	background: url("../images/bg_activeArrowBack.gif") no-repeat left 50%;
	text-decoration: none !important;
	}
	
.prevGreyed {	
	color: #99988b !important;
	background: url("../images/bg_greyArrowBack.gif") no-repeat left 50%;
	}




/* Nav: Top level
*************************************************************************/
.leftInner {
	background: #ebe9e6 url("../images/bg_nav_main.gif") no-repeat right bottom;
	}
	
.leftInner ul {
	background: url("../images/bg_nav_main_top_home.gif") no-repeat top right;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	}
	
.leftInner a {
	display: block;
	padding: 5px 5px 5px 15px;
	margin-right: 8px;
	border-top: 2px solid #c6ccd0;
	color: #717171;
	background: #ebe9e6 url("../images/bg_nav_item.gif") no-repeat top left;
	font-weight: bold;
	}
	
.leftInner a:hover,
.leftInner a:focus,
.leftInner a:active {
	background: #d3d1cf url("../images/bg_nav_item_over.gif") no-repeat top left;
	}
	
.leftInner a.here {
	background: #ebe9e6 url("../images/bg_nav_item_here.gif") no-repeat top left;
	}




/* Nav: Second level
*************************************************************************/
.leftInner ul ul {
	background: none;
	margin: 0;
	padding: 0;
	}

.leftInner ul ul a {
	border-top: 1px solid #c6ccd0;
	background: #f7f6f5;
	color: #535353;
	padding: 2px 11px 3px 25px;
	font-weight: normal;
	}

.leftInner ul ul a:hover,
.leftInner ul ul a:focus,
.leftInner ul ul a:active {
	background: #e2e0dd;
	}
	
.leftInner ul ul a.here {
	background: #e2e0dd url("../images/bg_nav_bullet_dark.gif") 10px 50% no-repeat;
	}




/* Nav: Third level
*************************************************************************/
.leftInner ul ul ul a {
	background: #fff;
	padding: 2px 11px 3px 35px;
	font-size: 95%;
	color: #7b7b7b;
	}

.leftInner ul ul ul a:hover,
.leftInner ul ul ul a:focus,
.leftInner ul ul ul a:active {
	background: #ebe9e6;
	}
	
.leftInner ul ul ul a.here {
	background: #ebe9e6 url("../images/bg_nav_bullet_dark.gif") 10px 50% no-repeat;
	}




/* Feeds box
*************************************************************************/
.col-actions,
#feedsLinks {
	background: #fff;
	border: 1px solid #e6722e;
	margin: 5px 0 15px 0;
	padding: 0;
	line-height: 1.1em;
	}
	
.col-actions h3,
#feedsLinks h3 {
	background: #e6722e;
	color: #fff;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1em;
	padding: 5px 4px;
	}
	
.col-actions p,
#feedsLinks p {
	line-height: 1em !important;
	padding: 1px 5px;
	margin: 0;
	}

.col-actions a,	
#feedsLinks a {
	display: block;
	border: 0;
	line-height: 1.2em;
	line-height: 1em;
	background: url("../images/icon_feed.gif") no-repeat 0 2px;
	padding: 4px 0 4px 20px;
	color: #e6722e;
	}
	
.col-actions a:hover, .col-actions a:focus, .col-actions a:active, 
#feedsLinks a:hover, #feedsLinks a:focus, #feedsLinks a:active {
	color: #c62c2c !important;
	background: #fff url("../images/icon_feed.gif") no-repeat 0 2px;
	}
	
.col-actions {
	border: 1px solid #4e4e4e !important;
	}

.col-actions h3 {
	background: #4e4e4e !important;
	}

.col-actions a {
	background: none !important;
	padding: 4px 0 !important;
	color: #4e4e4e !important;
	}




/* Right col
*************************************************************************/
#right h2 {
	color: #672726;
	padding: 0px 0px;
	border-bottom: 1px solid #672726;
	font-weight: normal;
	font-size: 1.4em;
	margin: 15px 0 10px 0;
	}




/* Boxes
*************************************************************************/
.box {
	border: 1px solid #c6ccd0;
	margin-bottom: 15px;
	}

.box h2,
.box h3 {
	margin: 0 !important;
	padding: 0 10px;
	border-bottom: 1px solid #c6ccd0 !important;
	background: #ebe9e6;
	color: #717171 !important;
	font-weight: normal;
	font-size: 1.4em;
	}

.boxInner {
	background: #fffef1;
	padding: 10px;
	}

.boxInner h3 {
	padding: 0 !important;
	background: none;
	border: 0 !important;
	margin: 0 0 5px 0 !important;
	}

.boxInner p {
	margin: 0 10px 0 0 !important;
	}
	
.boxInner p.alRight {
	margin: 5px 0 0 0 !important;
	}
	
.boxInner p.alRight a {
	color: #fff !important;
	background: #de6600 !important;
	padding: 0 5px;
	}

.boxInner p.alRight a:hover,
.boxInner p.alRight a:active,
.boxInner p.alRight a:focus {
	background: #717171 !important;
	}

.boxInner ul {
	margin: 0 !important;
	padding: 0;
	list-style: none;
	}
	
.boxInner ul li {
	background: url("../images/bg_bullet.gif") no-repeat 2px 9px;
	padding: 3px 4px 3px 17px;
	}

.boxInner li li {
	background: none;
	padding-left: 0;
	}

.boxInner li li a {
	font-weight: normal !important;
	}
	
.boxItem {
	margin-bottom: 20px;
	}




/* Themes boxes
*************************************************************************/
.themes-left {
	width: 47.5%;
	float: left;
	}

.themes-right {
	width: 47.5%;
	float: right;
	}


/* Forms
*************************************************************************/
.standard-form {
	margin: 0 0 10px 0;
	padding: 0px;
	border: 1px solid #e0decb;
	background: #fff;
	padding: 10px 12px;
	}

.standard-form .clearthis {
	padding-bottom: 5px;
	}


.standard-form p {
	margin: 0 !important;
	}

.standard-form p.red {
	font-size: 90%;
	margin-bottom: 10px !important;
	color: red;
	}

.standard-form fieldset {
	border: 1px solid #c5c5c5;
	background: #f4f4f4;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	}

.standard-form label,
.standard-form p.frmLabel {
	display: block;
	float: left;
	width: 20%;
	padding-right: 10px;
	color: #313131;
	}
	
.standard-form label.radioLabel {
	width: 90%;
	margin: 0 0 10px 5px;
	}

.standard-form .note {
	padding-right: 10px;
	font-weight: normal;
	font-size: 90%;
	}

.standard-form .afterControl {
	width: 60%;
	margin-left: 5px;
	}

.standard-form input,
.standard-form select,
.standard-form textarea,
.standard-form p.frmInputs {
	display: block;
	float: left;
	}
	
.standard-form p.frmInputs {
	padding: 0 0 0 10px !important;
	}

.standard-form input.txt {
	width: 300px;
	}

.standard-form input.singleText {
	width: 250px;
	}

.standard-form textarea {
	width: 300px;
	height: 80px;
	}

.standard-form input.wider {
	width: 300px;
	}

.standard-form select {
	margin-right: 5px;
	}

.standard-form .inpAlign {
	padding-left: 20%;
	}

.standard-form .inpAlign a.pad,
.standard-form .inpAlign input {
	margin-left: 10px;
	}
	
.standard-form .inpAlign input.formSubmit {
	margin-right: 10px;
	}
	
.standard-form .formGroup {
	float: left;
	}
	
.standard-form input.nofloat {
	display: inline !important;
	float: none !important;
	}
	
.standard-form .warning {
	display: block;
	padding: 2px 0;
	font-weight: bold;
	}
	
.standard-form .formSubmit {
	background: #535383;
	border: 1px solid #535383;
	color: #fff;
	text-align: center;
	cursor: pointer;
	line-height: 1em !important;
	padding-top: 2px;
	margin-right: 10px;
	}

.standard-form .formSave {
	background: #999;
	border: 1px solid #777;
	color: #fff;
	text-align: center;
	cursor: pointer;
	line-height: 1em !important;
	padding-top: 2px;
	margin-right: 10px;
	}

.standard-form p.actionButton a {
	line-height: 1em;
	font-weight: normal !important;
	display: block;
	float: left;
	border: 1px solid #9999cc;
	color: #fff !important;
	background: #9999cc !important;
	padding: 2px 4px 3px 4px;
	}




/* File list
*************************************************************************/
.fileList {
	width: 100%;
	float: left;
	}

.Fodd,
.Feven {
	margin: 0px;
	padding: 12px 12px 12px 0;
	border-bottom: 1px dotted #777;
	line-height: 1.4em;
	}

.Fodd p,
.Feven p {
	margin-bottom: 0 !important;
	}

.Feven {
	background: #f8f8f8;
	}

p.fileLink {
	line-height: 1.4em;
	}
		
a.iconLink {
	color: #666699 !important;
	font-size: 1.2em;
	display: block;
	padding: 8px 0 8px 34px;
	background-repeat: no-repeat;
	background-position: 2px 50%;
	}

p.externalLink a {
	background-image: url("../images/icon_link.gif");
	}

a.docFile {
	background-image: url("../images/icon_doc.gif");
	}

a.pdfFile {
	background-image: url("../images/icon_pdf.gif");
	}
	
a.pptFile,
a.zipFile,
a.xlsFile {
	background-image: url("../images/icon_file.gif");
	}

a.publication {	
	background-image: url("../images/icon_publication.gif");
	}

a:hover.iconLink,
a:focus.iconLink,
a:active.iconLink {
	color: #fff !important;
	}




/* Page controls
*************************************************************************/
#pagecontrols {
	background: url("../images/bg_siteControls.gif") no-repeat left top;
	margin: 60px 0;
	padding: 0 !important
	}
	
#pagecontrols p {
	background: url("../images/bg_siteControls_right.gif") no-repeat right top;
	padding: 12px 15px;
	margin: 0 !important;
	}
	
a.toTop {
	display: block;
	float: left;
	background: url("../images/icon_totop.gif") no-repeat left;
	padding: 7px 6px 7px 35px;
	margin-right: 15px;
	}
	
#content a:hover.toTop,
#content a:focus.toTop,
#content a:active.toTop {	
	background: #672726 url("../images/icon_totop_over.gif") no-repeat left;
	}

a.print {
	display: block;
	float: left;
	background: url("../images/icon_print.gif") no-repeat left;
	padding: 7px 6px 7px 35px;
	}
	
#content a:hover.print,
#content a:focus.print,
#content a:active.print {	
	background: #672726 url("../images/icon_print_over.gif") no-repeat left;
	}




/* Footer
*************************************************************************/
#footer {
	padding: 18px 12px 40px 12px;
	border-top: 1px solid #fff;
	background: #f0f0ec url("../images/bg_footer.gif") repeat-x top;
	}
	
#footer ul {
	float: right;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#footer li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #251f16;
	}
			
#footer a {
	color: #251f16;
	}
		
#footer a:hover,
#footer a:focus,
#footer a:active {
	background: #666699;
	color: #fff;
	}