﻿/* 
 =================================================
            SKIN.CSS FOR LDI.ORG.ZA                                     
 ==================================================
*/
body {
	margin: 0;
}
#Body {
	background-color: #325e96;
}
.background {
	margin: 0 auto;
}
.pageMaster {
	margin-left: auto;
	margin-right: auto;
}
.skinMaster {
	width: 770px;
}
.contmid .Head {
	color: #fff !important;
	font-size: 15px !important;
}
.controlPanel {
}
.register {
	height: 25px;
	text-align: right;
	padding-right: 20px;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	vertical-align: bottom;
	background-color: #d3d3d3;
}
.logoPane {
	width: 770px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.Contenttable {
	background-image: url('content_bg.gif');
	background-position: center top;
	background-repeat: repeat-y;
}
.topmenuPane {
	text-align: right;
	width: 560px;
	height: 20px;
	padding: 0px 10px 0px 200px;
	background-image: url('banner_shadow.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
.sidemenuPane {
	width: 180px;
	border-spacing: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url('sidemenu_bgbottom.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.sidemenuTable {
	background-image: url('sidemenu_bgtop.gif');
	background-position: right top;
	background-repeat: no-repeat;
}
.leftPane {
	width: 180px;
	border-spacing: 0px;
	padding: 10px 0px 0px 20px;
}
.Content {
	width: 530px;
	border-spacing: 0px;
	padding: 15px 20px 10px 20px;
}
.HomeContentLeft {
	width: 250px;
	padding: 10px 5px 10px 20px;
}
.HomeContentRight {
	width: 250px;
	padding: 10px 20px 10px 5px;
}
.ContentLRSpacer {
	width: 20px;
	background-image: url('lrspacer.gif');
	background-position: center top;
	background-repeat: repeat-y;
}
.ContentLeft {
	width: 350px;
	padding: 15px 15px 10px 20px;
}
.ContentRight {
	width: 165px;
	padding: 15px 20px 10px 0px;
}
.footerTable {
}
.footer {
	width: 770px;
	color: black;
	font-size: 11px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica;
	background-color: white;
}
.imageNoBorder {
	border-width: 0;
}
/*----------------------------------------COURSE TEXT STYLES--------------------------*/
.courseText {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	line-height: 18px;
	padding: 10px 0px 10px 0px;
}
.courseSubHead {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #606a70;
	padding: 5px 10px 5px 10px;
	border-left: 10px #21609e solid;
	border-bottom: 1px #21609e solid;
	border-top: 1px #21609e solid;
	border-right: 1px #21609e solid;
}
.courseName {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 15px 0px 10px 0px;
}
.teamHeading {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #606a70;
	padding: 5px 10px 5px 5px;
	border-bottom: 1px #21609e solid;
	border-top: 1px #21609e solid;
}
.linkHeading {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #606a70;
	padding: 5px 10px 5px 5px;
	border-bottom: 1px #21609e solid;
}
/*----------------------------------------ADMIN SKIN STYLES--------------------------*/
.AdminContentPane {
	background-color: white;
	width: 530px;
	border-spacing: 0px;
	padding: 15px 20px 10px 20px;
}
}
.AdminleftPane {
	width: 180px;
	border-spacing: 0px;
	padding: 10px 0px 0px 20px;
	background-color: white;
}
/*----------------------------------------CONTAINER STYLES--------------------------*/
.ContainerHeading {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.ContainerHeadingblack {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
/*----------------------------------------CUSTOM (LINK) COLOURS--------------------------*/
.customHeadings {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.customHeadings:link {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
}
.customHeadings:visited {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
}
.customHeadings:active {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
}
.customHeadings:hover {
	font-family: Verdana, Arial, Tahoma, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
}
.whitetext: {
	color: white;
}
a.ldiwhitelink:link {
	text-decoration: none;
	color: #FFFFFF;
	cursor: hand;
}
a.ldiwhitelink:visited {
	text-decoration: none;
	color: #FFFFFF;
	cursor: hand;
}
a.ldiwhitelink:active {
	text-decoration: none;
	color: #FFFFFF;
	cursor: hand;
}
a.ldiwhitelink:hover {
	text-decoration: underline;
	color: #FFFFFF;
	cursor: hand;
}
.whitetext: {
	color: white;
}
a.ldiblacklink:link {
	text-decoration: none;
	color: #000000;
	cursor: hand;
}
a.ldiblacklink:visited {
	text-decoration: none;
	color: #000000;
	cursor: hand;
}
a.ldiblacklink:active {
	text-decoration: none;
	color: #000000;
	cursor: hand;
}
a.ldiblacklink:hover {
	text-decoration: underline;
	color: #000000;
	cursor: hand;
}
/* =============  COURSE MODULE STYLES  ========================= */
.moduleSection {
	padding: 5px 15px 5px 5px;
	width: 160px;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	border-bottom: 1px #7f9db9 solid;
	border-top: 1px #D5E4F2 solid;
	background-color: #D5E4F2;
}
.moduleDescription {
	padding: 5px 15px 5px 5px;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	border-left: 1px #7f9db9 solid;
	border-right: 1px #7f9db9 solid;
	border-bottom: 1px #7f9db9 solid;
	border-top: 1px #D5E4F2 solid;
	background-color: #eef7ff;
}
/*----------------------------------------DNN MENU--------------------------*/
.main_dnnmenu_container {
	background-color: transparent;
}
.main_dnnmenu_bar {
	cursor: pointer;
	height: 40px;
	background-color: Transparent;
}
.main_dnnmenu_item td {
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica;
	text-align: center;
	white-space: nowrap; /*Word wrapping menu item now optional*/;
	padding: 1px 3px 3px 1px;
}
.main_dnnmenu_rootitem {
	/*TD if menu option for using tables is on*/
	cursor: pointer;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica;
	white-space: nowrap; /*Word wrapping menu item now optional*/;
	padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}
.main_dnnmenu_itemhover {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
}
.main_dnnmenu_itemhover td {
	color: #FFFFFF;
}
.main_dnnmenu_icon {
	cursor: pointer;
	text-align: center;
	width: 15px;
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cccccc;
	z-index: 1000;
	cursor: pointer;
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}
.main_dnnmenu_arrow {
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 0px solid;
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}
.TreeViewMenu {
	background-color: #FFFFFF;
	border-right: #8f9092 1px solid;
}
