/* CSS Document for web-labs.co.uk by neamus.net */
@import url("tags.css");
@import url("typo.css");
@import url("navigation.css");
@import url("track.css");

body {
	background: #242424 url(../graphics/default/bg.gif) repeat-x top;
}

.topNav {
	border:1px solid #2f6cd5;
	background-color: #1b3d7e;
	background-image: url(../graphics/navigation/topNavBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	color:#FFFFFF;
}
	.topNav a { color:#FFFFFF; }
	#main { }
	.columns { background-color:#FFFFFF; }
	
	.eyeCandy { width:970px; height:140px; margin:0 0 15px 0px;}
	.eyeCandy img { width:970px; height:140px; }

/* page styles */
.imgRight { float:right; display:block;}
.imgLeft { float:left; display:block;}
.imgRight.companyLogo img {
	padding:1em;
	border:1px solid #999999;
	margin:0 0 1em 1em;
}
.imgLeft.companyLogo img {
	padding:1em;
	border:1px solid #999999;
	margin:0 1.5em 1em 0;
}

.imgRight p, .imgLeft p { padding-bottom:1em; color:#999999; text-align:center; width:300px; }


/* right menus */

#rightColumn .container { padding:0 0 0 23px; }




#rightColumn .brochure { text-align:center;}

#rightColumn .menuRounded {
	width:292px;
	background-image: url(../graphics/navigation/rightModules/navBottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 20px;
}
#rightColumn .menuRounded.brochures { margin-bottom:20px; }
#rightColumn .menuTitle {
	background-image: url(../graphics/navigation/rightModules/navTitleBg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:24px 12px 0 12px;
}
	#rightColumn .menuTitle p { 
		color:#666666; 
		font-size:1.35em; 
		padding:0 19px 8px 19px;
	}
	#rightColumn .menuTitle .brochureThumb { position:absolute; top:255px; margin-left:200px;}
#rightColumn .menu {
	background-image: url(../graphics/navigation/rightModules/navItemsBg.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding:0px 19px 10px 19px;
}
#rightColumn .item { 
	display:block; 
	border-bottom:1px solid #CCCCCC; 
	margin-bottom:1em;
	background-color:#FFFFFF;
	width:234px; 
	margin:0 10px 0 10px;
	padding:10px 0 0 0;
}
#rightColumn .item.call { border-bottom:none;}
	#rightColumn .item .icon,
	#rightColumn .item .text { display:block; float:left; }
		#rightColumn .item .icon { width:100px; }
		#rightColumn .item .text { width:124px; margin-left:10px; padding-bottom:10px;}
		#rightColumn .item.call .text { width:224px; padding-top:5px; padding-bottom:0px;}
		#rightColumn .item .text a { display:block; margin-bottom:8px; }
		#rightColumn .menuRounded.brochures .menu p { padding:10px 0 0 0; margin:0 0 0 0;}
		#rightColumn .menuRounded.brochures .menu a { display:block; width:180px; padding:0 0 0 15px; }
		

#accordion div.selected .title { font-weight: bold; }
#accordion div.title {
	background-color: #e7e7e7;
	cursor: pointer;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../graphics/navigation/accordionTitleBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#accordion div.title p {
	display:block;
	padding: 4px 20px 4px 10px;
	font-weight:normal;
	line-height:normal;
}
#accordion div.selected {
	border-bottom: none;
}

#accordion .itemContent { border:1px solid #e7e7e7; padding:5px 10px;  background:#FFFFFF;}
#accordion .itemContent img { float:left; margin:0 10px 0px 0; }
#accordion .itemContent a {
	display:block;
	margin:5px 0 5px 0px;
	background-image: url(../graphics/modules/menus/smallArrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	font-weight:normal;
}


#accordion div.title p {
	background-image: url(../graphics/modules/menus/arrowReady.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#accordion div.title p:hover {
	background-image: url(../graphics/modules/menus/arrowSelected.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#accordion div.title.selected p {
	background-image: url(../graphics/modules/menus/arrowActive.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


		
/* content styles */
.pageColumn { 
	clear:both;
	display:block;
	margin-bottom:1em;
}
	#contents .pageColumn .column {
		display:block; 
		float:left; 
		width:50%;
	}

.pageTable { 
	border-collapse:collapse; border-spacing:1;
}
	.pageTable th,
	.pageTable td { padding:.3em; vertical-align:top; }
	#content .pageTable p { padding:0 0 0 0;}


.promo {
	display:block;
	clear:both;
	background-image: url(../graphics/default/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom:.5em;
}
	.promoImage { float:left; margin:0 15px 0 0; width:50px;}	
		.promoImageLarge  .promoImage { float:left; margin:0 15px 0 0; width:100px;}	
	.promoText { float:left; width:570px; }
		.promoImageLarge  .promoText { float:left; width:520px; }
	
	


.docTypes { width:500px; clear:both; margin:0 auto 1em auto; text-align:center; }
.docTypes img { display:inline; margin-bottom:.8em; }

p.note { color:#888888; font-size:.85em; margin-bottom:1em; }

/*.caseStudy { width:635px; display:block; }
.mainScreen, studyWords { display:block; float:left; padding:15px; width:285px; }*/

/*.caseStudy { width:635px; clear:both; }
.mainScreen { width:285px; padding:15px; display:block; float:left; background-color:#EFEFEF; }
.studyWords { width:300px; padding-left:15px; display:block; float:left; }*/

.caseStudy { width:635px; clear:both; }
.mainScreen { width:388px; padding:15px; display:block; float:left; background-color:#EFEFEF; margin-bottom:15px; }
.mainScreen .splash { background-color:#FFFFFF; padding:5px;}
.studyWords { width:200px; padding-left:15px; display:block; float:left; }

/* brochure */
.bigLogo { float:left; width:310px; margin-right:15px; }
.points { float:left; width:590px; }



.download { display:block; float:right; font-size:80%; width:auto; text-align:left; margin-bottom:1em; margin-left:2em;}
.download img { margin-right:1em; margin-bottom:1em; float:left;}
.download p.notes { width:150px;}
.download p.link { display:block; clear: both}
.download p.link span.icon {
	display:block;
	width:16px;
	height:16px;
	background-image: url(../graphics/brochures/pdfIcon.gif);
	background-repeat: no-repeat;
	float:left;
	margin-right:5px;
}

.download p.link a { float:left; display:block; width:auto;}
.download p.link a span.fileInfo { color:#888888;}






/* label set */
#contents .page .set p { padding-bottom:0; margin-bottom:0;}
.set { margin-bottom:0; padding-bottom:0; width:600px; }
.setLabel, .setDetail { display:block; float:left; }
.setLabel { width:150px; text-align:right; color:#666666;  }
.setDetail { width:400px; color:#000000; margin-left:10px;  }




/* links table */
.tab_bg {

	background-image: url(graphics/links_tab_bg.jpg);

	background-repeat: repeat-x;

	width:254px;

}



.tab_end {

	background-image: url(graphics/links_tab.jpg);

	background-repeat: no-repeat;

	background-position: right;

	width: 15px;

	height:36px;

}
#linkDirectory h2 { margin:1em 0 0 0;}

.secTable {
	width:100%;
	border:1px solid #000066;
	margin-top:10px;
	margin-bottom:2px;
	background-image: url(../graphics/navigation/topnavBg);
	background-repeat: repeat-x;
	background-position: top;
}

.catTable { width:100%; border:1px solid #000066; background-color: #EFF5F9; margin-bottom:2px; padding:5px;}
.catTable p { padding-bottom:0;}

.linkTable { width:99%; border-top:1px solid #000066; border-right:1px solid #000066; border-left:1px solid #000066; background-color: #F2F2F2; margin-top:5px; margin-bottom:5px;}

.linkTable td { border-bottom: 1px solid #000000; vertical-align: top; padding:5px;}
p.subheadBlue {
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 8px;
	padding:5px;
}

/* forms */








/* login form */
.red { color:#FF0000; }
#formPage .fieldGroup.login { 
	border:1px solid #CCCCCC; 
	margin-left:15px; 
	margin-bottom:1em; 
	padding:1em 1em 2em 1em;
}
.page #formPage .fieldGroup.login p { margin-bottom:15px; line-height:normal; padding-bottom:0;}

#formPage .fieldGroup.login .label,
#formPage .fieldGroup.login .formInput,
#formPage .fieldGroup.login .fieldHelp,
#formPage .fieldGroup.login .fieldCorrect,
#formPage .fieldGroup.login .fieldError { display:block; float:left; }


#formPage .fieldGroup.login .label,
#formPage .fieldGroup.login input.textBig {
	font-weight: bold;
	font-size: 120%;
}

#formPage .fieldGroup.login .label { padding:5px 0 0 0; }
#formPage .fieldGroup.login input.textBig { padding:5px; }
#formPage .fieldGroup.login .fieldCorrect {
	width:24px;
	height:24px;
	background-image: url(../graphics/default/tick-large.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:.3em;
	margin-left:5px;
}
#formPage .fieldGroup.login .fieldError {
	width:24px;
	height:24px;
	background-image: url(../graphics/default/cross-large.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:.3em;
	margin-left:5px;
}
#formPage .fieldGroup.login .fieldValidate { margin-left:150px; clear:left; font-weight:bold; }
#formPage .fieldGroup.login .buttonGroup,
#formPage .fieldGroup.login .forgottenLink {  margin-left:150px; }
/**/

/* validation styles */
#formPage .validation {
	clear:both;
	width:20em;
	border:1px solid #FFD324;
	margin: 1em 0 1em 0;
	color: #817134;
	padding:0 0 0 1em;
	width:auto;
	background-color: #FFF6BE;
}
#formPage .validation p {  margin:0 0 0 0; padding:0 0 0 0; color: #817134;}
#formPage .validation:before,
#formPage .validation:before {
	display:block;
	position:absolute;
	margin:-11px 0 1em 2em;
	content: url(../graphics/default/yellow_tiptop_pointer.gif);
	padding:0 0 0 0;
}

	#formPage .fieldGroup.login .label { width:150px; }
	#formPage input.formField { width:300px; }
	#formPage input.formField.error { border:1px inset #CC0033;  color:#0000CC;}
	#formPage input.formField.correct { border:1px inset #66cc66;  color:#0000CC;}

	.page #formPage .fieldValidate {   margin-left:150px; float:left; clear:left; padding-top:5px; }
	.page #formPage .fieldValidate p { color:#FF0000; }


input.buttonLarge,
input.buttonLargeRight,
input.buttonHelp { 
	font-size:1.337em; 
	padding:.1em .3em .1em .3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:.3em;
	text-align:center;
}
input.button {text-align:center;}
input.buttonLargeRight { float:right;}
input.buttonHelp { margin-bottom:1em;}

/**/

/* tabs */

#contents #featureTabsContainer { width:100%; overflow:hidden; position:relative; top:-48px;}
#contents #featureTabsContainer ul {
	margin: 0;
	padding: 0;
	padding-left: 1px; /*offset of tabs relative to browser left edge*/
	font: bold 14px Verdana;
	list-style-type: none;
}
#contents #featureTabsContainer ul { font: bold 12px Verdana;}
#contents #featureTabsContainer li{
	display: inline;
	margin:0 2px 0 0;
	display:block;
	float:left;
}
#contents #featureTabsContainer li a {
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 13px; /*padding inside each tab*/
	margin-top:2px;
}
#contents #featureTabsContainer li a {
	border-top:1px solid #89949b;
	border-right:1px solid #89949b;
	border-left:1px solid #89949b;
	color:white;
	background:#89949b;
}
#contents #featureTabsContainer li a:visited {
	color:white;
}
#contents #featureTabsContainer li a:hover {
	background:#38596c;
}
#contents #featureTabsContainer li a:active,
#contents #featureTabsContainer li a:focus,
#contents #featureTabsContainer li a.tab_selected {
	background: #FFFFFF!important;
	color:#0f4c77!important;
}
/* panels lightweoght */

#featureElementsContainer {
	/*background-color: #CCCCCC;*/
	background-color: #FFF;
	padding:1px;
	margin-bottom:2em;
}
.feature {
	background-color: #ffffff;
	padding: 1em 1em 0 1em;
	width:auto;
	overflow:hidden;
}
#contents .page .feature {
	min-height: 550px;
}
.qanda {
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color:#efefef;
	padding:15px;
	margin-bottom:1em;
}
.page .qanda p { padding-bottom: 0px;}	
.questionButton {font-weight:bold;}
.page p.answerQA { margin-top:15px; 	
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color:#FFF; padding:15px;
}


/* list sort table with petions tables added in for main column  */
#contents .module.listTable table caption,
#contents .page #pageColumn table caption { text-align:left; font-size: 1.4em;/*line-height: 45px;*/ margin-bottom:5px; caption-side:top; display:table-caption }

#contents .page table caption span.note,
#contents .page table caption span.small{ display:block; clear:both; margin-top:.3em;font-size: 60%; }


#contents .module.listTable table,
#contents .page #pageColumn table { border:1px solid #CCC; border-bottom:none; width:99%; margin:0 0px 2em 0px; border-collapse:collapse; }
#contents .module.listTable table th,
#contents .module.listTable table td,
#contents .page #pageColumn table th,
#contents .page #pageColumn table td { 
	padding:6px 10px 6px 10px; vertical-align:top; text-align:left;
}
#contents .module.listTable table th {	/*background-color: #0a458b; color:#FFF;*/ padding-right:18px; }

/*customise the widths of the columns */

#contents .module.listTable table th.col0,
#contents .module.listTable table th.col2 { width:100px;}
#contents .module.listTable table td,
#contents .page #pageColumn table td{ border-bottom:1px solid #ccc;}
.page .module.listTable p,
#contents .page #pageColumn table p { margin:0 0 0 0; padding:0 0 0 0; font-size:1em; line-height:normal}


#contents .page #pageColumn .module.petitionList.searchTable table p { font-size:.85em;}

#contents .module.listTable a { text-decoration:none; display:block;}
#contents .module.listTable a:hover { text-decoration:underline;}
#contents .module.listTable table thead tr .header,
#contents .page #pageColumn .module.petitionList.searchTable table thead tr .header{
	background-image: url(../graphics/default/bg-sort.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
#contents .module.listTable table thead tr .headerSortUp,
#contents .page #pageColumn .module.petitionList.searchTable table thead tr .headerSortUp{
	background-image: url(../graphics/default/asc.gif);
	background-color: #38596c;
}
#contents .module.listTable table thead tr .headerSortDown,
#contents .page #pageColumn .module.petitionList.searchTable table thead tr .headerSortDown{
	background-image: url(../graphics/default/desc.gif);
	background-color: #38596c;
}
#contents .module.listTable table thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	/*background-color: #4C78AA;*/
}
#contents .page #pageColumn .module.petitionList.searchTable table tfoot { display:none}


#contents .module.listTable table th,
#contents .page #pageColumn table th {	background-color: #89949b;}
#contents .page .module table th p,
#contents .page #pageColumn table th p { color:#FFF; }
#contents .module.listTable table thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp {
	background-color: #38596c;
}