/*
----------------------------------------------------------------------------------
-- Description  Basic theme (responsive) for services
-- Type         CSS/Script
-- Copyright    (c) A Simple Design
----------------------------------------------------------------------------------
*/ 

/* Normalize */
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; }
.header, .main, .content {/*overflow:auto;*/}
.logo {float:left;}
.header-custom {float:right;}
.main {width:80%; float:left;}
.tools {width:20%; float:right;}
.nav {float:right }
.main-page {width:100%;padding-left:15px;}
.updates {float:left;}
.footer {clear:both; text-align:center;}
.steps-mini {float:right;}

/* Skin */
/* replace main background by changing the url in the body below*/
body {height:100%; width:100%; font-family:'Open Sans', sans-serif; font-size:13px; 
    background:#f7f7f7 url("https://s001-xe.cloud.elluciandemo.com/branding/quercus_bg.jpg");
	background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}

/* ------------default calendar.css, remove this when server balancing is solved and the calendar.css file loads correctly -----------------*/
/*Calendars*/  
.t5CalendarHolder {width:100%;}
.t5CalendarHolder .t5MonthTitle {color:#000; text-transform:none; font-weight:normal; text-align:left; font-family:"Open Sans", Verdana, sans-serif; text-transform:capitalize; margin: 0 0 0.6em;font-size:1.8em;}
.t5Calendar {width:100%;background-color:#EEEEEE;}
.t5Calendar .t5DayOfWeek {padding:3px;padding-left:10px;padding-right:10px;background-color:#F9F9F6;;padding-top: 8px;padding-bottom: 10px;}
.t5Calendar td {padding:4px;height:50px;width:14%;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
.t5Calendar .t5DayTitle {padding:2px;margin: -3px -3px 0 0;font-weight:bold;text-align:right;float:right;border:#ccc 1px solid;border-right:none;border-top:none; border-radius:3px; background-color:#FFFFFF;}
.t5Calendar .t5Day {vertical-align:top;}
.t5Calendar .t5NonDayTitle {text-align:right;color:#EEEEEE;font-weight:bold;}
.t5Calendar .t5NonDay {background-color:#FFFFFF;}
.t5Calendar .t5WeekendDayTitle {padding:2px;text-align:right;color:#EEEEEE;font-weight:bold;text-align:right;float:right;border:1px solid #FFFFFF;border-right:none;border-top:none; border-radius:3px;text-align:right;color:#CCCCCC;}
.t5Calendar .t5WeekendDay {padding-left: 6px;}
.t5Calendar .t5Today {vertical-align:top;border:#ccc 1px solid;background-color:#FFFFFF;padding-left: 6px; border-radius:5px;}
.t5Calendar .t5Today .t5DayTitle {background-color:#EEEEEE;}

.DefWeekCalendarHolder {width:100%;}
.DefWeekCalendarHolder .DefMonthTitle {/*font-size:18px;color:#9d0020; padding:6px 0; text-align:right;*/  color:#000; text-transform:none; font-weight:normal; text-align:left; font-family:"Open Sans", Verdana, sans-serif; text-transform:capitalize; margin: 0 0 0.6em;font-size:1.8em;}
.DefWeekCalendar {width:100%; border-bottom:none; border-left:none;}
.DefWeekCalendar .DefDayOfWeek {padding: 8px 10px 10px; white-space:nowrap;background-color:#F9F9F6; color:#333; border-right:none; font-size:0.9em;}
.DefWeekCalendar td {padding:4px;width:75px;height:30px;width:14%;background-color:#eee; border-top:none;}
.DefWeekCalendar .DefDayTitle {padding:0px;font-weight:bold;text-align:right;float:right;border:0px solid #666666;border-right:none;border-top:none;}
.DefWeekCalendar .DefDay {vertical-align:top; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;
}
.DefWeekCalendar .DefNonDay {vertical-align:top;border-right:none; border-top:none; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.DefWeekCalendar .DefToday {visibility:visable;vertical-align:top;background-color:#FFFFFF;border-left-color: #ccc;border-left-style: solid;border-left-width: 1px;border-right-color: #ccc;border-right-style: solid;border-right-width: 1px; border-top: none;}
.DefWeekCalendar .DefToday .DefDayTitle {}
.DefWeekCalendar .DefHour {width:10px;height:30px;width:5%;background-color:#FFFFFF;border-right:none; border-top:none;}
.DefWeekCalendar .DefHourTitle {width:30px;color: #222; background-color:#FFFFFF;}

.DefDayCalendarHolder {width:100%;}
.DefDayCalendarHolder .DefMonthTitle {color:#000; text-transform:none; font-weight:normal; text-align:left; font-family:"Open Sans", Verdana, sans-serif; text-transform:capitalize; margin: 0 0 0.6em;font-size:1.8em;}
.DefDayCalendar {width:100%; border:none !important;}
.DefDayCalendar .DefDayOfWeek {padding:0px;white-space:nowrap;background-color:#F9F9F6;border-right:none;}
.DefDayCalendar td {height:30px;}
.DefDayCalendar .DefDayTitle {padding:0px;font-weight:bold;text-align:right;float:right;border:0px solid #666666;}
.DefDayCalendar .DefDay {vertical-align:top;background-color:#eee; border-right: medium none; border-top: 1px solid #FFFFFF; padding:4px;}
.DefDayCalendar .DefToday {vertical-align:top;background-color:#eee; border-right: none; border-top: 1px solid #FFFFFF; padding:4px;}
.DefDayCalendar .DefToday .DefDayTitle {background-color:#FFFFFF;}
.DefDayCalendar .DefHour {vertical-align:top;width:10px;height:30px;width:5%;background-color:#FFFFFF;border-right: none; border-top: none;}
.DefDayCalendar .DefHourTitle {width:30px;background-color:#FFFFFF;}

.t5CalendarAlternative1Holder {}
.t5CalendarAlternative1Holder .t5MonthTitle {font-size:18px;color:#999999; padding:6px 0; text-align:right;}
.t5CalendarAlternative1 {border:1px solid #666666;}
.t5CalendarAlternative1 .t5DayOfWeek {padding:3px;background-color:#DDDDDD;}
.t5CalendarAlternative1 td {padding:3px;width:100px;height:100px;border:1px solid #EEEEEE;font-size:12px;}
.t5CalendarAlternative1 .t5DayTitle {font-weight:bold;text-align:right;float:left;border-right:1px solid #000000;margin-right:5px;}
.t5CalendarAlternative1 .t5Day {vertical-align:top;}
.t5CalendarAlternative1 .t5NonDayTitle {font-weight:bold;text-align:right;float:left;margin-right:5px;color:#CCCCCC;}
.t5CalendarAlternative1 .t5NonDay {border:none;}
.t5CalendarAlternative1 .t5WeekendDayTitle {font-weight:bold;text-align:right;float:left;border-right:1px solid #CCCCCC;margin-right:5px;color:#CCCCCC;}
.t5CalendarAlternative1 .t5WeekendDay {}
.t5CalendarAlternative1 .t5Today {vertical-align:top;vertical-align:top;border:#000000 3px dashed;background-color:#DDDDDD;}

.t5SmallCalenderHolder {}
.t5SmallCalenderHolder .t5MonthTitle {background-color:#EEEEEE;text-align:center;font-weight:bold;border:1px solid #000000;padding:2px;}
.t5SmallCalender .t5DayTitle {border-bottom:1px solid #CCCCCC;background-color:#EEEEEE;}
.t5SmallCalender td {width:40px;height:40px;border:1px solid #000000;font-size:12px;}
.t5SmallCalender .Ft5Day {vertical-align:top;}
.t5SmallCalender .t5DayOfWeek {background-color:#DDDDDD;}
.t5SmallCalender .t5NonDayTitle {color:#CCCCCC;border-bottom:1px solid #CCCCCC;background-color:#EEEEEE;}
.t5SmallCalender .t5NonDay {}
.t5SmallCalender .t5WeekendDayTitle {color:#CCCCCC;border-bottom:1px solid #CCCCCC;background-color:#EEEEEE;}
.t5SmallCalender .t5WeekendDay {}
.t5SmallCalender .t5Today {vertical-align:top;border:#9d0020 1px solid;background-color:#DDDDDD;}

.DefAgendaCalendar .DefMonthTitle {}
/* --- end of default calendar.css --- do not delete below this point**/


/*links*/
a {color:#0074db; text-decoration:underline;}
a:hover {text-decoration:none;}
a:focus, input:focus, input:active, select:focus, textarea:focus {outline: none; border-color:#75c5ff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
h1, h2, h3, h4 {margin:0; font-weight:normal; color:#7100eb;}
/*Typography and other styles*/
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;}
p{}
span{}
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:#f5f5f5; border:0;}
.td-line {border-top:1px solid #eee;}
.formlayout {border-spacing:1px; width:100%; padding-bottom:0.5em;}
.formlayout .td-alt {/* border-radius:0.5em; */}
.report {margin: 0; padding:1em; border:0; width:100%;}
.report-update a, .report-update-new a {padding: 0.25em 0.5em; border-radius: 6em; font-size: 0.9em; white-space: nowrap;}
.report-update-new a {background-color:#026BC8; 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: 1em; padding:0.5em 1em; line-height:1.5em; overflow:hidden;}
.message li {margin-left:1em;}
.nodatafound {display:block;}
.notification{background-color:#F8EFEd;}
.success {   color: #155724;  background-color: #d4edda;  border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem;
 border: 1px solid transparent !important; border-radius: .25rem;}
.hint {display:inline-block; margin:0.5em 0.5em 0; color:#666;}
.hint:before {content:"";}
.error, .hint {font-size: 0.9em;}
.error{   color: #721c24;   background-color: #f8d7da;   border-color: #f5c6cb;  position: relative;  padding: .75rem 1.25rem;
 border: 1px solid transparent !important; border-radius: .25rem;}
.message.notification{background:none;margin:0 !important}
.message.notification .a-Notification--error{    color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;  position: relative;   padding: .75rem 1.25rem;  border: 1px solid transparent !important; border-radius: .25rem;}
.message.notification .a-Notification--error h2{color: #721c24;padding:0 !important}
.message.notification .a-Notification--error a{color: #721c24;}
.apex-page-success .region{min-height:auto !important}
.category {color:#7100eb; 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:#026BC8;  font-size:1em; font-weight:bold; text-transform:uppercase; text-decoration:none; border-radius:6em;}
.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;}
/*form elements*/
.formlayout > label {float:right; text-align:right; line-height:1.2em;}
label, label a {color:#333; line-height:1.5;}
input[type=checkbox],checkbox {width: 20px;    border-radius: 4px;    background-color: #fff;}
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;}
input[type=text], input[type=password],textarea{ font-weight: 400; color: #333; padding: 11px 12px; border: 1px solid #dddddd;border-radius: .429em; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; height: auto; width: 100%}
select{ font-weight: 400; color: #333; padding: 11px 12px; border: 1px solid #dddddd; border-radius: .429em; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; height: auto; }
/*buttons*/
.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:6em; white-space:nowrap; }
.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:#7100eb; color:#fff;}
.button.cold {background-color:#ddd; color:#333;}
.button-large.cold {background-color:#666; color:#fff;}
.button.hot:hover, .button-large.hot:hover {background-color:#75c5ff; color:#fff;}
.button.cold:hover, .button-large.cold:hover {background-color:#75c5ff; color:#fff;}
.button:active {}
.button-small {display:inline-block; font-size: 0.9em; padding: 0.5em 1em; border-radius:6em; background-color:#7100eb; color:#fff; text-decoration:none; margin:0.5em 0.5em 0.5em 0;}
.button-small:hover {background-color:#75c5ff; color:#fff;}
.required {font-weight:bold; color:#026BC8;}
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:6em; text-decoration:none; margin:1em 0;background-color:#7100eb; color:#fff;}
.button-print:hover {text-decoration:none;}

/*region*/
.region {padding:1em 1em; background:#fff ;}
.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>div>table.report{border-bottom:1px dotted #dddddd}
.region > .region {padding:0.5em 0; box-shadow:none; border-top:1px dotted #ccc;}
.region-message {padding-bottom:0.05em;}
.wizard .main-page .region:last-child{ border:0 }

/*header container*/
.header {height:60px; margin:0; padding:0; background-color:#7100eb; border-bottom:4px solid #75c5ff;}
.header img{height:30px;margin:15px 15px 0px 15px;}

/*main*/
.main {padding-bottom:0.5em;}
.main .main-page{margin-top:20px;}
.gateway .main-page .region:only-of-type {min-height:22em;}

/*login page specific*/
#R252367732574366697{	display:block !important;	width:40%;	float:left;	background-color: #fff;    border-radius: 6px ;border-top:0;min-height:550px;	padding:25px;	margin:5% 2% 0 10%;}
#R252367732574366697 .formlayout td, #R311994630504099185 .formlayout td{text-align:left !important}
#R311994630504099185{	display:block !important;	width:40%;	float:left;	border-top:0;	background-color: #fff;	border-radius: 6px;padding:25px;	min-height:550px;	margin:5% 0 0 2%;}
#R61344419915105045,#R311995028557108108{display:none !important}

/*navigation*/
.nav {margin:-45px auto 0 auto; text-align:center;position:absolute;z-index:9999;right:20%;border:0px solid #75c5ff}
.nav li {list-style-type:none; line-height:2.5em; margin-bottom:0.5em;  display:inline-block; margin-right:15px; position:relative;background:none;border:0};
.nav li.active,.nav li:hover, .nav li.active:hover {background:none}
.nav li a {display:block; padding:0 1em ; height:100%; color:#fff; text-decoration:none; text-transform: uppercase;font-size:14px}
.nav-count {padding: 0 4px; color:#75c5ff; background-color:#fff; border-radius:50%;}
.nav li:hover:after, .nav li.active:after{	width: 25px;	height: 12.5px; border-top-left-radius: 20px;	border-top-right-radius: 20px;	background-color: #75c5ff;	content: " ";	position: absolute;	left:calc(50% - 12.5px); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
/*Nav tiny on mobile devices*/
.tinynav { display: none; }
select.tinynav {padding: 0.5em 0.5em 0.25em}
select.tinynav option {padding: 0 0.2em 0.2em;}
/*--- end navigation*/

/*right container tools */
.user, .smart-links, .menu, .steps {background-color: #fff;   border-radius: 4px;   box-shadow: 0 0 20px rgba(0,0,0,.1);  margin: 20px 15px 5px 15px;	min-height: 90px;  border-top: 10px solid #7100eb;}
.region, .menu, .steps, .steps-mini, .smart-links {position:relative; z-index:1000;}
/*user*/
.user {}
.person{text-align:right}
.person>br{clear: none !important;}
.person>a{color:#333;text-align:right}
.person>a:hover{color:#75c5ff;}
.person>img{display:none}
.person>a.name{text-decoration: none;font-size:15px;margin-bottom:5px;display:inline-block}
.person>a.name:hover, .person>a.name:hover:after{color:#75c5ff;}
.person>a.name:after{font-family: FontAwesome; content: "\f007";position: relative;right:0;top: 0;	font-size: 18px;color: #999;	margin-left: 5px;}
.person>a.logout{text-decoration: none;text-transform:uppercase}
.person>a.logout:hover, .person>a.logout:hover:after{color:#75c5ff;}
.person>a.logout:after{font-family: FontAwesome;content: "\f08b";position: relative;right:0;top: 0;	font-size: 17px;color: #999;	margin-left: 5px;}
.user { white-space:nowrap;padding:15px;}
.updates{display:block;text-decoration:none;color:#026BC8;background:none;margin:0;padding:0}
.updates:hover,.updates:hover:before{color:#75c5ff;}
.updates:before{  font-family: FontAwesome;content: "\f0a2";position: relative;left: 4px;top: 0;font-size: 18px;color: #026BC8;margin-right: 7px;}
.number, .new {display:block;text-align:center}
.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;}
.name{line-height: 1.75em;
white-space: nowrap;}
/*menu*/
.menu h2 {margin-bottom:0; padding:0 1em; color:#000; font-size:1em; font-weight:bold; text-transform:uppercase;}
.menu ul {list-style-type:none;}
.menu .service-info {padding:0.5em 0.5em 0.5em 1.5em; line-height:1.5em; text-shadow:1px 1px 0 #eee;}
.menu .course-info {font-style:italic;font-size: 0.9em;}
/*smart links*/
.smart-links{padding:1em}
.smart-links a, .steps li {display:block; padding:0.5em 0.5em 0.5em 0.5em; color:#000; text-decoration:none;}
.smart-links a { background:#fff;  border-top:1px dotted #999;}
.smart-links a:after{	font-family: FontAwesome; content: "\f054";	position: relative;	float:right; right: 0px; top: 2px;font-size: 14px; color: #999;}
.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*/
.steps { padding:1em;}
.steps li {background-color:#fff; border-top:1px dotted #e1e1e1; list-style-type:none;}
.steps .completed {color:#026BC8;}
.steps .current {background-color:#026BC8; color:#fff; border-top:0;}
.steps-mini {display:none; margin:-56px 0 0 0; padding:0.5em 1em; color:#fff; background-color:#026BC8; 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%;}

.tools .button-print{margin: 20px 15px 5px 15px;}
/* --- end right container tools */

/*footer*/
.footer {clear:both;width:60%; margin:0 auto; padding:0 1em; font-size:14px; line-height:2em; color:#333; overflow:auto; text-shadow:1px 1px 0 #fff;}
.footer .float-right{float:none !important;margin:25px 0px 5px 0}
.footer a{font-size:14px;text-decoration:none;color:#333}
.footer a:hover{color:#75c5ff}
.footer ul{display:inline-block;margin:0;padding:0;list-style-type:none;overflow:hidden}
.footer ul li{display:inline;padding-right:10px;font-size:14px;}
.footer ul.footersocial a.twitter:before{content: "\f099";font-size:18px; }
.footer ul.footersocial a.fb:before{content: "\f09a";font-size:18px; }
.footer ul.footersocial a.youtube:before{content: "\f167"; font-size:18px;}
.footer ul.footersocial a.linkedin:before{content: "\f0e1"; font-size:18px;}

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://d31es0btp5pab3.cloudfront.net/themes/8.18.0/services/bg-shadow.png) repeat;}

/*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:#026BC8;}
.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: #026BC8; color: #fff; padding: 1px 6px; margin-left: 0.25em;}
.closeleft {cursor: pointer; float: left; width:21px; height:21px; background:transparent url(https://d31es0btp5pab3.cloudfront.net/themes/8.18.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;}

/*Icons*/ 
.icon, .flag, .alert, .button-icon {font-family: 'FontAwesome'; 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:#7100eb;}
.icon:hover {position:relative; top:1px;}
.icon:active {color:#75c5ff;}
.flag, .alert {cursor:default; font-size:14px;}
.flag {color:#999;}
.alert {color:#026BC8;}
.button-icon {color:#fff; font-size:12px; padding:2px 4px 0 0;}
.button-icon, .button-icon:hover {text-decoration:none;}
.icon-info:before {content: "\f05a";}
.icon-delete:before {content: "\f00d";}
.icon-download:before {content: "\f019";}
.icon-edit:before {content: "\f044";}
.icon-resume:before {content: "\f01e";}
.icon-view:before {content: "\f06e";}
.icon-alert:before {content: "\f06a";}
.icon-start:before {content: "\f04b";}
.icon-blocked:before {content: "\f05e";}
.icon-page:before {content: "\f0f6";}
/* --- end icons*/ 

/*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;}

/*fixes*/
#apex_layout_40028237845150256 td.td-alt{width:20% !important}
#apex_layout_466533730650006478  {width:60% !important;margin:0 auto}
#apex_layout_466533730650006478 td:first-child{width:70%!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: 1200px) {
    .nav{right:0}
}
@media screen and (max-width: 1024px) {
.wrapper {min-width:0;}
}

/*Medium*/
@media screen and (max-width: 1024px) {
.main, .content { overflow:visible;}
.nav{right:0}
.nav li a {padding:0 5px;}
.main-page {clear:both;}
.tools>div{min-height:60px;}
.tools>.user{padding:5px; font-size:13px;min-height:70px;}
.updates{padding:5px;}
.updates:before{content:"";margin:0;padding:0}
.person>a.name,.person>a.logout,.updates{margin-bottom:0;font-size:12px;}
.person>a.name:after,.person>a.logout:after{content:"";margin:0;padding:0}
.main-page .region:only-of-type {min-height:0;}
div#cart-items .cart-fee { display: none; }
#R252367732574366697{min-height:550px;margin:5% 2% 0 3%;width:45%}
#R311994630504099185{min-height:550px;margin:5% 0 0 2%;width:45%}

}

/*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%; }
.main {padding-bottom:0;}
.main .main-page{margin:0;padding:0}
.header {border-radius:0;}
.wizard .header {margin-bottom:0;}
.header-custom {display:none;}
.tools>div.user {  min-height: 40px; margin: 0; border: 0; border-radius: 0;}
.user {position:absolute; top:5px; right:5px; overflow:visible; max-width:50%; background:none;min-height:50px;border:0;border-radius:0;box-shadow:none;border-left:1px solid white}
.updates{margin-top:0px ;color:#ffffff}
.person {padding:0;color:#ffffff !important;overflow:auto}
.person a{color:#ffffff }
.logout {font-size:0.9em; border:0;}
.menu h2 {display:none;}
.menu .service-info {border-right:0;}
.smart-links a {margin:0;}
.steps {display:none;}
.steps-mini {display:block;}
.footer {width:100%; margin:1em 0;}
div#cart-items {position:absolute; top:4em; right:0px;} 
.header {border-top:0;}
.wizard div#cart-items {top:0px;}
#R252367732574366697{min-height:580px;margin:5% 2% 0 3%;width:45%}
#R311994630504099185{min-height:580px;margin:5% 0 0 2%;width:45%}
.nav {margin:10px auto 10px auto;right:auto; float:none; text-align:center;position:relative;display:block;z-index:9999;border:0px solid #7100eb}
.nav li {list-style-type:none; line-height:2.5em; margin-bottom:0;  display:inline-block; margin-right:0px; position:relative}
.nav li a{color:#7100eb;font-weight:600;}
.nav li.active a{text-decoration:underline}
.nav li:hover:after, .nav li.active:after{display:none}
}

/*Small*/ 
@media screen and (max-width: 600px) {
.course-select {float:none; margin-top:0;}
.tinynav {display: block; width:96%; margin:0 auto;}
.menu{margin-top:15px;}
.person {overflow:auto}
ul#nav {display:none;}
.js .tinynav {display:block;}
.js #nav {display:none;}
#R252367732574366697{float:none;width:100%;border-right:0;border-bottom:2px solid #f5f5f5;height:auto;margin:15px 0 15px 0; }
#R311994630504099185{float:none;width:100%;height:auto;margin:15px 0 0px 0; }
.main .main-page{margin:0 ;width:100%;padding:0}
table.report  {overflow:hidden}
table.report td[headers=TRANS_DATE]>span,table.report td[headers=TRANS_TYPE]>span {white-space:normal !important;word-wrap:break-word}
#PAYMENT_TYPE,#RECEIPT_NUMBER{display:none}
table.report td[headers=PAYMENT_TYPE],table.report td[headers=RECEIPT_NUMBER] {display:none}
}
@media screen and (max-width: 374px) {
.person {overflow:auto}
table.report td[headers=TRANS_DATE]>span{white-space:normal !important;word-wrap:break-word}
#TRANS_TYPE,#PAYMENT_TYPE,#RECEIPT_NUMBER{display:none}
table.report td[headers=TRANS_TYPE], table.report td[headers=PAYMENT_TYPE],table.report td[headers=RECEIPT_NUMBER] {display:none}
}

/* OVERWRITE of calendars*/
/*monthly calendar*/  
.t5Calendar {  width:98% !important; margin:0 1% !important;}
.t5Calendar .t5DayOfWeek { background-color:#F9F9F6 !important; border: 0 !important;    border-right:3px solid white !important;  font-weight:600;}
.t5Calendar td {padding:4px;width:14%;  border-right:3px solid #FFFFFF !important;    border-bottom:3px solid #FFFFFF !important;  height:100px !important;}
.t5Calendar .t5DayTitle {  border: 0 !important;   background:none !important;}
.t5Calendar .t5WeekendDayTitle { border: 0 !important;}
.t5Calendar .t5Today {  border: 0 !important; border-radius:0 !important;}
.t5Calendar .t5Today .t5DayTitle {background-color:#EEEEEE;}
/*weekly calendar*/
.DefWeekCalendar {width:98% !important;margin:0 1% !important;}
/*daily calendar*/
.DefDayCalendar {width:98% !important;margin:0 1% !important}