/*
----------------------------------------------------------------------------------
-- Description  Basic theme (responsive) for services
-- Type         CSS/Script
-- Copyright    (c) CampusIT Limited. All Rights Reserved.
--
-- $Rev: 12112 $
-- $Id: theme-basic.css 12112 2014-05-13 11:17:50Z jnavratil $
----------------------------------------------------------------------------------
*/ 

/* Normalise */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, p, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Basic Layout */
.wrapper {margin:0 auto; padding:0 0.5em; min-width:900px; max-width:1200px;}
.header, .main, .content {overflow:auto;}
.logo {display: flex; margin-left: auto; margin-right: auto; width: 50%; padding:20px 0px 20px 0px;}
.header-custom {display: flex; justify-content: center;}
.main {width:80%; float:left;}
.tools {width:20%; float:right;}
.nav {width:15%; float:left;}
.main-page {width:85%; float:right;}
.updates {float:left;}
.footer {clear:both; text-align:center;}
.steps-mini {float:right;}


/* Skin */
body {height:100%; width:100%; font-family:Arial, sans-serif; font-size:14px; background:#ffffff url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-body.jpg) repeat;}
a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}
a:focus, input:focus, select:focus, textarea:focus {outline:1px dotted #e4b043;}
h1, h2, h3, h4 {margin:0; font-weight:normal; color:#042f5e;}
h1 {font-size:2em; padding:0 0.5em 0.5em; line-height:1.5em;}
h2 {font-size:1.5em; padding:0 0.75em 0.5em; line-height:1.5em;}
h3 {font-size:1.3em; padding:0 0.75em 0.5em; line-height:1.3em;}
.formlayout > label {float:right; text-align:right; line-height:1.2em;}
label, label a {color:#333; line-height:1.5;}
input, textarea, keygen, select, button {font-size: 12px;}
input[type=text], input[type=password] {width:100%;}
input[type=text], input[type=password], checkbox, textarea, select {border:1px solid #ddd; border-radius:2px; padding:0.75em; font-family:inherit;}
input[type=text]:hover, input[type=password]:hover, checkbox, textarea:hover, select:hover {background-color:#fafafa;}
input[type=radio], .radio {border:hidden;}
textarea, .text {font-size:1em;}
.selectlist {-webkit-appearance: menulist-button;}



.header {min-height: 6em; margin-bottom:1em; padding:0.5em 1em; background-color:#fff; border-top:1em solid #e4b043;}
/*.region {padding:1em 0.5em; background:#ffffff url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-region.jpg) no-repeat right bottom; border-top:1px dotted #ccc;}
*/.region {padding:1em 0.5em; background:#ffffff; border-top:1px dotted #ccc;}
.region, div#rollover, .steps-mini {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
.region:first-child {border-top:0;}
.region:first-of-type {border-top:0;}
.region:last-child {border-radius: 0 0 0.5em 0.5em;}
.region > .region {padding:0.5em 0; box-shadow:none; border-top:1px dotted #ccc;}
.region-message {padding-bottom:0.05em;}
.region-message h1 {padding-bottom:0;}
.main {padding-bottom:0.5em;}
.gateway .main-page .region:only-of-type {min-height:22em;}

.button-holder {padding:1.5em 0.5em 0.5em; overflow:auto; white-space:nowrap;}
.button, .button-large {display:inline-block; margin:0 0.25em; text-decoration:none; border:none; border-radius:4px; white-space:nowrap; background-image:url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-button.png);}
.button {padding: 0.4em 1.25em; font-size: 1.25em;}
.button-cancel {padding:0 0.5em; line-height:2em; color:#666;}
.button-large {font-size:1.4em; margin-top: 0.5em; padding:0.4em 2em;}
.button.hot, .button-large.hot {background-color:#042f5e; color:#ffffff;}
.button.cold {background-color:#ddd; color:#333;}
.button-large.cold {background-color:#666; color:#ffffff;}
.button.hot:hover, .button-large.hot:hover {background-image:none;}
.button.cold:hover, .button-large.cold:hover {background-image:none;}
.button:active {}
.button-small {display:inline-block; font-size: 0.9em; padding: 0.5em 1em; border-radius:4px; background-color:#ffffff; text-decoration:none; margin:0.5em 0.5em 0.5em 0;}
.button-small:hover {text-decoration:underline;}
.required {font-weight:bold; color:#757575;}
input.button {cursor:pointer;}
.textbutton {padding:0 1em; font-size:0.9em;}
.button-print {display:inline-block; font-size: 0.9em; padding: 0.5em 1em; border-radius:4px; text-decoration:none; margin:1em 0;background-color:#042f5e; color:#fff;}
.button-print:hover {text-decoration:none;}

ul {margin:0 !important;}
th {font-weight:normal; font-size: 0.9em; border-top:1px solid #eee;}
th, th a {color:#444;}
.formlayout th, .formlayout td {padding:0.5em;}
.report th, .report td {padding:0.75em 0.5em; vertical-align:top;}
.td-alt {background-color:#ffffff; border:0;}
.td-line {border-top:1px solid #eee;}
.formlayout {border-spacing:1px; width:99%; padding-bottom:0.5em;}
.formlayout .td-alt {/* border-radius:0.5em; */}
.report {margin:1em 0; border-bottom:1px solid #eee; border-spacing: 0; width:100%;}
.report-update a, .report-update-new a {padding: 0.25em 0.5em; border-radius: 0.25em; font-size: 0.9em; white-space: nowrap;}
.report-update-new a {background-color:#757575; color: #FFFFFF;}
.report-update a {color:#666;}
.subrow table {border-spacing:0; margin-left: 2em;}
.subrow table td {border-bottom: 1px solid #eee;}
.pagination {font-size:0.9em; color:#666;}
.message, .nodatafound {/*margin:0 -0.5em 1em*/; padding:0 0.5em 1em; background-color:#ffffff; border-bottom:1px solid #fff; line-height:1.5em; overflow:hidden;}
.message li {margin-left:1em;}
.nodatafound {display:block;}
.notification, .error {background-color:#F8EFEd;}
.success {background-color:#DFF0D8;}
.error {border:0 !important; padding: 0.5em;}
.hint {display:inline-block; margin:0.5em 0.5em 0; color:#666;}
.hint:before {content:"";}
.error, .hint {font-size: 0.9em;}
.category {color:#042f5e; font-size:1.3em;}
.expired {color:#666;}
.activity {display:inline-block; margin:0 0.25em 0.5em; padding:0.5em 1em; color:#fff; background-color:#757575;  font-size:1em; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:0 0.5em 0 0; }
.activity:hover {position:relative; top:1px;}
.filter {margin:0 0.5em 0.5em;}
.social, .price {display: block; float: right; margin: 0.5em 0.5em 1em;}
.price {color:#000; font-size:1.3em; font-weight:bold;}
.small {font-size:0.9em; color:#444;}
.course-select {float:right; width:15em; margin-top:-4em;}

.pad-side {padding:0 0.5em;}
.pad-box {padding:0.5em;}

.nav {margin-top:1em;}
.nav li {list-style-type:none; line-height:2.5em; margin-bottom:0.5em;  background:#042f5e url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-menu.png) no-repeat right bottom; border-radius: 0.5em 0 0 0.5em;}
.nav li.active {background-color:#e4b043;}
.nav li:hover {background-image:none;}
.nav li.active:hover {background:#e4b043 url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-menu.png) no-repeat right bottom;}
.nav li a {display:block; padding:0 1em; height:100%; color:#fff; text-decoration:none; text-transform: uppercase;}
.nav-count {padding: 0 4px; color:#042f5e; background-color:#fff; border-radius:50%;}

.user {height: 3.5em; min-width: 12em; margin:0 0 0.5em 1em; background-color:#042f5e; white-space:nowrap; /* min-height:3.5em; */}
.person {text-align:right;}
.person img {padding-left:0.5em;float:right; height:3.5em;}
.person br {clear:none !important;} /*Apex fix*/
.name {font-size:1em; line-height:1.75em; white-space:nowrap;border-bottom:1px dotted #fff;}
.name:hover, .logout:hover {border-bottom:1px solid #fff;}
.name, .logout {color:#fff; text-decoration: none;}
.updates {margin:0.2em; padding:0.3em; text-decoration:none; background-color:#757575; color:#fff; border-radius:50%;}
.updates:hover {position:relative; top:1px;}
.number, .new {display:block;}
.number {font-weight:bold; font-size:1.5em; line-height:1em;}
.new {padding-bottom:0.2em; border-bottom: 1px dotted #FFFFFF; font-style:italic; line-height:0.6em;}

.menu {margin:0;}
.menu h2 {background:#ed8642; margin-left:1em; padding:0.5em; color:#ffffff; font-size:1em;}
.menu ul {list-style-type:none;}
/*.menu .service-info {padding:0.5em 0.5em 0.5em 1.5em; line-height:1.5em; background:#E1E1E1 url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-menu.png) no-repeat right bottom; border-right:0.5em solid #e4b043; text-shadow:1px 1px 0 #eee;}
*/.menu .service-info {margin-left:1em; padding:0.75em; line-height:1.5em; background:#ffffff; text-shadow:1px 1px 0 #eee;}

.menu .course-info {font-style:italic;font-size: 0.9em;}

.smart-links, .steps {margin:1em 0 0 1em; padding:0.75em;}
.smart-links {background-color:#e4b043;}
.steps {background-color:#ffffff;}
.smart-links a, .steps li {display:block; padding:0.5em 0.5em 0.5em 0.5em; color:#000; text-decoration:none;}
.smart-links a {padding-right:2em; background:#fff url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/smart-link.png) no-repeat 95% center; border-top:1px dotted #999;}
.steps li {background-color:#fff; border-top:1px dotted #e1e1e1; list-style-type:none;}
.steps .completed {color:#757575;}
.steps .current {background-color:#757575; color:#fff; border-top:0;}
.smart-links a:first-child, .steps li:first-child {border-top:none;}
li.current + li {border-top:none;}
.smart-links a:hover {background-color:#f5f5f5;}
.steps-mini {display:none; margin:-3em 0 0 0; padding:0.5em 1em; color:#fff; background-color:#757575; font-style:italic;}
.steps-mini li {list-style-type:none;}
.step-number {padding:0 0.2em 0 0.1em; font-weight:bold; background-color:#fff; border-radius:50%;}

.footer {width:60%; margin:0 auto; padding:0 1em; font-size:0.9em; line-height:1.5em; /*color:#333;*/ overflow:auto; text-shadow:1px 1px 0 #fff;}
div#rollover {padding:1em; background-color:#FFFFFF; width:auto; min-width:250px; max-width:400px; position:absolute; border:1px solid #ccc;}

.shadow {display:none; z-index:999; position:fixed; left:0; top:0; width:100%; height:100%; margin:0; padding:0; border:none; background:transparent url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/bg-shadow.png) repeat;}
.region, .menu, .steps, .steps-mini, .smart-links {position:relative; z-index:1000;}

/*Checkout*/
.checkout {opacity: 0;  width: 0px; position: fixed; height:100%; top:0; right:0; z-index: 1002;  margin-left:1em; padding:0.5em; background-color:#ffffff; box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);}
.checkout h2 {color:#000; font-weight:normal; font-size:inherit; text-transform:uppercase; padding: 0.75em 1em; margin: -0.5em; background-color: #e1e1e1; text-align: right;}
.checkout-report {margin:0.5em 0; border-spacing: 0px; width: 100%; }
.checkout-report td {padding:0.75em 0.5em; vertical-align:top;}
.checkout-report td.alt {border-bottom:1px solid #eee; padding-top:0; font-size:0.9em;}
.checkout-report tr:last-child { display: none}
.checkout-report tr:nth-last-child(2) { display: none}
.checkout-report a {float: right}
.checkout-flag {text-transform:uppercase; font-size:0.9em; color:#757575;}
.cart-total {display:block;font-size: 1.5em; margin-top: 1em; }
div#cart-items {cursor: pointer; margin-left: 1em; background: #e1e1e1; position: relative; z-index: 1001; padding: 0.5em 0.5em 0.5em 1em;}
div#cart-items #cart-right {float: right; font-weight: bold; margin-left: 0.5em;}
.cart-amount {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #757575; color: #fff; padding: 1px 6px; margin-left: 0.25em;}
.closeleft {cursor: pointer; float: left; width:21px; height:21px; background:transparent url(https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/close.png) no-repeat;}
.cart-close a { color: #000;}
.checkout-resume {margin-top: -0.5em; min-width: 12em; height: 2.5em; text-transform: uppercase;}
h3#checkout-steps {padding: 0 1em; font-size:1em; color:#666; text-transform:uppercase;}

/*Icon Font*/ @font-face {font-weight: normal; font-style: normal; font-family: 'icomoon';
	src:url('https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/fonts/icomoon.eot');
	src:url('https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/fonts/icomoon.woff') format('woff'),
		url('https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/fonts/icomoon.ttf') format('truetype'),
		url('https://d6bokzbrzz0xt.cloudfront.net/themes/8.37.0/services/fonts/icomoon.svg#icomoon') format('svg');}

.icon, .flag, .alert, .button-icon {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:16px; padding:2px 4px;}
.icon {text-decoration:none; color:#042f5e;}
.icon:hover {position:relative; top:1px;}
.icon:active {color:#e4b043;}
.flag, .alert {cursor:default; font-size:14px;}
.flag {color:#999;}
.alert {color:#757575;}
.button-icon {color:#fff; font-size:12px; padding:2px 4px 0 0;}
.button-icon, .button-icon:hover {text-decoration:none;}

.icon-info:before {content: "\e000";}
.icon-delete:before {content: "\e001";}
.icon-download:before {content: "\e002";}
.icon-edit:before {content: "\e003";}
.icon-resume:before {content: "\e004";}
.icon-view:before {content: "\e005";}
.icon-alert:before {content: "\e006";}
.icon-start:before {content: "\e007";}
.icon-blocked:before {content: "\e008";}
.icon-page:before {content: "\e009";}

/*Nav Script*/
.tinynav { display: none; }
select.tinynav {padding: 0.5em 0.5em 0.25em}
select.tinynav option {padding: 0 0.2em 0.2em;}

/*Utilities*/
.off-screen {position: absolute; left:1px; top: 1px; width:1px; height:1px; overflow:hidden;}
.float-left {float:left;}
.float-right {float:right;}
.text-right {text-align:right;}
.clear-right {clear:right;}
.clear-left {clear:left;}
.clear {clear:both;}
.nowrap {white-space:nowrap;}
.show-in-print {display:none;}
.hidden {display:none;}
.gateway h1 {margin-right: 8em;} /* Long Title Fix */

/*Overrides*/
.hideMeButHearMe {display:none;}
.ui-widget {font-size:inherit !important; font-family:inherit !important;}





/* Printing */ @media print {
body {background-color:#fff; color:#000; background-image:none;font-size:13px;}
.show-in-print {display:block;}
.hide-in-print {display:none;}
.header-custom, .shadow, .menu, .nav, .tools, .footer, .off-screen, a.button {display:none;}
.header {border:0; box-shadow:none; margin:0;}
.main, .main-page {width:100%;}
.region {box-shadow:none; background-image:none;}
.wrapper {padding:0; max-width:auto; min-width:auto; width:100%;}
h1, h2, h3 {page-break-after:avoid;}
div {float:none !important; overflow:visible !important;} /* Fixes FF printing bugs */
}








/*Media Queries - Responsive Layout*/
/*Wide*/@media screen and (max-width: 1024px) {
.wrapper {min-width:0;}
}

/*Medium*/@media screen and (max-width: 1024px) {
.main, .content { overflow:visible;}
.nav, .main-page {width:100%; float:none;}
.nav {overflow:auto; margin-top:0;}
.nav li {float:left; margin:0 0.15em 0 0; border-radius:0.5em 0.5em 0 0;}
.nav li a {padding:0 1em;}
.main-page {clear:both;}
.user {padding-right:0.25em;}
.person img, .button-print {display:none;}
.main-page .region:only-of-type {min-height:0;}
div#cart-items .cart-fee { display: none; }
}

/*Narrow*/@media screen and (max-width: 800px) {
.wrapper {padding:0;}
.header {overflow:hidden;}
.logo {width:40%;}
.logo img {max-width:100%;}
.region, .region:last-child {margin-bottom:0; border-bottom:0; border-radius:0;}
.region-message {padding-bottom:0;}
.message {margin-bottom:0;}
.main, .tools {width:100%; float:none;}
.main {padding-bottom:0;}
.header {border-radius:0;}
.wizard .header {margin-bottom:0;}
.header-custom {display:none;}
.user {position:absolute; top:0; right:0; overflow:visible; max-width:50%; background-color:#e4b043;}
.person {padding:0.2em;}
.logout {font-size:0.9em; border:0;}
.menu {margin:0;}
.menu h2 {display:none;}
.menu .service-info {border-right:0; margin-left:0; background: #E1E1E1}
.smart-links {margin:0;}
.smart-links a {margin:0;}
.steps {display:none;}
.steps-mini {display:block;}
.footer {width:100%; margin:1em 0;}
a:focus, input:focus, select:focus, textarea:focus {outline:1px solid #e4b043;}
div#cart-items {position:absolute; top:4em; right:0px;} 
.header {border-top:0;}
.wizard div#cart-items {top:0px;}
}

/*Small*/ @media screen and (max-width: 600px) {
.course-select {float:none; margin-top:0;}
.tinynav {display: block; width:95%; margin:0 auto 0.5em;}
ul#nav {display:none;}
.js .tinynav {display:block;}
.js #nav {display:none;}
}