/*	@desc 	This is the css file for admin forms, but is also included and used for many of the other
*				hyperlms pages.
*	@pages	categoryManager.html.php , courseAdministrator.html.php
*/

/* Vertical Menu CSS */
.verticalMenu, .verticalMenu li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 172px; /*WIDTH OF MAIN MENU ITEMS*/
	border: none;
}
.verticalMenu li {
	position: relative;
	background: #eeeeee;
}
.verticalMenu li.child {
}
.verticalMenu li.child a {
}
.verticalMenu li.child a:hover img {
	background: url(../images/arrows.gif) no-repeat 0 -90px;
}
.verticalMenu li a {
	padding: 5px 0;
	padding-left: 10px;
	width: 168px;
}
/*SUB MENU STYLE*/
.verticalMenu li ul {
	position: absolute;
	width: 172px; /*WIDTH OF SUB MENU ITEMS*/
	left: 0;
	top: 0;
	display: none;
	border: 1px solid black;
	border-left: none;
	z-index: 2;
}
.verticalMenu li ul li {
	float: left;
}
.verticalMenu li ul a {
	width: 168px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.verticalMenu .arrowdiv {
	position: absolute;
	right: 2px;
}
.verticalMenu li a:visited, .verticalMenu li a:active {
	color: white;
}
.verticalMenu li a:hover {
}
/* Holly Hack for IE \*/
* html .verticalMenu li { float: left; height: 1%; }
* html .verticalMenu li a { height: 1%; }

/* End Vertical Menu CSS */

/* Category Manager */
#cat_deselectAll{
	margin-left: 5px;
}
#catCancel{
	clear: both;
	margin-top: 50px;
	margin-left: 40px;
}
#catDown{
	clear: both;
	margin-left: 40px;
}
#catUp{
	margin-top: 70px;
	margin-left: 50px;
	clear: both;
}

#catMan_main{
	margin: 5px 0 0 0;
	background-color: #adadad;
	width: 100%;
	height: 400px;
	clear: both;
	float: left;
}
#catMan_message{
	width: 90%;
	height: 16px;
	background-color: #eeeeee;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	margin: 2px 0 0 15px;
	color: blue;
}
#catMan_messages{
	width: 99%;
	height: 20px;
	background-color: #cccccc;
	border: 1px solid black;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	clear: both;
}
#catMan_outer{
	border: solid black 1px;
	padding: 5px;
	width: 700px;
	width: 98%;	!important			/*IE6 only hack*/
	height: 450px;
	overflow: hidden;
	background-color: #eeeeee;
}
#catMan_search{
	border: solid black 1px;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #cccccc;
	width: 98%;
}
#div_olCategory{
	width: 100%;
}
#divShowCats{
	width: 650px;
	height: 300px;
	border: 1px solid black;
	background-color: white;
}
/* End Category Manager */


/* Course Administrator	*/
#divContent{
	width: 99%;
	height: 375px;
	overflow:auto;
	padding: 7px;
	padding-right: 0px;
}
#divContentWrapper{
	padding: 15px;
	padding-right: 0;
	width: 99%;
	height: 400px;
	background-color: #cccccc;
	clear: both;
}
#div_olCatList{
	width: 80%;
}
#divSurrounding{
	border: 1px solid black;
	width: 99%;
	height: 500px;
	padding: 5px;
	background-color: #eeeeee;
}
#divToolbar{
	width: 99%;
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #cccccc;
}
/* End Course Administrator	*/


/* Allot Courses */
#allotCategoryBox{
	width: 99%;
	height: 200px;
	padding: 5px;
	overflow: auto;
}
#allotContent{
	width: 99%;
	border: 1px solid #dddddd;
	padding: 5px;
	background-color: #cccccc;
	height: 550px;
	clear: both;
	float: left;
}
#allotHiddenDiv{
	width: 600px;
	height: 200px;
	clear: both;
}
#allotToolbar{
	width: 99%;
	border: 1px solid black;
	padding: 5px;
	background-color: #cccccc;
	margin-bottom: 7px;
}
#allotWrapper{
	width: 99%;
	height: 700px;
	border: 1px solid black;
	background-color: #eeeeee;
	padding: 10px;
	margin: 10px;
}
.allotTextBox{
	width: 75px;
}
/* End Allot Courses */


#olCategory{
	width: 90%;
	margin: 0;
	padding: 0;
	margin-left: 25px;
	padding-left: 25px;
	border: 0px solid white;
}

/* olTree is used to identify ol trees */
.olTree{
	float: left;
}

/* Classes */
ol.arrow{
	list-style-image: url(../images/rtArrow.png);
}
.buttonRow {
	margin: 1em 0;
	text-align: left;
}
#adminTable {
	margin-left: 1px;
}
.searchRow {
	clear: both;
	background-color: #DDDDCC;
	margin: 1em 0;
	padding: 2px 0;
	border: 1px solid #000;
}
.catBox{
	margin: 10px 0 0 20px;
	height: 70%;
}
.catButton{
	float: left;
	width: 60px;
}
.catContent{
	width: 98%;
	height: 300px;
	background-color: #cccccc;
	clear: both;
	overflow: auto;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left:1px solid black;
	margin-left:5px;
}
.catContent h2{
	text-decoration: underline;
	margin-left: 10px;
	margin-top: 20px;
}
.cat{
	color: green;
	width: 100%;
}
.category{
	color: green;
	width: 100%;
	float: left;
}
li.cat{
	text-decoration: underline;
	color: green;
	list-style-image: url(../images/rightArrow.gif);
	width: 100%;
}
li.category{
	text-decoration: underline;
	color: green;
	list-style-image: url(../images/rightArrow.gif);
	width: 100%;
}
li.course{
	width: 100%;
	border: 0px solid #cccccc;
	list-style-image: none;
	list-style-type: none;
}
li.courseList{
	list-style-type: none;
	border: 1px solid #cccccc;
}
div.popupHeader{
	font-size: 18px;
	border-bottom: 1px solid black;
}
.header{
	font-size: 18px;
}
div.header{
	font-size: 18px;
}
li.header{
	font-size: 14px;
	font-weight: bold;
}
ol.header{
	font-size: 14px;
	font-weight: bold;
}
label.highlight{
	background-color: red;
}
.liHighlight{
	background-color: #003366;
	cursor: pointer;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	color: white;
}
li.open{
	list-style-image: url(../images/downArrow.gif);
}
li.selected{
	color: red;
}
div.showCats_content{
	width: 100%;
	height: 210px;
	border: 1px solid black;
	overflow: auto;
	background-color: #f5f5f5
}
.strip{
	width: 15%;
	height: 100%;
	float: left;
	background-color: #adadad;
}
.titleBar{
	background-color: #003366;
	color: #ffffff;
	float: left;
	width: 100%;
	font-size: 22px;
	text-align: center;
}
.xClose{
	float: right;
	padding-right:3px;
	padding-left: 3px;
	border-left: 1px solid black;
}


/* Generic Classes */
.backBlue{
	background-color: blue;
}
.backOrange{
	background-color: orange;
}
.backBrown{
	background-color: brown;
}
.backGreen{
	background-color: green;
}
.bkLtGray{
	background-color: #eeeeee;
}
.bkGray{
	background-color: #aeaeae;
}
.backRed{
	background-color: red;
}
.backInherit{
	background-color: inherit;
}
.block{
	display: block;
}
.bold{
	font-weight: bold;
}
.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.cursorDefault{
	cursor: default;
}
.cursorHand{
	cursor: pointer;
}
.destroy{
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.hide{
	display: none;
}
.hidden{
	visibility: hidden;
}
.noBullets{
	list-style-type: none;
	list-style-image: none;
}
.normalText{
	color: black;
	font-size: 13px;
	text-decoration: none;
}
.show{
	display: block;
}
.spacer{
	margin: 7px;
	clear: both;
	height: 1px;
}
.txtCenter {
	text-align: center;
}
.txtWhite{
	color:white;
}
.underline{
	text-decoration: underline;
}
.ten{
	width: 10%;
	float: left;
}
.twenty{
	width: 20%;
}
.thirty{
	width:	30%;
	float: left;
}
.forty{
	width: 40%;
	float: left;
}
.fifty{
	width: 50%;
	float: left;
}
.sixty{
	width:	60%;
	float: left;
}
.seventy{
	width:	70%;
	float: left;
}
.eighty{
	width: 80%;
	float: left;
}
.ninety{
	width: 90%;
	float: left;
}
.oneItem{
	width: 99%;
	float: left;
}
.twoItems{
	width: 50%;
	float: left;
}
.threeItems{
	width: 33%;
	float: left;
}
.fourItems{
	width: 25%;
	float: left;
}


/* Unorganized CSS */
.errorBox {
	background-color: red;
	border: 2px solid black;
	font-weight: bold;
	padding: 0.5em;
}
.successBox {
	background-color: green;
	border: 2px solid black;
	font-weight: bold;
	padding: 0.5em;
}
.mylabel {
	margin: 0;
	padding:0.2em;
	margin-top:0.3em;
	text-align:right;
	width:150px;
	float:left;
	text-transform:uppercase;
}

legend{
	width:100px;
}
fieldset{
	border: #000000 insert 2px;
	width: 425px;
}

.mytextfield {
	font:12px  Verdana, Arial, Helvetica, sans-serif ;
	margin:3px;
	padding: 3px 8px;
	width:180px;
}
.myexpirefield {
	font:12px  Verdana, Arial, Helvetica, sans-serif ;
	margin:3px;
	padding: 3px 8px;
	width:145px;
}
.mydata{
	font:12px  Verdana, Arial, Helvetica, sans-serif ;
	margin:10px;
	height:12px;
	padding: 3px 4px;
}

.phone {
	font:14px  Verdana, Arial, Helvetica, sans-serif ;
	margin:3px;
	height:12px;
	padding: 1px 2px;
	width:30px;
}
.phonelast{
	font:14px  Verdana, Arial, Helvetica, sans-serif ;
	margin:3px;
	height:12px;
	padding: 1px 2px;
	width:40px;
}

.fadeinbox{
	position:absolute;
	width: 400px;
	left: 310px;
	top: 200px;
	border: 2px solid black;
	background-color: lightyellow;
	padding: 4px;
	z-index: 100;
	visibility:hidden;
}

.buttonCSS {
	height: 20px;
	font-size: 8pt;
	background-color: #eee;
	color: #036;
	border: 1px solid #036;
	cursor: pointer;
	padding: 0 2px 0 2px;
	margin: 3px 3px 0 0;
	width: auto;
	overflow: visible;
}

.buttonDisabled {
	border: 1px solid #999;
	color: white;
	background-color: #d5d5d5;
}

.buttonToggle {
	background-color: #d5d5d5;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

div.mytableContainer table {
	float: left;
	width: 740px
}

thead.myfixedHeader td {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: center
}

html>body tbody.myscrollContent {
	overflow: auto;
	width: 100%
}

tbody.myscrollContent td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
.csvHeadTr{
	background-color : #F0F0F0;
	font-weight : bold;
	font-size : 12px;
	text-align : center;
}
.csvButton{
	border : 1px solid #000066;
	color : White;
	text-align : center;
	background-color : #3366BB;
	font-weight : bold;
	font-size : 11px;
}
 TABLE.grid { background-color : #A0A0A0; }
 TABLE.grid TR.header TD { background-color : #F0F0F0;
 font-weight : bold; font-size : 10px;
text-align : center; }
 TABLE.grid TR TD {
	 background-color : #FFFFFF;
 font-size : 10px; }

 TABLE.csvsetup {
	 background-color : #A1A2A0; }
TABLE.csvsetup TR.header TD {
	 background-color : #F0F0F0;
	 font-weight : bold;
	 font-size : 12px;
	 text-align : center;
	 }

 .off {display: none;}
 .on {}

.buttonBox {
		position: absolute;
		top: 160px;
		border: solid 2px #000000;
		background-color: #ffff00;
		visibility: hidden;
		padding:2px;
		margin-bottom:6px;
}

.buttonBox2 {
		position: change;
		top: 160px;
		border: solid 2px #000000;
		background-color: #ffff00;
		visibility: hidden;
		padding:2px;
		margin-bottom:6px;
}

.barPercents {
 background: #FFF;
 border: 1px solid #CCC;
 margin: 1px;
 height: 20px;
 position:absolute;
 width:275px;
 z-index:10;
 left: 10px;
 top: 38px;
 text-align: center;
}

.myblocks {
 background: #EEE;
 border: 1px solid #CCC;
 margin: 1px;
 height: 20px;
 width: 10px;
 position: absolute;
 z-index:11;
 left: 12px;
 top: 38px;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
 -khtml-opacity: .5
}
.proctorInfo {
	CURSOR: help; COLOR: #660000; BORDER-BOTTOM: #660000 1px dashed
}

#profileForm {
	width: 600px;
}

/* Course Reminder CSS */
#reminderForm .first {
	padding-top: 1em;
}
#reminderForm input {
	display: block;
	margin-left: .5em;
}
#reminderForm label {
	display: block;
	margin: 1em 0 0 0;
	font-weight: bold;
}
#reminderForm select {
	display: block;
	border: 1px solid #003366;
	margin-left: .5em;
}
#reminderForm textarea {
	display: block;
	border: 1px solid #003366;
	margin-left: .5em;
	width: 20em;
	height: 15em;
}
#reminderForm .notes {
	height: 5em;
}
/* End Course Reminder CSS */

div .warning {
	font-weight: bold;
	border: 1px solid red;
	background-color: pink;
}

.sortedBy {
	font-weight: bold;
	background-color: black;
	color: white;
}

/* Margin form. */
#marginForm {
	background-color: white;
	margin: 0 1em 0 1em;
}
#marginForm fieldset {
	float: left;
	display: block;
	width: 43%;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}
#marginForm fieldset legend {
	font-weight: normal;
	width: auto;
	color: #000000;
}
#marginForm fieldset div {
	clear: both;
}
#marginForm fieldset.radio {
	width: 90%;
	margin: 0 0 1em 0;
}
#marginForm fieldset.radio input {
	position: static;
	clear: both;
	float: left;
	width: 13px;
	height: 13px;
	overflow: hidden;
	margin: 0 .2em .5em 0;
	padding: 0;
}
#marginForm fieldset.radio label {
	display: block;
	font-weight: normal;
	margin: 0 0 .5em 0;
	padding: 0;
	width: auto;
	width: 50% !ie;
	clear: none;
	text-align: left;
}
#marginForm fieldset.radio legend {
	font-weight: bold;
}
#marginForm fieldset.radio div.first {
	top: 1em;
	top: 0em !ie;
}
#marginForm fieldset.radio div.stateLicense input {
	width: 6em;
	height: auto;
	font-size: .7em;
	margin-bottom: 0;
}
#marginForm fieldset.radio .information {
	padding: 0;
	margin: 0;
	font-size: .8em;
	font-weight: bold;
	border: 1px solid #808080;
	height: 16px;
	width: 16px;
}
#marginForm input {
	display: block;
	margin-bottom: 1em;
	float: left;
}
#marginForm input.submit {
	clear: both;
	top: 0;
	left: 0;
	margin: auto;
	width: auto;
}
#marginForm .submit {
	clear: both;
	top: 0;
}
#marginForm .submit2 {
	top: 0;
	left: 0;
	width: auto;
}
#marginForm label {
	clear: both;
	float: left;
	display: block;
	width: 40%;
	font-weight: bold;
	margin-bottom: .2em;
	text-align: right;
}
#marginForm label.first {
	margin-top: 1em;
}
#marginForm select {
	float: left;
	display: block;
	color: #000000;
	font-family: skia,myriad,sans-serif;
	font-size: 10pt;
	margin-bottom: 1em;
}
#marginForm option {
	color:#000000;
	font-family:skia,myriad,sans-serif;
	font-size:10pt;
}
.clearer {
	clear: both;
	height: 1px;
}
/* End margin form. */

/* Columnar form. */
#columnarForm {
	background-color: white;
	margin: 0 1em 0 1em;
}
#columnarForm fieldset {
	float: left;
	display: block;
	width: 21em;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}
#columnarForm fieldset legend {
	font-weight: normal;
	width: auto;
	color: #000000;
}
#columnarForm fieldset.radio {
	width: 18em;
	margin: 1em 0 2em 0;
}
#columnarForm fieldset.radio input {
	clear: left;
	float: left;
	width: 13px;
	height: 13px;
	overflow: hidden;
	margin: 0 .2em .5em 0;
	padding: 0;
}
#columnarForm fieldset.radio label {
	display: block;
	font-weight: normal;
	margin: 0 0 .5em 0;
	padding: 0;
	width: 10.5em;
}
#columnarForm fieldset.radio div.stateLicense input {
	width: 6em;
	height: auto;
	font-size: .7em;
	margin-bottom: 0;
}
#columnarForm fieldset.radio div.stateLicense .information {
	padding: 0;
	margin: 0;
	font-size: .8em;
	font-weight: bold;
	border: 1px solid #808080;
	height: 16px;
	width: 16px;
}
#columnarForm select {
	display: block;
	margin-bottom: 1em;
	width: 18em;
}
#columnarForm input {
	display: block;
	margin-bottom: 1em;
	width: 18em;
}
#columnarForm label {
	display: block;
	font-weight: bold;
	text-align: left;
}
#columnarForm label.first {
	padding-top: 1em;
}
#columnarForm select {
	display: block;
}
#columnarForm .submit {
	clear: both;
}
/* End columnar form. */

/* States licensed table. */
table.statesLicensed {
	width: 100%;
}
table.statesLicensed td {
	vertical-align: top;
}
/* End states licensed table. */

/* Table form. */
.tableForm {
	font-family: skia,myriad,sans-serif;
	font-size: 10pt;
}
.tableForm input {
	display: block;
	margin-bottom: 1em;
	float: left;
}
.tableForm input.submit {
	clear: both;
	top: 0;
	left: 0;
	margin: auto;
	width: auto;
}
.tableForm .submit {
	clear: both;
	top: 0;
}
.tableForm label {
	display: block;
	font-weight: bold;
	margin-bottom: .2em;
}
.tableForm label.first {
	margin-top: 1em;
}
.tableForm select {
	display: block;
	font-family: skia,myriad,sans-serif;
	font-size: 10pt;
	margin-bottom: 1em;
}
.tableForm option {
	font-family: skia,myriad,sans-serif;
	font-size: 10pt;
}
.tableForm textarea {
	border: 2px inset threedface;
	font-family: skia,myriad,sans-serif;
	font-size: 10pt;
	width: 20em;
	height: 15em;
}
/* End table form. */

/* Courseware Forms */
.certNATitle{
	text-decoration: underline;
	font-weight: bold;
}

/* Bordered table class. */
.bordered_table {
	width: 100%;
	color: #000;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	margin-bottom: 1em;
}
.bordered_table th, .bordered_table tfoot td {
	padding: 2px;
	font-weight: bold;
	background-color: #c0c0c0;
	color: black;
	border-left: 1px black solid;
	border-right: 1px black solid;
}
.bordered_table th.sortedBy {
	font-weight: bold;
	background-color: #777;
	color: white;
}
.bordered_table td {
	padding: 2px;
	font-weight: normal;
	vertical-align: top;
	border-left: 1px black solid;
	border-right: 1px black solid;
}
.bordered_table th.radio {
	width: 2em;
}
.bordered_table tr {
	background-color: #e5e5e5;;
}
.bordered_table tr.highlight {
	background-color: #d5d5d5;
}
.bordered_table.ruler tr.ruled {
	background-color: #c0c0c0;
	color: #000;
}
.bordered_table input {
	width: 20em;
}
.bordered_table input.radio {
	border: 0;
	width: auto;
	background-color: transparent;
}
.bordered_table input[type=radio], .bordered_table input[type=checkbox] {
	border: 0;
	width: auto;
	background-color: transparent;
}
.bordered_table input.small {
	width: 3em;
}
/* End bordered table class. */

/* Unbordered table class. */
.unbordered_table {
	width: 100%;
	color: #000;
	text-align: left;
	border-spacing: 1px;
	margin-bottom: 1em;
}
.unbordered_table th {
	padding: 2px;
	font-weight: bold;
	background-color: #c0c0c0;
	color: black;
}
.unbordered_table td {
	padding: 2px;
	font-weight: normal;
	vertical-align: top;
}
.unbordered_table tr {
	background-color: #e5e5e5;
}
.unbordered_table tr.highlight {
	background-color: #d5d5d5;
}
.unbordered_table input {
	width: 21em;
}
.unbordered_table input.small {
	width: 3em;
}
/* End unbordered table class. */

.marginBottom1em {
	margin-bottom: 1em;
}
.marginLeft1em {
	margin-left: 1em;
}

/* Calendar CSS. */
input.calendar, select.calendar {
	width: 75px;
}
button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	position: relative;
	top: -5px;
}
button.calendar:hover, button.calendar.active {
	background-position: 0 20px;
}
div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}
div.calendar * {
	margin: 0;
	padding: 0;
}
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}
div.calendar caption {
	color: #333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}
div.calendar caption a.prev {
	background-image: url(../images/calendar-prev.gif);
	left: 0;
}
div.calendar caption a.next {
	background-image: url(../images/calendar-next.gif);
	right: 0;
}
div.calendar caption a:hover {
	background-position: 0 12px;
}
div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.calendar caption span.month {
	padding-right: 8px;
}
div.calendar caption span.month:after {
	content: ',';
}
div.calendar table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar thead {
	background-color: #ffffff;
}
div.calendar td, div.calendar th {
	border: 0;
	color: #036;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	background: url(../images/calendar-td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url(../images/calendar-valid.gif);
	color: #036;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url(../images/calendar-hilite.gif);
}
div.calendar td.inactive {
	background: url(../images/calendar-td.gif) 0 100%;
	color: #FFF;
}
div.calendar td.active, div.calendar td.hover {
	background: url(../images/calendar-valid.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}
/* End calendar CSS. */

/* Various color classes. */
.black {
	color: black;
}
.blue {
	color: blue;
}
.green {
	color: green;
}
.pink {
	color: pink;
}
.red {
	color: red;
}

.chapterProgressBar {
	width: 40px;
	height: 4px;
	border: 1px solid #000000;
	background: #fff;
}
.chapterProgressBar div {
	height: 4px;
	background: #c00;
	margin-left: 0;
}
.courseProgressHalfBar {
	width: 200px;
	height: 6px;
	border: 1px solid #000000;
	background: #fff;
}
.courseProgressHalfBar div {
	height: 6px;
	background: #003366;
	margin-left: 0;
}
.progressBar {
	width: 70px;
	height: 6px;
	border: 1px solid #000000;
	background: #fff;
}
.progressBar div {
	height: 6px;
	background: #c00;
	margin-left: 0;
}

/* Arrow classes. */
.arrows {
   background: url(../images/arrows.gif) no-repeat top left;
}
.arrowDown {
	background-position: 0 0;
}
.arrowDownWhite {
	background-position: 0 -18px;
}
.arrowLeft {
	background-position: 0 -36px;
}
.arrowLeftWhite {
	background-position: 0 -54px;
}
.arrowRight {
	background-position: 0 -72px;
}
.arrowRightWhite {
	background-position: 0 -90px;
}
.arrowUp {
	background-position: 0 -108px;
}
.arrowUpWhite {
	background-position: 0 -126px;
}