/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; background:url(../images/background/background_fade.png) repeat-x; }
h1, h2 h3, h4, h5, h6, p, li { line-height:1.0em; }

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width:880px; margin:0 auto; background:#fff; padding:0 50px 0 50px; }

/*---- Header ----*/
div#header{ padding:33px 5px 5px 0; height:75px; }

/*---- Navigation ----*/
div#navigation{ border-bottom:1px solid #ccc; }

/*---- Content ----*/
div#content { margin-bottom:0; padding-top:40px; }
div#content.home { padding-top:0; background:none; }

/*---- Dashboard ----*/
div#dashboard { margin-bottom:25px; }

/*---- Partners ----*/
div#partners{ border-width:1px 0px 0 0px; border-style:solid; border-color:#ccc; padding:20px 0 0 0; margin-bottom:19px; }

/*---- Main ----*/
div#main { float:right; width:600px; padding:0px 45px 0 0; }
div#content.home div#main { width:880px; float:left; padding:0; }

/*---- Sidebar ----*/
div#sidebar { width:205px; float:left; margin-left:7px; }
div#content.home div#sidebar { width:220px; float:right; margin:0; }


/*---- Footer ----*/
div#footer { padding:10px 6px 35px 5px; width:880px; margin-top:0; border-top:1px solid #ccc; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{ float:right; padding-top:0px; }
div#header div.logo a { display:block; }


div#header div.booking-form { float:left; margin-left:11px; }
div#header div.booking-form p label { float:left; width:109px; margin-right:20px; font-size:240%; color:#404040; }
div#header div.booking-form p span { font-size:100%; color:#B2B2B2; line-height:1.0; }
div#header div.booking-form p select { width:190px; }
div#header div.booking-form p img.tel { width:152px; height:16px; margin-bottom:20px; margin-left:1px;}

/*---- Navigation ----*/
div.navbox { width:880px; }
div#navigation ul { margin-left:11px; }
div#navigation ul li { float:left; margin-right:2px; }
div#navigation ul li a { float:left; line-height:29px; color:#404040; text-decoration:none; background:transparent url(../images/navigation/navigation-left.jpg) no-repeat scroll left bottom; padding-left:10px; }
div#navigation ul li a span { float:left; background:transparent url(../images/navigation/navigation-right.jpg) no-repeat scroll right bottom;  padding-right:10px; font-size:120%; }
div#navigation ul li.active a, div#navigation ul li:hover a { background:transparent url(../images/navigation/navigation-active-left.jpg) no-repeat scroll left bottom; }
div#navigation ul li.active a span, div#navigation ul li:hover a span { background:transparent url(../images/navigation/navigation-active-right.jpg) no-repeat scroll right bottom; color:#fff; }

div#navigation ul li.parent { position:relative; }
div#navigation ul li.parent ul.child { position:absolute; top:26px; margin:0; height:14px; }
div#navigation ul li.parent ul.child li { display:inline; margin-right:7px; float:none; font-size:110%; }
div#navigation ul li.parent ul.child li a { display:inline; float:none; background:none; padding:0; font-size:100%; }
div#navigation ul li.active ul.child li:hover a, div#navigation ul.child li a.active  { color:#f79646; }
div#navigation ul li.parent ul.child li.pipe { color:#ccc; }

div#navigation ul li.parent ul.child { display:none; }
div#navigation ul li.active ul.child { display:block; }
 
div#navigation ul li#your-training ul.child { left:-10px; padding:0 0 0 19px; width:860px; }
div#navigation ul li#about-us ul.child { left:-104px; padding:0 0 0 116px; width:766px; }
div#navigation ul li#our-news ul.child { left:-175px; padding:0 0 0 189px; width:691px; }
div#navigation ul li#corporate ul.child { left:-250px; padding:0 0 0 259px; width:621px; }
div#navigation ul li#recruitment ul.child { left:-250px; padding:0 0 0 259px; width:621px; }
div#navigation ul li#press ul.child { left:-327px; padding:0 0 0 349px; width:531px; }
div#navigation ul li#contact-us ul.child { left:-397px; padding:0 0 0 399px; width:511px; }
 
/*---- Partners ----*/
div#partners h2 { font-size:180%; color:#404040; line-height:18px; }
div#partners h2 span { color:#ACACAC; }
div#partners ul li { display:inline; margin-right:8px; }
div.partnerbox { width:880px; }

/*---- Content ----*/
div#content h1 { font-size:22px; line-height:32px; margin-bottom:20px; font-weight:normal; color:#999;  }
div#content h1 a { color:#333; text-decoration:none; }
div#content h1 a:visited { color:#333; text-decoration:none; }
div#content h1 a:hover { color:#333; text-decoration:none; }
div#content h1 span { font-size:100%; color:#b1b1b1; }
div#content h1 span.orange { color:#f79646; }
div#content h1 span.orange a { color:#f79646; text-decoration:none; }
div#content h1 span.orange a:visited { color:#f79646; text-decoration:none; }
div#content h1 span.orange a:hover { color:#f79646; text-decoration:none; }
div.post h3 a, div.post h3 a:visited, div.post h3 a:hover { font-size:18px; margin-bottom:15px; line-height:1.2em; font-weight:normal; color:#f79646; text-decoration:none; }

div#content p a.more-link { font-size:100%; color:#FF9900; font-weight:bold; text-decoration:none; }
div#content p a.more-link:hover { text-decoration:underline; }

/*---- Main - Post ----*/
div.post h2, div.newstxt h2 { font-size:200%; margin-bottom:5px; line-height:1.2em; font-weight:normal;  }
div.post h3, div.newstxt h3 { font-size:180%; margin-bottom:15px; line-height:1.2em; font-weight:normal; }
div.post h4, div.newstxt h4 { font-size:160%; margin-bottom:5px; line-height:1.2em; font-weight:normal; }
div.post h5, div.newstxt h5 { font-size:120%; margin-bottom:20px; line-height:1.2em; }
div.post strong, div.newstxt strong { font-size:120%; margin-bottom:20px; line-height:1.2em; color:#333; font-weight:bold; }

div.post p.datestamp { color:#FF9900; font-size:120%; line-height:1.2em; }
div.post p, div.newstxt p, div#sidebar p, label { color:#666; font-size:120%; line-height:1.2em; margin-bottom:23px; text-align:justify; }
div.post p strong, div.newstxt p strong { color:#333; font-weight:bold; font-size:100%; }
div.post p a, div.newstxt p a, div#sidebar p a { text-decoration:none; color:#FF9900; }
div.post p a:hover, div.newstxt p a:hover, div#sidebar p a:hover { text-decoration:none; color:#CCC; }

div.post ul, div.newstxt ul { margin:0 0 20px 20px; }
.toc li { overflow:hidden; margin: 0 0 .3em; vertical-align:middle; }
div.post ol, div.newstxt ol  { margin:0 0 20px 30px; }
div.post ul li, div.post ol li, div.newstxt ul li, div.newstxt ol li { margin-bottom:5px; line-height:1.2em; font-size:120%; color:#666666; }
div.post ul li, div.newstxt ul li { list-style:disc; }
div.post ol li, div.newstxt ol li { list-style:decimal; }
div.post ul li a, div.newstxt ul li a { text-decoration:none; color:#FF9900; }
div.post ul li a:hover, div.newstxt ul li a:hover { text-decoration:none; color:#CCC; }
div.post span.doc, div.newstxt span.doc { font-size:smaller; }
div.post input.submit-btn { color:#666; border:0; background:none; cursor:pointer; }
div.post div.contact { float:left; width:250px; }
div.post div.feedback { background:#666; color:#FFF; width:300px; float:right; padding:15px; margin-bottom:30px; }
div.post div.feedback p { color:#FFF; }
div.post div.feedback form { text-align:right; vertical-align:top; }
div.post div.feedback form label { color:#FFF; font-size:120%; width:70px; vertical-align:top; }
div.post div.feedback form input#btnSendEmail { color:#fff; border:0; background:none; cursor:pointer; width:73px; }
div.post div.feedback form input#txtName, div.post div.feedback form input#txtEmail, div.post div.feedback form input#txtSubject, div.post div.feedback form textarea#txtMessage { width:230px; }
.success { font-size:14px; margin-left:40px;}
.question { color:#F79646; font-size:14px; font-weight:bold; margin:20px 0 10px 0; }

div.post blockquote p { font-style:italic; }

/*---- Sidebar ----*/
div#sidebar div.image { margin-bottom:13px; }
div#sidebar div.widget { background:#FFF; margin-bottom:13px; border:2px solid #ccc; padding:20px; }
div#sidebar div.widget h2 { font-size:240%; margin-bottom:10px; line-height:1.2em; color:#333; font-weight:normal; }
div#sidebar div.widget h2 span { color:#666; }
div#sidebar div.widget p { font-size:110%; line-height:1.2em; margin-bottom:15px; color:#404040; }
div#sidebar div.widget p a { font-size:100%; color:#404040; text-decoration:underline; }
div#sidebar div.widget p a:hover { text-decoration:none; }

div#sidebar div.widget ul { margin:0 0 15px 20px; }
div#sidebar div.widget ul li { font-size:110%; margin-bottom:5px; line-height:1.2em; list-style:disc; }


/*---- Footer ----*/
div#footer div#image { float:right; width:551px; text-align:right; }
div#footer div#image img { float:right; }
div#footer p.copyright {float:right; font-size:110%; color:#666; margin-top:20px; text-align:right; vertical-align:text-bottom; }
div#footer div#footer-nav { float:left; }
div#footer div#footer-nav ul { width:420px; }
div#footer div#footer-nav ul li { margin-bottom:8px; width:210px; float:left; }
div#footer div#footer-nav ul li a { font-size:110%; color:#666; line-height:1.2em; }
div#footer div#footer-nav ul li a.active { color:#343434; font-weight:bold; }
div#footer div#footer-nav input.submit-btn { border:0; background:none; cursor:pointer; padding:0; font-size:120%; margin:0; }
div#footer div#footer-nav img { margin-bottom:10px; }
div#footer div#footer-nav p a { font-size:110%; color:#999; line-height:1.2em; text-decoration:none; }
div#footer div#footer-nav p a:hover { color:#999; text-decoration:underline; }

/*---- Boxes ----*/


/*---- Buttons ----*/


/*------------------------------------------
// 4.1  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#banner { margin:0 0 15px 0; } 

/*---- Main - Dashboard ----*/
div#dashboard div.post { width:141px; height:181px; margin-right:7px; float:left;  padding:5px 17px 14px 12px;  }
div#dashboard div.minipost { width:141px; height:77px; margin-right:10px; margin-bottom:6px; float:left; padding:5px 10px 14px 12px; }

div#dashboard div.post div.minipost p { font-size:110%; }
div#dashboard div.post div.minipost img { margin-top:5px; }
div#dashboard div.post div.minipost a { font-size:110%; line-height:1.2em; }

div#dashboard div#ncplhbox { background:#Fe9900; border:1px solid #Fe9900; }
div#dashboard div#scplhbox { background:#00ccff; border:1px solid #00ccff; }
div#dashboard div.corporatebox { border:1px solid #ccc; margin-right:0px; }
div#dashboard div#nvqbox { background:#fd731a; border:1px solid #fd731a; }
div#dashboard div#nddpsbox { background:#3a3a38; border:1px solid #3a3a38; }
div#dashboard div#stepsbox { background:#A7CD39; border:1px solid #A7CD39; }
div#dashboard div#siabox { background:#fff; border:1px solid #0158a5; }
div#dashboard div#firstaidbox { background:#00B359; border:1px solid #00B359; }

div#dashboard div.post h2 { margin-bottom:16px; font-weight:normal; }
div#dashboard div.corporatebox h2, div#dashboard div#nvqbox h2 { color:#FF9900; }

div#dashboard div.post p { color:#fff; font-size:110%; line-height:1.2em; margin-bottom:20px; }
div#dashboard div.corporatebox p, div#dashboard div.corporatebox a { color:#000; }
div#dashboard div#nddpsbox p, div#dashboard div#nddpsbox a { color:#fff; }
div#dashboard div#nvqbox p, div#dashboard div#nvqbox a { color:#000; }
div#dashboard div#stepsbox p, div#dashboard div#stepsbox a {color:#000; }
div#dashboard div#siabox p, div#dashboard div#siabox a { color:#0158a5; }
div#dashboard div#scplhbox p, div#dashboard div#scplhbox a {color:#fff;}
div#dashboard div#firstaidbox p, div#dashboard div#firstaidbox a { color:#fff; }

div#dashboard div.post p a.more-link { color:#fff; text-decoration:none; }
div#dashboard div.post p a.more-link:hover { text-decoration:underline; }
div#dashboard div.corporatebox p a.more-link{ color:#666; }
div#dashboard div#nvqbox p a.more-link { color:#fff; }
div#dashboard div#nddpsbox p a.more-link { color:#fff; }
div#dashboard div#stepsbox p a.more-link {color:#333; }

div#dashboard div.post p img { float:left; margin-left:-6px; }

/*---- Sidebar ----*/
div#content.home div#sidebar div.widget {  padding:0 11px 13px 13px; margin:0; background:none; border:0;}

div#content.home div#sidebar div.widget p { color:#444; font-size:110%; line-height:1.2em; margin-bottom:20px; }
div#content.home div#sidebar div.widget h2 { font-size:240%; color:#444; line-height:1.2em; margin-bottom:10px; font-weight:normal; }
div#content.home div#sidebar div.widget h2 span { font-size:100%; color:#acacac; }

div#content.home div#sidebar div#poll { background:#444; height:87px; } 
div#content.home div#sidebar div#poll h2 { margin-bottom:5px; color:#fff; }
div#content.home div#sidebar div#poll p { color:#fff; margin-bottom:5px; }

div#content.home div#sidebar div#poll input { margin-right:10px; }
div#content.home div#sidebar div#poll label { margin-right:30px; }
div#content.home div#sidebar div#poll input.submit-btn { color:#fff; border:0; background:none; cursor:pointer; }

div#content.home div#sidebar div#news-signin { background:#f4f4f4; }
div#content.home div#sidebar div#news-signin.widget h2 { color:#444; }
div#content.home div#sidebar div#news-signin.widget h2 span { color:#acacac; }

div#content.home div#sidebar div#news-signin input.textbox { width:135px; }
div#content.home div#sidebar div#news-signin input.submit-btn { border:0; background:none; cursor:pointer; padding:0; font-size:110%; margin:0; }
div#content.home div#sidebar div#news-signin p { margin-bottom:0; }

div#content.home div#sidebar div#tweets h2 { font-size:320%; }
div#content.home div#sidebar div#tweets h2 span { color:#00CCFF; font-weight:bold; }
div#content.home div#sidebar div#tweets p { margin-top:0; color:#00CCFF; height:50px; }
div#content.home div#sidebar div#tweets p.timestamp { color:#444; height:60px; }

/*---- News ----*/
div#news h2 { font-size:300%; margin-bottom:5px; line-height:1.2em; font-weight:normal; }
div#news div.post { width:160px; float:left; margin-right:10px; padding-left:5px; }
div#news div.post.last { margin-right:0px; }
div#news p img { padding-left:5px; }

div#news div.post p { font-size:110%;	 }
div#news div.post p.datestamp { font-size:120%; }


/*------------------------------------------
// 4.1  TEAM PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Team ----*/
div#content p.description { font-size:160%; color:#999; margin-bottom:25px; line-height:1.2em; }

ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li { float:left; width:205px; padding:0 7px 0 8px; }
ul.list1 li a, ul.list2 li a, ul.list3 li a, ul.list4 li a, ul.list5 li a  { display:block; margin-bottom:12px; }
ul.list1 li p, ul.list2 li p, ul.list3 li p, ul.list4 li p, ul.list5 li p { font-size:130%; line-height:1.2em; color:#666; margin-bottom:20px; padding-top:12px; padding-left:12px; }
ul.list1 li p span, ul.list2 li p span, ul.list3 li p span, ul.list4 li p span, ul.list5 li p span { color:#c7c7c7; margin-bottom:20px; }
ul.list1 li.noborder, ul.list2 li.noborder, ul.list3 li.noborder, ul.list4 li.noborder, ul.list5 li.noborder { border-bottom:0; }

ul.team li a img.off { display:none; }

.teamname { font-size:130%; line-height:1.2em; color:#666; padding-top:12px; padding-left:12px; display:block; }
.teamtitle { font-size:130%; line-height:1.2em; color:#666; color:#c7c7c7; margin-bottom:20px; padding-left:12px; display:block; }

div.controls { width:835px; margin-right:0; padding-bottom:32px; background:#fff; }
div#content div.controls h1 { float:left; margin:0; }
div.controls p { float:right; padding-top:10px; }
div.controls p a { margin-left:12px; }
div.controls p span a { margin-left:3px; color:#333; }

/*---- Who We Train ----*/
.biglogobox {width:880px;}
.biglogobox img { width:80px; height:80px; display:inline; margin:0px 25px 25px 0px; }

/*---- Values/Partners ----*/
div.colleft { width:145px; position:relative; float:left; font-size:110%; }
div.colright { width:455px; position:relative; float:left; font-size:110%; }

/*---- Online booking form ----*/
div.post div.booking-form { float:left; padding-top:11px; }
div.post div.booking-form p label { float:left; margin-right:10px; font-size:130%; color:#404040; }
div.post div.booking-form p span { font-size:100%; color:#B2B2B2; line-height:1.0; }
div.post div.booking-form p select { width:190px; }
div.post div.booking-form input.submit-btn { border:0; background:none; cursor:pointer; padding:0; font-size:120%; color:#F90; }

/*---- Handbooks ----*/
.table { display:table; }
.tr { display:table-row; }
.tc { display:table-cell; }
.tc p .orange { color:#f79646; }
.tc hr { width:620px; background-color:#CCC; height:1px; border:0px; }

/*---- Booking Form ----*/
.left { width:200px; display:inline; float:left;}
.right { width:290px; display:inline; float:left; vertical-align:top; }
.rightwide { width:380px; display:inline; float:left; vertical-align:top; }
.greyright { width:190px; display:inline-block; }
.deflabel { margin-bottom:10px; font-size:120%; line-height:1.2em; color:#999; }
.greylabel { margin-bottom:10px; font-size:120%; line-height:1.2em; color:#fff; }
.deftext { border:1px solid #999; width:275px; margin-bottom:10px; color:#666; }
.deftextsmall { border:1px solid #999; width:155px; margin-bottom:10px; color:#666; }
.greytext { border:1px solid #999; width:275px; margin-bottom:10px; color:#666; }
.dropdown { border:1px solid #999; width:220px; margin-bottom:10px; color:#666; }
.defradio { width:220px; margin-bottom:20px; color:#666; font-size:120%; }

#slider {position:relative; overflow:hidden; width:880px; height:56px;}
#slider ul li img {position:absolute; margin:0; display:none;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}

#slideshow { 	overflow: hidden;
	margin: 20px auto 10px;
	position: relative;
	width: 880px;
	height: 280px;
}
.newsbox {width:880px; margin-bottom:10px;}
.newsimg {width:205px; float:left; margin:5px 0 0 7px; display:block;}
.newstxt {width:600px; min-height:225px; padding:0 45px 10px 20px; float:left; display:block; border-bottom:1px solid #ccc; margin-bottom:20px; }
.newstxt a h2 { color:#333; }
.newstxt a:hover { text-decoration:none; }

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 9999;
}
.popup_block {
	background: #fff;
	padding: 10px 10px;
	border: 10px solid #ff9900;
	float: left;
	width: 880px;
	height: 580px;
	position: fixed;
	top: 5%;
	left: 50%;
	margin: 0 0 0 -450px;
	z-index: 10000;

}
.popup_block .popup {
	float: left;
	width: 100%;
	height:560px;
	background: #fff;
	margin: 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
#Details1 h2, #Details2 h2, #Details3 h2, #Details4 h2, #Details5 h2, .details h2 { font-size:200%; margin-bottom:5px; line-height:1.2em; font-weight:normal; color:#333; }
#Details1 p, #Details2 p, #Details3 p, #Details4 p, #Details5 p, .details p { margin:0; padding:0; color:#666; font-size:120%; line-height:1.2em; }
#Details1 a, #Details2 a, #Details3 a, #Details4 a, #Details5 a, .details a { text-decoration:none; color:#FF9900; }
#Details1 a:hover, #Details2 a:hover, #Details3 a:hover, #Details4 a:hover, #Details5 a:hover, .details a:hover { text-decoration:none; color:#CCC; }
.course { color:#666; width:168px; border:1px solid #ccc; }
.coursetext { color:#666; width:166px; border:1px solid #ccc; }
.coursebutton {width:60px; background-color:#fff; border:1px solid #999; margin-top:24px; float:left; }
.coursedistance { color:#666; width:100px; border:1px solid #ccc; float:right; }
.courseerror { margin:0; padding:0; color:#666; float:right; }

table.plapprates tr td { padding:10px; }

div#quickfeedback { width:580px; height:275px; border:1px solid #ccc; padding:10px; margin-bottom:20px; }
div#quickfeedback .nametext { width:210px; border:1px solid #ccc; margin:0 10px; }
div#quickfeedback .emailtext { width:217px; border:1px solid #ccc; margin:0 20px 0 10px; }
div#quickfeedback .phonetext { width:210px; border:1px solid #ccc; margin:0 10px 0 5px; }
div#quickfeedback .multilinetext { width:490px; height:100px; border:1px solid #ccc; margin:0 20px 0 10px; vertical-align:top; }
div#quickfeedback p { float:right; }
div#quickfeedback .feedbackbutton { border:1px solid #ccc; color:#666; background:#fff; float:right; margin:0 20px 0 0; }
div#quickfeedback .feedbackerror { float:left; margin:5px 0 0 67px; font-size:13px; }