@charset "UTF-8";
/* COLOURS: help...
Red #f3011a;
*/

/*-TYPE SETTINGS-----------------------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,strong {
font-weight:bold;
}
h1,h2,h3,h4,h5 {
color:#000;
}
h1 {
font-size:155%;
}
h2 {
font-size:120%;
}
h3 {
font-size:100%;
}
h4 {
font-size:90%;
}
h5 {
font-size:90%;
}
dt {
font-size:80%;
}
p, li, dd {
font-size:80%;
line-height:1.4;
}
#content dt {
float:left;
width:8em;
}
#content form dl {
margin-left:10px;
}
#content .wide dt {
width:14em;
}
#content h1 {
margin:0 30px 0.5em 30px;
border-bottom:1px solid #f3011a;
}
#content h2 {
margin:0.9em 30px 0.2em 30px;
}
#content h3 {
margin:0.7em 30px 0.1em 30px;
}
#content p {
margin:0 30px 0.7em 30px;
}
#content ul, #content ol, #content dl {
margin:0 30px 0.7em 30px;
}
#content li {
margin:0.3em 0 0 20px;
}
#content ul li {
list-style:disc;
}
#content ol li p, #content ul li p, #content ol li li {
font-size:100%;
}
#content a {
text-decoration:underline;
}
#content a:link {
color: #003e8a;
}
#content a:visited {
color:#660099;
}
#content a:hover, #content a:active, #content a:focus {
color: #f3011a;
}
#content a.external {
padding-left:15px;
background-image:url(/images/layout/extlink.png);
background-repeat:no-repeat;
background-position:center left;
}
#content .rightimage {
float:right;
}
#content div.information {
background-color:#eff5fc;
padding:0;
margin:20px 0;
border:1px solid #ddd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#content div.information h2 {
background-color:#003e8a;
color:#fff;
padding:2px 15px;
margin:0 0 0.2em 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-radius:10px;
}
#content div.information p {
padding: 0.5em 15px 0.5em 15px;
}
#content iframe {
margin:0 30px;
}

/*-HEADER SETTINGS-----------------------------------------------------------------------*/
#header {
width:770px;
background-image:url(/images/header/header-bg.png);
background-repeat:no-repeat;
height:119px;
}
#accessibility {
width:280px;
float:right;
padding-bottom:1px;
position:relative;
color:#fff;
}
#accessibility ul {
text-align:right;
margin-right:5px;
}
#accessibility li {
display:inline;
margin-left:1.5em;
font-size:80%;
}
#accessibility #skiplink a {
position:absolute;
left:-9999px;
}
#accessibility li a:link, #accessibility li a:visited  {
color:#fff;
}
#accessibility li a:hover, #accessibility li a:active, #accessibility li a:focus  {
color:#ffff00;
}
#accessibility #normal {
font-size:100%;
font-weight:bold;
}
#accessibility #large {
font-size:127%;
font-weight:bold;
}
#accessibility #largest {
font-size:150%;
font-weight:bold;
}
#accessibility ul #contrast a {
font-size:95%;
font-weight:bold;
text-decoration:none;
padding:0.1em;
border:1px solid #000;
margin-bottom:1px;
}
#accessibility ul #contrast a:hover, #accessibility ul #contrast a:active, #accessibility ul #contrast a:focus {
border:1px solid #dd0000;
}
#de {
background-color:#fff!important;
color:#e30915!important;
}
#by {
background-color:yellow!important;
color:#000!important;
}
#yb {
background-color:#000!important;
color:yellow!important;
}
#bb {
background-color:#b0e0e6!important;
color:#000!important;
}
#bp {
background-color:#FFCCCC!important;
color:#000!important;
}
#contrast li a {
border:1px solid #000;
padding:2px;
font-weight:bold;
font-size:120%;
}
#contrast li a:hover, #accessibility ul #contrast a:active, #accessibility ul #contrast a:focus {
border:1px solid #dd0000;
}
#brand {
width:200px;
position:relative;
height:91px;
}
#brand img {
position:absolute;
left:250px;
top:0;
}
#brand h2, #brand p {
position:absolute;
text-indent:-9999px;
}


/*-NAVIGATION SETTINGS-----------------------------------------------------------------------*/

#menu {
width:770px;
text-align:center;
padding:0;
margin:0;
height:1em;
}
#menu h2 {
position:absolute;
text-indent:-9999px;
}
#menu ul {
background-color:#999;
border-bottom:2px solid #666;
}
#menu li {
list-style:none;
display:inline;
}
#menu li a {
margin:0 10px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0.2em 5px 0.2em 25px;
background-image:url(/images/layout/redled.png);
background-repeat:no-repeat;
background-position:6px 50%;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
background-image:url(/images/layout/redover.png);
text-decoration:underline;
}
body.hom #menu ul li.hom a,
body.tes #menu ul li.tes a,
body.tra #menu ul li.tra a,
body.app #menu ul li.app a,
body.fin #menu ul li.fin a,
body.con #menu ul li.con a {
color:#000;
background-image:url(/images/layout/redover.png);
text-decoration:none;
}
/*-LAYOUT SETTINGS-----------------------------------------------------------------------*/

html {
background-color:#ccc;
background-image:url(/images/footer/bg.png);
padding-bottom:30px;
}
#container {
position:relative;
background-color:#fff;
width:770px;
margin:0 auto;
overflow:hidden;
}
#content {
margin:30px 0;
padding:0;
}

/*-HOMEPAGE SETTINGS-----------------------------------------------------------------------*/

body.hom #content p#welcome {
margin:0 30px 0 30px;
font-size:85%;
}

body.hom #content h1 {
margin:0 30px 30px 30px;
border:0;
}
#content .homebox {
display:block;
float:left;
background-color:#999;
width:216px;
height:176px;
overflow:hidden;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin:0 0 30px 0;
padding:0;
background-repeat:no-repeat;
background-position:right bottom;
}
#content #test {
margin-left:15px;
background-image:url(/images/home/training.jpg);
}
html>body #content #test {
margin-left:30px;
background-image:url(/images/home/plug.png);
}
#content #training {
margin-left:30px;
margin-right:30px;
background-image:url(/images/home/training.jpg);
}
#content #apply {
margin-right:30px;
background-image:url(/images/home/apply.png);
}

#content .homebox:hover {
cursor:pointer;
}
#content .homebox h2 {
margin:0 0 0 0;
padding:3px 10px 1px 10px;
background-color:#fd160b;
color:#fff;
border-bottom:1px solid #666;
font-size:140%;
text-transform:uppercase;
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
border-radius:10px 10px 0 0;
}
#content .homebox p {
margin:0;
padding:5px 10px 10px 10px;
font-size:80%;
color:#fff;
width:50%;
}
#content .homebox p.go {
position:absolute;
bottom:5px;
left:10px;
font-weight:bold;
padding:0;
font-size:130%;
}
#content .homebox p.go a:link, #content .homebox p.go a:visited {
color:#fff;
text-decoration:none;
}
#content .homebox p.go a:hover, #content .homebox p.go a:active, #content .homebox p.go a:focus {
color:#66ff66;
text-decoration:none;
}
#content .homebox p.go .arrow {
color:#f3011a;
font-size:80%;
}


/*-TEST PAGE SETTINGS-----------------------------------------------------------------------*/

#content #pretesttraining {
background-color:#eee;
margin:1.5em 30px 1.5em 30px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:0 0 10px 0;
border:1px solid #f3011a;
}
#content #pretesttraining h2, #content #pretesttraining p {
margin-left:15px;
margin-right:15px;
}
#content #pretesttraining h2 {
margin-top:0.7em;
color:#f3011a;
}
#content #pretesttraining a {
font-weight:bold;
}
#content #applybox {
margin:15px 0 30px 0;
float:right;
width:266px;
}
#content #applybox dl {
background-color:#999;
margin-bottom: 5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:15px 20px 10px 20px;
color:#fff;
}
#content #applybox dt {
width:5.5em;
font-size:90%;
}
#content #applybox dd {
font-weight:bold;
font-size:90%;
}
#content .button a {
background-color:#f3011a;
font-weight:bold;
display:block;
padding:0.2em;
text-align:center;
-moz-border-radius:15px;
-webkit-border-radius:10px;
border-radius:15px;
font-size:120%;
text-decoration:none;
border-right:1px solid #666;
border-bottom:1px solid #666;
}
#content .button a:link, #content .button a:visited  {
color:#fff;
}
#content .button a:hover, #content .button a:active, #content .button a:focus  {
background-color:#ff011a;
text-decoration:underline;
}
#content #panorama {
width:706px;
height:250px;
border:1px solid #999;
margin: 30px;
position:relative;
z-index:5;
}
#threesixty {
position:absolute;
z-index:10;
right:15px;
}

/*-TRAINING PAGE SETTINGS-----------------------------------------------------------------------*/

#content table td.section {
width:15%;
font-weight:bold;
text-align:center;
}
#content table td .answer {
margin-top:0.5em;
}
#content table td .target {
font-style:italic;
font-size:95%;
}
#content table td p, #content table td li {
font-size:95%;
margin-left:0;
}
#content table .instruction {
font-weight:normal;
}
#content #testtable {
margin-bottom:1.5em;
}

.tra #content {
background:url(/images/layout/books.png) no-repeat bottom right;
}

/*-TABLE SETTINGS-----------------------------------------------------------------------*/

#content table {
width:706px;
border-collapse:collapse;
margin:0.5em 30px;
}
#content th, #content td {
padding:0.3em 0.5em;
text-align:left;
border:1px solid #ddd;
}
#content table th {
font-size:85%;
font-weight:bold;
background-color:#ddd;
}
#content table td {
font-size:85%;
}
#content table .stripe {
background-color:#feebd6;
}

/*-CONTACT FORM SETTINGS-----------------------------------------------------------------------*/

form {
background-color:#eee;
padding:15px 15px 10px 15px;
border:1px solid #ddd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin:0 30px;
}
#content form p {
margin-left:10px;
}
form .invalid {
color: #f13d0d;
}
form .details input {
width:250px;
}
form .short input {
width:150px;
}
form .info {
margin-left:0.5em;
font-size:90%;
font-style:italic;
}
form p.info {
font-size:85%;
}
form .submit input {
width:6em;
margin-top:0.5em;
}
form label.error, form label.errors {
color:#e30915;
display:inline;
margin-left:0.3em;
padding-left:19px;
background-image:url(/Training4Careee/images/alerticon.png);
background-repeat:no-repeat;
background-position:left;
font-size:90%;
}
form .details label.leftlabel {
display:block;
float:left;
width:10em;
}
form legend {
line-height:1.6;
font-weight:bold;
font-size:85%;
color:#f3011a;
}
#content form fieldset.enquiry p label.leftlabel {
float:left;
}
form textarea {
margin-top:-0.5em;
}
form fieldset {
border:1px solid #ddd;
padding:0.5em 10px 0 10px;
margin-bottom:1em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#content p.sectionbreak {
border-top:1px dashed #999;
margin-top:30px;
padding-top:1em;
}

/*-FOOTER SETTINGS-----------------------------------------------------------------------*/

#footer {
width:750px;
border-top:1px solid #f3011a;
clear:both;
font-size:80%;
position:relative;
color:#666;
padding:16px 10px;
background-color:#eee;
background-image:url(/images/footer/foot-bg.png);
background-repeat:no-repeat;
background-position:center bottom;
}
#footer p {
width:550px;
line-height:1.6;
}
#footer p a {
color:#666;
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
color:#f3011a;
}
#footer a.skclogo {
position:absolute;
top:10px;
right:5px;
text-decoration:none;
}
#footer img.skclogo {
background-image:url(/images/layout/skc-logo.png);
}