@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700');

/* RESET */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
nav,
section,
header,
aside {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

ol,
ul {
    list-style: none;
}

sup,
sub {
    font-size: 75%;
}

sup {
    vertical-align: top
}

sub {
    vertical-align: baseline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    position: absolute;
    left: -9999em;
}


/* END RESET */

.clear {
    clear: both;
    height: 0;
}


/*@media screen{
 body>div#footer{
 position:fixed;
 }
 }*/

html.html-js {}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    background: #fff;
}

body.fixed-layout {
    width: 1024px;
}

h1,
h2 {
    font-family: Georgia, Times, serif;
}

a {
    color: #06c;
}

.access {
    position: absolute;
    left: -9999em;
}


/* CONTENT AREAS */


/* HEADER */

#header {
    position: relative;
    background: #0074c6;
    width: 100%;
    min-width: 1020px;
    height: 54px;
}

#header h1 {
    font-style: italic;
    font-weight: normal;
    color: #D8E1ED;
    font-size: 150%;
    padding: 14px 0;
    margin: 0 15px;
    font-family: 'Bitter', sans-serif;
}

div.header-logo {
    float: right;
    height: 31px;
    width: 149px;
    background: url(../images/nhs_hee_logo.png) no-repeat top left;
    margin: 14px 14px 0 0;
}

* html div.header-logo {
    margin-right: 15px
}

div.header-logo a {
    display: none;
}


/* NAVIGATION BAR */

#nav {
    position: relative;
    background: #eee;
    border-bottom: solid 5px #e18b11;
    width: 100%;
    min-height: 42px;
    min-width: 1020px;
}

div.nav-inner {
    height: 100%;
    width: 1000px;
    margin: 0 auto;
}

#nav h2 {
    max-width: 625px;
    padding: 10px 12px 10px 12px;
    color: #304974;
    font-size: 125%;
    font-weight: normal;
    text-shadow: 0 1px 0.4px #f4f4f4;
}

span#nav_page_title {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

span#nav_section_title {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav h2 img {
    margin: 0 2px 0 10px;
}

div.nav-inner #toolbar {
    float: right;
    margin: 7px 13px 0 0;
}

div.nav-inner #toolbar>div {
    padding: 0 3px;
    border: 0 solid red;
    float: left;
}

#nav_menu {
    width: 78px;
    margin: 0 10px 0 0;
    float: left;
}

#nav_menu .btn1 {
    min-width: 0;
}

#nav_menu .btn1:focus,
#nav_menu .btn1:hover {
    /*opacity:0.5; */
}

div.nav-inner #toolbar #nav_prev {
    width: 85px;
}

div.nav-inner #toolbar #nav_next {
    padding-right: 0;
    width: 65px;
}

div.nav-inner #toolbar #nav_sep {
    background: url(../images/nav_sep.gif) center bottom no-repeat;
    width: 20px;
    padding-top: 6px;
}

div.nav-inner #toolbar #nav_pos {
    width: 62px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 22px;
    text-align: center;
    text-shadow: 0 1px 0.4px #f4f4f4;
    color: #464647;
}

div.nav-inner li {
    float: left;
    margin-left: 10px;
    list-style: none;
}

div.nav-float {
    z-index: 151;
    position: inherit;
    width: 100%;
    /*margin-bottom:-25px;*/
    height: 15px;
    background: url(../images/shadow_down.png) top left repeat-x;
    border: 1px solid blue;
}

* html div.nav-float {
    background: none;
    display: none;
    height: 0;
}

div.progress {
    visibility: hidden;
    z-index: 151;
    position: relative;
    top: 15px;
    width: 1000px;
    margin: 0 auto 0 auto;
}

div.progress-js {
    visibility: visible;
}

div.progress-back {
    position: absolute;
    right: 12px;
    width: 220px;
    height: 19px;
}

div.progress-outer {
    z-index: 190;
    position: relative;
    width: 216px;
    height: 10px;
    background-color: #eeeeef;
}

div.progress-inner {
    width: 33%;
    height: 10px;
    background-color: #0091c9;
    font-size: 0;
}

* html div.progress {
    display: none;
}


/* BUTTONS */

.btn1 {
    cursor: pointer;
    text-align: center;
    display: block;
    min-width: 60px;
    text-decoration: none;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.btn1 {
    float: right;
    background-color: #a00054;
}

.btn-prev-off,
.btn-next-off {
    float: right;
    background-color: #ccc;
    cursor: default;
}

.btn1 span,
.btn-prev-off span,
.btn-next-off span {
    padding: 3px 5px 4px;
    text-align: center;
    position: relative;
    left: 1px;
    top: 0px;
    display: block;
    text-decoration: none;
    color: #fff;
}

#nav_menu .btn1 span {
    padding: 3px 2px 4px;
}

.btn1:hover {
    background-color: #600032;
}

.btn-prev-off:hover,
.btn-next-off:hover {
    background-color: #ccc;
}

#nav_menu .btn-menu span .btn-icon {
    display: inline;
    background: url(../images/nav_menu_icon.png) left no-repeat;
    padding: 4px 10px 3px 24px;
}

#nav_menu .btn-menu.open span .btn-icon {
    background-image: url(../images/nav_menu_icon.png);
}

.btn-prev span .btn-icon {
    display: inline;
    background: url(../images/nav_previous_arrow.png) left no-repeat;
    padding: 5px 7px;
}

.btn-next span .btn-icon {
    display: inline;
    background: url(../images/nav_next_arrow.png) right no-repeat;
    padding: 5px 7px;
}

.btn-prev-off span .btn-icon {
    display: inline;
    background: url(../images/nav_previous_arrow.png) left no-repeat;
    padding: 5px 7px;
}

.btn-next-off span .btn-icon {
    display: inline;
    background: url(../images/nav_next_arrow.png) right no-repeat;
    padding: 5px 7px;
}


/* FOOTER */

#footer {
    position: fixed;
    bottom: 0;
    z-index: 103;
    border-top: solid 5px #e18b11;
    clear: both;
    width: 100%;
    font-size: 85%;
    color: #555;
    min-width: 1020px;
    height: 45px;
    margin-bottom: 0;
    padding-bottom: 0;
    background: #eeeeee;
}

#footer a {
    color: #555;
    text-decoration: underline;
}

body #footer a.access-on {
    display: inline;
}

body #footer a.access-off {
    display: none;
}

#footer a.access-switch {
    margin-left: 5px;
}

#footer a.access-switch:hover,
#footer a.access-switch:focus {
    opacity: 0.7;
}

div.footer-tools {
    text-align: right;
    float: right;
    padding: 16px 10px 0 0;
}

div.footer-tools li img {
    vertical-align: middle;
}

div.footer-copy {
    height: 35px;
    margin-left: 10px;
}

div.footer-copy img {
    float: left;
    margin-right: 5px;
    border: 1px solid #aaa;
    margin-top: 2px;
}

div.footer-copy img.no-border {
    border: none;
    border-width: 0px;
}

div.footer-copy span {
    padding: 16px 10px 0 0;
    display: block;
}

#footer li {
    display: inline;
    margin: 0;
    padding: 0 6px 3px 9px;
    border-left: solid 1px #999;
    list-style: none;
}

#footer li.tools-first {
    border: 0 none;
}

#footer_user {
    color: #999;
    font-size: 90%;
    padding: 3px 5px 0 0;
}

* html div.footer-copy,
* html div.footer-tools {
    top: 0;
}


/* MAIN CONTENT */

#content {
    position: relative;
    z-index: 99;
    width: 100%;
    /* min-width: 1004px; 
	margin-top: 93px;
	*/
    text-align: center;
    /*
    height: auto;
	background-color:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	*/
}

*+html #content
/*IE7*/

{
    padding-top: 93px;
}

#content.open {
    overflow-x: visible;
}

#content_frame {
    z-index: 104;
    /*
    width: 1000px;
	min-width: 1000px;
	height:auto;
	min-height:450px;
	*/
    display: block;
    margin: 0 auto;
    border: 0 none;
    position: relative;
}

*+html #content_frame
/*IE7*/

{}


/* MENU */

#canvas-menu {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    z-index: 105;
    overflow: visible;
    margin-bottom: 50px;
}

#canvas-menu.open {
    display: block;
}

div.menu-back {
    width: 249px;
    border: #93ABD2 solid 1px;
    border-top: none;
    border-left: none;
}

ul.menu-contents {
    width: 250px;
    font-size: 90%;
    /* height: 300px; */
    text-align: left;
}

div.menu-contents-wrapper {
    overflow: hidden;
    margin: 0;
    padding-bottom: 8px;
    /* background-color: #EAF1F8; */
    background-color: #CCE8F3;
}


/* MENU ITEMS */


/* MENU */

ul.menu-contents {
    list-style-position: outside;
    padding: 5px 0;
    vertical-align: middle
}

ul.menu-contents li {
    background: url(../images/border_dotted.gif) bottom repeat-x;
    list-style: none;
    margin-left: 5px;
    width: 92%;
}

ul.menu-contents li a {
    background: url(../images/dot_blank.gif) top left no-repeat;
    color: #1B2F48;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    margin-left: 4px;
    padding: 4px 2px 5px 11px;
    text-decoration: none
}

ul.menu-contents li.menu-section>a {
    background: url(../images/nav_arrow_down.gif) top left no-repeat;
    text-decoration: none;
    cursor: pointer;
}

ul.menu-contents li.menu-section-off>a {
    background: url(../images/nav_arrow_right.gif) top left no-repeat;
    text-decoration: none
}

ul.menu-contents a:visited {
    background: url(../images/dot_green.gif) top left no-repeat
}

ul.menu-contents li.menu-section ul {
    display: block;
}

ul.menu-contents li.menu-section-off ul {
    display: none
}

ul.menu-contents li.menu-sel {
    /* background-color: #1B2F48; */
    background-color: #0072C6;
}

ul.menu-contents li.menu-sel a,
ul.menu-contents li ul li.menu-sel a {
    /* background: url(../images/dot_blue.gif) top left no-repeat; */
    background: url(../images/dot_white.png) top left no-repeat;
    color: #FFF;
    text-decoration: none
}

ul.menu-contents ul {
    margin: 0 0 0 12px;
}

ul.menu-contents ul li {
    background: none;
    border: none;
    margin-left: 0;
    width: 98%;
}

ul.menu-contents ul li a {
    margin-left: 4px;
    padding: 3px 2px 3px 11px;
}

ul.menu-contents ul li.menu-section a {
    padding: 0;
}

ul.menu-contents ul li a {
    background: url(../images/dot_blank.gif) top left no-repeat;
    font-weight: normal
}

ul.menu-contents ul li a:visited {
    background: url(../images/dot_green.gif) top left no-repeat;
    font-weight: normal
}

ul.menu-contents ul li.menu-sel a {
    font-weight: normal
}

ul.menu-contents li a:hover,
ul.menu-contents li ul li a:hover,
ul.menu-contents li a:focus,
ul.menu-contents li ul li a:focus {
    text-decoration: underline;
}

ul.menu-contents li.menu-sel a:hover {
    text-decoration: none
}


/* LMS ERROR */

p.error {
    background: #e6e6e6 url(../images/icon_error.gif) center left no-repeat;
    border: #ccc solid 1px;
    color: #555;
    font-size: 80%;
    line-height: 1em;
    padding: 4px 4px 4px 24px;
    margin: 0 auto;
    min-height: 0;
    width: 450px;
}


/* BORDERS - FOR TESTING  
div#footer, div#nav, div#content, div#header {
	border:solid 1px green;
}

div.nav-inner {
	border:solid red 1px;
}

div.progress {
	border:solid red 1px;
}

div.footer-tools {
	border:red solid 1px;
}

div.footer-copy {
	border:red solid 1px;
}
*/


/* BOTTOM NAV 

div.footer-float {
	z-index:152;
	width:100%;
	margin-top:-25px;
	height:25px;
	background:url(../images/shadow_up.png) bottom left repeat-x;
}

* html div.footer-float {
	background:none;
	display:none;
	height:0;
}

*/


/* Dialogs */


.ui-dialog-titlebar-close .ui-icon {
    height: 26px;
    width: 26px;
    background: url(../images/dialogCross.gif) !important;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.ui-front {
    z-index: 200;
}

.ui-dialog.custom-ui-widget-content {

    border: none;
    background: #fff;
    color: #222;
}

.ui-dialog {
    padding: 0;   
}


.ui-widget-content {
    border-top: 1px dotted #E28C05;    
}


/* Ligth blue / white background */

.ui-dialog .ui-state-default,
.ui-dialog .ui-widget-content .ui-state-default,
.ui-dialog .ui-widget-header .ui-state-default {
    /* border-color: #464647; */
    /* background: #EEEEEF; */
    background: #D5D5D6;
    color: #000000;
    border:none;
}


/* Dark blue background widget header bar */

.ui-dialog .ui-widget-header {
    background: #464647;
    color: #fff;
    border:none;
}


.ui-dialog .ui-state-hover,
.ui-dialog .ui-widget-content .ui-state-hover,
.ui-dialog .ui-widget-header .ui-state-hover {
    border-color: #E28C05;
    background: #E28C05;
    color: #000;
}


.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}


/* Dark blue background widget header bar */

.ui-widget-header {
    border-color: #003964;
    background: url("../images/header_bg.png") repeat-x scroll center bottom #0072C6;
    color: #fff;
}

.ui-widget-content,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}


/* Ligth blue / white background */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: #93ABD2;
    background: url("../images/nav_bg.png") repeat-x scroll center bottom #D8E1ED;
    color: #304974;
}


/* Dark blue background */

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    border-color: #003964;
    background: url("../images/header_bg.png") repeat-x scroll center bottom #0072C6;
    color: #fff;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-color: #003964;
}

.ui-widget-content p {
    line-height: 140%;
    margin: 0 0 1em;
    min-height: 18px;
    min-width: 30px;
}

img.credit {
    padding-left: 30px;
}

div.left p {
    margin: 5px 0 5px 0;
}