@import url("css/menu.css");
@import url("css/submenu.css");
@import url("css/tables.css");

body {height: 100%; background:#FFFFFF; margin: 0; padding:0; text-align: center; }
.controlpanel {width: 100%;background-color: #dddddd;}
div {	-moz-box-sizing:border-box; box-sizing:border-box; border: 0; padding: 0;}
.pagemaster { background-color: #FFFFFF; }
.normal { /*color:#404040;*/ font-size: 8pt; }

a img { border: 0; }

.Normal, .NormalDisabled {font-family: Tahoma,Arial,Helvetica;font-size: 11px;font-weight: normal;}
a:link {text-decoration: none;color: #6a4b07;}
a:hover {text-decoration: underline;color: #ff0000;}

.header { width:944px; height:101px; background: url(images/banner_inter_v1_02.jpg)}
.footer { background: url(images/footer_v1_bottom.jpg) repeat-x;  height:88px; padding: 40px 0px 2px 0; text-align:center;}
.topmenu { width:944px; height:27px; background: url(images/banner_inter_v1_01.jpg) no-repeat; }
.menuholder { background: url(media/menu.gif) repeat-x; height:41px; padding: 11px 0 0 0; }

.topmenutext{text-align:right; margin:13px 80px 0px 0px; font-family:Verdana; font-size:10px; font-weight:bold; color:#555555;}

.leftholder { width:216px; background: #e5c686 url(images/kzn_edu_side_bar.jpg) no-repeat;  height: 100%; padding: 0 0 0 0;   }
.leftmenutop{ width:216px; background: #e5c686 url(images/leftmenutop.jpg) no-repeat;  padding: 0 0 0 0; height: 22px;  }
.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.lefttop { width: 100%; background: url(media/lefttop.gif) no-repeat; height:89px;  }
.leftmenu {	background: url(media/leftmenu.gif) repeat-y; width:100%; height: 490px; padding: 20 0 5 0; text-align: center; }
.leftfeed {	background: url(media/leftfeed.gif) no-repeat; width:100%; height:50px; }
.leftrpt { #e5c686 background: url(images/menurpt215px.gif) repeat-y; width: 100%; text-align: center; }
.leftfoot { background: url(media/leftfoot.gif) no-repeat; width:100%; height:312px; }
.leftpaneClass{ width:100%;}
.leftbottom { background: url(images/footer_v1_top_01.jpg) no-repeat; width: 100%; text-align: center; height: 22px; }
#leftpane{ width: 100%;}
.DNNEmptyPane {width: 100%;}
.dnnCopyright { font-family: Arial, Verdana; font-weight: normal; color: #fff; text-align: center; }
.headers{font-family: Century Gothic; font-size: 13.42pt; font-weight: normal; color: #644500;}


.panecontentsite {	width: 390px; padding: 12px 14px 50px 22px; background: url(media/conbg.gif) no-repeat bottom center; }
.panecontentadmin {	width: 587px; padding: 12px 14px 50px 22px; background: url(media/conbg.gif) no-repeat bottom center; }

.panecontentsiteholder {	width: 508px; padding: 2px 22px 50px 22px;background: url(images/footer_v1_top_02.jpg) no-repeat bottom left;  }
.panecontenttwopaneholder {	width: 728px; padding: 2px 22px 50px 22px; background: url(images/footer_v1_top_02.jpg) no-repeat bottom left; }

.rightholder {  padding: 0 0 0 0 ;  overflow:auto; word-wrap: break-word; text-align: left;}
#rightpane { width: 100%; }

.thutong { width: 181px; height: 51px; background: url(media/thutong.gif) no-repeat; }

.clear_float{clear:both; line-height:0; font-size:0; height:0;}
.marqueeStyle{ background-color:Transparent; color:#ffffff; font-size: 12.72pt; font-family: Arial, Verdana; font-weight: bold;}

#kyn_ContentPane p { font-weight: bold; color: #aaaaaa; font-size: 7pt; }
#kyn_RightPaneTop p { color:#6e9a3b; }
#kyn_RightPaneBottom p { color:#6e9a3b; }

.loginholder { font-size: 8pt;color: #6e9a3b; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px 0 0 0; }
/* text style for PortalLinks */
.loginlinks { font-size: 8pt;color: #6e9a3b; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
a.loginlinks:link, a.loginlinks:visited, a.loginlinks:hover, a.loginlinks:active
{text-decoration: none;color: #6e9a3b;background-color: transparent;border: 0; font-weight: bold;}
A.loginlinks:hover {text-decoration: none;color: #99b578;background-color: transparent;border: 0; font-weight: bold;}

.topmenulinks { padding: 0 25px 0 25px; color: #ffffff;}
a.topmenulinks:link, a.topmenulinks:visited, a.topmenulinks:hover, a.topmenulinks:active
{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 7pt; text-decoration: none; color: #ffffff; background-color: transparent; border: 0; font-weight: normal; }
a.topmenulinks:hover { text-decoration: underline; color: #eeeeee; background-color: transparent; border: 0; font-weight: bold; }
a.topmenulinks:active {font-weight:bold; background-color:#66CC33}


.footerlinks { padding: 0 12px 12px 12px; color: #ffffff;  }
a.footerlinks:link, a.footerlinks:visited, a.footerlinks:hover, a.footerlinks:active
{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 7pt; text-decoration: none; color: #ffffff; background-color: transparent; border: 0; font-weight: normal; }
a.footerlinks:hover { text-decoration: none; color: #eeeeee; background-color: transparent; border: 0; font-weight: normal; }

/* Search CSS code */
.searchbutton{color:#000000; text-decoration: none; font-family : Century Gothic, Verdana; font-size: 10px; }
A.searchbutton:link{color:#000000; }
A.searchbutton:visited{color:#404040; }
A.searchbutton:active{color:#000000; }
A.searchbutton:hover{color:#404040; text-decoration: none; }
.searchfield { vertical-align: bottom; padding: 0; font-size: 10px; -moz-box-sizing:border-box; box-sizing:border-box; }
.searchfield input { color: #656768; background-color: #feecd3; height: 20px; border: solid 1px #dcdcdc; width: 150px;-moz-box-sizing:border-box; box-sizing:border-box; font-size: 10px; }
.searchholder { background: url(media/search_bg.jpg) no-repeat; width: 181px; height:44px; padding: 17px 0px 0 12px;background-position: bottom right;-moz-box-sizing:border-box; box-sizing:border-box; }

/*  Main Menu  */
/* Container for main menu */
.MainMenu_MenuContainer {position: relative; float:left; line-height:17px; width: 214px; list-style: none; background-image:url(images/menu_div0003b.gif); }
/* Menu bar */
.MainMenu_MenuBar {padding:0; margin:0; list-style:none; float:left; width:216px; background:url(media/leftmfoot.gif) no-repeat bottom;}
.ActiveSubTab {color: #990000;}
.ActiveRootTab {color: #ffffff;}
.SelectedRootTab {color:#75808a;}
/* Hiding Icons & Arrows for easier formatting */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}
.BreadcrumbSubTab {/*color: #404040;*/ height: 22px;}
/* Applies to non active state of submenu items */
.MainMenu_MenuItem {position: relative; float:left; line-height:17px; width: 214px; list-style: none; background-image:url(images/menu_div0003.gif); }
/* Applies to submenu */
.MainMenu_SubMenu {position: relative; float:left; line-height:17px; width: 214px; list-style: none; background-image: none; }
/* Applies to Hover state for submenu items */
.MainMenu_MenuItemSel {font-family:Verdana; font-size: 10pt; font-weight: normal;cursor: pointer; color: #ffffff;background:#F3F3F3; border: #000000 1px solid; /*padding: 1px 4px 2px 2px;*/height: 22px;}
/* Applies to Top Level Menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive, .MainMenu_Selected  {color: #ffffff; height: 17px;}
/* Hover state for main menu items */
.MainMenu_Selected { background-color: #d9ae4f; border:0px solid transparent; color:#f55c23;/* background-image:url(media/menubghover.jpg);*/ }
/* Selected state for main menu items */
.MainMenu_MenuBreak {width:auto;border:0px;}
.MainMenu_MenuHover {background-color: #d9ae4f; border-bottom:1px solid #b5954c; color:#eeeeee; background-image:url(media/menuhover.gif);}

/* Snapsis Menu CSS Code */ 
.TabList {font-size:75%; }

#nav ul {padding:0; margin:0; list-style:none; float:left; width:216px; background:url(media/leftmfoot.gif) no-repeat bottom; }

#nav .Level0 li { position: relative; float:left; line-height:17px; width: 214px; list-style: none; background-image:url(images/menu_div0003b.gif);  }
#nav .Level1 li  { position: relative; float:left; line-height:17px; width: 214px; list-style: none; background-image: none; }
#nav .Level2 li  { position: relative; float:left; line-height:17px; width: 214px; list-style: none; background-image: none; }
#nav li ul { /* second-level lists */ position:absolute; left:-999em; background-color:#d9ae4f; margin:-18px 0 0 213px; border:0px solid #b5954c; width: 214px;  }
#nav li ul ul { /* third-and-above-level lists */ left: -999em;background-color:#d9ae4f;  border:0px solid #000066; margin:-17px 0 0 214px; }

#nav .Level0 a { -moz-box-sizing:border-box; box-sizing:border-box; font-size:11px; display:block; width: 214px; /*w\idth : 12.5em;*/ text-decoration:none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding: 0px 45px 4px 20px; border-bottom:1px solid #b5954c; color:#FFFFFF;text-align:left; text-transform: none; vertical-align:middle;  }
#nav .Level1 a { -moz-box-sizing:border-box; box-sizing:border-box; font-size:11px; display:block; width: 214px; /*w\idth : 12.5em;*/ text-decoration:none; font-weight:normal; margin:0; padding: 2px 0 2px 6px; border-bottom:1px solid #b5954c; color:#ffffff; text-align:left;  }
#nav .Level2 a { -moz-box-sizing:border-box; box-sizing:border-box; font-size:11px; display:block; width: 214px; /*w\idth : 12.5em;*/ text-decoration:none; font-weight: normal; margin:0; padding: 2px 0 2px 6px; border-bottom:1px solid #b5954c; color:#ffffff; text-align:left; }

/*#nav .Level0 li a:hover { background-color: transparent; border:0px solid transparent; color:#eeeeee; background-image:url(media/menuhover.gif); } - KZN 19/08/2009 Grant*/
/*#nav .Level1 li a:hover { background-color: #9cb655; border:0px solid #333; color:#eeeeee; background-image:none; }*/
#nav .Level0 li a:hover { background-color: #d9ae4f; border-bottom:1px solid #b5954c; color:#eeeeee; background-image:url(media/menuhover.gif); }
#nav .Level1 li a:hover { background-color: #d9ae4f; border-bottom:1px solid #b5954c; color:#eeeeee; background-image:none;  }
#nav .Level2 li a:hover { background-color: #d9ae4f; border-bottom:1px solid #b5954c; color:#eeeeee; background-image:none; }

#nav .Level0 li a:SelectedTab { background-color: #d9ae4f; border:0px solid transparent; color:#f55c23;/* background-image:url(media/menubghover.jpg);*/ }

#nav li a.SelectedTab {font-weight:bold;background-color: #FFF;color:#000; }
#nav .DisabledTab {color:#ccc; }
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{ left: -999em; }

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul { left: auto; }

.StandardButtonSearch{ border: solid 0px; font-family: Century Gothic, Verdana; font-size: 17px; background-color:Transparent ; color: #9f6e03;}
.NormalTextBoxSearch{ border: solid 1px #e6e6e6; background-color:#feecd3; color:#9F6E03;}

/*--------- dnn menu style ----------*/





.LinksDesignTable a
{
color: #6a4b07;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding-bottom: 2px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
 /*border-bottom: 1px solid #dadada;*/
font-size: 11px;
}