/* training4 - main.css */
/* *************************************** */
/* main stylesheet */
/* html elements */
body {
	margin: 0;
	padding: 0;
	background-image: url(/images/background.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #E4E4E4;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input.gobutton {
	margin: 0;
	margin-top: 1px;
	padding: 0;
	background-image: url(/images/buttons/go_off.gif);
background-color: #4B565B;
	border: none;
	width: 30px;
	height: 19px;
	cursor: pointer;
}
input.goButtonOnWhite {
	margin: 0;
	margin-top: 1px;
	padding: 0;
	background-image: url(/images/goButtonOnWhite.gif);
	background-color: #FFF;
	border: none;
	width: 32px;
	height: 21px;
	cursor: pointer;	
}
input.saveDetails {
	background-image: url(/images/buttons/saveCompanyDetails.gif);
	border: none;
	margin: 0;
	padding: 0;
	width: 227px;
	height: 19px;
	cursor: pointer;
	float: right;
	margin-right: 3px;
}
/* **************************** custom styles **************************** */
div#outer {
	width: 770px;
	margin: 0 auto;
	padding: 0;
}
div#outer div#inner {
	margin: 0;
	padding: 0;
}
/* page banner */
div#outer div#inner div.banner {
	margin-top: 15px;
	padding: 0;
	text-align: center;
}
div#outer div#inner div.banner div.bannerMenu {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	height: 16px;
}
div#outer div#inner div.banner div.bannerMenu img {
	margin: 0;
	padding: 0;
	padding-top: 2px;
}
div#outer div#inner div.banner div.bannerMenu ul.left {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;	
}

div#outer div#inner div.banner div.bannerMenu ul.middle {
	list-style: none;
	float: left;
	margin-top: -7px;
	padding: 0;	
}

div#outer div#inner div.banner div.bannerMenu li {
	display: inline;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.banner div.bannerMenu ul.right {
	list-style: none;
	margin: 0;
	padding: 0;	
	float: right;
	padding-right: 20px;
}
div#outer div#inner div.banner div.bannerMenu a {
	margin: 0;
	padding: 0;
}
div#outer div#inner div.banner div.bannerImage1 {
	float: left;
	background-image: url(/images/banner/banner1.jpg);
	width: 770px;
	height: 126px;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.banner div.bannerImage2 {
	float: left;
	background-image: url(/images/banner/banner2.jpg);
	width: 770px;
	height: 126px;	
	margin: 0;
	padding: 0;	
}
div#outer div#inner div.banner div.bannerImage3 {
	float: left;
	background-image: url(/images/banner/banner3.jpg);
	width: 770px;
	height: 126px;	
	margin: 0;
	padding: 0;	
}
div#outer div#inner div.banner div.bannerLowerMenu {
	background-image: url(/images/topMenuBackground.gif);
	background-position: center top;
	width: 770px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	float: left;
}
div#outer div#inner div.banner div.bannerLowerMenu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-top: 2px;
}
div#outer div#inner div.banner div.bannerLowerMenu li {
	display: inline;	
	margin: 0;
	padding: 0;	
	border-right: 1px solid #FFF;
	padding-right: 6px;
	margin-left: 0px;
}
div.bannerLowerMenu ul li a img{
	text-align:center;
}
div#outer div#inner div.banner div.bannerLowerMenu li.noBorder {
	border-right: none;
}
div#outer div#inner div.banner div.bannerLowerMenu a {}
div#outer div#inner div.banner div.bannerLowerMenu div.siteSearch {
	float: right;
	padding-right: 20px;
	padding-top: 3px;
}
div#outer div#inner div.banner div.bannerLowerMenu div.siteSearch img {
	float: left;
	padding-top: 6px;
	padding-right: 2px;
}
div#outer div#inner div.banner div.bannerLowerMenu div.siteSearch form {
	margin: 0;
	padding: 0;
	float: left;
}
div#outer div#inner div.banner div.bannerLowerMenu div.siteSearch input.searchBox {
	border: 1px solid #000;
	font-size: 12px;
	padding: 2px;
	height: 15px;	float: left;
}
div#outer div#inner div.banner div.bannerLowerMenu div.siteSearch input.searchGoButton {
	float: left;
	margin: 0;
	margin-top: 1px;
	padding: 0;
	background-image: url(/images/buttons/go_off.gif);
	background-color: #666;
	border: none;
	width: 30px;
	height: 19px;
}
/* main content */
div#outer div#inner div.mainContent {
	float: left;
	margin-top: 8px;
	width: 770px;
	background-image: url(/images/mainCirclesBackground.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainTopWide {
	float: left;
	background-image: url(/images/mainTopWide.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 770px;
	height: 14px;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainTopLeft {
	float: left;
	background-image: url(/images/mainTopLeft.gif);
	background-position: top left;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainTopMiddle {
	margin: 0;
	padding: 0;
	border-top: 1px solid #999;
	width: 744px;
	height: 13px;
	float: left;
}
div#outer div#inner div.mainContent div.mainTopRight {
	background-image: url(/images/mainTopRight.gif);
	background-position: top left;
	width: 13px;
	height: 13px;
	float: right;
}

/* **************************************************************************************************************************** main content region styles START */
div#outer div#inner div.mainContent div.mainMiddle {
	background-image: url(/images/mainMiddle.gif);
	background-position: top left;
	float: left;
	margin: 0;
	padding: 0;
	width:770px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn {
	width: 550px;
	margin-left: 10px;
/*	padding-bottom: 20px;*/
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn h1 {
	font-size: 20px;
	color: #666;
	margin-top: 0;
	text-transform: uppercase;	
	font-weight: normal;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.pageHeader {
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.pageHeader h1 {
	display: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.pageHeader img {
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn p {
	font-size: 11px;
	padding: 0;
	margin: 0;
	/*padding-top: 10px;*/
	line-height: 20px;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.happHeader {
	margin: 0;
	padding: 0;
/*	background-image: url(/images/happHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 138px;
	height: 15px;*/
	margin-left: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlTop {
/*	background-image: url(/images/happBoxTop.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 220px;
	height: 7px;*/
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBot {
	background-image: url(/images/happBoxBot.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 220px;
	height: 7px;
	float: left;	
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlCrnTopLeft {
	background-image: url(/images/smallBoxTopLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlCrnTopMid {
	background-color: #FFF;
	float: left;
	height: 7px;
	width: 206px;
	border-top: 2px solid #999;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlCrnTopRight {
	background-image: url(/images/smallBoxTopRight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle {
	background-color: #FFF;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	padding: 4px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle p {
	padding: 0;
	margin: 0;
	padding-top: 0;
	line-height: 16px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle a:link {
	color: #666;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle a:link:hover {
	color: #C00;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle a:visited {
	color: #666;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle a:visited:hover {
	color: #C00;
	text-decoration: none;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBoxMiddle span.pBold {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBottomRow {
	clear: both;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBottomRow div.smlCrnBottomLeft {
	/*background-image: url(/images/smallBoxBottomLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;*/
	float: left;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBottomRow div.smlCrnBottomMid {
	background-color: #FFF;
	float: left;
	height: 5px;
	width: 206px;
	border-bottom: 2px solid #999;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.happeningBox div.smlBottomRow div.smlCrnBottomRight {
	background-image: url(/images/smallBoxBottomRight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
	margin: 0;
	padding: 0;	
}
/* left column SCREEN WIDE BOX */
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox {
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	width: 550px;
	float: left;		
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbTop {
	line-height: none;
	height: none;
	width: none;
	margin: none;
	padding: none;

/*	float: left;*/
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbBottom {	background-repeat: no-repeat;
	background-position: bottom left;
	float: left;
	width: 550px;
	height: 7px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbTopLeft {
	background-image: url(/images/smallBoxTopLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbTopMid {
	background-color: #FFF;
	float: left;
	height: 7px;
	width: 536px;
	background-image: url(/images/boxTop.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbTopRight {
	background-image: url(/images/smallBoxTopRight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	/*padding: 4px;*/
	padding-right: 0px;
	padding-right /**/: 2px;
	
	float: left;
	width: 544px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.newsContent {
	margin-left: 3px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.newsContent img {
	margin-right: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.newsContent h2 {
	color: #333399;
	font-size: 14px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.newsContent p {
	padding-top: 6px;
	padding-bottom: 6px;	
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.articleImage img {
	margin-right: 10px;
	padding: 0;
	border: 1px solid #ccc
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle p.recordNav a:link {
	color: #00C;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle p.recordNav a:visited {
	color: #00C;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle p.recordNav a:link:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle p.recordNav a:visited:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a:link {
	color: #FF0000;
	text-decoration: underline;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a:link:hover {
	color: #C00;
	text-decoration: underline;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a:visited {
	color: #FF0000;
	text-decoration: underline;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a:visited:hover {
	color: #C00;
	text-decoration: underline;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.blueLink:link {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.blueLink:link:hover {
	color: #C00;
	text-decoration: underline;
		font-weight: bold;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.blueLink:visited {
	color: #FF0000;
	text-decoration: underline;
		font-weight: bold;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.blueLink:visited:hover {
	color: #C00;
	text-decoration: underline;
		font-weight: bold;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle ul {
	margin: 0;
	margin-top: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle li {
	font-size: 12px;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle p.errMsg {
	color: #CC0000;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle img.header {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 4px;		
	margin-left: 3px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form {
	background-color: #4B565B;
	margin: 3px;
	padding: 3px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle form {
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form h2 {
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle h5 {
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table {}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table th {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 6px;
	background-color: #4B565B;	
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table tr.courseRow {
	background-color: #4B565B;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table tr.courseRow:hover {
	background-color: #4B565B;
	cursor: pointer;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td {
	color: #FFF;
	font-size: 11px;
	vertical-align: text-top;
		background-color: #4B565B;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td.courseDesc {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td.courseDesc li {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table a:link {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table a:link:hover {
	color: #CCC;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table a:visited {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table a:visited:hover {
	color: #CCC;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table div.newsImagePreview {
	width: 80px;
	height: 80px;
	border: 1px solid #CCC;
	padding: 0;
	margin: 0;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.title {
	color: #FFF;
	font-size: 11px;
	vertical-align: text-top;
	font-weight: bold
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.title a:link {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.title a:link:hover {
	color: #CCC;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.title a:visited {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.title a:visited:hover {
	color: #CCC;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.navBar {
	color: #FFF;
	font-weight: bold;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.navBar a:link {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.navBar a:link:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.navBar a:visited {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form table td.navBar a:visited:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td.tableVertSpacer {
	background-image: url(/images/boxSpacer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #CCC;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table {

}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table th {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table td {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 6px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table a:link {
	color: #006;
	text-decoration: none;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table a:link:hover {
	color: #C00;
	text-decoration: underline;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table a:visited {
	color: #006;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table a:visited:hover {
	color: #C00;
	text-decoration: underline;
}



div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table tr.white {
	background-color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form div.overflowBox table tr.grey {
	background-color: #EEE;
}



div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.form p {
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail {
	margin-top: 2px;
	margin-bottom: 2px;
	margin: 3px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailLeft {
	background-image: url(/images/moduleBoxLeft.gif);
	width: 8px;
	height: 148px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailLeftSmall {
	background-image: url(/images/moduleBoxLeftSmall.gif);
	width: 7px;
	height: 75px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailTopSmall {
	background-image: url(/images/moduleTopSmall.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 538px;	
	height: 5px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailBottomSmall {
	background-image: url(/images/moduleBottomSmall.gif);
	background-repeat: no-repeat;
	background-position: bottom left;	
	width: 538px;	
	height: 5px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle {
	margin: 0;
	padding: 0;
	width: 522px;
	float: left;	
}	
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall {
	margin: 0;
	padding: 0;
	width: 538px;
	float: left;
	background-color: #4B565B;
}			
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetailTop {
	margin: 0;
	padding: 0;
	width: 522px;
	height: 26px;
	background-color: #4B565B;
	padding-top: 6px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetailTop {
	margin: 0;
	padding: 0;
	width: 522px;
	height: 20px;
	background-color: #4B565B;
	padding-top: 3px;
	padding-left: 8px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails {
	background-color: #FFF;
	text-align: center;
	padding-top:4px;
	
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails div.details {
	background-color: #FFF;
	height: 98px;
	width: 510px;
	overflow-y: scroll; 
	text-align: left;
	margin: 0 auto;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails div.details h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails div.details p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails div.details p.bold {
	font-weight: bold;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetails ul {
font-size: 11px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddle div.moduleDetailBottom {
	background-image: url(/images/moduleBoxBottom.gif);
	width: 522px;
	height: 14px;
}
/* ***********************************************************************************************  */
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails {
	text-align: left;
	padding-top:4px;
	background-color: #4B565B;
	padding-bottom: 1px;
	/*	height: 47px;*/
	text-align: center
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails p {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails a:link {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails a:link:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails a:visited {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails a:visited:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.modDesc {
	display: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.modDesc p {
	font-weight: normal;
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.modDesc ul{
	list-style: square;
	margin-left: 40px;
	margin-top: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.modDesc li{
	color: #FFF;
	text-align: left;

}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails p.left {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails p.right {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	float: right;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails span.title {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow {
	margin: 0;
	padding: 0;
	width: 520px;
	border-bottom: 1px solid #333;	
	margin-left: 8px;
	float: left;
	}
.class1 {
	background-color: #FFF;
}
.class2 {
	background-color: #EEE;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.radio {
	float: left;
	text-align: center;
	width: 30px;
	height: 72px;
background-color: #4B565B;
	padding-top: 3px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.label {
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow span.redBold {
	font-weight: bold;
	color: #C00;
	text-decoration: blink;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.label p {
	font-size: 11px;
	color: #000;
	padding: 6px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.label a:link {
	color: #3333FF;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.label a:link:hover {
	color: #C00;
	text-decoration: none;	
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.label a:visited {
	color: #3333FF;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails div.moduleInstanceRow div.label a:visited:hover {
	color: #C00;
	text-decoration: none;	
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails select {
	margin: 0;
	padding: 0;
	width: 520px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailMiddleSmall div.moduleDetails ul {
font-size: 11px;
}


/* *********************************************************************************************** */


div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailRight {
	background-image: url(/images/moduleBoxRight.gif);
	width: 8px;
	height: 148px;
	float: left;	
}							
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle div.moduleDetail div.moduleDetailRightSmall {
	background-image: url(/images/moduleBoxRightSmall.gif);
	width: 7px;
	height: 75px;
	float: left;	
}									

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle form {
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table {
	clear: both;
/*	background-color: #4B565B;*/
background-color: #4B565B;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td.tableTop {
	background-image: url(/images/tableTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 7px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td.tableBottom {
	background-image: url(/images/tableBottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 7px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table th {
	text-align: left;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td {
	text-align: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle table td p {
	color: #FFF;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-left: 6px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle select {
	font-size: 11px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.gobutton {
	margin: 0;
	margin-top: 1px;
	padding: 0;
	background-image: url(/images/buttons/go_off.gif);
	border: none;
	background-color: #CCC;	
	background-color: #666;
	border: none;
	width: 30px;
	height: 19px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.createLogin {
	background-image: url(/images/buttons/createLogin.gif);
	border: none;
	background-color: #CCC;	
	width: 149px;
	height: 19px;
	border: none;
	margin: 0;
	padding: 0;
	margin-top: 6px;	
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.bookingLogin {
	background-image: url(/images/buttons/bookingLogin.gif);
	border: none;
	background-color: #CCC;	
	width: 86px;
	height: 19px;
	border: none;
	margin: 0;
	padding: 0;
	margin-top: 6px;	
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.applyForCourse {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.makeBookingwww {
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	background-color: #EEE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(/images/headers/continueWithBooking.gif);
	border: none;
	background-color: #CCC;	
	width: 314px;
	height: 31px;
	border: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.makeBookingsmall {
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	background-color: #EEE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(/images/buttons/continuesmall.gif);
	border: none;
	background-color: #CCC;	
	width: 259px;
	height: 20px;
	border: none;
	float: right;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.applyForCourseEvent {
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	background-color: #EEE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(/images/headers/applyForCourse.gif);
	border: none;
	background-color: #CCC;	
	width: 420px;
	height: 31px;
	border: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.completeBooking {
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	background-color: #EEE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(/images/buttons/completeBooking.gif);
	border: none;
	background-color: #CCC;
	width: 470px;
	height: 31px;
	border: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.amendBooking {
	margin: 0;
	padding: 0;
	cursor: pointer;
	background-image: url(/images/buttons/amendBooking.gif);
	border: none;
	background-color: #CCC;
	width: 179px;
	height: 21px;
	border: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.amendBookingleft {
	margin: 0;
	padding: 0;
	cursor: pointer;
	background-image: url(/images/buttons/amendBooking.gif);
	border: none;
	background-color: #CCC;
	width: 179px;
	height: 21px;
	border: none;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle input.detailsCorrect {
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background-color: #CCC;
	background-image: url(/images/buttons/detailsCorrect.gif);
	
	width: 312px;
	height: 20px;
	border: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.whiteLink:link {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.whiteLink:link:hover {
	color: #FC0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.whiteLink:visited {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbMiddle a.whiteLink:visited:hover {
	color: #FC0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbBottomLeft {
	background-image: url(/images/smallBoxBottomLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbBottomMid {
	background-color: #FFF;
	float: left;
	height: 5px;
	width: 536px;
	border-bottom: 2px solid #999;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div.screenWideBox div.swbBottomRight {
	background-image: url(/images/smallBoxBottomRight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
	margin: 0;
	padding: 0;	
}
/* left column SCREEN WIDE BOX END */


div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.header {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.header h1 {
	font-size: 24px;
	padding: 0;
	margin: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.header h2 {
	font-size: 16px;
	padding: 0;
	margin: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details {
	float: left;
	width: 220px;
	margin-right: 10px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details ul {
	margin: 0;
	padding: 0;
	list-style: none;	
	margin-top: 10px;
	margin-left: 1px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details ul li {
	font-size: 11px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details ul li span.pbold {
	font-weight: bold;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details a:link {
	color: #03F;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details a:link:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details a:visited {
	color: #03F;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.details a:visited:hover {
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.sitePhotograph {
	float: left;
	width: 300px;
	border: 1px solid #CCC;
	height: 200px;
	background-position: center center;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.sitePhotograph:hover {
	border: 1px solid #333;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.sitePhotograph img {
	margin: 0;
	padding: 0;
	background-position: center center;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.googleMap {
	float: left;
	margin-top: 10px;
	margin-bottom: 8px;	
	text-align: center;
	margin-left: 4px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.googleMap div.map {
	border: 1px solid #333333;
	width: 525px;
	height: 284px;
}
div#outer div#inner div.mainContent div.mainMiddle div.leftColumn div#venueDetailsFull div#venuePopup div.postcodeSearch {
	clear: both;
}	
div#venueOuter div#venuePopup div.postcodeSearch p {
	font-size: 11px;
}
div#venueOuter div#venuePopup div.postcodeSearch input {
	font-size: 11px;
}

/* right hand column */

div#outer div#inner div.mainContent div.mainMiddle div.rightColumn {
	float: right;
	width: 195px;

}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox {
	margin: 0;
	padding: 0;
	float: left;
	width: 163px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.topRow {
	margin: 0;
	padding: 0;
	/*background-image: url(/images/smallBoxTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 7px;
	width: 163px;*/
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow {
	margin: 0;
	padding: 0;
	background-image: url(/images/smallBoxMid.gif);
	background-position: top left;
	background-repeat: repeat-y;	
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow li {
	font-size: 11px;
	font-weight: bold;
	background-image: url(/images/courseBoxBullet.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 8px;
	padding-left: 20px;
	line-height: 22px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow a:link {
	color: #666;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow a:link:hover {
	color: #C00;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow a:visited {
	color: #666;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.midRow a:visited:hover {
	color: #C00;
	text-decoration: none;
}

div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.innerBox div.cmBottomRow {
	margin: 0;
	padding: 0;
	/*background-image: url(/images/smallBoxBottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 7px;
	width: 163px;*/
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.coursesBox div.labelBox {
	margin: 0;
	padding: 0;
	background-image: url(../images/coursesLabel.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	width: 15px;
	height: 86px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	float: left;
	width: 180px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox {
	margin: 0;
	padding: 0;

	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.topRow {
	margin: 0;
	padding: 0;
/*	background-image: url(/images/smallBoxTop_nl.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 7px;
	width: 163px;*/
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow {
	background-image: url(/images/smallBoxMid_nl.gif);
	background-position: top left;
	background-repeat: repeat-y;	
	float: left;	
	border-right: 1px solid #FFF;
	width: 163px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow img.prevCust {
	padding-left: 6px;
	padding-top: 2px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	padding: 6px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.loginError {
	
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.loginError p {	
	color: #C00;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow form {
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow {
	padding-bottom: 2px;
	padding-left: 4px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowStart {
	background-image: url(/images/greyBoxLeft.gif);
	width: 7px;
	height: 31px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid {
	background-color: #4B565B;
	float: left;
	height: 31px;
	width: 140px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid input {
	font-size: 11px;
	width: 90px;
	margin: 0;
	padding: 0;
	margin-top: 6px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid div.loginQues {
	float: left; 
	width: 60%;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.userDetails {
	float: left;
	padding: 0;
	margin: 0;
	padding: 2px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.userDetails span.notBold {
	font-weight: normal;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.userDetails p {
	padding: 0;
	margin: 0;
	font-size: 11px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.userDetails ul {
	list-style: none;
	background-image: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.userDetails ul li {
	list-style: none;
	background-image: none;
	list-style-image: none;
	margin: 0;
	padding: 0;	
}

div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid div.loginQues p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	width: 80px;
	float: left;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid div.loginButton {
	float: right;
}
div.loginButton, div.loginButton img{
	padding: 0 !important;
	margin: 0 !important;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid a:link {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid a:link:hover {
	color: #CCC;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid a:visited {
	color: #FFF;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid a:visited:hover {
	color: #CCC;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid div.loginButton input.loginButton {
	margin: 0;
	padding: 0;
	background-image: url(/images/formLabels/loginBoxLogin.gif);	
	background-color: #666;
	border: none;
	width: 80px;
	height: 21px;
	cursor: pointer;
	margin-top: 5px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowMid div.loginButton input.logoutButton {
	margin: 0;
	padding: 0;
	background-image: url(/images/formLabels/loginBoxLogout.gif);	
	background-color: #666;
	background-position: top left;
	border: none;
	width: 80px;
	height: 21px;
	cursor: pointer;
	margin-top: 5px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow div.formRow div.rowEnd {
	background-image: url(/images/greyBoxRight.gif);
	width: 7px;
	height: 31px;
	float: left;
}						
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow li {
	font-size: 11px;
	font-weight: bold;
	background-image: url(/images/courseBoxBullet.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 8px;
	padding-left: 20px;
	line-height: 22px;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow a:link {
	color: #666;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow a:link:hover {
	color: #C00;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow a:visited {
	color: #666;
	text-decoration: none;
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.midRow a:visited:hover {
	color: #C00;
	text-decoration: none;
}

div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.innerBox div.lbBottomRow {
	margin: 0;
	padding: 0;
	width: 100px;
	/*background-image: url(/images/smallBoxBottom_nl.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 7px;
	width: 163px;*/
}
div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.loginBox div.labelBox {
	margin: 0;
	padding: 0;
	background-image: url(/images/loginLabel.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	width: 15px;
	height: 75px;
	float: left;
}

div#outer div#inner div.mainContent div.mainMiddle div.rightColumn div.uclan img {
	float: right;
	padding-top: 60px;
	padding-right: 30px;
}
/* **************************************************************************************************************************** main content region styles END */
div#outer div#inner div.mainContent div.bottomRow {
	clear: both;
	background-image: url(/images/mainBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 770px;
	height: 17px;
}

/* footer */
div#outer div#inner div.footer {
	background-image: url(/images/footerBackground.gif);
	background-position: center top;
	width: 770px;
	height: 27px;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
clear: both;
}
div#outer div#inner div.footer ul.leftList {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 2px;
}
div#outer div#inner div.footer ul.leftList li {
	display: inline;	
	margin: 0;
	padding: 0;	
	border-right: 2px solid #FFF;
	padding-right: 10px;
	margin-left: 8px;
}
div#outer div#inner div.footer ul.leftList li.noBorder {
	border-right: none;
}
div#outer div#inner div.footer a {}

div#outer div#inner div.footer img.piranha {
	float: right;
	padding-right: 30px;
	padding-top: 4px;
}


/* ******************************************************************************** courseviewer */

div.courseViewer {}
div.courseViewer div.header {
	float:left;
	width:787px;
	background-color: #EEE;
	padding: 6px;
}
div.courseViewer div.header img {
	float: left;
}
div.courseViewer div.header p {
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 0;	
}
div.courseViewer div.header a:link, div.courseViewer div.header a:visited {
	color: #006;
	text-decoration: none;
}
div.courseViewer div.header a:link:hover, div.courseViewer div.header a:visited:hover {
	color: #C00;
	text-decoration: none;
}
div.courseViewer div.content {
	margin: 0;
	padding: 0;
}
div.courseViewer div.content iframe.courseIframe {
	width: 100%;
	height: 545px;
	border: none;
}	
div.courseViewer div.courseDetail {
	background-color: #CCCCCC;
	float: left;
	border-bottom: 1px solid #333;
	margin: 0;
	padding: 0;
}
div.courseViewer div.courseDetail p {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding: 3px;		
}

/* ******************************************************************** VENUE MAP POP-UP */

div#venueOuter {
	margin: 0;
	padding: 0;
	float: left;
	text-align:center;	
	margin: 10px;
}

div#venueOuter div#venuePopup {
	margin: 0 auto;
	text-align: left;
	float: left;
	padding: 0;
}
div#venueOuter div#venuePopup div.header {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div#venueOuter div#venuePopup div.header h1 {
	font-size: 24px;
	padding: 0;
	margin: 0;
}
div#venueOuter div#venuePopup div.header h2 {
	font-size: 16px;
	padding: 0;
	margin: 0;
}

div#venueOuter div#venuePopup div.details {
	float: left;
	width: 234px;
	margin-right: 10px;
}
div#venueOuter div#venuePopup div.details ul {
	margin: 0;
	padding: 0;
	list-style: none;	
	margin-top: 10px;
	margin-left: 1px;
}
div#venueOuter div#venuePopup div.details ul li {
	font-size: 11px;
	
}
div#venueOuter div#venuePopup div.details span.pbold {
	font-weight: bold;
}
div#venueOuter div#venuePopup div.details a:link {
	color: #03F;
}
div#venueOuter div#venuePopup div.details a:link:hover {
	color: #C00;
}
div#venueOuter div#venuePopup div.details a:visited {
	color: #03F;
}
div#venueOuter div#venuePopup div.details a:visited:hover {
	color: #C00;
}
div#venueOuter div#venuePopup div.sitePhotograph {
	float: left;
	width: 300px;
	border: 1px solid #CCC;
	height: 200px;
}
div#venueOuter div#venuePopup div.sitePhotograph:hover {
	border: 1px solid #333;
}
div#venueOuter div#venuePopup div.sitePhotograph img {
	margin: 0;
	padding: 0;
	background-position: center center;
}
div#venueOuter div#venuePopup div.googleMap {
	float: left;
	margin-top: 10px;
	margin-bottom: 8px;	
	text-align: center;
	margin-left: 4px;
}
div#venueOuter div#venuePopup div.googleMap div.map {
	border: 1px solid #333333;
	width: 540px;
	height: 284px;
}
div#venueOuter div#venuePopup div.screenWideBox {
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	float: left;	
}
div#venueOuter div#venuePopup div.postcodeSearch {
	clear: both;
}
div#venueOuter div#venuePopup div.postcodeSearch p {
	font-size: 11px;
}
div#venueOuter div#venuePopup div.postcodeSearch input {
	font-size: 11px;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbTopLeft {
	background-image: url(/images/smallBoxTopLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbTopMid {
	background-color: #FFF;
	float: left;
	height: 7px;
	width: 550px;
	background-image: url(/images/boxTop.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbTopRight {
	background-image: url(/images/smallBoxTopRight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbMiddle {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 4px;
	float: left;
	width: 551px;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbBottomLeft {
	float: left;
	background-image: url(/images/smallBoxBottomLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	margin: 0;
	padding: 0;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbBottomMid {
	background-color: #FFF;
	float: left;
	height: 5px;
	width: 550px;
	border-bottom: 2px solid #999;
}
div#venueOuter div#venuePopup div.screenWideBox div.swbBottomRight {
	background-image: url(/images/smallBoxBottomRight.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 7px;
	float: left;
	margin: 0;
	padding: 0;	
}



/* ============================================================================ */
body.email {
	background-color: #FFF;
	background-image: none;
}
div#bookingEmailOuter {
	width: 600px;
}
div#bookingEmailOuter p {
	font-size: 11px;
	line-height: 18px;
}

div#bookingEmailOuter div.emailHeader {
	float: left;
	width: 585px;
	padding-left: 3px;
}
div#bookingEmailOuter div.emailHeader div.bookingConfirm {
	float: left;
	padding-top: 40px;
}
div#bookingEmailOuter div.emailHeader div.bookingConfirm H1 {
	display: none;
}
div#bookingEmailOuter div.emailHeader div.training4Logo {
	float: right;
	padding-bottom: 3px;
}

div#bookingEmailOuter div.outerTop {
	background-image: url(http://training4.piranha-solutions.com/images/email/mainTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 582px;
	height: 7px;
	float: left;	
}
div#bookingEmailOuter div.outerMid {
	float: left;
	background-image: url(http://training4.piranha-solutions.com/images/email/mainMid.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 582px;
	padding: 8px;
}
div#bookingEmailOuter div.outerMid div.innerTop {
	background-image: url(http://training4.piranha-solutions.com/images/email/midTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 566px;
	height: 13px;
	float: left;	
}
div#bookingEmailOuter div.outerMid div.innerMid {
	background-color: #CCC;
	width: 558px;
	padding: 4px;	
	float: left;
}
div#bookingEmailOuter div.outerMid div.innerMid img.emailHeader {
	clear: both;
	margin: 0;
	padding: 0;
}
div#bookingEmailOuter div.outerMid div.innerMid p {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
div#bookingEmailOuter div.outerMid div.innerMid h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 5px;
	border-bottom: 2px solid #666;
}
div#bookingEmailOuter div.outerMid div.innerMid h3 {
	display: none;
}
div#bookingEmailOuter div.outerMid div.innerMid div.paragraph p {
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;	
	margin-top: 3px;
	margin-bottom: 3px;	
}
div#bookingEmailOuter div.outerMid div.innerMid span.greyed {
	color: #666;
}
div#bookingEmailOuter div.outerMid div.innerMid div.companyDetailsText {
	float: left;
	width: 50%;
	padding-left: 3px;	
	background-color: #FFF;
/*	height: 120px;*/
}
div#bookingEmailOuter div.outerMid div.innerMid div.bookingDetailsText {
	float: left;
	width: 48%;
	padding-left: 0px;
	background-color: #FFF;
/* height: 120px;	*/
}
div#bookingEmailOuter div.outerMid div.innerMid div.delegateDetailsText {
	float: left;
	width: 48%;
	margin-left: 3px;	
}
div#bookingEmailOuter div.outerMid div.innerMid div.delegateDetailsTextLong {
	clear: both;
	margin-left: 3px;
}
div#bookingEmailOuter div.outerMid div.innerMid div.courseDetailsText {
	float: left;
	margin-left: 3px;	
}
div#bookingEmailOuter div.outerMid div.innerMid div.moduleDetailsText {
	float: left;
	width: 48%;
	margin-left: 3px;	
}
div#bookingEmailOuter div.outerMid div.innerMid div.modules {
	background-color: #EEE;
	float: left;
	margin: 4px;
	padding: 2px;
	margin-bottom: 3px;
	width: 535px;
}
div#bookingEmailOuter div.outerMid div.innerMid div.midInnerTop {
	background-image: url(http://training4.piranha-solutions.com/images/email/midInnerTop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 551px;
	height: 7px;
	float: left;
	margin-top: 7px;
}
div#bookingEmailOuter div.outerMid div.innerMid div.midInner {
	background-color: #FFF;
	width: 551px;
	float: left;
}
div#bookingEmailOuter div.outerMid div.innerMid div.midInnerBottom {
	background-image: url(http://training4.piranha-solutions.com/images/email/midInnerBottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 551px;
	height: 7px;
	float: left;
}

div#bookingEmailOuter div.outerMid div.innerBottom {
	background-image: url(http://training4.piranha-solutions.com/images/email/midBottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 566px;
	height: 13px;
	float: left;
	margin-bottom: 5px;
}

div#bookingEmailOuter div.outerBottom {
	background-image: url(http://training4.piranha-solutions.com/images/email/mainBottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 582px;
	height: 8px;
	float: left;
}
div#bookingEmailOuter div.outerMid p.notes {
	font-size: 11px;
	font-weight: bold;
	float: left;
}
		
div#bookingEmailOuter img.header {
	margin-top: 10px;
	margin-bottom: 10px;
}
div#bookingEmailOuter div.logos {
	padding: 10px;
	float: left;
}
div.fileImageType {
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;										
	border: 1px solid #CCC;
	background-position: center center;
	background-color: #FFF;
	margin: 0 auto;
}
div.fileDownload {
	width: 100px;
	float: left;
	text-align: center;
	padding: 10px;
	padding-left: 3px;
	padding-top: 0px;
}
div.fileDownload p {
	text-align: center;
	margin: 0;
}
ul.left, ul.left li, ul.right, ul.right li, ul.middle, ul.middle li{
	height: 15px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

ul.middle{
	margin-top: -9px !important;
}