/*============================================================
	Basics
============================================================*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

.nomargin
{
	margin: 0;
}

.nodisplay
{
	display: none;
}


body
{
	font-family:  Arial, Tahoma, Verdana;
	font-size:11px;
	/*background: #174d79; */
	/* background: #440001;	*/
	/* background: #ECECEC;*/		
	 background: url("https://www.bhbi.co.uk/etc/img/bg.png") repeat;  
	/*background: url("/etc/img/christmas.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
	
	color: #9a9a9a;
	text-align: center;
	line-height:20px;
}





/*============================================================
	Defaults
============================================================*/
a
{
	text-decoration: none;
	/* color: #666; */
	color: #294a7b;
}

a:hover
{
	text-decoration: underline;
	color: #000;
}

p, li
{
	line-height: 20px;
}

p
{
	margin-bottom: 18px;
	/*text-align: justify; */ 
}

p.black
{
	color: #000 !important;
}












/*============================================================
	Headings
============================================================*/
h1, h2, h3, h4, .h1, .h2, .h3, .h4
{
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 34px;
	color: #174d79;
	border-bottom: 2px solid #D9DEE1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a
{
	color: #174d79;
}


#sidebar h3, #sidebar h2 { 
	border-bottom: 2px solid #6493ED;
}

#right-contact-large h2 { 
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-transform: none; 
}

h2, .h2
{
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 22px; 
	text-transform: capitalize;
	font-weight: normal;
}

h3, .h3
{
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: normal;
}

h4, .h4
{
	font-size: 14px;
	font-weight: bold;
}

h5, .h5
{
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	font-weight:100;
	color: #174D79; 
}


/*============================================================
	Body & container(s)
============================================================*/


.inner p, .summary p { 
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	line-height:22px;
	font-size:14px;
	color: #111;
	
}

#wrapper
{
	width: 940px;
	text-align: left;
	margin: auto;
	background: #FFF;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}





#login
{
	width: 300px;
	text-align: left;
	margin: auto;
	background: #FFF;
	padding: 30px;
	margin-top: 100px;
}




#header
{
	height: 120px;
}

#header a.logo
{
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 40px;
}







#navigation
{
	background-color:#6493ED;
	height:32px;
	margin-bottom:8px;
	z-index:998;
}

#topnav, #topnav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	line-height:1.5em;
	z-index:998;
}
#topnav
{
	padding:0px 20px 0px 10px;
}

#topnav a
{
	display:block;
	padding:0px 5px;
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 10.5pt;
}

#topnav a.current
{

}

#topnav a:hover
{
	color:#fff;
	background: #123e61;
}

#topnav li li a:hover
{
	color:#fff;
	background: none;
}

#topnav li
{
	float:left;
	position:relative;
	padding-right:10px;
	line-height:32px;
	padding-bottom:4px;
}

#topnav li li
{
	padding-right:0px;

	line-height:25px;
	padding:0px 0px;
}

#topnav ul
{
	position:absolute;
	display:none;
	width:260px;
	top:2.7em;
	background: #6493ED;
	padding-bottom:20px;
}

#topnav li ul a{
	/*width:134px; */
	display: block;
	width: 260px;
	height:auto;
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:3px 9px;
	font-size: 9pt;
	border-bottom: 1px #666;
}

#topnav li ul li {
border: 1px #666
}

#topnav li ul li.lastnav
{
	margin-bottom:-8px;
}

#topnav li ul li.lastnav a
{
	/*background-image:none;*/
	padding-bottom:0px;
}

#topnav li ul a:hover
{
	color:#fff;
	background: #174d79;
}

#topnav ul ul
{
	top:0px;
}	

#topnav li ul ul
{
	left: 260px;
	margin:0px 0 0 0px;
}


#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul
{
	display:none;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul
{
	display:block;
}



#flash
{
	height: 210px;
	background: url('/etc/img/frontend/flash.jpg');
	margin-bottom: 30px;
	z-index: 9;
}


#its-player
{
	z-index: 9;
}







#content
{
	float: left;
	width: 640px;
	margin-right: 40px
}


#sidebar
{
	float: left;
	width: 260px;
}





.inner
{
	padding-left: 5px;
	padding-right: 5px;
}




.inner ul
{
	margin-left: 20px;
}













#footer
{
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 2px solid #6493ED;
}

#footer p
{
	
}

#footer div.footpanel
{
	float: left;
	width: 25%;
}

#footer strong
{
	color: #666;
}

#footer ul
{
	margin-left: 20px;
}

#footer ul li
{
	margin: 0;
	padding: 0;
}










/*============================================================
	Forms
============================================================*/
form label
{
	display: block;
	font-weight: bold;
	padding: 5px;
	padding-left: 0;
}

input.text
{
	padding: 5px;
	font-size: 11px;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	margin-right: 10px;
}

input.button, a.button
{
	padding: 5px;
	font-size: 10px;
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #333;
	color: #FFF;
	font-weight: bold;
	display: inline;
	margin-top: 10px;
}

a.button
{
	padding: 6px;
}

input.button:hover
{
	text-decoration: underline;
	cursor: pointer;
}

textarea
{
	padding: 5px;
	font-size: 11px;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
}

select
{
	padding: 5px;
	font-size: 11px;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
}

form p
{
	margin-bottom: 5px;
}

form .inputTiny
{
	width: 80px;
}

form .input-small
{
	width: 150px;
}

form .input-medium
{
	width: 200px;
}

form .input-large
{
	width: 500px;
}

form small.required
{
	padding-left: 10px;
	color: #FF0000;
}

form div.clear
{
	height: 15px;
}














ul.news
{
	list-style: none;
	margin: 0;
}

ul.news li
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	clear: both;

}

#news-wrapper ul li a { 
	font-size: 18px; 
	font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
}

#news-wrapper .news-sm { 
	font-size: 14px; 
}

ul.news li a.thumbnail
{
	display: block;
	float: left;
	margin-right: 25px;
	width: 100px;
	margin-bottom: 20px;
}

ul.news li div
{
	float: left;
	width: 505px;
	margin-bottom: 20px;
}

ul.news li ul
{
	margin-bottom: 20px;
}

ul.news li ul li
{
	line-height: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	list-style-type: square !important;
}






ul.accreditationbodies
{
	list-style: none;
	margin: 0;
}

ul.accreditationbodies li
{
	margin-bottom: 20px;
	clear: both;
}

ul.accreditationbodies li a.thumbnail
{
	display: block;
	/*float: left;
	margin-right: 25px; */
	margin-bottom: 20px;
	width: 200px;
}

ul.accreditationbodies li div.summary
{
	float: left;
	width: 405px;
}







ul.accreditationcourses
{
	list-style: none;
	margin: 0;
}

ul.accreditationcourses li
{
	margin-bottom: 20px;
	clear: both;
}

ul.accreditationcourses li div.summary
{
	float: left;
	width: 415px;
	padding-top: 10px;
}



div.course-detail-left
{
	float: left;
	width: 200px;
	margin-right: 25px;
}

div.course-detail-right
{
	float: right;
	width: 200px;
	margin-left: 25px;
}

div.course-detail a.logo
{
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 5px;
}


div.course-detail span.tick
{
	display: block;
	padding: 10px;
	padding-left: 30px;
	background: url('/etc/img/checkbox.png') #EFEFEF;
	background-repeat: no-repeat;
	background-position: 5px 9px;
	color: #444;
}

div.course-detail span.untick
{
	display: block;
	padding: 10px;
	padding-left: 30px;
	background: url('/etc/img/checkboxempty.png') #EFEFEF;
	background-repeat: no-repeat;
	background-position: 5px 9px;
	color: #CCC;
}

div.course-detail span.price
{
	display: block;
	padding: 10px;
	background: #EFEFEF;
	color: #444;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border-top: 5px solid #FFF;
}





.profile-desc
{ 
	width: 420px;
	float: left;
}

.profile-img
{ 
	float: right;
	padding: 5px;
}














table.sessions
{
	width: 100%;
	border: 1px solid #e3e3e3;
	border-bottom: 0;
}

table.sessions table
{
	border: 0;
	width: 100%;
}

table.sessions thead
{
	background: url('/etc/img/admin/table_heading_bg.jpg') #f1f1f1;
}

table.sessions tr td
{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #e3e3e3;
}

table.sessions thead tr td
{
	padding: 10px;
	font-weight: bold;
	color: #666;
}

table.sessions tbody tr td
{
	background: #FFF;
}

table.sessions tbody tr td.actions
{
	text-align: right;
}

table.sessions tbody tr td.actions img
{
	vertical-align: middle;
}












a.toggle-course-desc
{
	display: block;
	text-align: center;
	background: url('/etc/img/toggle-course-desc_bg.png');
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}





div.course-actions-small
{
	height: 20px;
	padding: 10px;
}

div.course-actions-small a
{
	display: block;
	float: left;
	height: 20px;
	padding-left: 20px;
	font-size: 13px;
	font-weight: bold;
}

div.course-actions-small a.download-syllabus
{
	margin-right: 15px;
	background: url('/etc/img/icons/16x16/pdf.png');
	background-repeat: no-repeat;
	background-position: left;
}

div.course-actions-small a.back
{
	margin-right: 15px;
	background: url('/etc/img/icons/16x16/back.png');
	background-repeat: no-repeat;
	background-position: left;
}

div.course-actions-small a.enrol
{
	background: url('/etc/img/icons/16x16/enrol.png');
	background-repeat: no-repeat;
	background-position: left;
}


div.enrol50split
{
	float: left;
	width: 300px;
}





p.message
{
	padding: 15px;
	background: #ffffcc;
	border: 1px solid #EEE;
}

p.message a
{
	font-weight: bold;
}

p.message.info
{
	background: url('/etc/img/icons/32x32/info.png') #ffffcc;
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 60px;
}

p.message.error
{
	background: url('/etc/img/icons/32x32/error.png') #ffffcc;
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 60px;
}

p.message.success
{
	background: url('/etc/img/icons/32x32/success.png') #ffffcc;
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 60px;
}







div.widget
{
	margin-bottom: 20px;
}







#finalcost
{
	float: right;
	width: 250px;
	padding: 20px;
	background: #EEE;
}

#finalcost p.total
{
	font-size: 18px;
	color: #777;
}

div.terms
{
	height: 300px;
	overflow: scroll;
	width: 300px;
	border: 1px solid #EEE;
	padding: 15px;
}





div.split_two
{
	float: left;
	width: 455px;
}



.tweet,
.query {
	font: 120%;
	color: #085258;
}

	.tweet_list {
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		background-color: #ffffff;
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.5em;
			list-style-type: none;
		}
		
			.tweet_list li a {
				color: #0C717A;
			}
		
		.tweet_list .tweet_even {
			background-color: #ffffff;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}




#secured_info_box
{
	float: right;
	border-left: 15px solid #FFF;
	border-bottom: 10px solid #FFF;
}

#secured_info_box div.sibinner
{
	background: #ffffcc;
	padding: 10px;
	border: 1px dotted #CCC;
	height: 90px;
}

#secured_info_box img.lock_icon
{
	float: left;
	margin-top: 20px;
}

#secured_info_box img.hsbc_icon
{
	float: left;
	height: 90px;
}


p.securedby
{
	text-align: left;
	margin: 0;
	color: #666;
	margin-left: 10px;
	float: left;
	width: 100px;
	padding-top: 25px;
}

#eucookielaw { width: 850px; background-color:#FFC; font-size: 10pt; margin-top: 3px; padding: 5px 20px 7px 20px; font-weight: bold; display:none }

/* slideout */

.panel {
font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
/*filter: alpha(opacity=85);
opacity: .85; */
z-index: 999;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
text-align:left;
}

.panel h3 { color: #CCC; text-align:left; }
.panel img  { padding: 5px; border:#CCCCCC 1px; } 

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: "PT Sans", 'Helvetica Neue', Helvetica, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(/etc/img/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index: 9999;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(/etc/img/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(/etc/img/minus.png) 85% 55% no-repeat;
}


ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
/*list-style-type: none;*/

}

.inner ul li  {
list-style:square;	
font-size: 13px;
line-height: 23px;
}

ul.news li, ul.accreditationbodies li{ 
list-style: none;
}

hr{
background-color: #333333;
height: 1px;
}

#slideform textarea {
	width: 320px;
	height: 70px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px; 
	background: #333333;
	color: #eee;
	border-color:#999999;
	
}


#slideform_inputs2 .inputz {
	width: 180px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px; 
	background: #333333;
	color: #eee;
	margin: 2px 2px 2px 15px;
	padding: 3px 2px;
	border-color:#999999; 	
	
}

/*
#slideform_inputs2 .inputz mctree {
	width: 100%;
	height: 1px;
	display: block;
	
}
*/

#slideform_inputs2 label { 
width: 120px;
text-align:right;
float: left; 
display: block;
font-size: 9pt;
clear: both;
}


#slideform .button {
	margin: 15px 0px 5px 0;
	padding: 5px 8px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px; 
}

#slideform_panel { display: none; padding-top: 20px } 
#slideform_panel2 { display: none; padding-top: 20px } 
#slideform_panel3 { display: none; padding-top: 20px } 
#slideform_inputs2 { display: none; } 

#slideform_loading1 { display: none; padding: 5px }
#slideform_loading2 { display: none; padding: 5px; clear: both; } 
#slideform_close { float: right; font-size: 18px; clear: both;}

.slideout_date { font-size:7pt; color: #666; }






p.switchcoursetype
{
	background: #EFEFEF;
	border: 1px dotted #CCC;
	padding: 15px;
	width: 380px;
}




















#hp-jobs
{
	margin-top: 20px;
}

#hp-jobs .banner
{
	position: relative;
	overflow: auto;
}
#hp-jobs .banner li
{
	list-style: none;
}
#hp-jobs .banner ul li {
	float: left;
}

#hp-jobs .banner ul li div.inner
{
	background: #ffffff;
	padding: 20px;
}

#hp-jobs .banner ul li div.inner .title
{
	border: 0;
}

#hp-jobs .banner ul li div.inner .vacancy
{
	border: 0;
	float: right;
	text-transform: uppercase;
	display: block;
	padding: 3px 6px;
	background: #FFF;
	margin-top: -4px;
}

#hp-jobs .banner ul li div.inner img.icon
{
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#hp-jobs .banner ul li div.inner .desc
{
	color: #666;
}

#hp-jobs .banner ul li div.inner .details
{
	margin: 0;
}

#hp-jobs .banner ul li div.inner .details a
{
	font-weight: bold;
}












.halloffame-column
{
	width: 200px;
	float: left;
	margin-right: 7px;
}

div.halloffame-item
{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 7px;
	margin-bottom: 7px;
	width: 190px;
	background: #f1f1f1;
	border: 1px solid #efefef;
	padding: 5px;
}

div.halloffame-item:hover
{
	border: 1px solid #DFDFDF;
}

div.halloffame-item img.avatar
{
	display: block;
	margin-bottom: 10px;
}

div.halloffame-item div.description
{
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 5px;
}

div.halloffame-item div.description p
{
	margin: 0;
}

div.halloffame-item span.title
{
	display: block;
	padding: 5px;
	font-weight: bold;
	color: #333;
}

.morecontent span {
    display: none;
}

table.tablemeup  { border-collapse: collapse;  } 
table.tablemeup tr td, table.tablemeup tr td p { font-size: 10pt; color: #000; vertical-align:top; font-face: arial } 

table.tablemeup tr td, table.tablemeup  { border: 1px solid #999; padding: 3px }