/************** Model Popup Style *********************************************/
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
	overflow:hidden;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	height:expression(document.body.clientHeight);
	width:expression(document.body.clientWidth + 20);
    position:absolute;
    z-index: 100;
}
.modalBackground2 
{
    background-color:White;
    filter:alpha(opacity=1);
    opacity:0.02;
	overflow:hidden;
	top: 0;
	left: 0;
	bottom:600;
	right:0;
	height:expression(document.body.clientHeight);
	width:expression(document.body.clientWidth + 20);
    position:absolute;
    z-index: 100;
}

.modalPopup 
{
	filter: alpha(opacity=100); 
	opacity: 1.0;
	z-index:101;
	background-color: Transparent;
    position:absolute;
    left: expression((document.body.clientWidth - 960)/2);
    top: expression((document.body.clientHeight - 644)/2);     	        
}
/************* End Model Popup Style *******************************************/

/*************  *********************************/
table#MyLearning
{
	height:100%;
	width:925px;
}
table#MyLearningHeader
{
	padding-right:5px;
	width:100%; 
}
td#CourseSection
{
	 height:100%;
	 width: 925px;
	 text-align: left;
	 vertical-align: top;
	 background-color: #FFFFFF;
}
td#MyLearningImg
{
	 width:20%;
	 text-align:left;
	 vertical-align:bottom; 
	 padding-left:15px;
}
td#MylearningText
{
	 width:80%;
	 text-align:right;
	 vertical-align:bottom;
	 padding-bottom:5px;
}
p
{
	padding-left:16px;
	padding-right:10px;
	 text-align:justify;
}
td#ExpandCollapse
{
	padding-left:21px;
}
a.ClickItems
{
	color: #2F4070;
	text-decoration: underline;
	cursor:hand;
}
a.ClickItems:hover
{
	color:Black;
}
td#LegendList
{
	padding-left:18px;
}
table#Legends
{
	text-align:left;
}
td.LegendImg
{
	width:15px;
}
td.LegendText
{
	width:125px; 
	text-align:left;
}
table#CourseTree
{
	width:100%;
}
td#CourseTreeCell
{
	height:100%;
}
/*************  *****************************/

/************* Element Contained in Side Panel *****************************/
#pnlMap
{
	 Height:100%;
	 overflow:hidden;
	 Width:100%;
}
div.CurveHeader
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #DBDBDB;
    margin-left: 1px;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-left: solid 1px #374B73;
    border-right: solid 1px #374B73;
    width: 196px;
}
div.CurveHeaderOptions
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #DBDBDB;
    margin-left: 1px;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-left: solid 1px #374B73;
    border-right: solid 1px #374B73;
    width: 296px;
}
div#CurveMyProgress,div#CurveMyHistory,div#CurveMyOptions
{
	margin-left: 1px;
	border-left: solid 1px #374B73;
	border-right: solid 1px #374B73;
    width: 196px;
}
div#CurveMyHistory
{
	height: 125px; 
}
div#CurveMyOptions
{
	width:296px;
	height: 300px; 
	background-color:White;
}
div#CurveMyProgress
{
	height: 195px;
}
div.CurveMe
{ 
    width:200px;
}
div.CurveMeOptions
{
	width:300px;
}
b.rtop, b.rbottom
{
    display:block;
    background: Transparent;
}
b.rtop b, b.rbottom b
{
    display:block;
    height: 1px;
    overflow: hidden; 
    background-color: #DBDBDB;
}

b.r1
{
    margin: 0 6px;
    border-right:solid 2px #A2ABBC;
    border-left:solid 2px #A2ABBC;
}
b.r5
{
    margin: 0 4px;
    border-right:solid 2px #A2ABBC;
    border-left:solid 2px #A2ABBC;
}
b.r2
{
    margin: 0 3px;
    border-right:solid 1px #374B73;
    border-left:solid 1px #374B73;
}
b.r3
{
    margin: 0 2px;
    border-right:solid 1px #374B73;
    border-left:solid 1px #374B73;
}
b.rtop b.r4, b.rbottom b.r4
{
    margin: 0 1px;
    height: 3px;
    border-right:solid 1px #374B73;
    border-left:solid 1px #374B73;
}
/**************** End Elements contained in side panel **************************/

/**************** Elements contained in Expander panel **************************/
#pnlExpander
{
	Width:10px;
	overflow:hidden;
}
/**************** End Elements contained in Expander panel **********************/

/**************** Elements contained in Course Section **************************/

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	width:170px;
	background-color:#FAFAFA;
	cursor: default;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
.LaunchCourse
{
	cursor:hand;
	color:Black;
	text-decoration:underline;
}
.LaunchCourse:hover
{
	color:#4F7EA8;
	text-decoration:underline;
}
/**************** End Elements contained in Course Section **********************/

/**************** Default Page Multiple Login PopUp *****************************/
.pnlMutliSession
{
	position:absolute;
	border:solid 1px #374B73;
	width:300px;
	z-index:1000;
	background-color:White;
	/*left: expression((document.body.clientWidth - 960)/2);
    top: expression((document.body.clientHeight - 644)/2);*/
	top:300px;
	left:350px;
}
#DivMultiSessionHeader
{
	border-bottom:solid 1px #374B73;
	width:300px;
	text-align:center;
	background-color:#F1F1F1;
}
#DivMultiSessionContent
{
	text-align:center;
	width:300px;
	height:125px;
}
#TdMultiSessionText
{
	vertical-align:text-top;
}
.TdMultSessionButton
{
	width:50%;
	vertical-align:bottom;
}
/**************** End Default Page Multiple Login PopUp *************************/