/* -General
-----------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear:both;
}
img {
	border: 0px;
}
a {
	color:#19587c;
	text-decoration:none;
}
a:hover {
	color:#000;
}
input {
	padding:0px;
	margin:0px;
	width:auto;
	font:normal 14px "Trebuchet MS", Georgia, "Times New Roman";
}
form {
	margin:0px;
	padding:0px;
	border:0px;
}

.left {
	float:left;
}
.right {
	float:right;
}
.bold{
	font-weight:bold;
	font-size:13px;
}
.msgNoRec {
	background:#eee;
	padding:10px 0px 10px 20px;
}
/* -Typography
-----------------------------------------------------------------------------*/
body {
  font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
  text-align:center;
  color:#768675;
}
#wrapper {
	width:1024px;
	margin:0px auto 0px auto;
	text-align:center;
	border:0px solid #FFF;
	padding:0px;
}
#innerWrapper {
	width:1000px;
	margin:0px auto 0px auto;
	text-align:center;
	border:0px solid #FFF;
	padding:0px;
}
/* -Header
-----------------------------------------------------------------------------*/
#header {
	height:124px;
}
#header div.logoFrame {
	float:left;
	width:470px;
	margin:0px;
	line-height:124px;
	height:124px;
}
#header div.logoFrame img {
	float:left;
	vertical-align:text-bottom;
	top:30px;
	position:relative;
	margin:0px 0px 0px 40px;
}
#header div.logoFrame h1 {
	float:left;
	font: normal 20px "Trebuchet MS", Georgia, "Times New Roman";
	line-height:124px;
	padding:0px 0px 0px 40px;
	text-align:left;
	text-transform:uppercase;
}
#header div.menuFrame {
	float:left;
	width:530px;
	text-align:left;
}
#header div.menuFrame div.menu{
	float:right;
}
div.menu ul{
	float:right;
	padding-right:10px;
}
div.menu ul li {
	float:left;
	list-style:none;
	border-right:1px solid #51757f;
	margin:0px 1px 0px 0px;
	padding:50px 15px 10px 15px;
	vertical-align:bottom;
}
div.menu ul li a{
	padding:0px 0px 0px 0px;
	margin:0px;
}
#ratingFrame {
	float:right;
	width:192px;
	text-align:left;
	padding:17px 0px 0px 58px;
}
#ratingFrame div.rateBg {
	background:url(images/header.rateBg.gif) no-repeat;
	height:22px;
	padding:7px 0px 0px 10px;
}
#ratingFrame span {
	float:left;
	padding:0px 5px 0px 0px;
}
#ratingFrame ul.rating{
	float:left;
	padding:0px 0px 0px 0px;
	margin:1px 0px 0px 0px;
	list-style:none;
	width:65px;
	height:12px;
	display:block;
	background:url(images/rating.jpg) repeat-x left top;
	position: relative;
	line-height:13px;
}
.rating li{
	text-indent: -90000px;
	padding:0px;
	margin:0px;
	float: left;
	height: 13px;
	line-height:13px;
	left:0px;
}
.rating li.currentRating {
	background: url(images/rating.jpg) left center;
	position: absolute;
	text-indent: -9000px;
	z-index: 1;
	line-height:13px;
}
	
.rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 13px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	margin:0px;
}

.rating li a.one {left:0px;}
.rating li a.one:hover {width:15px;}
.rating li a.two {left:15px;}
.rating li a.two:hover {width:28px;}
.rating li a.three {left:28px;}
.rating li a.three:hover {width:41px;}
.rating li a.four {left:41px;}
.rating li a.four:hover {width:54px;}
.rating li a.five {left:54px;}
.rating li a.five:hover {width:65px;}
.rating li a:hover{
	background: url(images/rating.jpg) left bottom;
	z-index: 2;
	left: 0px;
}
/* - Content
-----------------------------------------------------------------------------*/
#content {
	float:left;
	border:0px solid red;
	padding:5px 0px 5px 0px;
	width:1000px;
	text-align:left;
}
#contentLeft {
	float:left;
	width:749px;
	border:0px solid red;
}
.blockTitle {
	height:23px;
	text-align:left;
	font-weight:bold;
	padding:7px 0px 0px 10px;
}
.blockContent {
	text-align:justify;
	padding:15px 7px 15px 10px;
	line-height:20px;
}

/* - Left Block
-----------------------------------------------------------------------------*/
#blockLeft {
	float:left;
	width:235px;
	border:1px solid #5f7f8c;
	background:#FFF;
	min-height:615px;
	margin-right:5px;
	padding:5px 5px 0px 5px;
}
.leftBlock {
	border:1px solid #6894a4;
	margin-bottom:5px;
	float:left;
	width:233px;
}
.leftBlock form input.text {
	width:210px;
	border: 1px solid #719dad;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:25px;
}

.leftBlock form div input.btn {
	border:1px solid #373224;
	background:#3b7892;
	font-size:14px;
	font-weight:bold;	
	color:#FFF;
	padding:0px 7px 0px 7px;
	margin:0px;
	width:auto;
	cursor:pointer;
	height:25px;
	overflow:visible;
}
.leftBlock form label {
	display:block;
	padding:0px 0px 5px 0px;
	margin:0px;
	border:0px solid red;
	line-height:24px;
	
}
/* - Center Block
-----------------------------------------------------------------------------*/
#blockCenter {
	float:left;
	border:0px solid red;
	width:485px;
	min-height:615px;
	padding:5px 5px 0px 5px;
	background:#FFF;
}
.centerBlock {
	border:0px solid #e0c8ae;
	margin-bottom:5px;
}
.centerTitle {
	height:23px;
	text-align:left;
	font-weight:bold;
	font-size:22px;
	padding:15px 0px 5px 10px;
	border-bottom:1px solid #eee;
}

/* - Right Block
-----------------------------------------------------------------------------*/
#contentRight {
	float:right;
	width:245px;
	border:1px solid #5f7f8c;
	min-height:620px;
}
#blockRight {
	float:left;
	width:235px;
	background:#FFF;
	min-height:615px;
	padding:5px 5px 0px 5px;
}

.rightBlock {
	border:1px solid #6894a4;
	margin-bottom:5px;
}
/* - Page
-----------------------------------------------------------------------------*/
#contentLeft h2 {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	height:28px;
	border-bottom:1px solid #5f7f8c;
	padding:5px 0px 0px 25px;
	text-transform:lowercase;
}
.pageContent {
	border:1px solid #5f7f8c;
	margin:5px 0px 0px 0px;
	background:#FFF;
	min-height:561px;
	padding:10px 10px 10px 10px;
	float:left;
	width:728px;
}
.courseList {
	background:#FFF url(images/ico.courseList.gif) no-repeat 25px 12px;
	padding:10px 0px 10px 60px;
	border-bottom:1px solid #eee;
	text-align:left;
}
.courseList a {
	color:#51a048;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
.courseList a span{
	font-weight:normal;
}
.courseList div {
	padding:5px 0px 5px 0px;
}
/* - Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding:25px 0px 25px 0px;
}
/* - Login
-------------------------------------------------------------------------------*/
#loginDiv {
	border:0px solid red;
	padding:5px;
	overflow:hidden;
	float:left;
}
div.leftLoginBox {
	float:left;
}
#loginDiv img{
	float:left;
	border:4px solid #FFF;
}
#loginDiv div{
	float:left;
	vertical-align:top;
	margin:0px 0px 0px 5px;
}
#loginDiv a{
	text-transform:lowercase;
}
/* -Form 
-----------------------------------------------------------------------------*/
.form{
	clear:both;
	float:left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border:0px solid red;
	width:728px;
}
.form div {
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	border:0px solid red;
	padding:0px 0px 10px 0px;
	width:728px;
}
.form div.buttons{
	clear:both;
	float:left;
	border-top:1px solid #6894a4;
	margin:0px;
	padding-top:10px;
}
.form div.buttons input {
	border:1px solid #373224;
	background:#3b7892;
	font-size:14px;
	font-weight:bold;	
	color:#FFF;
	padding:0px 7px 0px 7px;
	margin:0px;
	width:auto;
	cursor:pointer;
	height:25px;
	overflow:visible;
}
.form label{
	clear:both;
	width:170px;
	float:left;
	text-align:right;
	padding:5px 20px 0px 0px;
	color:#4D5762;
	font:normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
	border:0px solid red;
	line-height:30px;
}
.form input, .form textarea{
	background:#F9F9F9;
	border:1px solid #719dad;
	color:#66717C;
	padding:6px 5px 5px 5px;
	float:left;
	margin-right:5px;
	font:normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
}
.form select{
	background:#F9F9F9;
	border:1px solid #719dad;
	color:#66717C;
	padding:2px 0px 2px 0px;
	float:left;
	margin-right:5px;
}
.form div.userImg, .form div.dob, .form div.gender {
	clear:none;
	float:left;
	width:500px;
	padding:0px;
	margin:0px;
}
.form div.dob {
	padding-top:5px;
}
.form div.gender label {
 	float:none;
	clear:none;
	width:auto;
	float:left;
 	text-align:left;
}
#contentLeft input.btn1 {
	float:none;
	border:1px solid #373224;
	background:#3b7892;
	font-size:14px;
	font-weight:bold;	
	color:#FFF;
	padding:0px 7px 0px 7px;
	margin:0px;
	width:auto;
	cursor:pointer;
	height:25px;
	overflow:visible;
}
#contentLeft div.buttons p {
	float:left;
	border:0px solid red;
	width:auto;
	padding:0px 0px 0px 190px;
}
input.error, input.error, select.error, .form textarea.error{
	background:#FDF1F1;
	border:1px solid #E8B098;
}
label.error{
	color:#FF0000;
}
.hide {
	display:none;
}
.loginChkOpt {
	padding:0px 0px 5px 2px;
	margin:0px;
	color: #022e4d; 
}

.leaveCourse {
	margin: auto auto;
	font: bold 13px  "Trebuchet MS", Georgia, "Times New Roman";
	color:#FFF;
	background:url(images/bg.joinBtn.gif) no-repeat;
	width:162px;
	height: 42px;
	line-height: 37px;
	border: 0px solid red;
	outline: none;
	display:block;
	text-align:center;
	text-decoration:none;
	letter-spacing:1px;
}