.spinner {
	position: absolute;
	right:0px;
	padding:5px;
}

a, a:link, a:visited, a:active {
	color: #7499B4;
	text-decoration: none;
}

A:hover {
	color: blue;
	text-decoration: underline;
}

/* top size header or label */

.hl1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;
}

/* smaller size header or label */
.hl2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; 
}

/* smaller size header or label */
.hl3 {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; 
}

.hl4 {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; 
}

.txt3 {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: normal;
}

.txt4 {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: normal;
}

.txt5 {
	FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: normal;
}

.bgc1 {	background-color:#FFFFFF; } /* white */
.bgc2 {	background-color:#CCCCCC; } /* gray */
.bgc3 {	background-color:#F8FBD0; } /* light yellow/orange*/
.bgc4 {	background-color:#CCFFCC; } /* light green */
.bgc5 {	background-color:#7499B4; } /* dark blue-gray */ 
.bgc6 {	background-color:#EEF3F7; } /* light blue */

.tc1 { color: #000000; }
.tc2 { color: #7499B4; }
.tc3 { color: #666666; }
.tc4 { color: #FFFFFF; }
}

/* light blue button */
.edit_button1 {
	BORDER-RIGHT: #cad9e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cad9e6 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bolder; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #cad9e6 1px solid; CURSOR: hand; COLOR: #7499b4; PADDING-TOP: 2px; BORDER-BOTTOM: #cad9e6 1px solid; 
	FONT-FAMILY: Arial; BACKGROUND-COLOR: #eef3f7
}

/* dark blue button */
.edit_button2 {
	BORDER-RIGHT: #cad9e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cad9e6 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bolder; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #cad9e6 1px solid; CURSOR: hand; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #cad9e6 1px solid; 
	FONT-FAMILY: Arial; BACKGROUND-COLOR: #7499b4
}

/* pagination link */
.currentStep {
	BORDER: #cad9e6 1px solid;
	PADDING: 3px;
}

.step {
	PADDING:3px;
}




.ABOVE-IS-NEW-DESIGN2-- {}

table.pageTitle {
		border-width:1; border-style:solid; border-color:#eef3f7;
		}
		
td.pageTitle {
		color:#7499B4; background-color:#eef3f7;
		font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;
		padding-left:30; padding-right:30; padding-top:2; padding-bottom:2; 
		border-width:1px; border-style:solid; border-color:#a3bbcd;
		text-align:center;
		}
		
div.pageTitle {
		color:#7499B4; background-color:#eef3f7;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		font-weight: bold;
		padding: 2px 30px 2px 30px; 
		margin-bottom: 10px;
		border: 1px solid #a3bbcd;
		}

.teachername {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #7499b4; FONT-FAMILY: Arial, Helvetica, sans-serif
}
		
.coursename {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;
}

.course_desc_label {
	color: black font-size: 11px; FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif;
}

.course_desc {
	font-size: 11px; color: black
	font-family: Arial, Helvetica, sans-serif;
}

.rating_label {
	color: black font-size: 11px; FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif;
}

.rating {
	font-size: 11px; color: black
	font-family: Arial, Helvetica, sans-serif;
}

.files_label {
	color: black font-size: 11px; FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif;
}

.files {
	font-size: 11px; color: black
	font-family: Arial, Helvetica, sans-serif;
}

.unitname {
	color: #7499B4; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; 
}

.lesson_headers {
	font-size: 14px; font-weight: bold; text-align:center;
	background-color:#F8FBD0; color: #7499B4; 
	font-family: Arial, Helvetica, sans-serif; 
}


.lessonnumber {
	color: #7499B4; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
	text-align:center;
}
	
.lessonobjectives {
	color: #7499B4; 
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}

.lesson_desc_label {
	color: black; font-size: 11px; FONT-WEIGHT: bold; 
	font-family: Arial, Helvetica, sans-serif;
}

.lesson_desc {
	font-size: 11px; color: black
	font-family: Arial, Helvetica, sans-serif;
}

.lesson_view_section_title {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #7499b4; FONT-FAMILY: Arial, Helvetica, sans-serif
}

/*  */
.lesson_view_labels {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #7499b4; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.lesson_view_labels_small {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #7499b4; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.lesson_view_objectives {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #7499b4; FONT-FAMILY: Arial, Helvetica, sans-serif
}

/* txt3 */
.lesson_view_text {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.lesson_view_text_bold {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ABOVE-IS-NEW-DESIGN-- {}
		
.ml_coursenamelabel {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_coursedescOld {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR:gray; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

A.ml_editcourse {
	TEXT-DECORATION: underline
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: blue; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_unitnumber {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}
.ml_unitnameOld {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_unitnamelabel {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_lessonstableheaders {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_lessonnumberOld {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_lessonobjective {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}

.ml_lessondesc {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR:gray; BACKGROUND-COLOR:#EEEEEE;
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}



.lessontreetitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:black; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}


.lessontreechildrencount {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR:gray; 
	FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif 
}


.text {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif
}




.menuButton {
	background-color:#8CAFCD;
	border: 1px solid white;
	border-style: none solid none none ;
	margin-left:0px;
	padding-bottom: 5px;
}

.menuButton a:active,.menuButton a:link,.menuButton a:visited,.menuButton a:hover {
	font-family:Arial,sans-serif;
    font-size:0.9em;
    color: white;
    font-weight:bold;
    text-decoration:none;
	padding:20px;
}
.actionButton a:active,.actionButton a:link,.actionButton a:visited,.actionButton a:hover {
	font-family:Arial,sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color: #578BB8;	
}


h1 {
	font-family:Arial,sans-serif;
	color:#578BB8;
	font-size:1.6em;
}

body {
	margin:0px;
	font-family:Arial,sans-serif;
	color: BLACK;
}

.body {
	padding: 25px;
}
.nav {
	width:100%;
	margin-top: 30px;
	background-color:#D6D6D6;
	height: 30px;
	border: 2px solid #578BB8;
	border-style: solid none none none ;	
}

.dialog 
{
	padding: 15px;
	background-color:#F0F0F0;
	
}
.dialog label{
	width: 120px;
	font-weight: bold;
}

.dialog .textfield{
	width: 180px;
	margin-bottom: 5px;
}

.prop {
	padding: 5px;
}
.buttons {
	margin-top: 15px;
}
.actionButtons {
	width:100px;
}
div .errors {
	border: 2px solid red;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
td .errors {
   border: 1px solid red;
}
.message {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.prop .name {
	font-weight:bold;
	text-align:left;
	width:20%;
}
.prop .value {
	text-align:left;
	width:80%;
}

.button112 {
	BORDER: #dbe6ee 1px solid; PADDING: 2px; FONT-WEIGHT: bolder; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; CURSOR: hand; COLOR: #7499b4; FONT-FAMILY: Arial; BACKGROUND-COLOR: #eef3f7
}