.sidebar::-webkit-scrollbar{
	display: none;
}
.invisible-scrollbar::-webkit-scrollbar{
	display: none;
}

body::-webkit-scrollbar{
	display: none;
}
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
body {
	font-size: .8rem;
	background-color: #FFFFFF;
	color: #312D2D;
	co/lor: #666666;
	padding: 5px;
	margin: 0;
}
a:link {
	color: #00ABBE;
}
a:visited {
	color: #00D8F0;
}
a:hover,
a:focus {
	color: #00ABBE;
}

input:focus {
	background-color:yellow;
}
.navlinks {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
}
.navlinks a:link {
	color: #002B51;
	text-decoration: none;
}
.navlinks a:visited {
	color: #002B51;
	text-decoration: none;
}

.navlinks a:hover,
.navlinks a:focus {
/*	color: #FFF; */
	color: #039;
/*	text-decoration: none;*/

}
.sublinks {
	font-size: 100%;
	margin-left: 7px;
	font-weight: normal;
	display: block;

}
.sublinks a:link {
	color: #00ABBE;
	text-decoration: none;

}
.sublinks a:visited {
	color: #00ABBE;
	text-decoration: none;
}
.sublinks a:hover,
.sublinks a:focus {
/*	color: #FFF;*/
	color: #039;
}
*/
.sc  {
	text-decoration: none;
}
.nsc{
	color: #339900;

}

.byc{
	color: #3366CC;

}
#addressBlock {
	font-size: 120%;
	color: #002B51;
}
#content p.address  {
	margin: 5px;
}
.addressEntry {
	width:475px;
}
.addressBox {
	background-color: #E6E6E6;
	he/ight:250px;
	padding:15px;
	width: 44%;
	wid/th:325px;
	z-index:2;
	float: left;
}
.addressDividerBox {
	border-left-color:  #424242;
	border-left-style: solid;
	border-width: 1px;
	he/ight:280px;
	margin-left:10px;
	margin-right:6px;
	z-index:2;
	float: left;
}
a img {
	border: none;
}
.clear {
clear:both;
}
#content .noData {
	font-size: 80%;
	font-style: italic;
	margin: 5px;
}
table.coTable {
	border-collapse: collapse;
	color: #000000;
}
table.coTable tr {
	background-color: #F0F1F1;
	bac/kground-color: #CEE3F6;
	padding: 10px;
	color: #002B51;
}
table.coTable td {
	padding: 5px;
	vertical-align: middle;
}
.totals {
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	color: #002B51;
}
table.alt-row td {
	padding: 5px;
	vertical-align: middle;
}
table.scTable {
	border-collapse: collapse;
	color: #000000;
}
table.scTable td {
	color: #000000;
	padding: 8px;
}
table.scTable th {
	background-color: #CEE3F6;
	padding: 10px;
	color: #002B51;
}
table.scTable tr {
	b/order-color: #AAAAAA;
}
table.scTable input {
	text-align: right;
}
table.scTable td.ctr {
	text-align: center;
}
table.scTable td.ra, th.ra {
	font-f/amily: sans-serif;
	fon/t-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.scTdNbr {
	background-color: #A9D0F5;
}
table.scTotalTable {
	border-width: medium;
	border-color: #AAAAAA;
	text-align: right;
	font-weight: bold;
}
table.scTotalTable td {
	padding: 5px;
}
table.scTotalTable a {
	color: #002B51;
}
table.scTotalTable td.la {
	text-align: left;
}
.scTotalLine {
	border-top-style: dotted;
	border-top-width: thin;
}
table.CourseTable {
	border-collapse: collapse;
	color: #000000;
	font-size:9pt;
}
table.CourseTable td {
	color: #000000;
	padding: .5em .7em .5em .7em;
}
table.CourseTable th {
	background-color: rgb(230, 232, 236);
	bac/kground-color: #CEE3F6;
	padding: 8px;
	color: #002B51;
}
table.CourseTable tr {
	border-color: #AAAAAA;
}
table.CourseTable tr.even {
	back/ground-color: #A9D0F5;
	background-color: #F0F1F1;
}
table.CourseTable tr.odd {
	background-color: #FFFFFF;
	backg/round-color: #81BEF7;
}

#sc_dialog_link {
	font-family: Arial, non-serif;
	text-decoration: none;
	position: relative;
}
.inlineWin p {
	text-align: left;
	font-family: Arial, non-serif;
	font-size: 13px;
}
.inlineWin a {
	TEXT-DECORATION: none;
	font-size: 13px;
	font-family: Arial, non-serif;
	color: #0065A4;
}
.helpdiv {
	text-align: left;
	font-family: Arial, non-serif;
	font-size: 12pt;
}
.tooltip_templates {
	display: none;
}


/*input.buttonStyle {
	color: #002B51;
	font-size: 1.1em;
	font-weight: bold;
}*/
.checkoutSteps {
	font-size: 140%;
	color: #002B51;
	padding-bottom: 15px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: center;
}
.currentCheckoutStep {
	border-bottom-width: 3px;
	border-bottom-color: #00ABBE;
	border-bottom-style: solid;
	color: #C3D940;
	font-size: 175%;
	font-weight: bold;
}
.paMsg {
	color: #CC0000;
	f/ont-size: 1.4em;
    	line-height:125%;
	padding-top: 10px;
}
.message_title {
	font-weight: bold;
}
.message_user {
	background: url("../media/icons/bubble.png") no-repeat scroll left 3px transparent;
	display: block;
	margin-bottom: 3px;
	padding-left: 22px;
}
.boatMsgBox {
	position: relative;
}
.msgButton {
	position: absolute;
	bottom: 0;
	right: 0;
}
fieldset.newReg {
	border: 2px solid #a6c9e2;
	bo/rder: 2px solid #000000;
	border-radius: 8px;
	-w/ebkit-border-radius: 8px;
	-m/oz-border-radius: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 4px;
	margin-bottom:0;
	display:inline-block;
	vertical-align:top;

}
fieldset.inner {
	background: #F5F6FA;
}

fieldset.newReg legend {
	color: #002B51;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
}
fieldset.newReg p.title {
	color: #002B51;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 10px;
	vertical-align: bottom;
}
.ab_errorMsg {
	color: #CC0000;
	font-size: 1.6em;
	font-weight: bold;
    	line-height:125%;
	padding-top: 10px;
}
label {
	width: 12em;
	float: left;
}
label.error {
	color: red;
	padding-left: .5em;
	verti/cal-align: top;
	display:inline;
	float:none;
	font-weight: bold;
	width: 36em;
}
div.error{
    background-color:#F3E6E6;
    border-color: #924949;
    border-style: solid solid solid none;
    border-width: 2px;
    padding: 5px;
}
#main {
	margin: 0;
	padding-right: 20px;
	width: 90%;
}

#banner {
	width: 100%;
	background-color: #00ABBE;
	margin: 0;
}
#banner td {

}
#bannav {
	font-size: 120%;
	font-weight: normal;
/*	padding-right: 5px;
	padding-left: 5px;*/
/*	margin-top: 25px;
	width: 250px;*/
}
#bannav td {
	text-align: right;
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom:5px;
	padding-top:5px;
	white-space: nowrap;
	color: #FFFFFF;
}
#bannav a:link,
#bannav a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#bannav a:hover,
#bannav a:focus,
#bannav a:active  {
	color:#FF9;
	text-decoration: underline;
}


#navbar td {
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
#navbar table {

}
#news {
	padding: 0px;
	width: 130px;
	background-color: #FFFFFF;
	margin-top: 2px;
	background-image:  url(../media/homepage/latestnews_mid.gif);
	margin-bottom: 5px;
	margin-right: 3px;
}
#news td {
	font-size: 80%;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #00ABBE;
}
#news a:link {
	color: #002B51;
	font-weight: normal;
	text-decoration: none;
}
#news a:visited {
	color: #999999;
	text-decoration: none;
}
#news a:hover,
#news a:focus {
	color: #00ABBE;
text-decoration: none;
}

#news h3 {
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	font-size: 150%;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#news p {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;

}
#navbot {
	font-size: 70%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#navbot td {
	padding-right: 15px;
	padding-left: 15px;
	white-space: nowrap;

}
#content {
	text-align: left;
	margin-top: 10px;
}
#content p {
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-top: 3px;
}
#content h1 {
	color: #002B51;
	font-size: 200%;
	font-style: italic;
	line-height: 130%;
	margin-top: 0px;
	ma/rgin-top: 20px;
	margin-bottom: 10px;
}
#content h2 {
	font-size: 140%;
	line-height: 140%;
	margin-top: 25px;
	margin-bottom: 0px;
	color: #C3D940;
}
#content h3 {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 120%;
	color: #333333;
}
#photosleft {
	float: left;
}
table.address {
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
}
table.address td {
	padding-right: 25px;
	padding-top: 1px;
	padding-left: 3px;
	padding-bottom: 5px;
}
label.address {
/* LHB for jquery validate width: 7em; */
	width: 10em;
	float: left;
	padding-top: 0.2em;
	font-size:11pt;
}
table.coursereg {
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
	font-size:9pt;
}
table.coursereg th {
	background-color: rgb(230, 232, 236);
	bac/kground-color: #CEE3F6;
	p/adding: 10px;
	padding: 4px;
	color: #002B51;
}
table.coursereg td {
	p/adding: 10px;
	padding: 4px;
	col/or: black;
}
table.coursereg tr {
	color: black;
}
table.coursereg tr.even {
	background-color: #F0F1F1;
	bac/kground-color: #A9D0F5;
}
table.coursereg tr.odd {
	background-color: #FFFFFF;
	bac/kground-color: #81BEF7;
}
table.coursereg tr.obsolete {
	//color: red;
}

table tr.obsolete {
	color: red;
}

table.coursereg td.ra, th.ra {
	text-align: right;
}
fieldset {
	margin-bottom: 2em;
}
input.buttonStyle {
	color: #002B51;
	font-size: 110%;
	font-weight: bold;
	padding: 0.4em;
	margin: 0.2em;
	te/xt-align: bottom;
}
input.smallButtonStyle {
	color: #002B51;
	font-size: 0.9em;
	font-/weight: bold;
	padding: 0.3em;
	margin: 0.2em;
	text-align: bottom;
}
span.logoutButton {
	float: right;
	font-size: 0.4em;
	padding-right: 10px;
}
.copyright
{
	padding-left: 1.1em;
}
fieldset.emailReset {
	border: 2px solid #000000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
fieldset.emailReset legend {
	color: #002B51;
	font-size: 1.6em;
	font-weight: bold;
	padding: 5px;
	te/xt-transform: uppercase;
}
fieldset.emailReset p.title {
	color: #002B51;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 10px;
	vertical-align: bottom;
}
div.mainarea {
	border-left: 2px solid #cecece;
	padding-left: 1em;
	margin-top: 1em;
	/*Make the right part of the screen scrollable*/
	height: 670px;
	width:990px;
	left:200px;
	overflow: auto;
	display: inline-block;

}

#sidebarnav {
	padding-top: 1em;
	/*Make the navbar of the screen scrollable*/
	height: 670px;
	overflow: auto;
	width:200px;
	right:1040px;
	display: inline-block;
}
#sidebarnav h3{
font-size:18px;
}
#sidebarnav li{
font-size:15px;
}


#abnav {
	font-size: 110%;
}
#abmenu {
	width: 100%;
	padding-left: 2.5em;
}
#absidemenu {
	padding-top: 1em;
    	padding-left: .25em;
}
#absidemenu li.first {
	border-top: 1px solid #cecece;
}
#absidemenu a {
	padding: .1em .75em;
}
.instsidemenu {
	margin-left: 25px;
	width: 85%;
	background-color: #E2EBEC;
}
.profile-label, .data-col {
    f/loat: left;
    text-align: center;
}

.data-col {
    f/loat: left;
    text-align: center;
    position: relative;
    wi/dth: 750px;
}

.data-col #errorBlock {
    position: absolute;
    le/ft: 240px;
    top: 0;
}
.profile-label {
    font-weight: bold;
    margin-top: 4px;
}
.txt-mid {
	font-size: .7em;
	color: #000099;
}
.testimonialAuthor {
	color: red;
}
.content_subtitle {
	font-size: 1.1em;
	font-weight: bold;
	color: #00ABBE;
	background-color: #FFFFFF;
	padding-left: 9px;
	padding-right: 9px;
	margin-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 4px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #0065A4;
	border-top-width: 1px;
	border-top-color: #0065A4;
}
.ottawa-course {
	color: #00CC00;
	font-style: italic;
	font-size:110%;
	font-weight: bold;
}
.kingston-course {
	color: #990000;
	font-style: italic;
	font-size:110%;
	font-weight: bold;
}
.caribbean-course {
	color: #E2A813;
	font-style: italic;
	font-size:110%;
	font-weight: bold;
}
.course-subtitle-ra {
	float: right;
	font-size: 85%;
}
.ast-emp {
	color: #FF33FF;
	font-weight: bold;
}
.women-only {
	color: #FF33FF;
	font-weight: bold;
	font-size: 130%;
}
.picture-frame-la {
	float:left;
	border:1px solid #CCCCCC;
	padding:10px;
	text-align:center;
}
.picture-frame {
	border:1px solid #CCCCCC;
	padding:10px;
	text-align:center;
	display: table;
	margin: 2em auto;
}
.picture-frame-ra {
	float:right;
	border:1px solid #CCCCCC;
	padding:10px;
	text-align:center;
}
table.securityTable {
	border-collapse: collapse;
	padding: 5px;
}
table.securityTable  tr.bColored {
	background-color: #E6E6E6;
}
table.securityTable  tr {
	background-color: #FFFFFF;
}
table.securityTable td {
	padding: 5px;
	color: #002B51;
}
table.securityTable label {
	color: #002B51;
}

ul.checkmark {
    list-style-type: none;
    font-weight: bold;
    font-size: 110%;
    line-height: 150%;
    padding-left: 1em;
}

ul.checkmark li {
    background:url("../media/checkmark.gif") no-repeat 0 50%;
    padding-left: 3em;
}

p.subheading {
	color: #C3D940;
	font-size: 120%;
	font-weight: bold;
}

span.subheading {
	color: #C3D940;
	font-size: 120%;
	font-weight: bold;
}

p.orderCountdown {
	color: #FF0000;
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
}

#orderCountdownDiv {
	background-color: #FFFFFF;
	top: 5em;
	padding: .3em;
	right: .5em;
	position: fixed;
	border: 1px solid #FF0000;
	border-radius: 4px;
	-webkit-border-4adius: 4px;
	-moz-border-radius: 4px;
}
fieldset.goToSchedule {
	background-color: #F0F1F1;
	color: #4F5FB1;
	font-size: 115%;
	font-weight: bold;
	margin: 0 0 0 .5em;
	text-align: left;
	width: 5.5em;
}
.showPrintOnly {
	display: none;
}

.scrolling_table{
    width: 940px;
	b/order-style: solid;
    b/order-width:1px;
    b/order-radius: 10px;
	}

.scrolling_table table {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
	font-size:9pt;
	background-color: rgb(230, 232, 236);
	border: #cdcdcd 1px solid;
	border-width: 0 0 0 1px ;
}
.scrolling_table tbody {
    overflow-y: scroll;
    display: block;
    max-height: 400px;
 }
.scrolling_table tbody::-webkit-scrollbar{
	display: none;
}
.scrolling_table thead {
    display: table-row;
}
.scrolling_table tr {
	color: black;
}
.scrolling_table th {
	box-sizing: border-box;
	border: #cdcdcd 1px solid;
	border-width: 0 1px 1px 0;
	padding: 0px;
	b/ackground-color: rgb(230, 232, 236);
	background-color:inherit;
	color: #002B51;
}
.scrolling_table td {
	box-sizing: border-box;
	padding: 0px!important;
	border: #cdcdcd 1px solid;
	border-width: 0 1px 1px 0;
}

.scrolling_table div {
	box-sizing: border-box;
	word-wrap:break-word;
	o/verflow:hidden;
	padding: 4px;
}

.scrolling_table tfoot {
    display: table-row;
}

.scrolling_table tr.even {
	background-color: #F0F1F1;
	back/ground-color: #A9D0F5;
}
.scrolling_table tr.odd {
	background-color: #FFFFFF;
	back/ground-color: #81BEF7;
}
.scrolling_table tr.obsolete {
	color: red;
}
.scrolling_table td.ra, th.ra {
	text-align: right;
}
.ra {
	text-align: right;
}

/* for modal info boxes */
/* The Modal (background) */
.modal {
  d/isplay: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 500px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* for use with the terms, waivers, etc dialog boxes. Use class tcdialog for the dialog */
/*
.tcdialog {
	f/ont-size: 12px;
}
.tcdialog p {
	#font-size:12px;
}
*/
 /* For use with popup confirm dialog */
/* Default font size for the dialog */
.confirmDialog div {
	font-size:18px!important;
}

.confirmDialog p {
	font-size:18px;
}

.dialogBtnClass {
	font-size: 18px!important;
}

.dialogBtnClass:focus {
	/* The ui one does not seem to work initially. This highlights the one in focus*/
	background-color:#90EE90!important;
}

.confirmDialog .ui-dialog-titlebar {
	display: none
}