@charset "UTF-8";

/* CSS Document */

/* ------- 1. Global Setup  ------- */

body {
	background: #f8b917;
	color: #666666;
}

h1,
h2,
h3,
h4,
h5 { color:#307cff; }

h2 em {
	color:#000000;
	font-style: normal;
}

a,
a:link,
a:visited { color: #ef5100; }

a:hover,
a:active { color: #307cff; }

.button1 a,
.button1 a:link,
.button1 a:visited,
.button1 a:hover,
.button1 a:active,
a.button1,
a:link.button1,
a:visited.button1,
a:hover.button1,
a:active.button1 {
	background: url(../gfx/HUB_Interface/ButtonOrange.gif) no-repeat right 0px;
	color:#ef5100;
}

a.button2,
a:link.button2,
a:visited.button2,
a:hover.button2,
a:active.button2 {
	background: url(../gfx/HUB_Interface/ButtonBlue.gif) no-repeat right 0px;
	color:#307cff;
}

a.button3,
a:link.button3,
a:visited.button3,
a:hover.button3,
a:active.button3 {
	background: url(../gfx/HUB_Interface/ButtonWhiteonBlue.gif) no-repeat right 0px;
	color:#ffffff;
}

a.button4,
a:link.button4,
a:visited.button4 {
	background: url(../gfx/HUB_Interface/ButtonBookLrg.gif) no-repeat right 0px;
	color:#ffffff;
}

.bookingbutton button,
.bookingbutton button:link, 
.bookingbutton button:visited {text-decoration: none;background: url(../gfx/HUB_Interface/ButtonBookLrg.gif) no-repeat right 0px;color:#ffffff;}

.bookingbutton button:hover,
.bookingbutton button:active{text-decoration: none;background: url(../gfx/HUB_Interface/ButtonBookLrgX.gif) no-repeat right 0px;color:#ffffff;}


a:hover.button4,
a:active.button4 {
	background: url(../gfx/HUB_Interface/ButtonBookLrgX.gif) no-repeat right 0px;
	color:#ffffff;
}

#header { background: url(../gfx/HUB_Interface/bkHeader.gif) repeat-x; }

#content { background: #FFFFFF; }

#header .container { background: url(../gfx/HUB_Interface/bkTitle.gif) no-repeat; }

#content .container { background: url(../gfx/HUB_Interface/bkContent.gif) no-repeat; }

/* ------- 2. Header Setup  ------- */

#Nav a,
#Nav a:link,
#Nav a:visited {
	background: url(../gfx/HUB_Interface/NavTabOff.gif) no-repeat;
	color:#666666;
}

#Nav a:hover,
#Nav a:active {
	background: url(../gfx/HUB_Interface/NavTabOff.gif) no-repeat 0px -2px;
	color:#000000;
	text-decoration:none;
}

#Nav a.On,
#Nav a.On:link,
#Nav a.On:visited,
#Nav a.On:hover,
#Nav a.On:active { background:url(../gfx/HUB_Interface/NavTabOn.gif) no-repeat; }

#Nav a.highlight,
#Nav a.highlight:link,
#Nav a.highlight:visited {
	background: url(../gfx/HUB_Interface/NavTabHighlight.gif) no-repeat;
	color:#ffffff;
	text-decoration:none;
}

#Nav a.highlight:hover,
#Nav a.highlight:active {
	background: url(../gfx/HUB_Interface/NavTabHighlight.gif) no-repeat 0px -2px;
	color:#ffffff;
	text-decoration:none;
}

/* ------- 3. Footer Setup  ------- */
#footer {
	background: url(../gfx/HUB_Interface/bkFooter.gif) repeat-x;
	color: #fbe8d0;
}

#footer a,
#footer a:link,
#footer a:visited { color: #fbe8d0; }

#footer a:hover,
#footer a:active { color: #ffffff; }

#footer dd { border-left: 1px solid #f7cba3; }

#footer dd.first { border-left: none; }

/* ------- 4. Body Setup  ------- */

#PageHeader h1 { color: #000000; }

#PageHeader a,
#PageHeader a:link,
#PageHeader a:visited { color: #7f7f7f; }

#PageHeader a:hover,
#PageHeader a:active { color: #307cff; }

#PageHeader a.On:link,
#PageHeader a.On:visited {
	color: #ef5100;
	text-decoration: underline;
}

#PageHeader a.On:hover,
#PageHeader a.On:active { color: #307cff; }

#PageHeader dd { border-left: 1px solid #7f7f7f; }

#PageHeader dd.first { border-left: none; }

/* ------- General content stamps  ------- */

#content .findcourse {
	background: url(../gfx/HUB_Interface/PanelFindCourse.gif) no-repeat;
	color:#FFFFFF;
}

#content .StampPanel { background: url(../gfx/HUB_Interface/PanelRightSide.gif) no-repeat bottom; }

#content .StampPanel .Top { background: url(../gfx/HUB_Interface/PanelRightSideTop.gif); }

#content .Stamp h2,
#content .Stamp h2 a:link,
#content .Stamp h2 a:active,
#content .Stamp h2 a:visited { color:#307cff; }

#content .Stamp h2 a:hover { color:#ef5100; }

/* ------- Training lists and booking  ------- */

table.traininglist1,
table.traininglist2 { border-bottom: 1px solid #d9d9d9; }

.traininglist1 tr,
.traininglist2 tr,
.resourcelist tr { background: url(../gfx/HUB_Interface/TrainginList1.gif) repeat-x bottom; }

.traininglist1 td,
.traininglist2 td,
.firstitem td { border-top: 1px solid #d9d9d9; }

.resourcelist td { border-bottom: 1px solid #d9d9d9; }

.traininglist1 td.course,
.traininglist2 dt,
.resourcelist dt { color: #000000; }

.traininglist2 dt.soldout,
.traininglist1 td.bookcoursedateoff { color: #999999; }

.traininglist2 dt em,
.traininglist1 td.bookcoursedateoff em { color: #EB7E16; }

.traininglist2 td.coursedetaildate dd { border-left: 1px solid #CCCCCC; }

.traininglist2 td.coursedetail dd { border-right: 1px solid #CCCCCC; }

.traininglist1 td.bookcoursedate,
.traininglist1 td.bookcoursedur,
.traininglist1 td.bookcourseloc,
.traininglist1 td.bookcoursecost,
.traininglist1 td.bookcourseaction { color:#000000; }

.traininglist1 td.coursedetailheader dt,
.traininglist1 td.coursebooking dt { color: #000000; }

.traininglist1 td.coursedetailheader dd em,
.traininglist1 td.coursebooking dd em { color: #000000; }

/* ------- FAQ  ------- */

#content dl.faq dt a { background: url(../gfx/HUB_Interface/ButtonOrange.gif) no-repeat 0px 3px; }

/* ------- Glossary  ------- */

#content dl.glossary h2 { color:#333333; }

#content dl.glossary dt {
	color:#307cff;
	border-top: 1px solid #D9D9D9;
}

#content dl.glossary dd { border-top: 1px solid #D9D9D9; }

/* ------- Quiz  ------- */

#content .quizcorrect h2 {
	color: #33CC00;
	text-transform: uppercase;
}

#content .quizincorrect h2 {
	color: #CC0000;
	text-transform: uppercase;
}

#content .quizset { color:#307cff; }

#content dl.quizset dd a { background: url(../gfx/HUB_Interface/ButtonOrange.gif) no-repeat 0px 3px; }

/* ------- Terms and conditions scroll box  ------- */

/* ------- Form  ------- */


/* ------- Panelslide ------- */

.RPSPanelGroup { }

.RPSPanelGroup .RPSPanel {
	float: left;
	width: 415px;
	margin: 0px 15px 30px;
	padding: 0px;
	height: 193px;
	position: relative;
	overflow: hidden;
}

.RPSPanelGroup .RPSPanel .PanelSlide p em {
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	display: block;
	text-transform: uppercase;
	padding: 5px 0px 0px;
}

.RPSPanelGroup .RPSPanel .PanelSlide {
	position: absolute;
	left: 1px;
	top: 166px;
	border-top: 1px solid #DBDBDB;
	height: 184px;
	width: 413px;
}

.RPSPanelGroup .RPSPanel .PanelMask {
	position: absolute;
	left: 1px;
	top: 40px;
	height: 144px;
	width: 413px;
	overflow: hidden;
}

.RPSPanelGroup .RPSPanel .PanelSlide .bg {
	width: 413px;
	height: 184px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../gfx/HUB_Interface/Panelbg.png);
}

.RPSPanelGroup .RPSPanel .PanelSlide h3 {
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 15px;
	color: #FFF;
	padding: 3px 10px;
	width: 393px;
}
.RPSPanelGroup .RPSPanel .PanelSlide p {
	height: 75px;
	width: 393px;
	color: #CCC;
	padding: 5px 10px 0px;
	font-size: 12px;
	line-height: 13px;
	display: block;
	overflow: hidden;
	position: relative;
}

.RPSPanelGroup .RPSPanel a {
	width: 415px;
	height: 193px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	background: url(../gfx/HUB_Interface/PanelMask.gif) no-repeat;
	}
	
.RPSPanelGroup .RPSPanel .weblink {
	background: url(../gfx/HUB_Interface/PanelButton.gif) no-repeat right 0px;
	padding: 6px 9px 0px 0px;
	text-align: center;
	margin: 0px;
	text-decoration:none;
	display: block;
	height: 30px;
	width: 207px;
	position: absolute;
	left: 100px;
	top: 105px;
	font-size: 16px;
	color: #FFF;
}