body {font-family: Verdana, Arial; background-color: #FFFFFF; 	font-size:12px; color: #000000;}
input{font-size:95%; height:19px; color:#666666;} 
select {font-size:95%; height:19px; color:#666666;}


/*
	Top Header Links Zone
	
*/

.textalign
{
	text-align:right;
}

.textalignback
{
	text-align:left;
}


.fileUpload
{
	font-size:100%;
	height:20px;
}

.mainTableTLZ
{
	background-color:#F8F8F8;
	width:100%;
	height:27px;
	font-size:11px;
	color: #545454;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
.innerTableTLZ
{
	font-weight:bold;
	text-align:center;
	}
tdInnerTableTLZ
{
	color: #545454;
	border: solid 1px #cccccc;
	white-space:nowrap;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:1px;
	}

.menuSelectedTabTLZ
{
	color: #0054A6;
	background-color: #F8F8F8;
}

a.linkSelectedTLZ:link
{
	font-style: normal;
	color: #545454;
	cursor:pointer;
	text-decoration: none;
	}
a.linkSelectedTLZ:visited
{
	background-color: #F8F8F8;
	color: #545454;
	cursor:pointer;
  text-decoration: none;
	}
a.linkSelectedTLZ:hover
{
	text-decoration: underline;
	cursor:pointer;
	}

/*
	Left Structure Zone (LSZ)
*/
BODY.bodySZ 
{
	background-color:#F8F8F8;
  margin-top: 0px;
  margin:0px;
}

.maintableLSZ
{
	padding:0;
	width:95%;
	font-size:11px;
	text-align:left;
}
	
.textTitleLSZ
{
	background-color:#E5E5E5;
	font-weight:bold
	}
	
a.linkHeaderLSZ:link, a.linkHeaderLSZ:visited{color: #545454; text-decoration:none}
a.linkHeaderLSZ:hover{text-decoration: underline; }
.tdBGMedium{background-color:#CCCCCC;}
.tdBGLight{background-color:#F8F8F8;}
.tdBGDivider{background-color:#545454;}
.tdBGDividerThick{background-color:#E5E5E5;}
/*
	Content Zone
*/
.textPortalMenu {font-weight: bold; color: #004279; font-family: Tahoma; font-size: 11px; text-decoration: none;}

.textTitle {font-family: Verdana; font-size: 14px; font-weight:bold; color: #545454;}
.textTitleSmall {color: black; font-weight: bold; font-family: Verdana; font-size: 11px;}
.textTitleSub {font-family: Verdana; font-size: 14px; font-weight:bold; color: #545454;}
.textTitlebar {background-color: #4D7B7D;}

.textHeading {color: #000000; font-weight: bold; font-size: 12px;}
.textHeadingWithBG {color: #FFFFFF; font-weight: bold; font-size: 10px; background-color: #545454;}
.textHeadingLight {color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: arial;}
.textFooter {color: #0054A6; font-weight: normal; background-color: #CFCFCF;}

.textContent {font-size:12px; font-family: Verdana; color: #000000;}
.textSubContent{font-size:11px; font-family: Verdana; color: #000000; background-color:#FFFFFF}
.textContentWithBG{color: #000000; background-color: #F4F4F4;}
.textSubContentWithBG{font-size:11px; font-family: Verdana; color: #000000; background-color: #F4F4F4;}


.textSuccessMessage {color: #0054A6; font-weight: bold; font-family: Verdana; font-size: 11px; background-color:white;}
.textError{font-size: 11px; color: red; font-family: Verdana;}
.textRequired {color: #C40D0D; font-size: 9px; font-family: Verdana;}

.textLink{color: #0054A6; font-family: Verdana; font-size: 11px; cursor:pointer; }
.textLinkNav{color: #004279; font-family: Verdana; font-size: 11px; text-decoration:none; }
.textItemNameLight{color: #666666;font-family:verdana,arial;font-size:10px;}

.tableMain{background-color: #000000;}
.tableBG{background-color: #666666;}
.tableBGLight{background-color: #FFFFFF;}
.tableTextTitle {color: #000000; font-weight: bold; font-family: Verdana; font-size: 12px;}
.tableLinkTitleWithHelp {color: #000000; text-decoration: underline; font-weight: bold; font-family: Verdana; font-size: 12px; cursor: help;}

.buttonLargess{color: #666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/learner/images/grad.gif); }
.buttonLarge{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif);}

/*
	LOGIN PAGE/FORCE PASSWORD CHANGE/LOGOUT (LP)
*/
.textTitleLP {font-family: Verdana; font-size: 14px; color: #CC6600;}
.textTitleSmallLP {color: black; font-weight: bold; font-family: Verdana; font-size: 10px;}
.textTitleSubLP {font-family: Verdana; font-size: 14px; color: #333333;}
.textTitlebarLP {background-color: #4D7B7D;}

.textHeaderLP{font-family:verdana,arial; font-size:12px	; font-weight:bold; color:#000000;}
.textSubHeaderLP{font-family:verdana,arial; font-size:11px;font-weight:bold; color:#545454;}

.textContentLP {font-family:verdana,arial; font-size:11px; font-weight:normal; color:#000000}
.textSubContentLP{font-size:11px; font-family: Verdana; color:#000000;}
.textContentWithBGLP{font-family: Verdana; font-size: 11px; font-style: normal;color: #FFFFFF;font-weight: normal;}

.textErrorLP{font-family: Verdana, arial; font-size:11px; color:red;}
.textLinkLP{color: #000000; font-family: Verdana; font-size:10px;}
.textFooterLP{font-family:verdana,arial; font-size:12px; font-weight:Bold; color:#B9B9B9}

.buttonLargeLP{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif);}

.tableBGDarkLP{background-color:#E5E5E5;}
.tableBGLightLP{background-color:#F2F2F2;}

.tabSelectedH
{
	border-color:#dddddd;
	background-color: #f2f2f2;
}
	
.tabSelected
{
	color: #545454;
	border-color:#f2f2f2;
	background-color: #f2f2f2;
}
.tabDefault
{
	color: #B9B9B9;
	border-color:#f2f2f2;
}
.tabHovered
{
	color: #000000; 
	border-color:#dddddd;
}

.tabSelectedH, .tabSelected, .tabDefault, .tabHovered
{
	font-size: 11px;
	font-weight:bold;
	border-width: 1px;
	border-style: double;
	cursor:pointer;
	white-space:nowrap;
	
}


.tableCellUnderLine{ padding-left: 10px; padding-right: 10px;}
.hrGrooveStyle{ border-left: none; border-right: none; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #C0C0C0 }
.hrThingStyle{ height: 1px; }

select.selectLP{font-family:verdana,arial; font-size: 11px; color:#666666 }
/*
a:link {font-family:verdana,arial;font-size: 9;font-weight:bold;color=#545454;text-decoration: none; }
*/
a:hover{text-decoration: underline;}



hr{color:#DEDEDE;}
/*
	FORGOT PASSWORD (FP)
*/
.textTitleSmallFP {color: black; font-weight: bold; font-family: Verdana; font-size: 11px;}

.textHeaderFP{font-family:verdana,arial; font-size:12px; font-weight:bold; color:#000000;}
.textSubHeaderFP{font-family:verdana,arial; font-size:11px;font-weight:bold; color:#545454;}
.textContentFP {font-family:verdana,arial; font-size:11px; font-weight:normal; color:#000000;}
.textSubContentFP{font-size: 10px; font-family: Verdana;}
.textContentWithBGFP{font-family: Verdana; font-size: 9px; font-style: normal;color: #FFFFFF;font-weight: normal;}

.textErrorFP{font-family: Verdana, arial; font-size:11px; color:red;}
a.textLinkFP:link{font-size:11px; font-family:Verdana; font-style: normal; color: #545454;font-weight:bold; text-decoration: none;}
a.textLinkFP:visited{font-size:11px; font-family:Verdana; font-style: normal; color: #545454;font-weight:bold; text-decoration: none;}
a.textLinkFP:hover{text-decoration: underline; color:#0054A6}

.textSuccessMessageFP {color: #000BF3; font-weight: normal; font-family: Verdana; font-size: 11px;}

.buttonLargeFP{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif);}
.tableBGDarkFP{background-color:#E5E5E5;}

/*
	NEW USER REGISTRATION(NU)
*/
.textTitleNU {font-family: Verdana; font-size: 14px; color: #CC6600;}
.textTitleSmallNU {color: black; font-weight: bold; font-family: Verdana; font-size: 10px;}
.textTitleSubNU {font-family: Verdana; font-size: 14px; color: #333333;}
.textTitlebarNU {background-color: #4D7B7D;}

.textHeaderNU{font-family:verdana,arial; font-size:12px; font-weight:bold; color:#000000;}
.textSubHeaderNU{font-family:verdana,arial; font-size:11px;font-weight:bold; color:#545454;}
.textContentNU{font-family:verdana,arial; font-size:11px; font-weight:normal; color:#000000;}

.textSubContentNU{font-size:11px; font-family: Verdana; }
.textContentWithBGNU{font-family: Verdana; font-size: 12px; font-style: normal; background-color: #F2F2F2; color: #000000; font-weight: bold;}

.textErrorNU{font-size: 10px; color: red; font-family: Verdana;}
a.textLinkNU:link{font-size:11px; font-family:Verdana; font-style: normal; color: #545454;font-weight:bold; text-decoration: none;}
a.textLinkNU:visited{font-size:11px; font-family:Verdana; font-style: normal; color: #545454;font-weight:bold; text-decoration: none;}
a.textLinkNU:hover{text-decoration: underline; color:#0054A6}

.textSuccessMessageNU{color: #000BF3; font-weight: normal; font-family: Verdana; font-size: 11px;}

.buttonLargeNU{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif);}
.tableBGDarkNU{background-color:#E5E5E5;}
.inputsStyleNU{font-size:10px}

/*
	CMS
*/
.cmsNav { background-image:url(/repository/vlsapp/learner/images/new/bg_navigation.gif); background-repeat: repeat-x;}
.cmsInfoPopup
{
	background-color:#F8F8F8;
	width:95%;
	height:27px;
	font-size:11px;
	color: #545454;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}
.cmsAltBgDark {
	background-color:#F8F8F8;
	font-size:11px;
}
.cmsAltBgLight {
	background-color:#F4F4F4;
	font-size:11px;
}

div.rpToolTip
{
    background-color: #ffffdd; 
    visibility: hidden; 
    position: absolute; 
    padding: 1px 2px 1px 2px;
    border: solid 1px black;
}

.hint 
{
	visibility: hidden;
   position: absolute;
   left: 0px;
   z-index: 10;
   background: #ffffe1; 
   border: 1px solid #535353; 
   margin: 0px; 
   padding: 3px 5px;
   width: 300px;
}
div.loadingPanel
{
	z-index:99;
	position:absolute;
	background-image:url(/RadControls/Ajax/Skins/Default/LoadingProgressBar.gif);
	background-position:center;
	background-repeat:no-repeat;
	left:40%;
	top:40%;
	background-color:#F8F8F8;
	border:outset 1px gray;
	width:150px;
	height:80px;
 }
 
 div.ajaxErrorPanel
{
	z-index:99;
	position:absolute;
	display:none;
	left:40%;
	top:40%;
	background-color:#F8F8F8;
	border:outset 1px gray;
	width:180px;
	height:100px;
 }
 
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6e7376;
	white-space:nowrap;
	text-decoration:none;
}
.style3 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	white-space:nowrap;
	cursor:pointer;
	text-decoration:none;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9f9f9f;
	white-space:nowrap;
}
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #595d5f;
	white-space:nowrap;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6e7376;
}
.style7 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6e7376;
}
.style11 {color: #9f9f9f}
.style9 {
	background-color: #A7ABB4;
}


.tdTitleArrow {background-color: #666666; width: 38px; height: 18px;}
.arrowTitleSpacer { width: 36px; height: 18px;}
.buttonSmallNU{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif);}
.buttonSmallLP{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif);}
.buttonLargeWithBG{color:#666666; font-size:12px; height:24px; background-image:url(/repository/vlsapp/common/images/images5.2/button_gradient_background.gif); }

.tdTopLinkLeftLT { background-color: Transparent; background-image: url(/repository/vlsapp/portal/images/blank.gif); background-repeat: no-repeat; width: 1px; height: 1px; }
.tdTopLinkRightLT { background-color: Transparent; background-image: url(/repository/vlsapp/portal/images/blank.gif); background-repeat: no-repeat; width: 1px; height: 1px;}
.tdTopLinkLeftRT { background-color: Transparent; background-image: url(/repository/vlsapp/portal/images/blank.gif); background-repeat: no-repeat; width: 1px; height: 1px;}
.tdTopLinkRightRT { background-color: Transparent; background-image: url(/repository/vlsapp/portal/images/blank.gif); background-repeat: no-repeat; width: 1px; height: 1px;}
.tdTopLinkMiddle { background-image: url(/repository/vlsapp/portal/images/blank.gif); background-repeat: repeat-x; white-space: nowrap;}
.topLinkSpacer {width: 1px; height: 1px;}

.textHeadingNoWrap {color: #595d5f; font-weight: bold; font-size: 12px; white-space: nowrap;}
.textLinkList{color: #6e7376; font-family: Verdana; font-size: 11px; text-decoration:none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.textLinkMain{font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #9f9f9f; white-space:nowrap; text-decoration: none; }
.textLinkMainBig{font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #9f9f9f; white-space:nowrap; text-decoration: none; font-weight: bold; cursor: hand; }
.indentNU { height: 1px; width: 20px;}

.tableSubTextTitle {font-size:12px; font-family: Verdana; color: #666666; background-color: Transparent;}
.tableBody{ background-color: #FFFFFF; padding: 1px; width:100%; border: solid 0px #FFFFFF;}
.tableTitleWithBG{color: #000000; font-weight: bold; font-size: 11px; background-color: #E5E5E5; text-align: center;}
.tableSub{ padding: 1px; width:90%; border: solid 0px #FFFFFF; text-align:left;}
.tdMain{ text-align: center;}

.textBox{ width: 200px; height: 12px; white-space: nowrap;}

.tblSearchMain {background-color: #F4F4F4; padding: 1px; border: solid 0px #FFFFF; width: 100%;}
.tblSubSearch {padding: 1px; width: 100%; background-color: #F4F4F4; }
.tblSearchItem {width: 80%; border: solid 0px #FFFFF; padding: 1px;}
.trSerachIn {border-top: #f2f2f2 thin outset;}
.hrSearchDivider { color: #F4F4F4;}

hr{color:#DEDEDE;}

.tdHeaderNU {height: 16px; background-image: url(/repository/vlsapp/common/images/new/loginshadow3.gif); }
.tdHeaderSpacerNU {height: 16px; width: 1px;}
.requiredImgLT { background-image: url(/repository/vlsapp/common/images/required.gif); background-position: center; background-repeat: no-repeat; width: 10px; height:11px;}
.requiredImgRT { background-image: url(/repository/vlsapp/common/images/requiredrtl.gif); background-position: center; background-repeat: no-repeat; width: 10px; height:11px;}
.requiredImgSpacer { width: 10px; height: 11px; border: solid 0px #000000;}


/* CONTENT FRAME 
	NOTE: 
		1. all names ending with LT defines styles for pages reading left to right (default)
		2. all names ending with RT defines styles for pages reading from right to left (when Arabic Support is enabled for the portal)
		3. all names ending with Spacer defines the dimensions for a blank image used as a spacer so the background image can be displayed
*/
.maskArrow{	background-image: url(/repository/vlsapp/common/images/new/arrowmask_down_title.gif);}
.maskArrowSpacer{ width:36px; height:18px; }
/* USED IN COURSE PROGRESS TABS */
.progressTabMiddle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	white-space:nowrap;
	cursor:pointer;
	text-decoration:none;
	background-repeat: repeat-x; 
	background-image: url(/repository/vlsapp/portal/images/tab_gry_bg.jpg);
	background-position: center;
	height: 23px;
	width: 4px;
	text-align: center;
}
.progressTabMiddleSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6e7376;
	white-space:nowrap;
	text-decoration:none;
	background-color: Transparent;
	background-repeat: repeat-x;
	background-image: url(/repository/vlsapp/portal/images/tab_w_bg.jpg);
	background-position: top;
	border-top: solid 1px #FFFFFF;
	height: 23px;
	width: 4px;
	text-align: center;
}
.progressTabLeftLT
{
	background-image: url(/repository/vlsapp/portal/images/tab_gry_corner_lft.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabLeftSelectedLT
{
	background-image: url(/repository/vlsapp/portal/images/tab_w_corner_lft.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabRightLT
{
	background-image: url(/repository/vlsapp/portal/images/tab_gry_corner_rt.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabRightSelectedLT
{
	background-image: url(/repository/vlsapp/portal/images/tab_w_corner_rt.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabLeftRT
{
	background-image: url(/repository/vlsapp/portal/images/tab_gry_corner_rt.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabLeftSelectedRT
{
	background-image: url(/repository/vlsapp/portal/images/tab_w_corner_rt.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabRightRT
{
	background-image: url(/repository/vlsapp/portal/images/tab_gry_corner_lft.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
.progressTabRightSelectedRT
{
	background-image: url(/repository/vlsapp/portal/images/tab_w_corner_lft.jpg);
	background-position: center;
	height: 23px; 
	width:10px; 
	background-repeat: no-repeat; 
	text-align: center;
}
/* when images are used as background in td, span, div - need to use blank image as spacer, otherwise the background won't display */
.progressTabSpacer {	height: 23px; width: 10px;	}
.progressTabBottom{	background-image: url(/repository/vlsapp/portal/images/tab_btm_line.jpg);	height: 2px;}

/* used to display the filter link : all, online, classroom, blended */
.tblFilterContent {border: solid 0px #FFFFFF; padding:10px; visibility: visible; }

/* used to to display the icon for search link */
.tblSearch { visibility: visible; border: solid 0px #FFFFFF; width: 100%; }
.searchLinkIcon
{
	background-image: url(/repository/vlsapp/portal/images/mag_glass.jpg);
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	border: solid 0px #FFFFFF;
}
.searchLinkIconSpacer{	height: 16px; 	width: 16px;	border: solid 0px #FFFFFF; }
/* USED IN ALPHABET MENU IN COURSE PAGE */
.pnlAlphabetMenu{ visibility: visible; }
.tbAlphabetMenu
{
	border: solid 0px #FFFFFF;
	padding: 0;
	width: 420px;
}
.alphabetMenuMiddle
{
	background-image: url(/repository/vlsapp/portal/images/layer_bg.jpg);
	width: 400px;
	text-align: left;
	vertical-align: middle;
}
.alphabetMenuMiddleBack
{
	background-image: url(/repository/vlsapp/portal/images/layer_bg.jpg);
	width: 400px;
	text-align: right;
	vertical-align: middle;
}
.alphabetMenuLeftLT
{
	background-image: url(/repository/vlsapp/portal/images/layer_corner_lft.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 24px;
	text-align: right;
}
.alphabetMenuRightLT
{
	background-image: url(/repository/vlsapp/portal/images/layer_corner_rt.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 24px;
	text-align: left;
}
.alphabetMenuLeftRT
{
	background-image: url(/repository/vlsapp/portal/images/layer_corner_rt.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 24px;
	text-align: left;
}
.alphabetMenuRightRT
{
	background-image: url(/repository/vlsapp/portal/images/layer_corner_lft.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 24px;
	text-align: right;
}
.alphabetMenuDivider
{
	background-image: url(/repository/vlsapp/portal/images/layer_vert_line.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 3px;
	text-align: center;
	vertical-align: bottom;
}
alphabetMenuDividerSpacer{	width: 3px; height: 8px; }
.alphabetMenuSpacer{ width: 7px;	height: 24px; }
/* back of the alphabet menu where the "all" link is displayed */
.alphabetMenuSpacerBack {	width: 7px; height: 24px; }

.pagerDropdown {font-size:11px; font-family: Verdana; color: #000000; height: 20px; }
.languageDropdown {font-size:11px; font-family: Verdana; color: #000000; height: 20px; width: 200px; }

/* USED IN PAGE NAVIGATION WHERE COURSE LIST IS DISPLAYED */
.tbPageArrow {}
.tdPageArrow {}
/* pager navigation buttons */
.firstButton
{
	background-image: url(/repository/vlsapp/portal/images/navigation/first.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	border: solid 0px #FFFFFF;
}
.firstButtonRT
{
	background-image: url(/repository/vlsapp/portal/images/navigation/last.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	border: solid 0px #FFFFFF;
}
.lastButton
{
	background-image: url(/repository/vlsapp/portal/images/navigation/last.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	border: solid 0px #FFFFFF;
}
.lastButtonRT
{
	background-image: url(/repository/vlsapp/portal/images/navigation/first.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	border: solid 0px #FFFFFF;
}
.previousButton
{
	background-image: url(/repository/vlsapp/portal/images/navigation/previous.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	border: solid 0px #FFFFFF;
}
.previousButtonRT
{
	background-image: url(/repository/vlsapp/portal/images/navigation/next.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	border: solid 0px #FFFFFF;
}
.nextButton
{
	background-image: url(/repository/vlsapp/portal/images/navigation/next.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	border: solid 0px #FFFFFF;
}
.nextButtonRT
{
	background-image: url(/repository/vlsapp/portal/images/navigation/previous.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	border: solid 0px #FFFFFF;
}
.arrowSpacer{	width: 10px;	height: 10px; border: solid 0px #FFFFFF; }
.arrowSpacer2{	width: 11px;	height: 11px; border: solid 0px #FFFFFF; }

/* USED WHERE LIST OF COURSES AND EVENTS ARE DISPLAYED */
/* course title section */
.tdCourseTitle{	background-color: #DDE5E7; }
.tdCourseLeftLT{ width: 7px; }
.tdCourseLeftRT{ width: 7px; }
.divCourseLeftLT
{
	background-image: url(/repository/vlsapp/portal/images/course_corner_lft.jpg);
	width: 7px;
	height: 26px;
	background-color: #DDE5E7;
}
.divCourseLeftRT
{
	background-image: url(/repository/vlsapp/portal/images/course_corner_rt.jpg);
	width: 7px;
	height: 26px;
	background-color: #DDE5E7;
}
.tdCourseRightLT{	width: 7px; }
.tdCourseRightRT{	width: 7px; }
.divCourseRightLT
{
	background-image: url(/repository/vlsapp/portal/images/course_corner_rt.jpg); 
	width: 7px; 
	height: 26px;
	border: solid 0px #FFFFFF;
}
.divCourseRightRT
{
	background-image: url(/repository/vlsapp/portal/images/course_corner_lft.jpg); 
	width: 7px; 
	height: 26px;
	border: solid 0px #FFFFFF;
}
.courseLeftSpacer{	width: 7px; height: 26px; border: solid 0px #FFFFFF; }
.courseRightSpacer{ width: 7px; height: 26px; }
.tdCourseInfoIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_info.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	cursor: hand;
	background-color: #DDE5E7;
}
.courseMiddle
{
	background-image: url(/repository/vlsapp/portal/images/course_middle_line_top.jpg);
	background-repeat: no-repeat;
	width: 3px;
	height: 17px;
	background-color: #DDE5E7;
	text-align: center;
	border: solid 0px #000000;
}
.courseMiddleSpacer
{
	width: 3px;
	height: 17px;
}
/* evaluation section */
.tdEvaluation
{
	background-color: #DDE5E7;
	text-align: left;
	width: auto;
}
.tdEvaluationLeftLT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_lft.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.tdEvaluationLeftRT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_rt.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.tdEvaluatoinMiddle
{
	background-color: #FFFFFF;
	width: 70px;
}
.tdEvaluatoinIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_eval.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-color: #FFFFFF;
}
.tdEvaluationRightLT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_rt.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.tdEvaluationRightRT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_lft.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.evaluationLeftSpacer{	width: 7px; height: 19px; }
.evaluationRightSpacer{	width: 7px; height: 19px; }
.tdEvaluationIconOpenBook
{
	background-image: url(/repository/vlsapp/portal/images/book_open.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-color: #FFFFFF;
}
.evaluationIconSpacer{ border: solid 0px #FFFFFF;	width: 15px;	height: 15px; }
/* favorite section */
.tdFavorite{ text-align: right; width: 100%; }
.tbFavorite{ background-color: #DDE5E7;}
.addToFavoriteIcon
{
	background-image:  url(/repository/vlsapp/portal/images/icon_fav.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}
/* remove from favorite and cancel share the same icons */
.removeFromFavoriteIcon
{
	background-image:  url(/repository/vlsapp/portal/images/icon_cancel.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}
.favoriteIconSpacer{ width: 15px; height: 15px; }
/* USED WHERE EVENT IS DISPLAYED WITHIN COURSE LIST SECTION */
.trEvent{ background-color: #EEF2F3; }
.trEventAlternate{ background-color: #FFFFFF; }
.tdEvent{ text-align: center; width: 100%; }
/* displays divider between event name and launch lines */
.eventDivider
{
	background-image: url(/repository/vlsapp/portal/images/course_middle_line_top.jpg);
	background-repeat: no-repeat;
	width: 3px;
	height: 20px;
	background-color: #EEF2F3;
	text-align: center;
}
.eventDividerSpacer{	width: 20px;	height: 17px; }
/* used where thethe launch links section for events si displayed */
.launchLeftLT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner2_lft.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 19px;
}
.launchLeftRT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner2_rt.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 19px;
}
.launchRightLT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner2_rt.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 19px;
}
.launchRightRT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner2_lft.jpg);
	background-repeat: no-repeat;
	width: 6px;
	height: 19px;
}
.launchLeftSpacer{	width: 6px; height: 19px; }
.launchRightSpacer{ width: 6px; height: 19px; }
.vlsLaunchIconSpacer{ width: 12px; height: 19px; }
.tdLaunchLink
{
	white-space: nowrap;
	background-color: #FFFFFF;
}
.tdVlsIcon
{
	background-color: #FFFFFF;
	background-image: url(/repository/vlsapp/portal/images/icon_vls.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 12px;
	height: 19px;
}
.tdOnlIcon
{
	background-color: #FFFFFF;
	background-image: url(/repository/vlsapp/portal/images/icon_earth.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}
.vlsIconSpacer{	width: 12px;	height: 19px; }
.onlIconSpacer{	width: 15px;	height: 15px; }
.tdClsIcon
{
	background-color: #FFFFFF;
	background-image: url(/repository/vlsapp/portal/images/icon_CLS.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}
.clsIconSpacer{	width: 16px;	height: 17px; }
/* used where the schedule for event is displayed */
.tblSchedule {}
.tdEventProgess { text-align: center; }
.tdEventProgessAlternate { background-color: #FFFFFF; text-align: center; }
.tdCancelEvent { background-color: #EEF2F3;  text-align: center; }
.tdCancelEventAlternate { background-color: #FFFFFF;  text-align: center; }
.cancelEventIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_cancel.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}
.cancelEventIconSpacer{ width: 15px; height: 15px; }
/* USED IN COUSRE LEGEND */
.tbCourseLegend{ background-color: #DDE5E7;}
.tdLegendLeft{ background-color: #DDE5E7; width: 7px; vertical-align: top;}
.tdLegendRight{ background-color: #DDE5E7; width: 7px; vertical-align: top;}
.tdLegendMiddle{ background-color: #DDE5E7;}
.legendInfoIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_info2.gif);
	background-position: center;
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.legendFavIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_fav2.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.legendCancelIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_cancel_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.legendLeftLT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_lft.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.legendLeftRT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_rt.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
	text-align: left;
}
.legendRightLT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_rt.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.legendRightRT
{
	background-image: url(/repository/vlsapp/portal/images/course_white_corner_lft.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 19px;
}
.legendLeftSpacer{ width: 7px; height: 19px; }
.legendRightSpacer{ width: 7px; height: 19px; }
.legendIconSpacer{ width: 15px; height: 15px; }
.tdLegendLink{	white-space: nowrap;	background-color: #FFFFFF;}

/* USED IN AVAILABLE COURSES PAGE */
.tdVlsIcon2
{
	background-image: url(/repository/vlsapp/portal/images/icon_VLS.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 22px;
	height: 19px;
}
.tdOnlIcon2
{
	background-image: url(/repository/vlsapp/portal/images/icon_ONL.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}
.vlsIcon2Spacer{	width: 22px;	height: 19px; }
.onlIcon2Spacer{	width: 16px;	height: 17px; }
.tdClsIcon2
{
	background-image: url(/repository/vlsapp/portal/images/icon_CLS.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}
.clsIcon2Spacer{	width: 16px;	height: 17px; }

/* USED IN CURRICULUM PAGE */
.tdMandatoryHeader{ text-align: center;font-family: Verdana; font-size: 14px; color: #CC6600;}
.tdMandatoryStatus { text-align: right;font-size:11px; font-family: Verdana; color: #000000; background-color: Transparent;}
.tblHeader{background-image: url(/repository/vlsapp/portal/images/hr2.gif); padding: 0px; border: solid 0px #FFFFFF; width:100%;}
.tdContractIcon{vertical-align: middle;  text-align: right; background-color:#DDE5E7; background-image: url(/repository/vlsapp/portal/images/gridExpanderClosedANIM.gif); width: 11px; height: 12px; background-repeat: no-repeat;	background-position: center;}
.tdExpandIcon{vertical-align: middle;  text-align: right; background-color:#DDE5E7; background-image: url(/repository/vlsapp/portal/images/icon_arrow_expand.jpg); width: 11px; height: 12px; background-repeat: no-repeat;	background-position: center;}
.expandIconSpacer {width: 11px; height: 12px; border: solid 0px #FFFFFF;}

/* USED IN AWAITING APPROVAL and WAITLIST PAGES */
.tblPending{	border: solid 0px #FFFFFF; padding: 0px}
.tdPendingItem{ background-color: #FFFFFF; height: 15px;}
.tdPendingViewInfo{background-color: #FFFFFF; white-space: nowrap;}
.tblPendingSub{border: solid 0px #000000; background-color: #EFEFEF; padding: 0px; width: 100%; text-align: left;}
.tdPendingSubItem{background-color: #EEF2F3; }
.tdPendingAlternatate {background-color: #FFFFFF;}
.tdPendingIndent {background-color: #FFFFFF;}
/* MY HOME PAGE */
.divHomePending {	width: 450px; height: 200px; overflow: auto; background-color: #FFFFFF; padding:0px; border-spacing: 0px;}
.tblHomeCoursesInProgress{width:100%; padding:2px;}
.tdHomeHeader{}
.tdHomeItem{}
.tdHomeResumeIcon 
{
	background-image: url(/repository/vlsapp/portal/images/resume.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	cursor: hand;
}
.tdHomeCourseInfoIcon
{
	background-image: url(/repository/vlsapp/portal/images/icon_info2.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	cursor: hand;
}
.tblHomeCourseMain { background-color: #FFFFFF; }
.trHomeSelectPeriod {  background-image: 	url('/repository/vlsapp/portal/images/titleBarBg.gif'); background-repeat: repeat-x; background-color: #FFFFFF; color: #595d5f; }
.editAnnouncementIcon { background-image: url('/repository/vlsapp/portal/images/icon_eval.gif'); background-position: center; background-repeat: no-repeat; }
.editAnnouncementIconSpacer { width: 15px; height: 15px; border: solid 0px #FFFFFF;}
.deleteAnnouncementIcon { background-image: url('/repository/vlsapp/portal/images/icon_x.jpg'); background-position: center; background-repeat: no-repeat; }
.deleteAnnouncementIconSpacer{ width: 15px; height: 15px; border: solid 0px #FFFFFF;}
.shoppingCartIcon {background-image: url('/repository/vlsapp/portal/images/cart.gif'); background-position: center; background-repeat: no-repeat; }
.shoppingCartIconSpacer {width: 29px; height:22px; }
.dockHomeTitle {border: solid 0px #FFFFFF; background-image: url('/repository/vlsapp/portal/images/icon_eval.gif'); }
.dockHome{ border: solid 1px green; background-color: Black;}

/* COURSE, CURRICULUM INFO PAGE */
.tblInfoMain{ width: 100%; border: solid 0px #FFFFFF; padding: 3px;}
.tdInfoHeader{ background-color: #FFFFFF; font-weight: bold;}
.tblCourseEvent{ border: solid 1px #DFDFDF; padding: 1px;  background-color: #FFFFFF; }
.tdCourseEventTitle{ background-color: #DFDFDF; text-align: center;}
.tdCourseEvent{ background-color: #FFFFFF; text-align: left;}
.tblInfoEvent{background-color: #F4F4F4; padding: 1px;}
.tblSubInfoEvent{ padding: 1px;  width: 100%; background-color: #FFFFFF;}
.tblInfoList {width:60%;}
.tblInfoCurriculumList {width: 100%; background-color: #FFFFFF;}
.tblInfoCourseList{width: 100%; background-color: #FFFFFF;}

/* TRANSCRIPT, TRANSCRIPT HISTORY, VIEW SCHEDULE, MY CERTIFICATE PAGE */
.tblTranscriptMain{border: solid 1px #efefef; padding: 0px; width:100%; }
.tdTranscriptTitle{ text-align:center; background-color: #efefef;}
.gridFilter { border: solid 0px #FFFFFF; width: 100%; padding: 0px; }
.gridHeader { background-color: #DFDFDF; color: black; font-weight: bold; font-family: Verdana; font-size: 11px;}
.gridItem { background-color: #EFEFEF; white-space: nowrap;}
.filterItem { background-color: #DFDFDF; white-space: nowrap; width: 100%; text-align: center; vertical-align: middle; white-space: nowrap; }
.gridItemAlternate{ background-color: #EFEFEF; white-space: nowrap;}
.tdPrint {text-align:right; background-color: #efefef;}
.tdPrintPageTitle {background-color: #FFFFFF; }
.tdScheduleCourseTitle{ text-align:center; background-color: #DFDFDF;}
.fieldSet { border: solid 1px #DFDFDF;}
.fieldSetLegend {color: #CC6600; font-weight: bold; font-family: Verdana; font-size: 11px;}
.tdScheduleSectionTitle{ text-align: left; background-color: #DFDFDF; color: black; font-weight: bold; font-family: Verdana; font-size: 11px;}
.tblScheduleSession{ background-color: #FFFFFF; width: 100%; padding: 1px; border: solid 1px #DFDFDF;}
.scheduleSessionHeader{ text-align: center; white-space: nowrap;}
.scheduleSessionItem {}
.gridCertificate { border: solid 0px #FFFFFF; width: 100%; padding: 0px; }

/* MY CALENDAR PAGE */
.tblCalendarMain { width: 600px; border: solid 0px #E5E5E5;}
.gridCalenderSessions {border: solid 1px #E5E5E5; width: 100%;  padding: 0px}
.tdCalenderHeader {border: solid 0px #E5E5E5;  background-color: #DFDFDF;}
.trCalenderItem{background-color:#F8F8F8;}
.calendarPrevious { background-image: url('/repository/vlsapp/portal/images/navigation/previous.gif'); background-position: center; border: solid 0px #FFFFFF; }
.calendarNext { background-image: url('/repository/vlsapp/portal/images/navigation/next.gif'); background-position: center; border: solid 0px #FFFFFF; }
.calendarMoreDetail { background-image: url('/repository/vlsapp/portal/images/navigation/moredetails.gif'); background-position: center; border: solid 0px #FFFFFF; }
.calendarNavSpacer { width: 11px; height: 11px;}
.calendarDetailSpacer { width: 13px; height: 15px;}
.tblCalendarAdd { width: 600px; border: solid 1px #E5E5E5;}
.tdCalenderItem { background-color: #F8F8F8; }
.tdPersonal { height:12px; background-color:#668CD9; white-space: nowrap; color: #FFFFFF; text-align: left; }
.tdMyCourses { height:12px; background-color:#8CBF40; white-space: nowrap; color: #FFFFFF; text-align: left;}
.tdWaitlist { height:12px; background-color:#E6804D; white-space: nowrap; color: #FFFFFF; text-align: left;}
.tdPending { height:12px; background-color:#D96666; white-space: nowrap; color: #FFFFFF; text-align: left;}
.tdAvailable { height:12px; background-color:#CCCCCC; white-space: nowrap; color: #FFFFFF; text-align: left;}
.tdShowEvent { background-color: #94A2BE;} 
.fontCalendarEvent { color: #FFFFFF; }
.showEvent { background-color: #FFFFFF; color:#CC6600; font-weight: bold; vertical-align: top; text-align: left;} 
.calendarHeader { background-color: Red;}
.calendarOtherMonth {}
.calendarOutOfRangeDay {}
.calendarSelectedDay{}
.calendarTitle { background-color: Green;}
.calendarWeekendDay {}
.calendarTable{}
.calendarDayOver{}
.calendarDay{}
.calendarDisabledDay{}

/* SHOPPING CART */
.removeEvent {background-image: url('/repository/vlsapp/portal/images/delete.gif'); height: 16px; width: 16px; border: solid 0px #FFFFFF; background-position: center; background-repeat: no-repeat;}
.removeEventSpace { width: 16px; height: 16px; border: solid 0px #FFFFFF; }
.tblPurchaseOptions { width: 100%; border: solid 0px #FFFFF;}
.tblPurchaseFooter {width: 100%; background-color: #E5E5E5;}
.tdTotal { text-align: right;}
.tdDiscount{ text-align: right;}
.tdGrandTotal { text-align: right;}
.tblShopList {}
.thCartTitle { text-align:center; background-image:url('/repository/vlsapp/portal/images/portalmenu_on.gif');}
.tblMainCart {padding:0; width:95%;	font-size:11px;	text-align:left;}