/*************** TreeCourseNode ***************************/
table#Course
{
	width:100%;
	border-bottom:solid 1px #999999;
}
td#CourseImg
{
	text-align:left;
	width:1%;
}
td#CourseLaunch
{
	text-align:left;
	width:20%;
}
td#CourseTitle
{
	text-align:left;
	width:20%;
}
td#CourseDescription
{
	text-align:left;
	width:30%;
}
td#CourseProgress
{
	text-align:left;
	width:20%;
}
.ToolTipPanel
{
	background-color:Transparent;
	position:absolute;
	visibility:hidden;
	padding-left:25px;
	padding-top:20px;
}
.ToolTipText
{
	width:250px;
	border:solid 1px black;
	background-color:#FFFFE1;
	overflow:hidden;
	padding: 5px 5px 5px 5px;
}

.hovers
{
    color:Black;
    text-decoration:underline;
    cursor:Hand;
}
.hovers:hover
{
    color:#2F4070;
    cursor:Hand;
    text-decoration:underline;
}
/*************** End TreeCourseNode ***********************/

/*************** ProgressBar ***********************/
table.ProgressBarMain
{
	width:110px;
}
td.ProgressBarCell
{
	width:75px;
	text-align:left;
}
td.ProgressPercentageCell
{
	width:35px;
	text-align:right;
}
table.Progress
{
	width:75px;
    height:10px;
    border:solid 1px black;
    margin-right:10px;
    font-size:10px;
}
td.CellComplete
{
	background-color:#3B6A94;
}
td.CellIncomplete
{
	background-color:#D3D3D3;
}
/*************** End progress bar ***********************/

/*************** TreeHeaderNode ***************************/
table#HeaderMain
{
	background-color:#F1F1F1;
    border-bottom:solid 1px #999999;
    border-left:solid 1px #999999;
    width:100%;
}
td#Title
{
	width:85%;
    text-align:left;
}
td#ProgressContainer
{
	width:15%;
    text-align:Left;
}
/*************** End TreeHeaderNode ***************************/