/* 
================================
Zaad
================================
*/  

.pagemaster { width: 940px; margin:0 auto; text-align:center; }
html { height: 100%;}
body { text-align: center; background: #B9E0A4; margin: 0 auto;font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 14px; color: #404040;/* line-height:18px;*/
text-decoration: none;}

/*-- Default classes --*/
table, p, li {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px;  margin:0 0 0 0;
text-decoration: none;}

h1 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;}
h2 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; color: #555;
text-decoration: none;}
h3 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;
text-decoration: none;}

a:link, a:visited, a:active { font-style:normal;text-decoration: none}
a:hover {text-decoration:none;}

hr {height: 1px; color: #1f558b}

/* custom classes */
.topspace {background: url(Zaad/top.png) center no-repeat; text-align: left; height:26px;padding: 0em 0px 0em 28px;
text-direction: rtl; margin:0px 0px 0px 1px;}

#flashtable { background-color: transparent; width: 880px; background-position:left; padding:0 0 0 0; }
#flashcontent { width:380px ;height: 120px; text-align:center; vertical-align:top ; padding: 1px 0em 1px 0em }

#login { font-size:11px; text-decoration:none; color: #fefefe; margin:5px auto 0 auto; padding: 4px 15px 0 0; height:30px; text-align:right;}

.banner { background: url(Zaad/header.jpg) top center no-repeat; height: 150px; }
.bannerright{text-align: left ;height: 150px;padding-top: 1px;}

.header01 { background: url(Zaad/bodyrpt.gif) center repeat-y; margin:0px 0px 0px 1px;}
.header { width: 898px; margin:0px 0px 0px 10px;}
 
.menubg {background:url(Zaad/menubg.png) center no-repeat; text-align: center;
}
.menu { margin:0 auto 0 auto; width: 880px; text-align:left; height: 26px; }


/* skinobject classes */
.userlogin01 { background: url(Zaad/bodyrpt.gif) center repeat-y; text-align: center;  height: 18px;}
.userlogin02 { margin: 0em 0px 0em 0px; padding: 0px 0px 0px 0px;
height: 22px;
background-color: #005C8A;}
/*  */
.breadcrumb { text-align: right;  margin:auto; width: 874px; padding: 0px 5px 0px 0px;
text-direction: rtl;height: 18px; font-size:8px;font-family:Tahoma, Arial; }
.dateholder { font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color: #ffffff; text-align:right; line-height:16px; padding-right:3px; height: 20px;}
.userlogin { font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; line-height:25px; padding-right: 5px;}

.langholder {color: #ffffff; text-align:right; line-height:1px; padding-right:12px; height: 20px;}
.langholder img {border:none; padding:0px 0px 0px 0px;}
.langholder select { background:#1f558b; border:1px solid #003366; color:#ffffff; width:146px; font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; }

.terms{float:right; bottom:0px; margin-top:00px; padding-right:15px;}
.copyright {padding: 0px 0px 0px 0px; margin-left: 11px; font-size:11px; color:#003366;
text-align: center;
vertical-align: bottom;}

.footer01 { background: url(Zaad/footer.png) top no-repeat; height: 60px; text-align: center;
}
.footer {font-size:10px; text-decoration:none; color:#f3f3f3;margin:0 auto 0 auto; width: 900px; text-align:left; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:0px 0px 0px 0px;
height: 10px;}


/* pane classes */
.TopTop { text-align: center; width: 874px; margin:0 auto 0 auto;}
.content01 { background: url(Zaad/bodyrpt.gif) center repeat-y; text-align: center; }
.content {
width: 868px;  margin:auto;
background-color: #ffffff;}

.leftpane {
	width: 150px;
	text-align:center;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
    color: #0066ff;}
.TopPane {
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:0px;
}	
.contentpane {
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}
.rightpane {
	width: 160px;
	text-align:center;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 4px;
	padding-top: 5px;
}
.rightpane02 {
	width: 160px;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 4px;
	padding-top: 5px;
}
.RightMenu {
	width: 160px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

/* easy classes - for light and dark backgrounds */
.darkbg { padding: 0 0 0 0; font-size: 12px; font-size: 12px; text-decoration: none; color: #ffffff; background-color: transparent; border: 0; font-weight: normal;
font-family: Tahoma, Arial;}
a.darkbg:link, a.darkbg:visited, a.darkbg:hover, a.darkbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 12px; text-decoration: none; color: #F90029; background-color: transparent; border: 0; font-weight: normal; }
a.darkbg:hover {background-color: transparent; text-decoration: none; color: #eeeeee; border: 0; font-weight: normal; }

.lightbg2 {color:#ffffff; font-family: Tahoma; font-size: 12px;}
a.lightbg2:link, a.lightbg2:visited, a.lightbg2:hover, a.lightbg2:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 12px; text-decoration: none; color:#ffffff; background-color: transparent; border: 0; font-weight: normal; }
a.lightbg2:hover { text-decoration: underline; background-color: transparent; }

.lightbg {color:#1f558b; font-family: Tahoma; font-size: 12px;}
a.lightbg:link, a.lightbg:visited, a.lightbg:hover, a.lightbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 12px; text-decoration: none; color:#1f558b; background-color: transparent; border: 0; font-weight: normal; }
a.lightbg:hover { text-decoration: underline; background-color: transparent; }

/* flash boxes */
.Td99 {background-color: transparent;}

/* Search boxes */
.search {float:right; width:170px; vertical-align:middle; text-align: right;  padding:3px 0px 0 0;line-height:20px;}
.search img {border:none; padding:0px 0px 9px 0px;}
.search input { background:#f2ea07; border:0px solid #003366; color:#ffffff; width:120px; }

.SearchField{ font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#f7fbb4;}
a.SearchField {font-size:11px; color:#666666 ; text-decoration:none ; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-right:3px; vertical-align:bottom;}
a.SearchField:hover {text-decoration:underline ;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 1px 1px 1px 1px; vertical-align:middle;  font-size:14px; height:18px ;border: #ffffff 0px solid; width:120px;}


 /* dnn classes */

.SubHead {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;}
.Head {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; text-decoration: none; font-weight: normal; white-space: nowrap;background-color:transparent;}

.normal, .Normal {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.NormalBold {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}
.NormalRed {color: #990000; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}

a.Normal:link, a.Normal:visited {text-decoration: underline; }
a.Normal:hover {text-decoration: none; }

select, input { font-family: tahoma; font-size: 11px; color: #555; }
.NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }


/* Nav Menu -  */
/* Modified by Zaad */
.main_dnnmenu_bar {cursor:auto;height: 35px;background-color: Transparent;text-direction: rtl;
text-align: right;
}
.main_dnnmenu_rootitem  { /* Add TD if yes for tables option for menu  */
cursor:auto;color: #fae89e;font-size: 11pt; font-weight: bold; font-style: normal; background-color: Transparent;
font-family: Tahoma, Arial, Helvetica, sans-serif; white-space: nowrap;  /*Word wrapping menu item now optional*/   
padding: 0px 12px 0px 5px;   /* creates spacing between root menu items */
line-height: 35px;}

.main_dnnmenu_icon {cursor:auto;text-align: center; width: 3px;height: 25px; }
.main_dnnmenu_break {height: 25px;font-size: 1px; }
.main_dnnmenu_arrow {border-right: #D1DBED 1px solid; border-bottom: #D1DBED 1px solid; border-top: #D1DBED 0px solid;font-family: webdings; font-size: 10pt; cursor:auto; /* arrows will not display if function is not set in ascx/xml file*/ }
.main_dnnmenu_rootmenuarrow {font-family: webdings, sans-serif; font-size: 10pt; cursor:auto; /* arrows will not display if function is not set in ascx/xml file*/ }

.StyleIconBackColor {background-color: transparent;}

/* for customised menu colours */
.main_dnnmenu_container {background-color: transparent; width: auto; }
.main_dnnmenu_itemhoverroot td{background-image: url(Zaad/orange01.jpg);
height: 35px;}
.main_dnnmenu_item  { /* Add TD if yes for tables option for menu */
cursor:auto;color: #fefefe; font-size: 9pt; font-weight: bold; font-style: normal; background-color: Transparent;font-family: Tahoma, Arial, Helvetica, sans-serif; white-space: nowrap;  /*Optional - Word wrapping menu item*/height: 25px; }

.main_dnnmenu_itemhover {  /*color: inherit;*/color: #ffffff;background-color: transparent;background-image: url(Zaad/orange01.jpg); /*padding: 0px 12px 0px 5px;*/
border: 1px none;
border-left: 1px solid;
border-right: 1px solid;
height: 25px;}
.main_dnnmenu_itemhover td {
color: #333333;background-image: url(Zaad/mn1.jpg); height: 30px;
border-left: 1px solid;
border-right: 1px solid;}

/* changing padding here to give more space on sub menu text - check browsers for behaviour */
.main_dnnmenu_submenu {background-color: #1C5177; z-index: 1000; cursor:auto;padding: 2px 3px 2px 3px;   /* creates spacing between sub-menu items */ }