body {
	margin:0px;
	padding:0px;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
}
h1{
	padding-top:6px;
	padding-bottom:6px;
	margin:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.6em;
	color:#2f6681;
}
h2{
	padding:2px;
	margin:2px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#87afc3;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
a{
	color:#2f6681;
	text-decoration:none;
}
a.blueLink{
	color:#2f6681;
}
a:hover{
	color:#0099ff;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
a.control{
	color:#0099ff;
	font-size:0.9em;
}
.breadcrumbs{
	font-weight:bold;
}
.breadcrumbs, #courseOutline a.control{
	font-weight:normal;
	text-decoration:none;
	color:#999999;
}
.breadcrumbs a.control:hover{
	text-decoration:underline;
}
.breadcrumbs a{
	text-decoration:underline;
}
form h3{
	color:#2f6681;
	border-bottom:1px solid #d7d4b6;
}
form .inputinfo{
	border:0px solid #cccccc;
	padding-left:2px;
	color:#666666;
	width:60px;
}
#container{
	width:950px;
	margin:0px;
	padding:0px;
	position:relative;
}
#header{
	background-image:url(../images/eltcourses_bg.gif);
	text-align:left;
}
#mainMenu{
	background-color:#ffffff;
}
#leftNav{
	background-color:#e0e7e7;
	text-align:left;
	padding-left:15px;
	width:150px;
	border-left:1px solid #87afc3;
	border-bottom:1px solid #87afc3;
	top:0px;
	left:0px;
	float:left;
}
#leftNav ul{
	list-style-type:none;
	padding:0px;
	margin-left:0px;
	margin-right:5px;
}
#leftNav ul li{
	border-bottom:2px solid #87afc3;
	padding-bottom:5px;
	padding-top:5px;;
}
#leftNav ul li a{
	color: #87afc3;
	font-weight:bold;
}
#leftNav ul li li{
	margin-left:15px;
}
#leftNav ul li li a{
	color:#2f6681;
}
#leftNav ul li li{
	border-bottom:1px solid #ffffff;
}
#leftNav ul li.closed{
	display:none;
}
#leftNav li li a{
	font-weight:normal;
}
#mainContent{
	min-height:450px;
	padding:15px;
	background-color:#FFFFFF;
	/* border:1px solid #cccccc;    test */
	position:relative;
	clear:both;
}
#rightContent{
	float:right;
	width:749px;
	border:0px solid #cccccc;
}
#footer{
	background-color:#e0e7e3;
	height: 20px;
	clear:both;
}
#footer ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#footer li{
	float:left;
	border-right:1px solid #d7d4b6;
	padding-left: 6px;
	padding-right: 6px;
}

.centerColumn{
	margin:0px auto;
	text-align:center;
}
.centerColumn table{
	margin:0px auto;
}
.centerColumn h3{
	padding-bottom:2px;
	margin-bottom:2px;
	margin-top:10px;
}
.centerColumn form{
	width:100%;
	text-align:center;
}
.formTitle{
	margin-top:5px;
	margin-bottom:5px;
	color:#87afc3;
	font-weight:bold;
}
.attachments{
	margin-top:5px;
}
.attachments ul{
	margin-top:2px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.inputForm1{
	list-style-type:none;
	width:450px;
	margin:0px auto;
}
.registerBox{
	float:left;
	width:450px;
}
.loginBox{
	float:right;
	width:350px;
}

.welcomeBG{
	background-image:url(../images/welcome_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.optionBox{
	background-color:#e0e7e3;
	text-align:left;
	padding:10px;
	margin:5px;
	width:400px;
}
.alert{
	color:#990000;
}
.small{
	font-size: 0.9em;
}
/*******************************************
new navigation
*******************************************/
ul.topNav{
	list-style-type:none;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
}
ul.topNav li{
	float:left;
	padding-left:4px;
	padding-right:4px;
	border-left:1px solid #87afc3;
}
ul.topNav li.divider{
	
}
ul.topNav li a{
	color: #2f6681;
}

/* viewForm1 - used for data entry on larger items */
.viewForm1{
	font-size:.8em;
	width:350px;
	margin:0px auto;
}
.viewForm1 label{
	font-weight:bold;
}
ul.viewForm1{
	list-style-type:none;
}

ul.viewForm1 label{
	display:block;
	float:left;
	width: 150px;
}
ul.viewForm1 li{
	text-align:left;
	clear:both;
	padding-top:1px;
	padding-bottom:1px;
}

/* inputForm1 - used for data entry on larger items */
.inputForm1{
	font-size:.8em;
}
ul.inputForm1{
	list-style-type:none;
}

ul.inputForm1 label{
	display:block;
	float:left;
	width: 150px;
}
ul.inputForm1 li{
	text-align:left;
	clear:both;
	padding-top:2px;
	padding-bottom:2px;
}
ul.inputForm1 li a{
	text-decoration:underline;
	color:#666666;
}
.textInput{
	width:225px;
}
.textInputMedium{
	width:125px;
}
.textInputSmall{
	width:25px;
}
ul.inputForm1 .textArea{
	width:225px;
	height:100px;
}
ul.inputForm1 .hidden{
	display:none;
}
ul.inputForm1 .show{
	display:block;
}
.inputForm1 .instruction{
	color: #2f6681;
	font-size:1.2em;
	font-weight:normal;
}

/* inputForm22 - used for quick small forms like login */
.inputForm2{
	font-size:.8em;
	font-weight:bold;
}
ul.inputForm2{
	list-style-type:none;
}

ul.inputForm2 label{
	display:block;
	float:left;
	width:75px;
}
ul.inputForm2 li{
	text-align:left;
	clear:both;
}

ul.inputForm2 .textInput{
	width:125px;
}
ul.inputForm2 .textArea{
	width:10px;
	height:100px;
}
ul.inputForm2 .hidden{
	display:none;
}
ul.inputForm2 .show{
	display:block;
}

/* sortable list of lessons */
ul.lessonList{
	width:450px;
	list-style-type:none;
	margin:0px auto;
}
ul.lessonList li{
	background-color:#ebecec;
	margin-bottom:1px;
	padding:4px;
	text-align:left;
}
ul.lessonList li a{
	font-weight:bold
}
ul.topicList{
	width:450px;
	list-style-type:none;
	margin:0px auto;
}

/* sortable list of topics */
ul.topicList li{
	background-color:#ebecec;
	margin-bottom:1px;
	padding:4px;
	text-align:left;
}
ul.lessonList li a{
	font-weight:bold
}

/* sortable list of slides */
ul.slideList{
	width:450px;
	list-style-type:none;
	margin:0px auto;
}
ul.slideList li{
	background-color:#ebecec;
	margin-bottom:1px;
	padding:4px;
	text-align:left;
}
ul.slideList li a{
	font-weight:bold
}


/* generic list of items for editing */
ul.editList{
	width:450px;
	list-style-type:none;
	margin:0px auto;
}
ul.editList li{
	background-color:#ebecec;
	margin-bottom:1px;
	padding:4px;
	text-align:left;
}
ul.editList li a{
	font-weight:bold
}

.loginBox ul.inputForm1 .textInput{
	width:150px;
	font-size:1.2em;
}
.loginBox ul.inputForm1 label{
	display:block;
	float:left;
	width: 100px;
}
.coursePreview{
	text-align:left;
	padding:2px;
	width:600px;
	margin:0px auto;
}
.courseTitle{
	font-weight:bold;
}
#courseNav{
	font-size:0.9em;
	text-align:center;
}
#courseNav a{
	text-decoration:underline;
}
#courseOutline{
	text-align:left;
	width:600px;
	border:1px dotted #cccccc;
}
/* course level */
#courseOutline ol{
	list-style:upper-roman;
	border:1px solid #ededed;
}
#courseOutline ol li{
	font-size:1.2;
	font-weight:normal;
	
}
/* lesson level */
#courseOutline ol li ol{
	list-style:upper-alpha;
	border:none;
}
#courseOutline ol li ol li{
	font-size:1em;
	font-weight:bold;
	background-color:#e0e7e7;
	padding-left:12px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
}
/* topic level */
#courseOutline ol li ol li ol{
	list-style:decimal;
	border:none;
}

#courseOutline ol li ol li ol li{
	background-color:#f4f4f4;
	font-weight:normal;
}

/* slide level */
#courseOutline ol li ol li ol li ol{
	list-style:decimal-leading-zero;
	border:none;
}
#courseOutline ol li ol li ol li ol li{
	background-color:#ffffff;
	font-weight:normal;
	font-size:.9em;
}
.listData {
	text-align:left;
}
.listData{
	font-size:.9em;
}
.listData th{
	background-color:#e0e7e7;
	padding-left:5px;
	padding-right:5px;
}
.listData th.sortDESC{
	background-image:url(../images/desc_white.gif);
	padding-left:18px;
	background-repeat:no-repeat;
}
.listData th.sortASC{
	background-image:url(../images/asc_white.gif);
	padding-left:18px;
	background-repeat:no-repeat;
}
.listData tr{
	border-bottom:1px solid #efefef;
}
.listData td{
	padding-left:5px;
	padding-right:5px;
	background-color:#efefef;
}
.listData td.company_admin{
	background-color:#ffb0b0;
}
.listData td.inactive{
	background-color:#e2e2e2;
}
.listData td a{
	color:#20374e;
}
.listData td a.unclicked{
	font-weight:bold;
}
.sortasc{
	background-image:url(../images/asc.gif);
	background-repeat:no-repeat;
}
.sortasc a{
	display:block;
	padding-left:12px;
}
.sortdesc{
	background-image:url(../images/desc.gif);
	background-position:2px;
	background-repeat:no-repeat;
}
.sortdesc a{
	display:block;
	padding-left:12px;
}
.listData td.disabled{
	background-color:#e2e2e2;
}
/* 
	end course outline styles
*/
#quickAdd{
	text-align:left;
	margin-bottom:10px;
	font-size:.9em;
	clear:both;
}
#quickAdd form{
	display:none;
	background-color:#f0f5f8;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:10px;
	border:1px solid #2f6681;
}
#quickAdd form #txtTitle{
	margin-top:5px;
	margin-bottom:5px;
}
#quickAdd form #selectLesson{
	margin-top:5px;
	margin-bottom:5px;
}
#quickAdd form #selectTopic{
	margin-top:5px;
	margin-bottom:5px;
}
#quickAdd form #txtTitle input{
	width:350px;
	font-size:.9em;
}
#quickAdd a{
	text-decoration:underline;
	display:block;
	padding-left:18px;
	background-color:#f0f0f0;
}
#quickAdd a.closed{
	background-image:url(../images/dhtmlgoodies_minus.gif);
	background-repeat:no-repeat;
}
#quickAdd a.open{
	background-image:url(../images/dhtmlgoodies_plus.gif);
	background-repeat:no-repeat;
}
#courseControls{
	text-align:center;
	width:600px;
}
#saveOutline a{
	display:block;
}
#saveOutline{
	height:15px;
	width:150px;
	background-color:#e0e7e7;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:25px;
	border-bottom:2px solid #2f6681;
	border-right:2px solid #2f6681;
	font-size:.9em;
	float:left;
	margin-right:12px;
}
#duplicateCourse a{
	display:block;
}
#duplicateCourse{
	height:15px;
	width:150px;
	background-color:#fddaa2;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:25px;
	border-bottom:2px solid #f78c01;
	border-right:2px solid #f78c01;
	font-size:.9em;
	float:left;
	margin-right:12px;
}
#globalDelete a{
	display:block;
}
#globalDelete{
	height:20px;
	width:150px;
	background-color:#ebcfcf;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:25px;
	border-bottom:2px solid #5b0c0c;
	border-right:2px solid #5b0c0c;
	font-size:.9em;
	line-height:.9em;
	float:left;
}

li.controls{
	padding-left:80px;
}
.button1{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e0e7e7;
	border:1px solid #87afc3;
	width:90px;
	text-align:center;
	clear:both;
	float:left;
}
.button1 a{
	display:block;
}
.button2{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e2bfbf;
	border:1px solid #610000;
	width:90px;
	text-align:center;
	margin-left:5px;
	/*margin-left:100px;*/
	float:left;
}
.button2 a{
	color:#610000;
	display:block;
}
.button3{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e7e7e7;
	border:1px solid #666666;
	width:90px;
	text-align:center;
	margin-left:5px;
	float:left;
}
.button3 a{
	color: #666666;
}
.sendButton a{
	display:block;
}
.sendButton{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e0e7e7;
	border:1px solid #87afc3;
	text-align:center;
	clear:both;
}
.subjectSelect{
	font-size:1em;
	background-color:#e0e7e3;
	float:left;
	margin-right:10px;
}
ul.menuTabs{
	list-style-type:none;
	width:350px;
	margin:0px auto;
}
ul.menuTabs li{
	padding-left:4px;
	padding-right:4px;
	margin-left:4px;
	margin-right:4px;
	background-color:#e0e7e7;
	border:1px solid #87afc3;
	float:left;
}
.checkSelect td{
	border:1px solid #cccccc;
	text-align:left;
	vertical-align:top;
	font-size:.9em;
	width:175px;
}
ul.imageSelectGallery{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul.imageSelectGallery li{
	padding:1px;
}
ul.imageSelectGallery li a img{
	border:2px solid #CCCCCC;
}
ul.imageSelectGallery li.selected a img{
	border:2px solid #ffff00;
}
ul.imageSelectGallery li{
	float:left; 
}
textarea.message{
	width:376px;
	height:180px;
}
.commentcomments textarea{
	width:450px;
	height:50px;
}
.commentcomments .commentinfo{
	background-color:#e0e7e7;
	font-size:.9em;
}
.commentcomments ul{
	list-style-type:none;
	text-align:left;
}
.commentcomments ul li{
	border:1px solid #e0e7e7;
	margin-top:10px;
	margin-bottom:10px;
}
#blog{
	width:650px;
	text-align:left;
	font-size:.9em;
}

#blog ul{
	list-style-type:none;
	text-align:left;
}
#blog ul li{
	border:1px solid #e0e7e7;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}

#blog .commentinfo{
	background-color:#e0e7e7;
	font-size:.9em;
}
.smallList{
	text-align:left;
	font-size:.9em;
	list-style-type:none;
}
.smallList li{
	border-bottom:1px solid #87afc3;; 
}
.smallList li a{
	color:#2f6681;
}
.courseList{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.courseList li{
	border-bottom:1px solid #87afc3;
	padding-top:5px;
	padding-bottom:5px;
}
ul.courseList li p{
	margin:2px;
}
ul.packages {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.courseList li ul.packages li {
	color:#2f6681;
	border-bottom: none;
	padding:2px;
}
ul.courseList li ul.packages li ul li {
	color:#2f6681;
	border-bottom: none;
	padding:2px;
}
ul.courseList li ul.packages li ul li .attachments ul li {
	color:#2f6681;
	border-bottom: none;
	padding:2px;
}
.attachments ul li {
	color:#2f6681;
	border-bottom: none;
	padding:2px;
}