div#center.centertime {width: 970px;}

.jcarousel-skin-sqad .jcarousel-container {
	background:url(https://www2.sqa.org.uk/images/css_bg_diagram.gif) 0 0 no-repeat;
}

.jcarousel-skin-sqad .jcarousel-container-horizontal {
	width:780px;
	padding:90px 95px 45px 95px;
}

.jcarousel-skin-sqad .jcarousel-clip-horizontal {
	width:780px;
	height:190px;
}

.jcarousel-skin-sqad .jcarousel-item {
	width:150px;
	height:110px;
}

.jcarousel-skin-sqad .jcarousel-item-horizontal {
	margin-left:0;
	margin-right:60px;
}

.jcarousel-skin-sqad .jcarousel-item-placeholder {
	background:#fff;
	color:#000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-sqad .jcarousel-next-horizontal {
	position:absolute;
	top:115px;
	right:25px;
	width:42px;
	height:64px;
	cursor:pointer;
	background:transparent url(https://www2.sqa.org.uk/images/css_diagram_next.png) no-repeat 0 0;
}

.jcarousel-skin-sqad .jcarousel-next-horizontal:hover,
.jcarousel-skin-sqad .jcarousel-next-horizontal:active {
	background-position:-42px 0;
}

.jcarousel-skin-sqad .jcarousel-next-disabled-horizontal,
.jcarousel-skin-sqad .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-sqad .jcarousel-next-disabled-horizontal:active {
	cursor:default;
	background-position:-84px 0;
}

.jcarousel-skin-sqad .jcarousel-prev-horizontal {
	position:absolute;
	top:115px;
	left:25px;
	width:42px;
	height:64px;
	cursor:pointer;
	background:transparent url(https://www2.sqa.org.uk/images/css_diagram_prev.png) no-repeat 0 0;
}

.jcarousel-skin-sqad .jcarousel-prev-horizontal:hover,
.jcarousel-skin-sqad .jcarousel-prev-horizontal:active {
	background-position:-42px 0;
}

.jcarousel-skin-sqad .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-sqad .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-sqad .jcarousel-prev-disabled-horizontal:active {
	cursor:default;
	background-position:-84px 0;
}

/**
 * Additional styles for the controls.
 */
.jcarousel-control {left: 50%;}
.jcarousel-control ul.pagination {padding:0;margin:0;float:left;}

.pagination {height: 1px;}

.content ul.pagination li {padding: 0;}

.content ul.pagination li {
	display:block;
	height:21px;
	width:33px;
	color:#fff;
	float:left;
	text-align:center;
	font-weight:bold;
	margin:0 10px 0 0;
	line-height: 21px;
}

.content ul.pagination li a {
	display:block;
	width:33px;
	height:21px;
	color:#fff;
	text-decoration:none;
	-moz-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-border-radius:6px;
	-webkit-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius:6px;
}

.content ul.pagination a:hover,
.content ul.pagination li.active {
	background: #82b15d; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b15d', endColorstr='#578632'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82b15d), to(#578632)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #82b15d, #578632); /* for firefox 3.6+ */
	-moz-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-border-radius:6px;
	-webkit-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius:6px;
	color:#fff;
}

.content ul.pagination a:focus,
.content ul.pagination a:active {
	background: #82b15d; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b15d', endColorstr='#578632'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82b15d), to(#578632)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #82b15d, #578632); /* for firefox 3.6+ */
	-moz-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-border-radius:6px;
	-webkit-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius:6px;
}

.jcarousel-scroll {
	margin-top:10px;
	text-align:center;
}

.jcarousel-scroll form {
	margin:0;
	padding:0;
}

.jcarousel-scroll select {
	font-size:75%;
}

#mycarousel-next,
#mycarousel-prev {
	cursor:pointer;
	margin-bottom:-10px;
	text-decoration:underline;
	font-size:11px;
}



#diagram-small {
	background: url(https://www2.sqa.org.uk/images/cfe-diagram-small-bg.jpg) no-repeat 0 0;
	width:511px;
	height:90px;
	margin: 1.5em 0;
	position: relative;
}

#diagram-small ul {
	padding-top:62px;
	padding-left: 42px;
	margin-left:0;
}

#diagram-small.items10 ul {margin-left: 0 !important;}
#diagram-small.items9 ul {margin-left: 22px !important;}
#diagram-small.items8 ul {margin-left: 43px !important;}
#diagram-small.items7 ul {margin-left: 64px !important;}
#diagram-small.items6 ul {margin-left: 86px !important;}

#diagram-small ul li {
	position: relative;
	cursor:pointer;
}

#center #diagram .jcarousel-clip ul li {
	-moz-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-border-radius:6px;
	-webkit-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius:6px;
	padding: 0;
}

#center #diagram .jcarousel-clip ul li a {
	display:block;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	text-decoration:none;
	line-height:1.1;
	background:url(https://www2.sqa.org.uk/images/cfe_diagram_plus.gif) no-repeat right top;
	position: relative;
	width:150px;
	height:110px;
}

#center #diagram .jcarousel-clip ul li a span {
	position: absolute;
	display:block;
	bottom: 10px;
	left: 15px;
	width: 125px;
}



#center #diagram .jcarousel-clip ul li.colored-block-1,
#center ul li.colored-block-1{
	background: #55c3d9; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55c3d9', endColorstr='#2390a6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#55c3d9), to(#2390a6)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #55c3d9, #2390a6); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-2,
#center ul li.colored-block-2{
	background: #59bfd7; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bfd7', endColorstr='#278ca4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#59bfd7), to(#278ca4)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #59bfd7, #278ca4); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-3,
#center ul li.colored-block-3{
	background: #5fbbd6; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fbbd6', endColorstr='#2c88a3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#5fbbd6), to(#2c88a3)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #5fbbd6, #2c88a3); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-4,
#center ul li.colored-block-4{
	background: #65b6d4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b6d4', endColorstr='#3283a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#65b6d4), to(#3283a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #65b6d4, #3283a1); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-5,
#center ul li.colored-block-5{
	background: #6cb0d1; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb0d1', endColorstr='#397e9f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6cb0d1), to(#397e9f)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #6cb0d1, #397e9f); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-6,
#center ul li.colored-block-6{
	background: #74abcf; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74abcf', endColorstr='#41789c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#74abcf), to(#41789c)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #74abcf, #41789c); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-7,
#center ul li.colored-block-7{
	background: #7aa6cd; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7aa6cd', endColorstr='#47739b'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7aa6cd), to(#47739b)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7aa6cd, #47739b); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-8,
#center ul li.colored-block-8{
	background: #81a1cb; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81a1cb', endColorstr='#4e6f98'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#81a1cb), to(#4e6f98)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #81a1cb, #4e6f98); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-9,
#center ul li.colored-block-9{
	background: #879cc9; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#879cc9', endColorstr='#546997'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#879cc9), to(#546997)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #879cc9, #546997); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-10,
#center ul li.colored-block-10{
	background: #8c98c9; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c98c9', endColorstr='#596596'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8c98c9), to(#596596)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #8c98c9, #596596); /* for firefox 3.6+ */
}
#center #diagram .jcarousel-clip ul li.colored-block-11,
#center ul li.colored-block-11{
	background: #9194c7; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9194c7', endColorstr='#5e6194'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9194c7), to(#5e6194)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #9194c7, #5e6194); /* for firefox 3.6+ */
}

#diagram-small ul li:hover,
#center #diagram .jcarousel-clip ul li.hover,
#center ul.pagination li.hover {
	background: #82b15d; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b15d', endColorstr='#578632'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82b15d), to(#578632)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #82b15d, #578632); /* for firefox 3.6+ */
}

#center #diagram .jcarousel-clip ul li.active {
	background: #82b15d; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b15d', endColorstr='#578632'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82b15d), to(#578632)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #82b15d, #578632); /* for firefox 3.6+ */
}

#diagram-small div.heading {
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	font-size:15px;
	text-align: center;
	position: absolute;
	padding: 0 10px;
	height: 35px;
	-moz-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-border-radius:5px;
	-webkit-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:5px;
	box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	left:50%;
	top:13px;
	background: #82b15d; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b15d', endColorstr='#578632'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82b15d), to(#578632)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #82b15d, #578632); /* for firefox 3.6+ */
	overflow:hidden;
}

#diagram-small div.arrow {
	width: 17px;
	height: 8px;
	background: url(https://www2.sqa.org.uk/images/cfe_diagram_small_arrow.gif) no-repeat 0 0;
	position: absolute;
	top: 48px;
}

.pagination li {
	-moz-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-border-radius:6px;
	-webkit-box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius:6px;
	overflow:visible;
}

/*rounded corners for IE*/
.maskTopLeft,
.maskTopRight,
.maskBottomLeft,
.maskBottomRight {
	width: 4px;
	height: 4px;
	overflow: hidden;
	position: absolute;
}

.maskTopLeft {top:0;left:0;background-position: 0 0;}
.maskTopRight {top:0;right:0;background-position: -4px 0;}
.maskBottomLeft {bottom:0;left:0;background-position: 0 -4px;}
.maskBottomRight {bottom:0;right:0;background-position: -4px -4px;}
* html .maskTopRight,
* html .maskBottomRight {right: -1px;}
* html .maskBottomLeft,
* html .maskBottomRight {bottom: -1px;}

#diagram .jcarousel-clip ul li {position: relative;}
#diagram .jcarousel-clip ul li div.roundedMask {background-image: url(https://www2.sqa.org.uk/images/rounded-corner-masks/cfe-diagram-large-block.gif);}
.pagination li div.roundedMask {background-image: url(https://www2.sqa.org.uk/images/rounded-corner-masks/cfe-diagram-pagination.gif);}
#diagram-small div.heading .roundedMask {background-image: url(https://www2.sqa.org.uk/images/rounded-corner-masks/cfe-diagram-small-heading.gif);}

#modalOverlay {
	position: fixed;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.6);
	zbackground: url(https://www2.sqa.org.uk/images/overlay-white-60.gif);
	display:none;
	z-index: 200;
}

#modalWindow {
	background: #333333;
	position: fixed;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	color:#fff;
	top: 80px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 0px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.45);
	box-shadow: 0 0 5px rgba(0,0,0,0.45);
	display:none;
	overflow:auto;
	z-index: 201;
}

#modalWindow a {color: #fff;}

#modalWindow ul li {
background: url("https://www2.sqa.org.uk/images/css_bullet_white.gif") no-repeat scroll 0 0.5em transparent;
padding: 2px 0 2px 12px;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #modalWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 100 + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

* html #modalOverlay {
     position: absolute;
     top: expression(document.documentElement.offsetHeight - document.body.clientHeight);
	 height: expression(document.body.clientHeight);
}

#modalClose {
	width:22px;
	height:22px;
	position: absolute;
	top:11px;
	right:12px;
	background:url(https://www2.sqa.org.uk/images/modal-close-333333.gif) no-repeat 0 0;
	text-indent:-999em;
	border: 0;
	cursor: pointer;
}

#modalContent {padding: 0 15px;text-align:left;color:#fff;}

#modalContent h1,
#modalContent h2,
#modalContent h3,
#modalContent p {color:#fff;}

#modalContent h2 {
	border: 0 none;
    font-size: 1.6em;
    margin: 16px 0 13px 0;
}

.loading{
position: absolute;
left:50%;
top:50%;
margin-left:-16px;
margin-top: -16px;
}