*{ padding: 0; margin: 0; }
html {
	min-height:100%;
	height:100%;
}
body {
	font-size:67.5%;
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	min-height:100%;
	height:100%;
}
#container {
	width:1000px;
	background: url('../img/page-bg.jpg') top left repeat-y;
	min-height:100%;
	font-size:1em;
}
#page {
	width:970px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.hidden { display:none; }
.blue{
	color:#06ABEF;
}
.li_sub_nav{
	padding-left:7px;
	color:#06ABEF;
	font-size:1.2em;
}
.ul_sub_nav{
	margin-bottom:10px;
}
img{
	border: none;
}

h1{
	color: #06abef;
	font-weight: normal;
	font-size: 1.7em;
	margin-bottom: 15px;
}

#flash_content h2 {
	font-size:1.2em;
}

h3 {
	font-size:1em;
}

h4{
	display: none;
}

a{
	color: #003366;
	text-decoration: none;
}

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

/* HEADER --------------------------------------------------------------------------------*/
.header{
	background: url('../img/header-bg.jpg') bottom left repeat-x;
}

.headerinner{
	padding: 25px 17px 10px 20px;
}

/* Home Page -----------------------------------------------------------------------------*/
.home_upper{
	float:left;
}
.home_upper_inner{
	padding: 25px 17px 22px 0px;
}

.home_upper_inner .programme_selector_outer{
	background-color:#e8f5fd;
	width:230px;
	float:left;
	margin-right:20px;
}
.home_upper_inner .programme_selector_outer .content{
	border-right:3px solid #d3e5ef;
	padding-left:17px;
}
.home_upper_inner .programme_selector_outer .programme_selector_top{
	background: url(../img/p_selector_top.gif) no-repeat;
}

.home_upper_inner .programme_selector_outer .programme_selector_bottom{
	background: url(../img/p_selector_bottom.gif) no-repeat;
}
.home_upper_inner .programme_selector_outer .start_the_selector{
	/*background-image:url(/static/images/start_selector.gif);
	background-position:left top;*/
	background:url(../img/barclays-btns.gif) no-repeat;
	background-position:0 -36px;
	display:block;
	height:36px;
	margin-top:8px;
	overflow:hidden;
	text-indent:-9999px;
	width:190px;	
}
.home_upper_inner .programme_selector_outer a.start_the_selector:hover{
	background-position:0px  0px;
}
h2.programme_selector{
	background:#E8F5FD url(../img/programme_selector.gif) no-repeat scroll left top;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	width:150px !important;
	padding-bottom:19px;
}
.dark_blue{
	color:#083368;
}
.home_upper_inner .home_header{
	float:left;
	
}
.home_divider{
	background:white url(../img/home_divider.gif) repeat-x scroll;
	padding-left:17px;
	padding-top: 20px;
	clear:both;
}


#quickLinks li {
	list-style-type: none;
	width:220px;
	margin-left:0px;
	margin-bottom:20px;
}
#quickLinks li div.left {
	margin-left:10px;
	margin-top:3px;
}
#quickLinks h3 {
	font-weight:normal;
	color:#00aeef;
	font-size:1.2em;
}
#quickLinks a {
	color:#666;
}
#quickLinks a:hover {
	text-decoration:none;
	color:#06ABEF;
}

/******** Below Header ***/
.belowheader{
	background: url('../img/flash-bg.jpg') top left repeat-x;
}
.belowheader .onlineappbox {
	margin-left:18px;
}
.belowheader .home{
	background: #e8f5fd url(../img/home_onlineapp_bg.gif) no-repeat top right;
	height:100px;
}

a.events_a{
	text-decoration:none;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
	clear:both;
	width:140px;
}

a:hover.events_a{
	color:#06ABEF;
	text-decoration:underline;
}

.onlineappbox{
	padding-top:20px;
	float:left;
	width:210px;
}

h2.onlineappform{
	background: #e8f5fd url(../img/hdr-online-application-form.gif) no-repeat top left;
	text-indent: -9999px;
	width: 179px;
	height: 17px;
	overflow: hidden;
}

.onlineappbox .login, .onlineappbox .register{
	width: 90px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin-top: 8px;
	background-repeat: no-repeat;
	/*background-position: top left;*/
	background:url(../img/barclays-btns.gif) no-repeat;
}

.onlineappbox .login{
	/* background-image: url(/static/images/btn-login.gif); */
	margin-right: 10px;
	background-position:-190px -36px;
}
.onlineappbox a.login:hover{
	background-position:-190px 0;
}

.onlineappbox .register{
	/* background-image: url(/static/images/btn-register.gif); */
	background-position:-280px -36px;
}

.onlineappbox a.register:hover{
	background-position:-280px 0px;
}

.belowheaderinner .imagebox{
	/*float:left;*/
}
/* COLUMNS -------------------------------------------------------------------------------*/
.columnwrapper {
	margin-bottom:20px;
}

#leftCol .leftcol {
	width:230px;
}
#leftCol #content {
	width:450px;
	margin-left:20px;
	margin-top:20px;
}
.fullPage {
	margin-right:20px;
}
.fullPage #content {
	margin-bottom:15px;
}
#leftCol #content p {
	line-height:150%;
	margin-bottom:15px;
}
#leftCol #content ul {
	margin-left:13px;
	line-height:150%;
	margin-bottom:15px;
}
#leftCol #content ul ul {
	margin-left:25px;
}
#rightCol {
	width:220px;
	margin: 0 20px 0 0;
}
#rightCol .open,
#rightCol .close {
	clear:both;
	float:right;
	margin-bottom:10px;
}
#rightCol .open_bg{
	background: #E8F5FD url('../img/open_bg.jpg') no-repeat;
	display:none;
	height:316px;
}
#rightCol .open_bg h5{
	padding:10px 15px 0px 15px;;	
}
#rightCol .open_bg p{
	padding:15px;
}

.divider {
	border-top:1px solid #dcebf4;
	height:20px;
	width: 700px;
	margin-right:20px;
}

#breadcrumb {
	border-bottom:1px solid #e4e4e4;
	margin:10px 0 0 20px;
	padding-bottom:10px;
	color:#003366;
	width:700px;
	line-height:150%;
}
#breadcrumb .trail {
	width:615px;
	margin-left:5px;
}

/* NAV -----------------------------------------------------------------------------------*/
#nav {
	margin-top:25px;
	font-size: 1.1em;
}

#nav li {
	list-style: none;
	border-right:1px solid #0b2552;
	display:inline;
	margin-right:20px;
	padding-right:20px;
}
#nav li.last {
	margin-right:0;
	border-right:0;
	padding-right:0;
}
#nav a:hover,
#nav a.selected {
	color: #06abef;
	text-decoration:none;
}

#latestNews {
	color: #06ABEF;
	margin-bottom:30px;
}
#latestNews img {
	margin-bottom:13px;
}
#latestNews p {
	line-height:150%;
}

/* SIDE NAV ------------------------------------------------------------------------------*/
.sidenav{
	padding: 21px 0 0 13px;
}
.sidenav ul ul{
	padding:0 0 10px 0;
	border-top:1px dotted;
	margin-left: 30px;
	margin-top:10px;
}
.sidenav li{
	list-style: none;
}

.sidenav li li{
	border-bottom: 1px dotted ;
	padding:3px 0;
}

.sidenav li a{
	background-image: url(../img/bullet1-large.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding: 4px 0 4px 19px;
	display: block;
	font-size: 1.1em;
}

.sidenav li li a{
	background: none;
	font-size: 1em;
	padding-left: 0;
}
.sidenav a.selected{
	color: #06abef;
}

/* CONTENT */
.margintop20{
	margin-top:20px;
}

.contentwrapper .content{
	margin-bottom: 20px;
}

.contentwrapper .content.home p {
	line-height:150%;
}

.contentwrapper div.left.home{
	width: 470px;
	float: left;
}

.contentwrapper .fullwidth{
	width: 730px;
	float: left;
}

.contentwrapper div.right{
	width: 217px;
	float: right;
	margin-right:20px;
	margin-left:15px;
}

.chat_container{
	margin-top:0px;
}

.contentwrapper div.right .chat{
	color:#666666;
	padding-bottom:10px;
	float:left;
	clear:both;
	width:200px;
	
}
.contentwrapper div.right .chat img{
	float:left;
	padding-right:12px;
}
.contentwrapper div.right .chat .chat_text{
	float:left;
	width:145px;
}
a.home_right_h{
	color:#06ABEF;
	padding-bottom:5px;
}
.contentwrapper li{
	margin-left: 15px;
}
.cms_img-r{
	padding-left:20px;
	padding-bottom:10px;
}
.cms_img-l{
	padding-right:10px;
}

/* FOOTER --------------------------------------------------------------------------------*/
#footer {
	margin:0 20px 18px 20px;
	border-top:1px solid #e4e4e4;
}
#footer ul,
#footer span {
	margin-top:18px;
}
#footer ul li {
	display:inline;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #0B2552;
}
#footer li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#footer a:hover {
	text-decoration:none;
}
#footer span {
	margin-right:10px;
}

/* SPONSOR -------------------------------------------------------------------------------*/
#sponsor{
	background: url('../img/footer-bg.jpg') top left repeat-x;
}

#sponsor p {
	margin:20px;
	color: #666666;
	padding-bottom:0;
}

#sponsor a {
	text-decoration:none;
	margin:20px;
	display:block;
}
#sponsor a span {
	margin-left:10px;
	position:relative;
	top:-5px;
	color: #666666;
}
#sponsor a:hover {
	color:#003366;
}

/* TABLES ------------- */
.cmstable{
	/* border-top: 1px solid #1D1D5A;
	border-left: 1px solid #1D1D5A; */
	width: 710px;
	border-bottom:1px dotted #a8a7ac;
	padding-bottom:20px;
	margin-bottom:20px;
}
.cmstable tr.on{
	background-color:#e8f5fd;
}
.cmstable tr.ff{
	background-color:#fff;
}
.cmstable td{
	/* border-bottom: 1px solid #1D1D5A;
	border-right: 1px solid #1D1D5A; */
	padding: 3px;
	margin: 0;
	
	color: #555555;
}

.cmstable .table-top td{
	background: #03AEEF;
	color: white;
}

/* Site Map ------------------------------------------------------------------------------*/
.sitemap {
	color:#003366;
	float:left;
	margin:20px 0px 0px;
	padding:0px;
}
.sitemap ul {
	color:#003366;
	list-style-type:none;
	margin:5px 0px 5px 10px;
}
.sitemap ul, .sitemap ul ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0px 5px 25px;
}
ul.level_0 li.parent {
	border-bottom:1px solid #CECECE;
	color:#06ABEF !important;
	font-weight:bold;
}
ul.level_0 a{
	color:#06ABEF !important;
}
.sitemap ul li a {
	color:#003366;
	text-decoration:none;
}
.sitemap ul li a:hover {
	color:#06ABEF;
	text-decoration:underline;
}
ul.level_0 li.parent ul {
	border-top:1px solid #CECECE;
	color:#003366;
	font-weight:normal;
}
ul.level_0 ul {
	color:#003366;
	list-style-type:none;
	padding:0pt;
}
ul.level_0 li.parent ul li {
	border-width:0pt !important;
}
ul.level_0 li.parent {
	border-bottom:1px solid #CECECE;
	color:#003366;
	font-weight:bold;
}
.home_header_heading{
	padding-bottom:10px;
}
#home_header{
	float:left;
	width:700px;
	margin-bottom:20px;
}
#home_header ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#home_header ul li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#home_header ul li a {
	background:transparent url(../img/home_header.jpg) no-repeat scroll 1px 0;
	display:block;
	height:35px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	overflow:hidden;
	text-indent:-9999px;
	width:67px;
}
#home_header ul li a.commercial_bank {
	background-position:0px 0px;
	width:124px;
	height:120px;
	margin-right:19px;
	margin-bottom:19px;
}

#home_header ul li a.commercial_bank:hover {
	background-position:0px -240px;
}

#home_header ul li a.tax {
	background-position:-124px 0;
	width:124px;
	height:120px;
	margin-right:19px;
	margin-bottom:19px;
}
#home_header ul li a.tax:hover {
	background-position:-124px -240px;
}

#home_header ul li a.treasury {
	background-position:-248px 0;
	width:124px;
	height:120px;
	margin-right:19px;
	margin-bottom:19px;
}
#home_header ul li a.treasury:hover {
	background-position:-248px -240px;
}

#home_header ul li a.finance {
	background-position:-372px 0;
	width:124px;
	height:120px;
	margin-right:19px;
	margin-bottom:19px;
}
#home_header ul li a.finance:hover {
	background-position:-372px -240px;
}

#home_header ul li a.hr {
	background-position:-496px 0;
	width:124px;
	height:120px;
	margin-right:19px;
	margin-bottom:19px;
}
#home_header ul li a.hr:hover {
	background-position:-496px -240px;
}

#home_header ul li a.uk_retail {
	background-position:0px -120px;
	width:124px;
	height:120px;
}
#home_header ul li a.uk_retail:hover {
	background-position:0px -360px;
}

#home_header ul li a.barclaycard {
	background-position:-124px -120px;
	width:124px;
	height:120px;
	margin-right:19px;
}
#home_header ul li a.barclaycard:hover {
	background-position:-124px -360px;
}

#home_header ul li a.retail_banking {
	background-position:-248px -120px;
	width:124px;
	height:120px;
	margin-right:19px;
}
#home_header ul li a.retail_banking:hover {
	background-position:-248px -360px;
}

#home_header ul li a.grcb_technology {
	background-position:-372px -120px;
	width:124px;
	height:120px;
	margin-right:19px;
}
#home_header ul li a.grcb_technology:hover {
	background-position:-372px -360px;
}

#home_header ul li a.internships {
	background-position:-496px -120px;
	width:124px;
	height:120px;
}
#home_header ul li a.internships:hover {
	background-position:-496px -360px;
}

ul.ui-accordion-container{
	list-style-image:none;
	list-style-type:none;
}
.ui-accordion-container li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0px !important;
	padding:5px 0 5px 0;
}
.ui-accordion-container li.selected{
	padding-bottom:20px;
}
.ui-accordion-container li a{
	cursor: pointer;
}
/*
#faq_answer a{
	display:block;
}
*/
/* --- SOCIAL BOOKMARKING! --- */
#shareThis {
	width:700px;
	height:24px;
	background: url('../img/share/social-sharing.jpg') top left no-repeat;
	padding-top:10px;
	margin-right:20px;
}
#shareThis a {
	padding:2px 0 2px 20px;
	margin-right:10px;
	outline:none;
}
#shareThis .facebook {
	background: url('../img/share/facebook.gif') top left no-repeat;
	margin-left:63px;
}
#shareThis .delicious { background: url('../img/share/delicious.gif') top left no-repeat; }
#shareThis .digg { background: url('../img/share/digg.gif') top left no-repeat; }
#shareThis .twitter { background: url('../img/share/twitter.gif') top left no-repeat; }
#shareThis .myspace { background: url('../img/share/myspace.gif') top left no-repeat; }
#shareThis .linkedin { background: url('../img/share/linkedin.gif') top left no-repeat; }
#shareThis .email {
	background: url('../img/share/email.gif') top left no-repeat;
	margin-left:32px;
}

#content.videoProfile img {
	margin-bottom:15px;
}
#content.videoProfile h2 {
	margin-bottom:15px;
	color:#06ABEF;
	font-size:1.6em;
	font-weight:normal;
}
#relatedVids {
	border-bottom:1px solid #dbebf8;
	margin-bottom:15px;
}
#relatedVids h2 {
	margin-bottom:15px;
	padding-top:20px;
}
#relatedVids .video {
	margin-bottom:15px;
}

/* -- Presentation pages -- */
#presentation {
	margin-bottom:10px;
}
#rightCol #quickLinks {
	margin-top:15px;
	width:220px;
}
#quickLinks .quicklink {
	margin-bottom:15px;
}
#quickLinks .quicklink div.left {
	margin-left:10px;
	margin-top:3px;
}

/* -- Events Page -- */

#eventsTable table th {
	background-color:#00aeef;
	color:#fff;
	text-align:left;
	padding:0 10px 10px;
}
#eventsTable table td {
	padding:10px;
	vertical-align: top;
}
#eventsTable table tr {
	background-color:#e4ebf0;
}
#eventsTable table tr.alt {
	background-color:#ecf1f5;
}
#eventsTable table tr.last td {
	padding:10px 10px 0 10px;
}

/* -- Photos and videos -- */
#blackout {
    position: fixed;
    top:0;
    left:0;
    background-color:#000;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    height:100%;
    width:100%;
}

#photosVideos {
	width:700px;
	height:320px;
	background: url('../img/photos-bg.jpg') top left no-repeat;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
}
#photosVideos #slider {
	width:700px;
	height:262px;
	position:relative;
}
#photosVideos #slider .page1 {
	width:700px;
	height:262px;
	background: url('../img/slider1.jpg') top left no-repeat;
	position:relative;
}

#photosVideos #moreButton {
	display:none;
	position:absolute;
	left:533px;
	top:199px;
	outline:none;
}
#photosVideos p {
	margin-left:23px;
}
#photosVideos p a {
	color: #06ABEF;
}

a.photo {
	display:block;
	outline:none;
	position:absolute;
}
#photosVideos #slider .page1 .photo1 { top:15px; left:49px; height:102px; width:115px; }
#photosVideos #slider .page1 .photo2 { top:122px; left:67px; height:132px; width:110px; }
#photosVideos #slider .page1 .photo3 { top:14px; left:170px; height:107px; width:111px; }
#photosVideos #slider .page1 .photo4 { top:124px; left:181px; height:131px; width:105px; }
#photosVideos #slider .page1 .photo5 { top:12px; left:290px; height:130px; width:115px; }
#photosVideos #slider .page1 .photo6 { top:146px; left:303px; height:104px; width:110px; }
#photosVideos #slider .page1 .photo7 { top:17px; left:417px; height:127px; width:108px; }
#photosVideos #slider .page1 .photo8 { top:148px; left:420px; height:108px; width:113px; }
#photosVideos #slider .page1 .photo9 { top:17px; left:534px; height:105px; width:114px; }
#photosVideos #slider .page1 .photo10 { top:126px; left:540px; height:129px; width:116px; }


#flash_content {
	margin-bottom:20px;
}

/* -- Video Profiles -- */
#questions {
	background:#E4F5FF url('../img/bgfade.jpg') bottom left repeat-x;
	padding-top:15px;
	width: 460px;
}
#questions ul {
	margin-left:15px;
	float: left;
	width: 315px;
}
#questions.fullwidth ul {
	width: auto;
}
#questions ul li {
	list-style-type:none;
	font-size:1.2em;
	margin-bottom:8px;
}
#questions ul li a {
	text-decoration:none;
	color:#1BB3F2;
	background:url('../img/arrow.gif') 0 2px no-repeat;
	display: block;
	padding:0 0 1px 25px;
}
#questions ul li a:hover,
#questions ul li a.selected {
	color:#174777;
	background:url('../img/arrow-over.gif') 0 2px no-repeat;
}
#questions img.right {
	margin-right:15px;
}