@charset "utf-8";
/* CSS Document */

body {
	font-size: 12px; 
	margin: 0em auto;
	padding: 0px;
	font-family: arial, verdana, sans-serif;
	/* background: url(../img/background.gif) top center repeat-y; */
	/* Background Colour outside page */
	background-color:#676767;
}

.nav-global-container {
	position: absolute;
	z-index: 3;
	width: 900px;
	top: 12px;
	background-color: transparent;
}

.nav-global {float: right; width: 750px; margin: 0px 5px 0px 0px; padding: 0px; background-color: transparent;}	
.nav-global ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
.nav-global li {display: inline; white-space: nowrap; text-transform: none;}
.nav-global li a {display: inline; margin: 0px; padding: 0px 10px 0px 10px; color: rgb(255,255,255); text-decoration: none; font-size: 12px;}
.nana{ border-left: solid 1px rgb(255,255,255);}
.nav-global a:hover {background-color: rgb(0,0,0); color: rgb(255,0,0); text-decoration: none;}

.img-flag {display: inline; vertical-align: text-bottom; height: 1.0em; margin: 0px; padding: 0px; border: solid 1px rgb(255,0,0);
}


.margintb {margin-top:0px; margin-bottom:5px;}



.site-search  {
	float: right;
	position: absolute;
	z-index: 3;
	width: 190px;
	top: 30px;
	right: 24px;
	/* left: 733px; */
	margin: 0px;
	padding: 2px;
	background-color: transparent;
	color: #CCCFFF;
	font-weight: bold;
	font-size: 10px;
	
	
}

.juniper-head  {
	float: right;
	position: absolute;
	z-index: 3;
	width: 191px;
	top: 69px;	
	right: 18px;
	margin: 0px;
	padding: 2px;
	}



.nav-main {
	clear: both;
	float: left;
	width: 900px;
	min-height: 4.0em;
	height: auto !important;
	height: 4.0em;
	line-height: 4.0em;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgb(0,0,0);
	border-bottom-color: #000;
} /* Use background-color: rgb(176,207,106);	for green */
.nav-main ul {list-style: none; margin: 0px; padding: 0px;}	
.nav-main li {float: left; white-space: nowrap; background-color: inherit;}
.nav-main li a {margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); color: rgb(255,255,255); text-decoration: none; font-size: 12px;}
.nav-main a:hover, .nav-main a.selected {
	background-color: inherit;
	/* Menu Mouseover Colour Below */
	color:#F30;
	text-decoration: none;
}

/* nev links Here */
a.ftr:link { 
color: white; 
text-decoration: none;
}

a.ftr:visited { 
color: white; 
text-decoration: none;

}
a.ftr:hover {
color: #FF0; 
text-decoration: none;
} 
/* END NEV links Here */





.bx{
background-color: #CCC; 
border: 1px solid #666666; 
}

.bx1{
padding: 10px;
background-color: #EEE; 
border: 1px solid #999999; 
}

/* used in show course list grey right box */
.bxtrain1{
padding: 5px;
background-color: #CCC;
border: 1px solid #666666; 
}

.something{
	vertical-align:bottom;
	padding: 2px;
}

.form {
	
	padding:0;
	margin:0;
	}


/* Boxes */
.box {border:#CCC: 1px solid; }

.box1 {	border:#CCC: 1px solid;
	background-color:rgb(240,240,240);
	}


.main-fnt-sml {font-size: 11px; padding:3px;}
.nav-main-font {font-size: 10px;}
.nav-global-font {font-size: 8px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.footer-font {font-size: 10px; color: rgb(255,255,255);}




.regform {
	width:540px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.regform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.regform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.regform label.left {float:left; width:200px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.regform label.full {float:left; width:500px; margin:20px 0 0 10px; padding:2px; padding-bottom:30px; font-size:110%;}
.regform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.regform input.field {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.regform textarea {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.regform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(0,0,0); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(50,50,50); font-size:110%;}
.regformpara {padding-top:50px;}


.regform input.button:hover {cursor: pointer; border:solid 1px rgb(246,0,0); background:rgb(220,220,220); color:rgb(80,80,80);}

.something:hover {cursor: pointer; border:solid 1px rgb(246,0,0); background:rgb(220,220,220); color:rgb(80,80,80);}






.contactform {
	width:418px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
/*
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
*/



.loginform {
	width:390px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 250px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.emailform {
	width:390px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10x;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.emailengine {
	width:390px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin-top: 2em;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}





.loginform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.loginform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.loginform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.loginform input.field {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.fieldb {float:left; width:9.0em; margin-left:120px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.loginform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


/* START Different Boxes as used across Full page */
.contentbox-container {clear: both; float: left; width: 900px; margin: 0px 0px 8px 0px; padding: 0px;}
.contentbox-fullwidth {clear: both; float: left; width: 890px; margin: 0px 0px 0px 0px; padding-left: 5px;}
.contentbox-half-left {float: left; width: 442px; margin: 0px; padding-left: 5px;} 
.contentbox-half-right {float: right; width: 442px; margin: 0px; padding-right:5px;} 

.contentbox-third-left {float: left; width: 295px; margin: 0px; padding-left: 5px;} 
.contentbox-third-center {float: left; width: 290px; margin: 0px; padding-left: 5px;} 
.contentbox-third-right {float: right; width: 295px; margin: 0px; padding-right: 5px;}

.contentbox-left-left {float: left; width: 219px; margin: 0px; padding-top: 2 px; padding-left: 5px;} 
.contentbox-left-center {float: left; width: 218px; margin: 0px; padding-left: 5px;} 
.contentbox-right-center {float: right; width: 218px; margin: 0px; padding-right: 5px;}
.contentbox-right-right {float: right; width: 219px; margin: 0px; padding-right: 5px;}
/* END Different Boxes as used across Full page */



/* START Different Boxes as used across 2 Column Template */
.contentbox-2col-container {clear: both; float: left; width: 740px; margin: 0px 0px 8px 0px;}
.contentbox-2col-full-container {clear: both; float: left; width: 700px; margin: 0px 0px 8px 0px; padding-left: 5px; padding-right: 5px; border:#7C7C7C: 1px solid;}

.contentbox-2col-half-left {float: left; width: 373px; margin: 0px; padding-left: 5px;} 
.contentbox-2col-half-right {float: right; width: 372px; margin: 0px; padding-right:5px;} 

.contentbox-2col-third-left {float: left; width: 247px; margin: 0px; padding-left: 5px;} 
.contentbox-2col-third-center {float: left; width: 246px; margin: 0px; padding-left: 5px;} 
.contentbox-2col-third-right {float: right; width: 247px; margin: 0px; padding-right: 5px;}

.contentbox-2col-left-left {float: left; width: 184px; margin: 0px; padding-left: 5px;} 
.contentbox-2col-left-center {float: left; width: 183px; margin: 0px; padding-left: 5px;} 
.contentbox-2col-right-center {float: right; width: 184px; margin: 0px; padding-right: 5px;}
.contentbox-2col-right-right {float: right; width: 184px; margin: 0px; padding-right: 5px;}

.contentbox-2col-xdiv {clear: both; float: left; width: 680px; margin: 0px 0px 8px 0px; padding-left: 5px; padding-right: 5px;}

.contentbox-2col-xdivb {clear: both; float: left; width: 700px; margin: 0px 0px 0px 0px;}
.contentbox-2col-xdivc {clear: both; float: right; width: 100px; padding:5px margin: 0px 0px 0px 0px;}

.contentbox-2col-trainl{float: left; width: 495px; margin-right: 5px; padding:5px; border:#7C7C7C: 1px solid;}
.contentbox-2col-trainr{float: right; width: 160px; margin-right:10px;  border:#7C7C7C: 1px solid; background-color:rgb(240,240,240);}
.contentbox-2col-coursething {clear: both; float: left; width: 80px; text-align:center; color:#FFF; font-size:14px; padding:5px; background-color:#06F; border: 1px solid #999999; margin-right:5px;}
.contentbox-2col-coursethingL {clear: both; float: left; width: 120px; text-align:center; color:#FFF; font-size:14px; padding:5px; background-color:#06F; border: 1px solid #999999; margin-right:5px;}

.contentbox-2col-coursethingR {clear: both; float: right; width: 120px; text-align:center; color:#FFF; font-size:14px; padding:5px; background-color:#06F; border: 1px solid #999999; margin-right:5px;}
.contentbox-2col-coursethingb {color:#666; width: 390px; float:left; text-align:left; font-size:14px; padding:5px 0px 5px 5px; margin-bottom:15px; border: 1px solid #999999;}
.contentbox-2col-coursethingbR {color:#666; width: 535px; float:left; text-align:left; font-size:14px; padding:5px 0px 5px 5px; margin-bottom:15px; border: 1px solid #999999;}

.contentbox-2col-coursebreadcrumb {color:#666; width: 678px; overflow:visible; float:left; text-align:left; font-size:12px; padding:5px 0px 5px 5px; margin-left:5px; margin-bottom:15px; border: 1px solid #999999;}

/* END Different Boxes as used across 2Column Template */

/* START Different Boxes as used across 3 Column Template */
.contentbox-3col-container {clear: both; float: left; width: 580px; margin: 0px 0px 8px 0px;}

.contentbox-3col-full-container {clear: both; float: left; width: 520px; margin: 0px 0px 8px 0px; padding-left: 5px; padding-right: 5px;}

.contentbox-3col-half-left {float: left; width: 282px; margin: 0px; padding-left: 5px;} 
.contentbox-3col-half-right {float: right; width: 282px; margin: 0px; padding-right:5px;} 

.contentbox-3col-third-left {float: left; width: 187px; margin: 0px; padding-left: 5px;} 
.contentbox-3col-third-center {float: left; width: 186px; margin: 0px; padding-left: 5px;} 
.contentbox-3col-third-right {float: right; width: 187px; margin: 0px; padding-right: 5px;}

/* END Different Boxes as used across 3 Column Template */

/* END Different Boxes as used across 3 Column Template */
.table {
	clear: left;
	font-size:11px;
	border: solid 1px rgb(150,150,150);
	empty-cells: show;
	border-collapse: collapse;
	background-color: rgb(233,232,244);
}

.tblmore {
	font-size:11px;
	padding: 4px;
	} 

.table tr {margin: 0px; padding: 0px;}
.table td {
	padding: 2px 7px 1px 3px;
	border: solid 1px rgb(150,150,150);
	text-align: left;
	font-size: 100%;
}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
p.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}






.contentbox-title-shading-medium {margin: 0px; padding: 2px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(0,0,0); font-weight: bold; font-size: 12px;}
.contentbox-title-grey04 {margin: 0px; padding: 2px 0px 2px 3px; background-color:#666; color: rgb(255,255,255); font-weight: bold; font-size: 12px;}

.contentbox-title-rev {margin: 0px; padding: 2px 0px 2px 3px; color: rgb(255,255,255); font-weight: bold; font-size: 12px;}

.revfont {color:#FFF;}


/* Main Colour Boxs */
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-grey04 {background-color:#000;}
.strikegrey {background-color:#666;}
.strikegreyl {background-color:rgb(240,240,240); padding-left:5px; padding-top:1px; padding-bottom:2px;}
.strikeorange {background-color:#F90;}
.strikeorangel {background-color:#F8BC07; padding-left:5px; padding-top:1px; padding-bottom:2px;}
.strikegreen {background-color:#3C3;}
.strikegreenl {background-color:#72DC23; padding-left:5px; padding-top:1px; padding-bottom:2px;}
.strikered {background-color:#C00;}
.strikeredl {background-color:#E75670; padding-top:0px; padding-bottom:0px;}
.strikeyellow {background-color:#FCF50A;}
.strikeyellowl {background-color:#FBFE89;}
.strikeblue {background-color:#0080FF;}
.strikeblack {background-color:#000000;}


.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
.box-off {display: none;}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(233,232,244);}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}

/* Lists */
.ngtul {list-style-position: outside; margin-left: 0px; padding-left: 20px; padding-top:1px; list-style: square; vertical-align:text-top}
.ngtli {margin: 0px; padding: 0px;}

.content ul.noindent, .content2 ul.noindent, .content3 ul.noindent, .content4 ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 12px;}
.content ul.indent, .content2 ul.indent, .content3 ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 12px;}
.content ol, .content2 ol , .content3 ol{margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 12px;}
.content4 ul.indent {margin: 0px 0px 7px 50px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 12px; color:#000;}

/* Boxes */
.clean-gray-box{
border:solid 1px #DEDEDE; 
background:rgb(240,240,240);
margin-top:5px;
margin-right:4px;
color:#222222;
padding:4px;
text-align:left;
}

/* Boxes */
.clean-orange-box{
border:solid 1px #DEDEDE; 
background:#FF8000;
margin-top:5px;
margin-right:4px;
color:#2222222;
padding:4px;
text-align:left;
}

.clean-blue-box{
border:solid 1px #DEDEDE; 
background:#3375BD;
margin-top:5px;
margin-right:4px;
color:#2222222;
padding:4px;
text-align:left;
}


.nt-box{
border:thin;
background:#767676;
margin-top:5px;
margin-right:4px;
color:#222222;
padding:4px;
text-align:left;
}

.nbox{
	width:18em;
	padding:20px;
	margin:0 auto;
    background:#E6E6E6;
	color:#000;
	}
	
table.schedule {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #bbb;
	border-collapse: collapse;
	background-color: white;
}
table.schedule th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: ;
	background-color: #fff5ee;
	-moz-border-radius: ;
}

.scheduleodd {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: ;
	background-color: #fff5ee;
	-moz-border-radius: ;
}


.scheduleeven {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: ;
	background-color: white;
	-moz-border-radius: ;
}

	

.footer {clear: both; width: 900px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(133,138,160); color: rgb(255,255,255);}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}