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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: none;
	border: 0px none;
	margin: 0px;
	outline: 0px none;
	padding: 0px;
}
html, body {
	height: 100%;
	position: relative;
}
body, textarea, input, select, button, a.button {
	margin: 0px;
	padding: 0px;
	font-family: "Arial Narrow",Arial,"AvenirNextCondensed-Regular","Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,san-serif;
	font-stretch: condensed;
	font-size: 13px;
}
button, input[type=submit] {
	padding: 1px 6px;
}
body, textarea {
	line-height: 1.4em;
}
body {
	min-width: 760px;
	background: rgb(249,249,249) url('/images/bg-lt.png') repeat;
}
table {
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

ul {
    list-style: none outside none;
}
ul li {
    display: inline-block;
}
a {
    text-decoration: none;
}
p.center {
	text-align: center
}

#outer {
    position: relative;
    width: 100%;
    height: 100%;
}
#outer .iWrapper {
    position: relative;
    padding: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

#content {
    margin-top: 10px;
    border: 1px solid rgb(154,154,154);
    background-color: rgb(250,250,250);
    min-height: calc(100% - 53px);
}

#content > .pageInner {
	padding: 8px 12px;
    position: relative;
}

.locker {
    position: fixed;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;

    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;

    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;

    display: box;
    box-align: center;
    box-pack: center;

	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	         user-select: none;

    z-index: 99999;
}

.panel {
    position: absolute;
    z-index: 9999;
    box-shadow: 0px 0px 8px #aaa;
	display: none;

    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .15s linear;
     -moz-transition: opacity .15s linear;
     -o-transition: opacity .15s linear;
     -ms-transition: opacity .15s linear;
     transition: opacity .15s linear;
}

.panel h1 {
    font-size: 16px;
}
.panel.visible {
    opacity: 1;
    visibility: visible;
	display: block;
}
.panel .inner .resize {
    background: url('/images/icons/icon_resize.gif') no-repeat 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    cursor: se-resize;
}
    .panel.docked .inner .resize {
        display: none;
    }
.panel .close {
    content: 'X';
    position: absolute;
    top: 8px;
    right: 6px;
    width: 24px;
    height: 24px;
    color: rgb(255,255,255);
    background: url('/images/icons/panel-close.png') no-repeat 0px 0px;
    cursor: pointer;
}
.panel .fullScreen {
	content: '';
	position: absolute;
	top: 8px;
	right: 36px;
	width: 24px;
	height: 24px;
	color: rgb(240,240,240);
	background: url('/images/icons/panel-maximise.png') no-repeat 0px 0px;
	cursor: pointer;
}
.panel:-webkit-full-screen .fullScreen {
	background: url('/images/icons/panel-minimise.png') no-repeat 0px 0px;
}
.panel:-moz-full-screen .fullScreen {
	background: url('/images/icons/panel-minimise.png') no-repeat 0px 0px;
}
.panel:-ms-full-screen .fullScreen{
	background: url('/images/icons/panel-minimise.png') no-repeat 0px 0px;
}
.panel:-o-full-screen .fullScreen {
	background: url('/images/icons/panel-minimise.png') no-repeat 0px 0px;
}
.panel:full-screen .fullScreen{
	background: url('/images/icons/panel-minimise.png') no-repeat 0px 0px;
}

.panel .pin {
    content: '';
    position: absolute;
    top: 8px;
    right: 36px;
    width: 24px;
    height: 24px;
    color: rgb(255,255,255);
    background: url('/images/icons/panel-pin.png') no-repeat 0px 0px;
    cursor: pointer;
}
.counter {
    position: absolute;
    text-align: center;
    top: 8px;
    left: 6px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    font-weight: bold;
    color: rgb(193,0,0);

    background: url('/images/icons/panel-empty.png') no-repeat 0px 0px;
}

.panel .loading {
    position: absolute;
    width: 100%; height: 100%;
    background: rgba(255,255,255, 0.7) url('/images/loading-large.gif') no-repeat 50% 50%;
    left: 0px; top: 0px;
}

.msgBox {
    width: 350px;
}
.msgBox, .panel {
    min-height: 50px;
    background-color: rgb(250,250,250);
    border-radius: 9px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    .panel.docked {
        background-color: rgba(250,250,250, 0.5);
        -webkit-transition: all .15s linear;
        -moz-transition: background .15s linear;
        -o-transition: background .15s linear;
        -ms-transition: background .15s linear;
        transition: background .15s linear;
        min-height: 37px;
        height: 37px;
    }
    .panel.docked:hover {
        background-color: rgb(250,250,250);
        height: auto;
    }
    .panel.docked.bottom {
        border-radius: 9px 9px 0px 0px;
        width: 90%;
        margin: 0px 5%;
        bottom: 0px;
    }
    .panel .inner {
        position: relative;
    }
.msgBox header, .panel header {
    background-color: rgb(0,0,0);
    color: rgb(240,240,240);
    padding: 10px 0px;
    border-radius: 9px 9px 0px 0px;
}
    .panel.docked header {
        opacity: 0;
        visibility: hidden;
        height: 17px;
        -webkit-transition: opacity .15s linear;
        -moz-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        -ms-transition: opacity .15s linear;
        transition: opacity .15s linear;
        overflow: hidden;
        cursor: pointer;
    }
    .panel.docked:hover header {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .msgBox header, .msgBox header h1, .panel header, .panel header h1 {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
.msgBox h1, .panel header {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}



.panel p, .msgBox p {
    text-align: center;
    margin: 12px 14px 8px;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.msgBox input[type=text] {
    text-align: center;
    width: 94%;
    margin: 0px 2.5%;
}
.msgBox input[type=text], .panel input[type=text], .panel input[type=number], .panel input[type=email], .panel input[type=tel], .panel select {
	font-size: 16px;
}
.msgBox footer, .panel footer {
    padding: 10px 12px;
    text-align: center;
}
.msgBox footer a, .panel footer a {
    display: inline-block;
    width: 138px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0px 12px;
    padding: 8px 0px;
    border-radius: 10px;
    background-color: black;
    color: rgb(250,250,250);
    cursor: pointer;
    text-shadow: 0px 1px 5px rgb(0,0,0);
}
.msgBox a:first-child, .panel a:first-child {
    margin-left: 0px;
}
.msgBox a:last-child, .panel a:last-child {
    margin-right: 0px;
}
.msgBox a.cancel:hover, .panel a.cancel:hover {
    background-color: rgb(240,0,0);
}
.msgBox a.ok:hover, .panel a.ok:hover {
    background-color: rgb(51,204,0);
}


/*
 * Main drop down menu
 */
#mainNav {
    background: rgb(0,0,0);
    font-size: 16px;
    padding: 10px 14px;
    border-radius: 8px;
    position: relative;
}
#mainNav input[type=checkbox] {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
#mainNav, #mainNav a {
    color: rgb(240,240,240);
}
#mainNav li {
    padding-right: 13px;
    position: relative;
}
#mainNav li.home {
    padding-right: 35px;
    font-weight: bold;
}
#mainNav li.home a img {
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}
#mainNav li ul {
    z-index: 100001;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background-color: rgb(0,0,0);
    left: 15px;
    min-width: 175px;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    padding: 0px 8px 6px;
    padding-top: 13px;
}

#mainNav li:hover ul, #mainNav li input:checked + label ul {
    visibility: visible;
    opacity: 1;
}
#mainNav li ul li {
    display: block;
    padding: 4px 0px;
}
#mainNav li a {
    display: block;

}

#mainNav label:after {
    content: '\25BC';
    display: inline-block;
    padding: 2px 0px 0px 6px;
    font-size: 0.9em;
}

#mainNav a:hover, #mainNav .loggedInAs form input[type=submit]:hover, input[type=button]:hover {
    -webkit-stroke-width: 5.3px;
     -webkit-stroke-color: rgb(240,240,240);
    -webkit-fill-color: rgb(240,240,240);
    text-shadow: 0px 0px 7px yellow;
}

#mainNav .loggedInAs {
    display: block;
    position: absolute;
    top: 7px;
    right: 14px;
    font-size: 0.7em;
    line-height: 1.2em;
}
#mainNav .loggedInAs.external {
	padding-right: 48px;
}
#mainNav .loggedInAs strong {
    display: inline-block;
    width: 58px;
}
#mainNav .loggedInAs em {
    display: inline-block;
    padding-left: 58px;
}
#mainNav .loggedInAs form {
	position: absolute;
	right: -2px;
	bottom: -2px;
}
#mainNav .loggedInAs form input[type=submit], input[type=button], a.button {
	border: 0px none;
	background-color: transparent;
	color: rgb(240,240,240);
	cursor: pointer;
}
input[type=button], a.button {
	color: rgb(54,54,54);
}


/*
 * Bobble buttons
 */
.nav {
    list-style: none;
    text-align: center;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.nav li {
    position: relative;
    display: inline-block;
    margin-right: -4px; /* See: css-tricks.com/fighting-the-space-between-inline-block-elements/ */
    z-index: 1;
}
.nav:last-child li {
	margin-right: 0px;
}

.nav li:before {
    content: "";
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.nav a, .navButton a {
    display: block;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    color: #a7a7a7;
    margin: 36px;
    width: 144px;
    height: 144px;
    position: relative;
    text-align: center;
    line-height: 144px;
    border-radius: 50%;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff; /* This is the button edge */
    pointer-events: auto;
}

.nav a:before, .navButton a:before {
    content: "";
    display: block;
    background: #fff;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0px 0px;
    position: absolute;
    top: -18px;
    left: -18px;
    bottom: -18px;
    right: -18px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: inset 0px 8px 48px #ddd; /* This is the outer ring gradient */
}
.nav a.selected:before {
    background: rgba(51,204,0, 0.3) !important;
}
.nav a:after {
    background-repeat: no-repeat;
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
}

.nav a.enabled:hover, .navButton a:hover {
    text-decoration: none;
    color: #555;
    background: #f5f5f5;
}

.nav.left a:before, .navButton.left a:before {
    border-width: 0px 0px 0px 1px;
    box-shadow: inset 8px 0px 48px #ddd;
}
.nav.bottom a:before, .navButton.bottom a:before {
    border-width: 0px 0px 1px 0px;
    box-shadow: inset 0px -8px 48px #ddd;
}
.nav.right a:before, .navButton.right a:before {
    border-width: 0px 1px 0px 0px;
    box-shadow: inset -8px 0px 48px #ddd;
}

.nav.small a, .navButton.small a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 9px 14px;
    box-shadow: 0px 1px 3px #aaa, inset 0px 1px 1px #fff;
}
.nav.small a:before, .navButton.small a:before {
    border-top: 1px solid #ddd;
    border: 0px none;
    top: -7px;
    left: -7px;
    bottom: -7px;
    right: -7px;
    box-shadow: inset 0px 4px 24px #ddd;
}

.nav.medium a, .navButton.medium a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 9px 14px;
    box-shadow: 0px 1px 3px #aaa, inset 0px 1px 1px #fff;
}
.nav.medium a:before, .navButton.medium a:before {
    border-top: 1px solid #ddd;
    top: -9px;
    left: -9px;
    bottom: -9px;
    right: -9px;
    box-shadow: inset 0px 6px 28px #ddd;
}
.navButton.medium.right a:before {
    box-shadow: inset -6px 0px 28px #ddd;
}


/* The colour of the inner circle */
.roundMenu li:last-child {
    background-color: rgb(255,255,255) !important;
}
/* The colour of the outer ring (can be overwritten per segment */
.roundMenu li > div {
    background-color: maroon;
}
.roundMenu li > div:hover {
    background-color: rgb(152,152,152);
}

.roundMenu {
    position: absolute;
    display: block;
    padding: 0px; margin: 0px;
    list-style: none;
    border-radius: 100%;
    overflow: hidden;
}
.roundMenu li:last-child {
    content: '';
    display: block;
    z-index: 2;
    border-radius: 100%;
}
.roundMenu li {
    width: 100%; height: 100%;
    position: absolute;
    left: 50%; top: -50%;
    overflow: hidden;
    z-index: 1;
    -webkit-transform-origin: 0px 100%;
    -moz-transform-origin: 0px 100%;
    -ms-transform-origin: 0px 100%;
    transform-origin: 0px 100%;
}

.roundMenu li > div {
    width: 100%; height: 100%;
    border-radius: 100%;
    position: absolute;
    left: -50%; top: 50%;
    color: rgb(255,255,255);
    text-align: center;
}
.roundMenu li div > div {
    display: block;
    width: 100%; height: 100%;
    text-align: center;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}




.tipHelp-wrap, .tipInfo-wrap {
    z-index: 999999;
}
.tipHelp-wrap {
	width: 175px;
}
.tipInfo-wrap {
	max-width: 175px;
	width: auto;
}
.tipHelp-wrap .tip, .tipInfo-wrap .tip {
    background-color: rgb(250,250,250);
    box-shadow: 0px 0px 8px #aaa;
}
.tipHelp-wrap .tip {
	border-radius: 9px 9px;
}
.tipInfo-wrap .tip {
	border-radius: 4px 4px;
}
.tipHelp-wrap .tip .tip-title {
    background: rgb(0,0,0);
    color: rgb(240,240,240);
    padding: 5px 0px;
    border-radius: 9px 9px 0px 0px;
    font-weight: bold;
    text-align: center;
}
.tipInfo-wrap .tip .tip-title {
	display: none;
}
.tipHelp-wrap .tip .tip-text, .tipInfo-wrap .tip .tip-text {
    text-align: center;
}
.tipHelp-wrap .tip .tip-text {
	padding: 2px 3px;
}
.tipInfo-wrap .tip .tip-text {
	padding: 2px 5px;
}

.pdf-dwn {
	padding-left: 30px;
	background: url('/images/pdf.png') no-repeat top left;
}

.indesign {
    position: absolute;
    border: 1px solid rgb(154,154,154);
    background: rgb(255,255,255);
    top: 4px;
    right: 4px;
    padding: 8px 12px;
    text-align: center;
}