body {
	font-family: "Verdana", "sans-serif";
	font-size: 80%;
	margin: 0;
}
.gtb{
  background:#ebeff9;
  border-top:3px solid #6b90da;
  padding:5px 10px 5px 5px;
  white-space:nowrap
}
.license{
  background: white;
  border-top:1px solid #6b90da;
  border-bottom:1px solid #6b90da;
  border-left:1px solid #6b90da;
  border-right:1px solid #6b90da;
  padding:5px 5px 5px 5px;
  font-weight: bold;
}
.gsc-input {}
.gsc-input2 {}
.notice{
  background:#ffdddd;
  border-top:1px solid #ff0000;
  border-bottom:1px solid #ff0000;
  border-left:1px solid #ff0000;
  border-right:1px solid #ff0000;
  padding:5px 5px 5px 5px;
}
.error, .required { 
  font-size: 90%;
  color: red;
}
.error_bigger { 
  font-size: 110%;
  color: red;
}
.testimonials{
  background:#ebeff9;
  border-top:1px solid #6b90da;
  border-bottom:1px solid #6b90da;
  border-left:1px solid #6b90da;
  border-right:1px solid #6b90da;
  padding:5px 5px 5px 5px;
}
.formbox{
  background:#fff;
  border-top:1px solid darkgray;
  border-bottom:1px solid darkgray;
  border-left:1px solid darkgray;
  border-right:1px solid darkgray;
  padding:10px 10px 10px 10px;
  width: 350px
}
.footer {
  background: lightgray;
  border-bottom:3px solid darkgray;
  padding:5px 10px 0 5px;
  white-space:nowrap;
  height: 21px; /* .push must be the same height as .footer */
  margin: 0;
}
.push{
	margin: 0;
	height: 21px; /* .push must be the same height as .footer */
}
.CRLogo
{
	font-family: Courier;
	color: #0070C0;
	font-size: 30px;
	font-weight: bold;
	background-color: white;
	text-decoration: none;
}
.CRLogo a 
{
	font-family: Courier;
	color: #0070C0;
	font-size: 30px;
	font-weight: bold;
	background-color: white;
	text-decoration: none;
}
.MatblasLogo
{
	font-family: Trebuchet MS;
	color: black;
	font-size: 16px;
	font-weight: bold;
	background-color: white;
}
.MatblasLogoLetter
{
	font-family: Trebuchet MS;
	color: Orange;
	font-size: 16px;
	font-weight: bold;
	background-color: white;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	width: 1080px;
	align: center;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height. this didn't work for me. I'm using a gap */
}
.div-canvas {
	vertical-align: top;
}
.header-menu {
	align: right;		
}
.header-logo {
	width: 550px;	
}
.header-logo-signedin {
	width: 356px;	
}
.g-unit, .a-unit, .p-unit {
	padding:12px 12px 12px 12px;
}
.tab {
	font-size: 12px;
	display: block;
	background: none;
	float: left;
	position: relative;
	white-space: nowrap;
	padding: .5em 1em;
	text-decoration: none;
	color:#6b90da;
}
.tab a
{
	text-decoration: none;
	color:#6b90da;
}
.active{
  background:#fff;
  border:1px solid #6b90da;
  color:#000;
  cursor:default;
  font-weight:bold;
  margin:0 5px -1px 0;
  padding:5px 9px 6px;
  text-decoration:none;
  color: blue;
}
.text-title {
	font-weight: bold;
	font-size: 120%;
	color: #0070C0;
}

.show_course {
	display: block;
	background: none;
	float: left;
	position: relative;
	white-space: nowrap;
	padding: .5em 1em;
	text-decoration: none;
	color:#6b90da;
}
.show_tab, .check_course, .linkclass{
	background: none;
	white-space: nowrap;
	text-decoration: none;
	color:#6b90da;
}

.enrol, .gotoclass, .pay_button {
	background: green;
	white-space: nowrap;
	text-decoration: none;
	padding: .5em 1em;
	color:white;
	border-bottom:1px solid black;
	border-right:1px solid black;
}

.img-course {
  text-decoration:none;
  background:#fff;
  border-top:1px solid lightgray;
  border-bottom:2px solid darkgray;
  border-left:1px solid lightgray;
  border-right:1px solid darkgray;
  margin:0;
  padding:0;
}
.text-course {
  text-decoration:none;
  background:#fff;
  border-top:1px solid lightgray;
  border-bottom:2px solid darkgray;
  border-left:1px solid lightgray;
  border-right:1px solid darkgray;
  margin:0;
  padding:5px 5px 5px 5px;
}
.text-course:hover {
  border-top:1px solid gray;
  border-bottom:2px solid #6b90da;
  border-left:1px solid gray;
  border-right:1px solid #6b90da;
}
.text-course-desc {
  text-decoration:none;
  text-align: left;
  background:#F7F7F7;
  border-top:1px solid lightgray;
  border-bottom:2px solid darkgray;
  border-left:1px solid lightgray;
  border-right:1px solid darkgray;
  margin:0;
  padding:15px 15px 15px 15px;
}
.course-title {
	font-family: Trebuchet MS;
	color: black;
	font-size: 25px;
	font-weight: bold;
	background-color: #F7F7F7;
}
.lecture-title {
	font-family: Trebuchet MS;
	color: black;
	font-size: 20px;
	font-weight: bold;
	background-color: #F7F7F7;
}
.about-menu, .myprofile-menu, .lecture-menu {
  text-decoration:none;
  text-align: center;
  background:#fff;
  border: 0px solid lightgray;
  margin:0;
  padding:5px 5px 5px 5px;
}
.about-menu:hover, .myprofile-menu:hover, .lecture-menu:hover {
  text-decoration:none;
  background:#fff;
  border-top:0px solid lightgray;
  border-bottom:2px solid darkgray;
  border-left:0px solid lightgray;
  border-right:0px solid darkgray;
  margin:0;
  padding:5px 5px 5px 5px;
  cursor:pointer;
}
.about-menu-selected {
  text-decoration:none;
  text-align: center;
  background:#fff;
  text-decoration:none;
  background:#fff;
  border-top:0px solid lightgray;
  border-bottom:2px solid darkgray;
  border-left:0px solid lightgray;
  border-right:0px solid darkgray;
  margin:0;
  padding:5px 5px 5px 5px;
  cursor:pointer;
}

.text-table {
	margin:0px;
	padding:0px;
}
.text-table table{
    border-collapse: collapse;
	border-spacing: 0;
	width:70%;
	height:100%;
	margin:0px;
	padding:0px;
}
.text-table tr:first-child{
	border:1px solid #000000;
	text-align:center;
	font-weight: bold
}
.text-table td:first-child{
	border:1px solid #000000;
	text-align:left;
}
.text-table td{
	border:1px solid #000000;
	text-align:center;
	padding:7px;
}

.text-table2 {
	margin:0px;
	padding:0px;
}
.text-table2 table{
    border-collapse: collapse;
	border-spacing: 0;
	width:70%;
	height:100%;
	margin:0px;
	padding:0px;
}
.text-table2 tr:first-child{
	border:1px solid #000000;
	text-align:center;
	font-weight: bold
}
.text-table2 tr{
	border:1px solid #000000;
	text-align:center;
}
.text-table2 td{
	border:1px solid #000000;
	text-align:center;
	padding:7px;
}
.ui-progressbar {
	position: relative;
	color: black;
	background: white;
	width: 300px;
	height: 17px;
}
.ui-progressbar-value {
	background: #ebeff9;
}
.progress-label {
	position: absolute;
	left: 45%;
	top: 0px;
	font-weight: normal;
	font-size: 12px;
	text-shadow: 1px 1px 0 gray;
}