/* Default HTML Tag Styling */
body
{
	background-color: #EBEBEB;
	padding: 0px;
	margin: 0px;
}
html, body, td, p { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; color: #333; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #D82C3A; }
a { color: #36C; text-decoration: none; }
a:hover { color: #D82C3A; text-decoration: underline; }

/* Common Layout Related */
.Clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; }

/* Text Styling */
.TextColorAlt1 { color: #1C3564; }
.TextColorInfo { color: #1C3564; }
.TextColorError { color: #CC0000; }

/* Common UI */
.FirstPara { margin-top: 0px; padding-top: 0px; }
.ModalBox { background-color: #FFF; border: solid 1px #808080; border-width: 1px 0px; }
.ModalBoxBG { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.ModalBoxHeader { background: url(../../../Common/Images/ModalBoxHeaderBG.png) repeat-x 0px 0px; border-color: #808080 #808080 #ccc; border-style: solid; border-width: 0px 1px 1px; padding: 3px 10px; color: #000000; font-size: 9pt; font-weight: bold; line-height: 1.9; font-family: arial,helvetica,clean,sans-serif; }
.ModalBoxCloseButton { background: url(../../../Common/Images/ModalBoxClose.gif) no-repeat; width: 25px; height: 15px; position: absolute; top: 7px; right: 7px; cursor: pointer; }
.ModalBoxBody { background-color: #f2f2f2; border-color: #808080; border-style: solid; border-width: 0px 1px; padding: 10px; }
.ModalBoxNotice { border: 1px solid #DDD; width: 380px; padding: 10px; background-color: #F6F6F6; color: #CC0000; }
.ModalBoxFooter { background-color: #f2f2f2; border-color: #808080; border-style: none solid; border-width: 0px 1px; text-align: right; padding: 0 10px 10px 10px; } 
.ModalBoxButton { border: 1px solid #CCC; margin:0px; color: #D82C3A; background-color: #F9F9F9; background-image: url(../Images/BtnBG.jpg); background-repeat: repeat-x; background-position: 1px 1px; position: relative; padding: 4px 5px 5px 5px; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; cursor: pointer; }
.ModalBoxButton:hover { border: 1px solid #999; margin:0px; color: #D82C3A; background-color: #F9F9F9; background-image: url(../Images/BtnBG.jpg); background-repeat: repeat-x; background-position: 1px 1px; position: relative; padding: 4px 5px 5px 5px; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; cursor: pointer;  }

.ModalBoxCompact { background-color: #FFF; border: solid 1px #808080; border-width: 1px 0px; }
.ModalBoxCompactBG { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.ModalBoxCompactHeader { background: url(../../../Common/Images/ModalBoxHeaderBG.png) repeat-x 0px 0px; border-color: #808080 #808080 #ccc; border-style: solid; border-width: 0px 1px 1px; border-bottom: 1px solid #333; padding: 3px 10px; color: #000000; font-size: 0.95em; font-weight: bold; line-height: 1.8; font-family: arial,helvetica,clean,sans-serif; }
.ModalBoxCompactCloseButton { background: url(../../../Common/Images/ModalBoxClose.gif) no-repeat; width: 25px; height: 15px; position: absolute; top: 4px; right: 7px; cursor: pointer; }
.ModalBoxCompactBody { background-color: #f2f2f2; border-color: #808080; border-style: solid; border-width: 0px 1px; padding: 0px; }
.ModalBoxCompactNotice { border: 1px solid #DDD; width: 380px; padding: 10px; background-color: #F6F6F6; color: #CC0000; }
.ModalBoxCompactFooter { background-color: #f2f2f2; border-color: #808080; border-style: none solid; border-width: 0px 1px; text-align: right; padding: 0 10px 10px 10px; } 
.ModalBoxCompactButton { border: 1px solid #CCC; margin:0px; color: #D82C3A; background-color: #F9F9F9; background-image: url(../Images/BtnBG.jpg); background-repeat: repeat-x; background-position: 1px 1px; position: relative; padding: 4px 5px 5px 5px; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; cursor: pointer; }
.ModalBoxCompactButton:hover { border: 1px solid #999; margin:0px; color: #D82C3A; background-color: #F9F9F9; background-image: url(../Images/BtnBG.jpg); background-repeat: repeat-x; background-position: 1px 1px; position: relative; padding: 4px 5px 5px 5px; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; cursor: pointer;  }

.TreeView td div {height: 20px !important}

/* Custom Controls */

.CtxTextBox
{
	font-family: Arial, Helvetica, Monospace;
}

/* Buttons */
.Button { border: 1px solid #CCCCCC; margin-bottom:1px; color: #D82C3A; background-color: #F9F9F9; background-image: url(../Images/BtnBG.jpg); background-repeat: repeat-x; background-position: 1px 1px; padding: 4px 5px 5px 5px; color: #D82C3A; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; cursor: pointer; }
.Button:hover { border: 1px solid #CCCCCC; margin-bottom:1px; color: #D82C3A; background-color: #F9F9F9; background-image: url(../Images/BtnBG.jpg); background-repeat: repeat-x; background-position: 1px 1px; padding: 4px 5px 5px 5px; color: #D82C3A; vertical-align: middle; text-align: center; text-decoration: none; text-transform: lowercase; cursor: pointer; }
.EscalateButton { font-size: 110%; }
.EscalateButton:hover { font-size: 110%; }
.ShrinkButton { padding: 2px 5px 3px 5px; font-size: 90%; }
.ShrinkButton:hover { padding: 2px 5px 3px 5px; font-size: 90%; }
.ColorButtonAlt1 { padding: 2px 5px 3px 5px; font-size: 90%; color: #333; }
.ColorButtonAlt1:hover { padding: 2px 5px 3px 5px; font-size: 90%; color: #333; }
.ButtonAlign { text-align: right; }
.ButtonsCentre { text-align: center; }
.ButtonsRight { text-align: right; }

/* Main Menu */
.MenuBlock { border:1px solid #CCC; padding: 10px; z-index: 10000; }

/* Login Page */
.LoginMessage { position: absolute; top: 210px; left: 50px; }
.LoginError { position: absolute; top: 210px; left: 50px; color: #D82C3A; }
.LoginControl { position: absolute; top: 260px; left: 50px; }
.LoginTextbox { width: 120px; }
.LoginButton { position: absolute; top: -7px; left: 410px; height: 15px; padding-top: 6px; }

.ChgPwdMessage { position: absolute; top: 180px; left: 50px; }
.ChgPwdError { position: absolute; top: 320px; left: 50px; color: #D82C3A; }
.ChgPwdControl { position: absolute; top: 200px; left: 50px;  }
.ChgPwdTextboxes { position: absolute; top: 20px; left: 20px; width: 500px; }
.ChgPwdButtons { position: absolute; top: 50px; left: 300px; width: 220px;}
.ChgPassContinue { position: absolute; top: -6px; left: 300px; }


/* HP Blocks */
.HPMainBlockContainer { float: left; width: 770px; }
.HPNewsContainer { float: left; width: 172px; }
.HPMyLearningBlock { float: left; border-right: 1px dotted #CCC; width: 183px; height: 180px; }
.HPMyProfileBlock { float: left; border-right: 1px dotted #CCC; width: 183px; height: 180px; }
.HPMyResourcesBlock { float: left; border-right: 1px dotted #CCC; width: 201px; height: 180px; }
.HPMyTeamBlock { float: left; border-right: 1px dotted #CCC; width: 183px; height: 110px; }
.HPIncentivesBlock { float: left; border-right: 1px dotted #CCC; width: 183px; height: 180px; }
.HPCoursesBlock { float: left; border-right: 1px dotted #CCC; width: 183px; height: 110px; }
.HPReportsBlock { float: left; border-right: 1px dotted #CCC; width: 201px; height: 110px; }
.HPWelcomeBlock { border: 1px solid #CCC; padding: 10px 10px 0px 10px; margin-bottom: 10px; }
.HPBlockInner { padding: 8px 10px 10px 10px; }
.HPBlockInnerLeft { padding-left: 4px; }
.HPBlockInner a { color: #666; text-decoration: none; text-transform: lowercase; }
.HPBlockInner a:hover { color: #D82C3A; text-decoration: underline; }
.HPBlockInner .LinkItemBuffer { margin: 0px 0px 10px 0px; }
.HPNewsItems { padding: 0px 14px 0px 14px; }
.HPNewsItem { margin: 0px 0px 20px 0px; padding: 0px; }
.HPNewsItem h3 { font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; }
.HPNewsItem h6 { font-size: 10px; font-weight: normal; margin-top: 6px; padding: 0px; color: #666; }
.HPNewsItem p { font-size: 10px; margin: 6px 0px 6px 0px; }

/* Landing Page */
#LPLeftPane { float: left; width: 213px; margin: 0 7px 0 0; }
#LPRightPane { float: left; width: 213px; margin: 0; }
#LPCenterPane { float: left; width: 523px; margin: 0 7px 0 0; }
#LPLeftPane .Block1, #LPRightPane .Block1 { background-color: #FFF; width: 213px; padding: 18px 0 0 0; margin-top: 8px; background: url(../Images/BlockCap213px_Top.png) no-repeat left top; }
#LPLeftPane .Block2, #LPRightPane .Block2 { background-color: #FFF; width: 213px; padding: 0 0 18px 0; margin-top: 0; background: url(../Images/BlockCap213px_Bottom.png) no-repeat left bottom; }
#LPLeftPane .Block3, #LPRightPane .Block3 { background-color: #FFF; width: 170px; padding: 0px 23px 10px 20px; margin-top: 0; background: url(../Images/BlockBG213px.png) repeat-y left top; }
#LPCenterPane .Block1 { background-color: #FFF; width: 523px; padding: 18px 0 0 0; margin-top: 8px; background: url(../Images/BlockCap523px_Top.png) no-repeat left top; }
#LPCenterPane .Block2 { background-color: #FFF; width: 523px; padding: 0 0 18px 0; margin-top: 0; background: url(../Images/BlockCap523px_Bottom.png) no-repeat left bottom; }
#LPCenterPane .Block3 { background-color: #FFF; width: 480px; padding: 0px 23px 10px 20px; margin-top: 0; background: url(../Images/BlockBG523px.png) repeat-y left top; }
#LPLeftPane .Block3 h3, #LPCenterPane .Block3 h3, #LPRightPane .Block3 h3 { margin: 0 0 16px 0; padding: 0; color: #999; font-weight: normal; font-size: 1.2em; }
#LPLeftPane .Block3 h3 .subtle, #LPCenterPane .Block3 h3 .subtle, #LPRightPane .Block3 h3 .subtle { color: #B9B9B9; font-weight: normal; font-size: 0.8em; }
#LPLeftPane .Block3 p, #LPCenterPane .Block3 p, #LPRightPane .Block3 p { color: #999; font-weight: normal; font-size: 0.9em; }
#LPLeftPane .Block3 a, #LPCenterPane .Block3 a, #LPRightPane .Block3 a { display: block; font-weight: normal; font-size: 0.9em; margin: 0; padding: 0; }

#LPLeftPane .Block3 .WelcomeCorner { margin: 0; padding: 0; }
#LPLeftPane .Block3 .WelcomeCorner img { margin: 0; padding: 0; }
#LPLeftPane .Block3 .WelcomeCorner p { margin: 10px 0 10px 0; padding: 0; }

#LPLeftPane .Block3 .FocusList .ListItem { margin: 10px 0 0 0; }
#LPLeftPane .Block3 .FocusList .ListItem img { float:left; }
#LPLeftPane .Block3 .FocusList .ListItem .text { float:left; width: 80px; height: 60px; margin: 0 0 0 10px; }
#LPLeftPane .Block3 .FocusList .ListItem .text p { width: 80px; height: 60px; display: table-cell; vertical-align: middle; font-size: 0.8em; }

#LPCenterPane .Block3 .ExpertList { width: 480px; margin: 10px 0 0 0; }
#LPCenterPane .Block3 .ExpertList .ListItem { float: left; margin: 0; padding: 0; }
#LPCenterPane .Block3 .ExpertList .ListItem img { margin: 0 0 6px 0; }
#LPCenterPane .Block3 .ExpertList .ListItem .text { width: 133px; padding: 0 10px; }
#LPCenterPane .Block3 .ExpertList .ListItem .text p { width: 133px; font-size: 0.8em; }
#LPCenterPane .Block3 .ExpertList .ListItemDevide { float: left; width: 10px; }

#LPCenterPane .Block3 .SelectedPartner { float: left; width: 310px; margin: 0 20px 0 0; }
#LPCenterPane .Block3 .SelectedPartner img { margin: 0; padding: 0; }
#LPCenterPane .Block3 .SelectedPartner p { margin: 10px 0 0 0; padding: 0; }
#LPCenterPane .Block3 .SelectedPartner a { margin: 0; padding: 0; }
#LPCenterPane .Block3 .PartnerList { float: left; width: 150px; margin: 0; }
#LPCenterPane .Block3 .PartnerList .ListItem { float: left; margin: 0 0 10px 0; }
#LPCenterPane .Block3 .PartnerList .ListItem img {  }

#LPCenterPane .Block3 .PopularList { width: 480px; margin: 20px 0 0 0; }
#LPCenterPane .Block3 .PopularList .ListItem { float: left; margin: 0 0 0 0; }
#LPCenterPane .Block3 .PopularList .ListItem img {  }
#LPCenterPane .Block3 .PopularList .ListItemDevide { float: left; width: 20px; }

#LPRightPane .Block3 .FeatureCorner { margin: 0; padding: 0; }
#LPRightPane .Block3 .FeatureCorner img { margin: 0; padding: 0; }
#LPRightPane .Block3 .FeatureCorner p { margin: 10px 0 10px 0; padding: 0; }

#LPRightPane .MyLearning { margin: 20px 0 0 0; }
#LPRightPane .MyLearning div { margin: 0 0 14px 0; }

#LPRightPane .QuickLinks { margin: 20px 0 0 0; }
#LPRightPane .QuickLinks div { margin: 0 0 14px 0; }
#LPRightPane .QuickLinks .RequestsPending { margin: 18px 0 0 0; }

#LPCourseContainerBrowseMsg { background: #444; width: 790px; height: 48px; padding: 0; margin:0; border: 0px; }
#LPCourseContainerBrowseMsg div { padding: 5px; margin:0; border: 0px; border-top: 1px #FFF solid; }
#LPCourseContainerBrowseMsg h2 { width: 730px; color: #FFF; font-size: 12px; font-weight: bold; margin: 0; }
#LPCourseContainerBrowseMsg p { width: 730px; color: #EEE; font-size: 10px; font-weight: normal; margin: 0; }

#LPWelcomeMessage { width: 600px; padding: 0; margin:0; border: 0px; }
#LPWelcomeMessage img { float: right; margin: 0 0 30px 10px; }
#LPWelcomeMessage p.FirstLine { font-weight: bold; }

/* MyLearning Page */
.MyLearningCourseTypeHeadingDiv { border: 1px solid #CCC; background-color: #F3F3F3; padding: 12px; margin: 0px 0px 10px 0px; }
.MyLearningCourseTypeHeadingDiv h2 { font-size: 16px; font-weight: normal; color: #333; padding: 0px; margin: 0px; }
.MyLearningCourseListTable { margin: 0px; border: 0px; padding: 0px; }
.MyLearningCourseListTableHeader1 { background-color: #F3F3F3; width: 525px; margin:0px; padding: 4px 0px 4px 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; font-weight: normal; font-size: 10px; text-align: left; }
.MyLearningCourseListTableHeader2 { background-color: #F3F3F3; width: 42px; margin:0px; padding: 4px 0px 4px 0px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px; font-weight: normal; font-size: 10px; text-align: center; }
.MyLearningCourseListTableHeader3 { background-color: #F3F3F3; width: 180px; margin:0px; padding: 4px 0px 4px 0px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px; font-weight: normal; font-size: 10px; text-align: center; }
.MyLearningCourseListTableHeader4 { background-color: #F3F3F3; width: 180px; margin:0px; padding: 4px 0px 4px 0px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px; font-weight: normal; font-size: 10px; text-align: center; }
.MyLearningCourseListTableCell1 { background-color: #F9F9F9; padding: 10px 10px 10px 10px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 1px solid #CCC; }
.MyLearningCourseListTableCell2 { background-color: #F9F9F9; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px; text-align: center; }
.MyLearningCourseListTableCell3 { background-color: #F9F9F9; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px; text-align: center; vertical-align: top; }
.MyLearningCourseListTableCell4 { background-color: #F9F9F9; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px; text-align: center; }
.MyLearningCourseListMoreDetails { background-color: #F9F9F9; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.MyLearningMoreDetailsPanel { width:920px; background-color: #FCFCFC;  height:0px; overflow:hidden; }
.MyLearningMoreDetailsPanel h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; font-weight: bold; }
.MyLearningMoreDetailsInnerDiv { border-top: 1px dotted #999; padding: 10px 10px 16px 30px; }
.MyLearningToggleDetailBtnDiv { float:left; }
.MyLearningCourseTitle { float:left; margin-left: 10px; width:480px;}
.ScorePanelWithPreTest { height: 60px; }
.ScorePanelNoPreTest { height: 60px; }
.ScorePanelTable { width: 180px; margin: 0px; border: 0px; padding: 0px; }
.ScorePanelLeftCellHeader { width: 90px; padding: 3px 0px 3px 0px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; color: #999; font-size: 10px; }
.ScorePanelRightCellHeader { width: 89px; padding: 3px 0px 3px 0px; border-bottom: 1px solid #CCC; color: #999; font-size: 10px; }
.ScorePanelLeftCell { padding: 8px 0px 13px 0px; border: 0px; border-right: 1px solid #CCC; }
.ScorePanelRightCell { padding: 8px 0px 13px 0px; border: 0px; }
.ScorePanelSingleCellHeader { width: 180px; padding: 3px 0px 3px 0px; border-bottom: 1px solid #CCC; color: #999; font-size: 10px; }
.ScorePanelSingleCell { padding: 8px 0px 0px 0px; border: 0px; }
.ScoreValue { color: #36C; font-size: 17px; font-weight: normal; }
.SummaryInProgressPanel { height: 60px; color: #999; font-size: 10px; }
.SummaryNotStartedPanel { height: 60px; color: #999; font-size: 10px; }
.SummaryDueDateHeading { padding-top: 14px; }
.SummaryDueDate { padding-top: 4px; color: #666; font-size: 14px; }
.MyLearningLegend { text-align: center; margin: 0 auto; padding: 26px 0px 20px 0px; width: 490px; }
.MyLearningLegendIcon1 { float: left; }
.MyLearningLegendDesc1 { float: left; margin: 8px 0px 0px 10px }
.MyLearningLegendIcon2 { float: left; margin: 0px 0px 0px 20px }
.MyLearningLegendDesc2 { float: left; margin: 8px 0px 0px 10px }
.MyLearningLegendIcon3 { float: left; margin: 0px 0px 0px 20px }
.MyLearningLegendDesc3 { float: left; margin: 8px 0px 0px 10px }

/* Course Catalogue Page */
.CCNavigation { width: 190px; margin-right: 10px; float: left; }
.CCItems { width: 722px; border-bottom: 1px solid #CCC; float: left; }
.CCItemHeader { width: 704px;  padding: 0px 8px 4px 8px; background-color: #F3F3F3; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-left: 1px solid #CCC; cursor: pointer; }
.CCItemHeaderCourseCode { width: 106px; float: left; padding: 9px 0px 0px 0px; font-size: 10px; }
.CCItemHeaderCourseTitle { width: 470px; float: left; padding: 8px 0px 0px 0px; font-size: 11px; font-weight: bold; }
.CCItemHeaderExpandBtn { float: left; width: 20px; padding: 8px 0px 4px 0px; cursor: pointer; }
.CCItemHeaderRequestBtn { float: left; width: 90px; padding: 6px 0px 4px 0px; white-space: nowrap; }
.CCItemContent { padding: 10px 10px 10px 10px; background-color: #F9F9F9; border: 1px solid #CCC; border-bottom: 0px; }
.CCItemContentSummary { width: 380px; }
.CCItemContentAccordion { width: 280px; float: right; margin: 0px 0px 10px 10px }
.CCNestedAccordion { margin: 0px; border-top: 1px solid #CCC; }
.CCNestedAccordionHeader { padding: 7px 10px 7px 30px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: #F3F3F3 url(../Images/PanelExpand.gif) no-repeat 10px 7px; font-size: 10px; cursor: pointer; }
.CCNestedAccordionContent { padding: 10px 10px 10px 10px; background-color: #FCFCFC; border: 1px solid #CCC; border-top: 0px; }
.CCInstruction { float: left; width: 462px; padding: 50px 30px 50px 30px; text-align: center; }
/* MyTeam Page */
.MyTeamOuterContainer { z-index: 1001; }
.MyTeamHierarchyPanel { width: 420px; height: 200px; background-color:#FFF; border: 1px dotted #999; padding: 10px; filter:alpha(opacity=80); opacity:0.8; z-index: 1001; }
.MyTeamNamePanel { border: 1px solid #CCC; background-color: #F3F3F3; margin: 0px 0px 10px 0px; }
.MyTeamNamePanelColumn1 { float: left; padding: 10px 10px 10px 10px; font-size: 14px; }
.MyTeamNamePanelColumn2 { float: right; width: 128px; margin-right: 10px; }
.MyTeamStudentsPanel { border-top: 1px solid #CCC; }
.MyTeamSelectTeamButton { cursor: pointer; cursor: hand; margin-top: 6px; }
.MyTeamStudentItemPanel { border: 1px solid #CCC; border-top: 0px; background-color: #F9F9F9; padding: 4px 10px 0px 10px; height: 28px; z-index: 102; }
.MyTeamToggleDetailBtnDiv { float:left; margin: 4px 0px 0px 0px; }
.MyTeamStudentName { float:left; margin: 4px 0px 0px 10px; font-size: 11px; }
.MyTeamNoStudentsPanel { border: 1px solid #CCC; background-color: #F9F9F9; padding: 20px 10px 20px 10px; text-align: center; }
.MyTeamStudentDetailsPanel { position: relative; top: -1px;  border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 1px solid #CCC; background-color: #FDFDFD; margin: 0px 0px 0px 34px; z-index: 101; }
.MyTeamStudentDetailsTable { margin: 10px; padding: 6px; }
.MyTeamStudentDetailsItem { width: 84px;  }
.MyTeamStudentDetailsValue { width: 130px; color: #36C; font-weight: bold; }
.MyTeamStudentDetailsAction { width: 112px; text-align: right; color: #999; }
.MyTeamCourseListTable { margin: 0px; border: 0px; padding: 0px; }
.MyTeamCourseListTableHeader1 { background-color: #E9E9E9; width: 524px; margin:0px; padding: 4px 0px 4px 10px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px solid #CCC; font-weight: normal; font-size: 10px; text-align: left; }
.MyTeamCourseListTableHeader2 { background-color: #E9E9E9; width: 90px; margin:0px; padding: 4px 0px 4px 0px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px; font-weight: normal; font-size: 10px; text-align: center; }
.MyTeamCourseListTableHeader3 { background-color: #E9E9E9; width: 280px; margin:0px; padding: 4px 0px 4px 0px; border-top: 1px solid #CCC; border-right: 0px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px; font-weight: normal; font-size: 10px; text-align: center; }
.MyTeamCourseListTableCell1 { background-color: #F3F3F3; padding: 6px 10px 8px 10px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px solid #CCC; }
.MyTeamCourseListTableCell2 { background-color: #F3F3F3; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px; text-align: center; }
.MyTeamCourseListTableCell3 { background-color: #F3F3F3; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 0px solid #CCC; border-bottom: 0px solid #CCC; border-left: 0px; text-align: center; vertical-align: top; }
.MyTeamCourseListMoreDetails { background-color: #F3F3F3; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 0px solid #CCC; border-bottom: 1px solid #CCC; border-left: 0px solid #CCC; }
.MyTeamMoreDetailsPanel { width:885px; background-color: #F9F9F9; }
.MyTeamMoreDetailsPanel h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; font-weight: bold; }
.MyTeamMoreDetailsInnerDiv { border-top: 1px dotted #999; padding: 10px 10px 16px 30px; }
.MyTeamToggleDetailBtnDiv { float:left; }
.MyTeamCourseTitle { float:left; margin-top: 4px; margin-left: 10px; }
.MyTeamScorePanelWithPreTest { height: 35px; }
.MyTeamScorePanelNoPreTest { height: 35px; }
.MyTeamScorePanelTable { width: 280px; margin: 0px; border: 0px; padding: 0px; }
.MyTeamScorePanelLeftCellHeader { width: 90px; padding: 1px 0px 1px 0px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; color: #999; font-size: 9px; }
.MyTeamScorePanelRightCellHeader { width: 89px; padding: 1px 0px 1px 0px; border-bottom: 1px solid #CCC; color: #999; font-size: 9px; }
.MyTeamScorePanelLeftCell { padding: 2px 0px 6px 0px; border: 0px; border-right: 1px solid #CCC; }
.MyTeamScorePanelRightCell { padding: 2px 0px 6px 0px; border: 0px; }
.MyTeamScorePanelSingleCellHeader { width: 280px; padding: 1px 0px 1px 0px; border-bottom: 1px solid #CCC; color: #999; font-size: 9px; }
.MyTeamScorePanelSingleCell { padding: 2px 0px 6px 0px; border: 0px; }
.MyTeamScoreValue { color: #36C; font-size: 12px; font-weight: normal; }
.MyTeamSummaryInProgressPanel { height: 35px; color: #999; font-size: 9px; }
.MyTeamSummaryNotStartedPanel { height: 35px; color: #999; font-size: 9px; }
.MyTeamSummaryDueDateHeading { padding-top: 3px; }
.MyTeamSummaryDueDate { padding-top: 2px; color: #666; font-size: 11px; }
.MyTeamAttemptsHeader {width:831px; }
.MyTeamAttemptsHeader h3 { font-size: 11px; color: #777; background-color:#EEE;  font-weight: bold; margin: 0px 0px 0px 0px; border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 0px solid #DDD; border-left: 1px solid #DDD; padding: 5px 10px 6px 10px; } 
.MyTeamAttempts { border: 1px solid #DDD; }
.MyTeamAttemptHeaderRow {  color: #888; background-color: #E9E9E9; font-size: 10px; padding: 4px 2px 4px 2px; }
.MyTeamAttemptStartDate { width: 170px; color: #777; font-size: 10px; text-align: center; padding: 2px; }
.MyTeamAttemptCompletedDate { width: 170px; color: #777; font-size: 10px; text-align: center; padding: 2px; }
.MyTeamAttemptScoreBefore { width: 100px; color: #777; font-size: 10px; text-align: center; padding: 2px; }
.MyTeamAttemptScoreAfter { width: 100px; color: #777; font-size: 10px; text-align: center; padding: 2px; }
.MyTeamAttemptSessionCount { width: 90px; color: #777; font-size: 10px; text-align: center; padding: 2px; }
.MyTeamAttemptElapsedTime { width: 170px; color: #777; font-size: 10px; text-align: center; padding: 2px; }
/* Allocate Course Page */
.ACStepDescriptionPanel { margin-bottom: 22px; }
.ACStepDescriptionPanel h2 { margin-bottom: 6px; color: #36C; font-size: 14px; }
.ACStepDescriptionLeft { float: left; width: 760px; padding-right: 20px; }
.ACStepDescriptionRight { float: right; width: 142px; text-align: right; }
.ACStepDescriptionRight a { margin-bottom: 4px; }
.ACStepDescriptionRight a:hover { margin-bottom: 4px; }
.ACCourseNavigation { width: 190px; margin-right: 10px; float: left; }
.ACCourseItems { width: 722px; border-bottom: 1px solid #CCC; float: left; }
.ACCourseHeader { width: 704px; padding: 0px 8px 4px 8px; background-color: #F3F3F3; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-left: 1px solid #CCC; cursor: pointer; }
.ACCourseHeaderSelected { width: 704px; padding: 0px 8px 4px 8px; color: #AAA; background-color: #F3F3F3; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-left: 1px solid #CCC; cursor: pointer; }
.ACCourseHeaderCourseCode { width: 96px; float: left; padding: 9px 0px 0px 0px; font-size: 10px; }
.ACCourseHeaderCourseTitle { width: 480px; float: left; padding: 8px 0px 0px 0px; font-size: 11px; font-weight: bold; }
.ACCourseHeaderExpandBtn { float: left; width: 20px; padding: 8px 0px 4px 0px; cursor: pointer; }
.ACCourseHeaderRequestBtn { float: left; width: 90px; padding: 6px 0px 4px 0px; white-space: nowrap; }
.ACCourseContent { padding: 10px 10px 10px 10px; background-color: #F9F9F9; border: 1px solid #CCC; border-bottom: 0px; }
.ACCourseContentSummary { width: 380px; }
.ACCourseContentAccordion { width: 280px; float: right; margin: 0px 0px 10px 10px }
.ACNestedAccordion { margin: 0px; border-top: 1px solid #CCC; }
.ACNestedAccordionHeader { padding: 7px 10px 7px 30px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: #F3F3F3 url(../Images/PanelExpand.gif) no-repeat 10px 7px; font-size: 10px; cursor: pointer; }
.ACNestedAccordionContent { padding: 10px 10px 10px 10px; background-color: #FCFCFC; border: 1px solid #CCC; border-top: 0px; }
.ACCourseInstruction { float: left; width: 462px; margin-right: 10px; padding: 50px 30px 50px 30px; text-align: center; }
.ACPeopleNavigation { width: 290px; margin-right: 10px; float: left; }
.ACPeopleItems { width: 532px; border: 1px solid #CCC; float: left; }
.ACPeopleHeaderRow { background-color: #F3F3F3;  }
.ACPeopleRow { background-color: #F9F9F9; height: 30px; }
.ACPeopleRowSelected { background-color: #F9F9F9; height: 30px; }
.ACPeopleColEmplRef { width: 70px; text-align: left; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.ACPeopleColName { text-align: left; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.ACPeopleColJobTitle { text-align: left; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.ACPeopleColActions { width: 96px; text-align: right; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 0px; }
.ACPeopleInstruction { float: left; width: 422px; padding: 50px 0px 50px 0px; text-align: center; }
.ACConfirmList h3 { font-size: 14px; font-weight: normal; border-bottom: 1px dotted #999; }
.ACConfirmListLeft { float: left; width: 420px; margin-right: 40px; }
.ACConfirmListRight { float: left; width: 460px; }
.ACAllocationComplete { padding: 40px 0px 60px 0px; text-align: center; }
.ACAllocationComplete h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.ACAllocationComplete a { margin-top: 20px; }
.ACAllocationComplete a:hover { margin-top: 20px; }
/* Course Requests Page */
.RequestsBlock {}
.RequestsListBlock { margin-top: 20px; border: 1px solid #CCC; }
.RequestsHeaderRow { background-color: #F3F3F3; height: 30px; }
.RequestsRow { background-color: #F9F9F9; height: 30px; }
.RequestsColEmplRef { width: 70px; text-align: left; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.RequestsColName { text-align: left; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.RequestsColCourseCode { width: 50px; text-align: center; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.RequestsColCourseTitle { text-align: left; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.RequestsColDateRequested { width: 50px; text-align: center; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.RequestsColResponse { width: 50px; border-top: 1px solid #E6E6E6; padding: 0px 6px 0px 6px; }
.RequestsFooterButtons { margin: 20px 0px 10px 0px; text-align: right; }
.RequestsNoRecordsBlock  { padding: 40px; text-align: center; }
/* Knowledgebase Pages */
.KBPane1 { float: left; border: 0px; margin: 0px; padding: 0px; width: 708px; }
.KBPane2 { float: right; border: 0px; margin: 0px; padding: 0px; width: 198px; }
.KBPane1 h2 { font-size: 16px; font-weight: normal; background-color: #F3F3F3; border: 1px solid #CCC; min-height: 30px; margin: 0px; padding: 10px 0px 0px 10px; }
.KBPane1 h6 { font-size: 10px; font-weight: normal; color: #777; margin: 0px; padding: 0px; }
.KBPane2 h3 { font-size: 12px; font-weight: normal; background-color: #F3F3F3; border: 1px solid #CCC; min-height: 30px; margin: 0px; padding: 12px 0px 0px 10px; }
.KBPane2 ul { margin: 0px 0px 0px 20px; }
.KBInfoPanel { background-color: #F9F9F9; background-image: url(../Images/BGInfoPanel.gif); background-repeat: no-repeat; background-position: -18px -10px; border: 1px solid #D82C3A; padding: 14px 10px 14px 68px; margin: 10px 0px 0px 0px; font-size: 10px; }
.KBListItem { margin: 0px 0px 10px 0px; }
.KBListItem h3 { font-size: 14px; font-weight: normal; margin: 0px; }
.KBListItem p { margin: 6px 0px 6px 0px; }
.KBListPager { text-align: right; }
.KBListTerm { background-color: #F9F9F9; padding: 3px 6px 4px 0px; }
.KBIndex { margin: 5px 0 0 0; font-size:12px; background-color: #F3F3F3; border: 1px solid #CCC; }
.KBIndexItem { padding-left:4px; padding-right:4px; }
.KBListItemWidth { width: 526px; }
.KBListDefinition { margin: 2px 10px 10px 10px;  }
.KBDummyLink { color: #36C;  text-decoration: underline; cursor: hand; cursor: pointer; }
.KBFilterOuter { border: 1px dotted #CCC; border-top: 0px; padding: 10px 16px 20px 10px; margin-bottom: 20px; }
.KBDetailHeaderContainer { position: relative; }
.KBDetailHeader { border: 1px solid #CCC; background-color: #F3F3F3; margin: 0px 0px 0px 0px; min-height: 40px; }
.KBDetailHeader h2 { font-size: 16px; font-weight: normal; margin: 10px 10px 0px 10px; padding: 0px; }
.KBDetailBackContainer { position: absolute; top: 9px; right: 10px; }
.KBDetailPropertiesContainer { font-size: 10px; color: #999; border: 1px solid #CCC; border-top: 0px; background-color: #FCFCFC; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; min-height: 20px; }
.KBDetailPropertiesLeft { float: left; }
.KBDetailPropertiesLeft h6 { font-size: 10px; font-weight: normal; color: #777; margin: 0px; }
.KBDetailPropertiesRight { float: right; }
.KBDetailPropertiesRight h6 { font-size: 10px; font-weight: normal; color: #777; margin: 0px; }
.KBDetailBody { margin: 10px 0px 10px 0px; }
.KBDetailRightPane { border: 1px dotted #CCC; text-align: center; margin: 0px 0px 20px 20px; padding: 10px; }
.KBDetailRightPane h5 { font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px dotted #CCC; padding: 0px 0px 4px 0px; margin: 0px 0px 10px 0px; }
.KBDetailRightPaneMsg { border: 1px solid #DDD; background-color: #F6F6F6; text-align: center;  margin-top: 4px; padding: 4px; width: 125px; }
.CMSKBHeader { font-size: 10px; font-weight:600; }
.CMSKBPane1 { float: left; border: 0px; margin: 0px; padding: 0px; width: 708px;}
.CMSKBPane1 h2 { font-size: 16px; font-weight: normal; background-color: #F3F3F3; border: 1px solid #CCC; min-height: 30px; margin: 0px; padding: 10px 0px 0px 10px; }
.CMSKBPane1 h6 { font-size: 10px; font-weight: normal; color: #777; margin: 0px; padding: 0px; }
.CMSKBPane2 { float: right; border: 0px; margin-top: 20px; padding: 0px; width: 198px;}
.CMSKBPane2 h2 { font-size: 10px; font-weight: bold; background-color: #F3F3F3; border: 1px solid #CCC; min-height: 20px; margin: 0px; padding: 5px 0px 0px 5px; }
.CMSKBPane2Outer { border-top: 0px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; margin: 0px; }
.CMSKBDocumentHeader { font-size: 10px; font-weight: bold; background-color: #F3F3F3; border-bottom: 1px solid #CCC; min-height: 20px; margin: 0px; padding: 5px 0px 0px 5px; }

/* Incentives */
.IncentiveHPTextBlock { float: left; width: 350px; margin: 0 0 0 10px; }
.IncentiveHPTextBlock p { font-size: 13px; line-height: 18px; }
.IncentiveHPTextBlock .Points { vertical-align: middle; margin: 0 0 30px 0; display: block; }
.IncentiveHPTextBlock h1 { display: inline; margin: 0; padding: 0; }
.IncentiveHPTextBlock .Buttons { margin: 20px 0 20px 0; display: block; }
.IncentiveHPSplash { float: right; }

.IncentiveCatalogue { margin: 0px; border: 0px; padding: 0px; }
.IncentiveCatalogue .PointsSummary { margin: 0px 0px 20px 0px; }
.IncentiveCatalogue .PointsSummary h1 { font-size: 22px; display: inline; }
.IncentiveCatalogue table { border:0; }
.IncentiveCatalogue td { border: 0; }
.IncentiveCatalogue .ICHeadCol1, .ICHeadCol2, .ICHeadCol3, .ICHeadCol4, .ICHeadCol5 { background-color: #E9E9E9; margin:0px; padding: 10px 6px 10px 6px; border: 0; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; font-weight: normal; font-size: 11px; text-align: center; }
.IncentiveCatalogue .ICHeadCol1 { width: 480px; border-left: 1px solid #CCC; padding-left: 10px; text-align: Left; }
.IncentiveCatalogue .ICHeadCol2 { width: 70px; }
.IncentiveCatalogue .ICHeadCol3 { width: 80px; }
.IncentiveCatalogue .ICHeadCol4 { width: 140px; }
.IncentiveCatalogue .ICHeadCol5 { width: 120px; }
.IncentiveCatalogue .Col1, .Col2, .Col3, .Col4, .Col5 { background-color: #F9F9F9; padding: 6px 0px 8px 0px; border: 0; border-right: 1px solid #CCC; text-align: center; }
.IncentiveCatalogue .Col1 { border-left: 1px solid #CCC; padding-left: 10px; text-align: left; }
.IncentiveCatalogue .Col1 td { border: 0; padding-right: 10px; }
.IncentiveCatalogue .Col2 { border-right: 1px solid #CCC; }
.IncentiveCatalogue .Col3 { border-right: 1px solid #CCC; font-size: 14px; font-weight: bold; }
.IncentiveCatalogue .Col4 { border-right: 1px solid #CCC; }
.IncentiveCatalogue .Col4 input { width: 120px; }
.IncentiveCatalogue .Col5 { border-right: 1px solid #CCC; }
.IncentiveCatalogue .ExpandedInfoCol { background-color: #FCFCFC; padding: 0px 0px 0px 0px; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.IncentiveCatalogue .ExpandedInfoPanelInner { border-top: 1px dotted #CCC; padding: 20px; }
.IncentiveCatalogue .ExpandedInfoPanelInner .DescCol1 { width: 140px; text-align: left; }
.IncentiveCatalogue .ExpandedInfoPanelInner .DescCol2 { width: 500px; text-align: left; }
.IncentiveCatalogue .ExpandedInfoPanelInner .DescCol3 { width: 140px; text-align: right; }
.IncentiveCatalogue .ExpandedInfoPanelInner .DescCol3 h1 { display: inline; }
.IncentiveCatalogue .RedeemButtonPlacement { text-align: right; margin: 20px 0 0 0; }

.IncentiveRequestNotice { text-align: center; padding: 20px 0 30px 0 }
.IncentiveRequestNotice h1 { font-size: 14px; font-weight: bold; }
.IncentiveRequestNotice p { font-size: 11px; line-height: 14px; }

.IncentiveCatalogueLegend { text-align: center; margin: 0 auto; padding: 16px 0px 20px 0px; width: 220px; }
.IncentiveCatalogueLegendIcon1 { float: left; }
.IncentiveCatalogueLegendDesc1 { float: left; margin: 8px 0px 0px 10px }
.IncentiveCatalogueLegendIcon2 { float: left; margin: 0px 0px 0px 30px }
.IncentiveCatalogueLegendDesc2 { float: left; margin: 8px 0px 0px 10px }

.IncentiveRequests { border: 1px solid #CCC; margin: 20px 0 0 0; }
.IncentiveRequests .HeadCol1, .HeadCol2, .HeadCol3, .HeadCol4 { background-color: #E9E9E9; text-align: center; border: 1px solid #CCC; border-left: 0; margin:0px; padding: 10px 6px 10px 6px; font-weight: normal; }
.IncentiveRequests .HeadCol1 { width: 348px; text-align: left; }
.IncentiveRequests .HeadCol2 { width: 100px; }
.IncentiveRequests .HeadCol3 { width: 120px; }
.IncentiveRequests .HeadCol4 { width: 120px; }
.IncentiveRequests .Col1 { background-color: #F9F9F9; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 12px 4px 12px 4px; text-align: left; }
.IncentiveRequests .Col2 { background-color: #F9F9F9; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 12px 4px 12px 4px; text-align: center; }
.IncentiveRequests .Col3 { background-color: #F9F9F9; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 12px 4px 12px 4px; text-align: center; }
.IncentiveRequests .Col4 { background-color: #F9F9F9; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 12px 4px 12px 4px; text-align: center; }

.IncentiveRequestsNoRecords { padding: 40px; text-align: center; }

.CMSStyleContainer1 { background-color: #FCFCFC; }
.CMSStyleContainer2 { background-color: #F6F6F6; }
.CMSAddBlock { background-color: #F6F6F6; border: 1px dashed #DDD; padding: 10px; }
.CMSListOuter { border: 1px solid #E6E6E6; margin: 20px 0 0 0; }

.CmsIncentiveRequests { border: 1px solid #E6E6E6; margin: 20px 0 0 0; }
.CmsIncentiveRequests .HeadCol1, .HeadCol2, .HeadCol3, .HeadCol4, .HeadCol5 { background-color: #F9F9F9; text-align: center; border: 1px solid #E6E6E6; border-left: 0; margin:0px; padding: 10px 6px 10px 6px; font-weight: normal; }
.CmsIncentiveRequests .HeadCol1 { width: 140px; }
.CmsIncentiveRequests .HeadCol2 { width: 548px; }
.CmsIncentiveRequests .HeadCol3 { width: 100px; }
.CmsIncentiveRequests .HeadCol4 { width: 120px; }
.CmsIncentiveRequests .HeadCol5 { width: 120px; }
.CmsIncentiveRequests .Col1 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: left; }
.CmsIncentiveRequests .Col2 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: left; }
.CmsIncentiveRequests .Col3 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: center; }
.CmsIncentiveRequests .Col4 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: center; }
.CmsIncentiveRequests .Col5 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: center; }
.CmsIncentiveRequestsNoRecords { padding: 40px; text-align: center; }

.CmsIncentiveCat { border: 1px solid #E6E6E6; margin: 20px 0 0 0; }
.CmsIncentiveCat .Col1 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: left; vertical-align: top; }
.CmsIncentiveCat .Col2 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: left; vertical-align: top; }
.CmsIncentiveCat .Col3 { background-color: #FFF; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding: 12px 4px 12px 4px; text-align: center; vertical-align: top; }
.CmsIncentiveCat .Col1 input { width: 158px; }
.CmsIncentiveCat .Col2 textarea { width: 320px; }
.CmsIncentiveCat .Col3 input { width: 40px; }
.CmsIncentiveCatNoRecords { padding: 40px; text-align: center; }

.BorderA { border: 1px solid #CCC; }
.BorderTopA { border-top: 1px solid #CCC; }
.BorderLeftA { border-left: 1px solid #CCC; }
.BackgroundA { background-color: #EEE; }