img, div, a, input { behavior: url(css/iepngfix.htc) }

body {

	word-spacing: 2px;

	font-family: MS Reference Sans Serif,Lucida Sans Unicode,Calibri;

  	FONT-SIZE: 10px; 

	color: #313340;

	background-color: #F2F1F1;

	margin-left: 0px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	align: justify;

	word-spacing:3px;

	letter-spacing:0px;

}





.headings{



FONT-SIZE: 11px; 

color: #333333;

}



.collaberation{

line-height:10px;

word-spacing:15px;

letter-spacing:12px;

}

.heading {

font-family: Helvetica, Verdana, sans-serif;

font-size: 11px;

font-weight:bold;

line-height:12px;

	

}

.headingpart{

line-height:20px;

}

.heading:sub{

font-size: 11px;

line-height:10px;



}



.headingbgcol{



background-image:url("../images/headbakbar.gif");

font-weight:bold;



}

.headingbggrey{

background-color:#D6D6D6;

line-height:10px;

}

.tdbggreylt{

background-color:#F4F4F4;

line-height:10px;

}



.left {text-align:left;}

.center {text-align:center;}

.right {text-align:right;}

.justify{text-align:justify;}







/* spamfield - call email field real_email */

#special {

visibility:hidden;

display:none;

}



h1{

FONT-SIZE: 120%; 

font-decoration:bold;

}



h1.h1smallL {line-height:90%}

h1.h1bigL {line-height:200%}

.headings2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13pt;

	font-weight: bold;

	color: #43545E;

}

















.rowbglt {

background-color: #313340;





}

.rowbgdk{

background-color: #313340;



}



.bodyd {



  	FONT-SIZE: 14px; 

	color: #ffffff;

	FONT-FAMILY: MS Sans Serif, Arial, Helvetica, sans-serif;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	align: justify;

	

}



a.ltlink:link {



text-decoration: none;

color: #fff; 

}

a.ltlink:visited {

text-decoration: none;

color: #fff; 

}

a.ltlink:hover {

text-decoration: underline;

color: #fff; 

}

a.ltlink:active {



text-decoration: none;

color: #fff; 

}





.dklink a:link {



	text-decoration: none;

	color: #000000;

}

.dklink a:visited {

	text-decoration: none;

	color: #000000;

}

.dklink a:hover {

	text-decoration: underline;

	color: #000000;

}

.dklink a:active {

	text-decoration: none;

	color: #000000;

}



/* --------------------------------------------------------------- */





/*  unborderd cell rollover */













#navcontainer { 

width: 150px;

text-align:left;

}



#navcontainer ul

{

align: left;

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

}

#navcontainer a

{

align: left;

display: block;

padding: 3px;



background-color: #313340;

border-bottom: 2px solid #eee;



}



#navcontainer a:link, #navcontainer a:visited

{



font-weight: none;

color: #fff;

text-decoration: none;

}



#navcontainer a:hover

{



font-weight: none;

background-color: #369;

color: #fff;

}



/* --------------------------------------------------------------- */

#navcontainerrt { 



text-align:left;



}



#navcontainerrt ul

{

align:center;



margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

}

#navcontainerrt a

{

align: center;

display: block;

padding: 3px;



background-color: #E5EDEC;

border-bottom: 2px solid #eee;



}



#navcontainerrt a:link, #navcontainerrt a:visited

{



font-weight: none;

color: #333;

text-decoration: none;

}



#navcontainerrt a:hover

{



font-weight: none;

background-color: #D8E2E1;

color: #333;

}



/* --------------------------------------------------------------- */



#hrows { 

width: 20%;

text-align:left;

}



#hrows ul

{

align: left;

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

}

#hrows a

{

align: left;

display: block;

padding: 3px;

background-color: #313340;

border-bottom: 0px solid #eee;



}



#hrows a:link, #hrows a:visited

{



font-weight: none;

color: #fff;

text-decoration: none;

}



#hrows a:hover

{



font-weight: none;

background-color: #369;

color: #fff;

}



/* --------------------------------------------------------------- */







/* jhb */







#jhb a{display: block;padding: 6px;background-color: #C00000;border-bottom: 2px solid #eee;}

#jhb a:link, #jhb a:visited{font-weight: none;color: #fff;text-decoration: none;align:left;}

#jhb a:hover{font-weight: none;background-color: #C00000;color: #fff;text-decoration: underline;}



/* tshwane */







#tshwane a{display: block;padding: 6px;background-color: #FFC000;border-bottom: 2px solid #eee;}

#tshwane a:link, #tshwane a:visited{font-weight: none;color: #fff;text-decoration: none;}

#tshwane a:hover{font-weight: none;background-color: #FFC000;color: #fff;text-decoration: underline;}



/* kzn */







#kzn a{display: block;padding: 6px;background-color: #0070C0;border-bottom: 2px solid #eee;}

#kzn a:link, #kzn a:visited{font-weight: none;color: #fff;text-decoration: none;}

#kzn a:hover{font-weight: none;background-color: #0070C0;color: #fff;text-decoration: underline;}



/* ctn */







#ctn a{display: block;padding: 6px;background-color: #92D050;border-bottom: 2px solid #eee;}

#ctn a:link, #ctn a:visited{font-weight: none;color: #fff;text-decoration: none;}

#ctn a:hover{font-weight: none;background-color: #92D050;color: #fff;text-decoration: underline;}

/* --------------------------------------------------------------- */









.picborders {

	BORDER-RIGHT: #ebebeb 10px solid; 

	BORDER-TOP: #ebebeb 10px solid; 

	BORDER-LEFT: #ebebeb 10px solid; 

	COLOR: #0033cc; 

	BORDER-BOTTOM: #ebebeb 10px solid

}

toptableborder {

	BORDER-RIGHT: #666666 1px dashed; 

	BORDER-TOP: #666666 1px dashed; 

	BORDER-LEFT: #666666 1px dashed; 

	BORDER-BOTTOM: #666666 1px

}

.toptableborders {

	BORDER-RIGHT: 1px solid #999999; 

	BORDER-TOP: 1px solid #999999; 

	BORDER-LEFT: 1px solid #999999; 

	BORDER-BOTTOM: 1px #999999;

	

}

.bottomtableborders {

	BORDER-RIGHT: 1px solid #999999; 

	BORDER-TOP: 1px #999999; 

	BORDER-LEFT: 1px solid #999999; 

	BORDER-BOTTOM: 1px solid #999999

}



.bottomborder {

margin-bottom:5px;

	BORDER-BOTTOM: 1px solid #999999

}

.borderright{



	BORDER-RIGHT: 1px solid #999999;

}

.borderleft {

BORDER-LEFT: 1px solid #999999;

}

.maintable {

	BORDER-RIGHT: 1px solid #999999; 

	BORDER-TOP: 1px solid #999999; 

	BORDER-LEFT: 1px solid #999999; 

	BORDER-BOTTOM: 1px solid #999999

}

.displaytable{

background: #ffffff;

cellspacing: 1;





}



.icontxt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	text-decoration: none;

}



.greytable {				

	font-size:11px;

	font-family:verdana;

	color: #000000;	

}

.greytable td {

	padding:5px;

}



.greytable td.shadegrey {

	padding:5px;

	font-weight:bold;

	text-align:right;				

	background:#eeeeee;	

}



.greytable td.shade {

	padding:5px;

	font-weight:bold;

	text-align:right;				

	background:#ffffff;

	

}

.greytable {				

	font-size:11px;

	font-family:verdana;

	color: #000000;	

}

.greytable td {

	padding:5px;

}



.greytable td.shadegrey {

	padding:5px;

	font-weight:bold;

	text-align:right;				

	background:#eeeeee;	

}



.greytable td.shade {

	padding:5px;

	font-weight:bold;

	text-align:right;				

	background:#ffffff;

	

}

.qtytextbox

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:35px; 

border:1px;

border:1px solid #999999;

}

.tinytextbox 

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:40px; 

border:1px;

border:1px solid #999999;

}

.costtextbox

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:70px; 

border:1px;

border:1px solid #999999;

}

.datetextbox 

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:80px; 

border:1px;

border:1px solid #999999;

}

.mediumtextbox 

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:100px; 

border:1px;

border:1px solid #999999;

}

.largertextbox 

{ 

font-family:verdana; 

font-size:11px; 

background-color:white; 

COLOR: #666666;

width:120px; 

border:1px;

border:1px solid #999999;

}





.largetextbox 

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:200px; 

border:1px;

border:1px solid #999999;

}



.hugetextbox 

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:460px; 

border:1px;

border:1px solid #999999;

}

.select

{ 

font-family:verdana; 

font-size:8pt; 

background-color:white; 

color:black; 

width:100px; 

border:1px;

border:1px solid #999999;

}

.button 

{ 

font-family:verdana; 

font-size:8pt; 

background-color:#f7f7f7; 

color:black; 

width:85px; 

border:1px;

border:1px solid #999999;

}



#liquid-round {

width:150px;

margin:0px auto;

background:#fff url(../images/leftside.gif) repeat-y left top;

}

.top {

width:150;

height:20px;

background:url(../images/top.gif) no-repeat left top;

}

.top span {

display:block;

position:relative;

height:20px;

background:url(../images/top-right.gif) no-repeat right top;

}

.center-content {

position:relative;

background:url(../images/rightside.gif) repeat-y right top;

padding:1px 20px 1px 25px;

margin:-1px 0 -50px 0;

}

.bottom {

width:150;

height:20px;

background:url(../images/bottom.gif) no-repeat left bottom;

}

.bottom span {

display:block;

position:relative;

height:20px;

background:url(../images/bottom-right.gif) no-repeat right top;

}