@charset "utf-8";
html { padding:0; margin:0;}

/* container */
#container { width:984px; padding:0; margin:0 auto; }

/********** HEADER ************************************************************************************************************************/
#header { width:984px; height:160px; background-image:url(images/bg_header.jpg); background-repeat:no-repeat; background-position:left; }

/* logo */
.logo { float:left; padding:0; margin:40px 0 0 10px; width:304px; height:84px;}

/* search 
.search { float:right; padding:0; margin:40px 0 0 10px; width:380px;}
.search form { margin:0; padding:0;}
.search input { float:left; border:0;}
.search span { float:left; background:url(images/search_bg.gif) no-repeat left; width:332px; height:35px;}
.search input.text { background:none; width:312px; height:15px; padding:10px; color:#a2a2a2; font:normal 14px Arial, Helvetica, sans-serif;}
.search input.button { float:left;}*/

/* Links */
a:link 	{color:#0093d0;}
a:hover	{color:#12235b;}
/**********************************/

/* Topnav */	
.topnav {padding:0; margin:0px; width:551px; float:right; height:36px;}
.topnav ul {padding:44px 0 0 0; margin:0; list-style:none; border:0; height:36px;}
.topnav ul li {float:left; margin:0; padding:0; border:0;}
.topnav ul li a {float:left; /*margin:0 2px 0 0;*/ margin-top:75px; padding:14px 0 14px 0; color:#000000; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}

.topnav ul li a span {padding:14px 12px 14px 15px;}
/*.topnav ul li a:hover {background:url(images/but_home_over.gif) no-repeat right;}*/
.topnav ul li a:hover#but-home  {background:url(images/but_home_over.gif) no-repeat right; width:73px; margin-right:2px;}
.topnav ul li a:hover#but-solutions  {background:url(images/but_solutions_over.gif) no-repeat right; width:94px; margin-right:2px;}
.topnav ul li a:hover#but-data-centres  {
	background:url(images/but_data_centres_over.gif) no-repeat right; 
	width:117px; 
	margin-right:2px;
}
.topnav ul li a:hover#but-news  {background:url(images/but_news_over.gif) no-repeat right; width:66px; margin-right:2px;}
.topnav ul li a:hover#but-contact  {background:url(images/but_contact_over.gif) no-repeat right; width:97px; margin-right:2px;}
.topnav ul li a:hover#but-about  {
	background:url(images/but_about_over.gif) no-repeat right; 
	width:91px; 
	margin-right:2px;
}

.topnav ul li a#but-home {
	background:url(images/but_home.gif) no-repeat right; 
	width:73px; 
	margin-right:2px;
}
.topnav ul li a#but-solutions {
	background:url(images/but_solutions.gif) no-repeat right; 
	width:94px; 
	margin-right:2px;
}
.topnav ul li a#but-data-centres {
	background:url(images/but_data_centres.gif) no-repeat right;
/*	*background:url(images/but_data_centres.gif) no-repeat right;
	_background:url(images/but_data_centres.gif) no-repeat right;
	*/ 
	width:117px; 
	margin-right:2px;
}


.topnav ul li a#but-news {background:url(images/but_news.gif) no-repeat right; width:66px; margin-right:2px;}
.topnav ul li a#but-contact {background:url(images/but_contact.gif) no-repeat right; width:97px; margin-right:2px;}
.topnav ul li a#but-about {background:url(images/but_about.gif) no-repeat right; width:91px; margin-right:2px;}
/*.topnav ul li a.active {background:url(images/r_topnav.gif) no-repeat right;}*/
/*.topnav ul li a.active span {background:url(images/l_topnav.gif) no-repeat left;}*/
/**********************************/

/********** Left Navigation **********/
/*
#leftnav-followup {
background:#FFFFFF url(images/slider_bg.gif) repeat-y scroll 0 0;
float:right;
height:249px;
margin:10px auto;
padding:0;
width:704px;
}*/

#leftnav-followup 
{
background: url(images/menu_tile_content.png) repeat-x;
padding:0px;
height:277px;
width:260px;
float:left;
margin:10px auto;


}
/**********************************/

/********** CONTENT ************************************************************************************************************************/
/********** Main images **********/
#main-image {background:url(images/slider_bg.gif) repeat-y; margin:10px auto; padding:0; width:984px; height:249px; background-color:#ffffff;}
#main-image-followup {background:url() repeat-y; margin:10px auto; padding:0; width:704px; height:249px; background-color:#ffffff; float:right;}
/**********************************/


/*.title_text h2 { padding:2px 10px 0 40px; margin:0; color:#2a2a2a; font:normal 36px Arial, Helvetica, sans-serif;}
.title_text p { float:right; padding:6px 20px 0 10px; color:#2a2a2a; font:normal 11px Arial, Helvetica, sans-serif;}
*/

/* Body */
/*body  { background:url(images/tile_header.jpg) left repeat-x; background-position:top;}*/	
body {color:#5f5f5f; margin:0; padding:0; width:100%; /*background:#f5faf9 url(images/bg.gif) repeat-x;*/ background:url(images/tile_header.jpg) left repeat-x; background-position:top; background-color:#f5faf9; }
.container-content 	{width:984px; margin-left:auto; margin-right:auto;}
.body { width:100%; clear:both;}
.left { width:321px; float:left; margin:0 10px 0 0; padding:10px 0;}
.left-followup { width:280px; float:left; margin:0 10px 0 0; padding:10px 0;}
.home-content { width:652px; float:left; margin:-10px 10px 0 0; padding:10px 0;}
html>body .home-content {margin:30px 10px 0 0;}

.content { width:690px;/*652px;*/ float:right; margin:0 10px 0 0; padding:10px 0;}
hr {color:#7e8e97 solid 1px; width:99%;}

/*.right { width:321px; float:right; padding:10px 0;}*/
.right { width:310px; float:left; padding:0px 0;}
html>body .right { width:290px; float:right; padding:40px 0;}
/**/

.solutions-headings {width:685px; background-repeat:repeat-x; background-image:url(images/box_tile_grey.gif); padding:10px; text-align:left; vertical-align:middle; float:right;}
.description-heading h3 {margin-top:50px;}
.normal {font-weight:normal;}



.body h1 { color:#000000; font-weight:bold; font-size:21px; font-family:Arial, Helvetica, sans-serif; padding:7px 10px; margin:0;}
.body h4 {color:#00b159; font:bold 14px Arial, Helvetica, sans-serif; padding:5px 10px; margin:0 0 /*10px*/0 0;}
.body h5 {color:#d91c5c; font:bold 13px Arial, Helvetica, sans-serif; padding:5px 10px; margin:0 0 /*10px*/0 0;}
.body h6 {color:#00a096; font:bold 12px Arial, Helvetica, sans-serif; padding:5px 10px; margin:0 0 /*10px*/0 0;}
.body h2 { color:#00719f; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:7px 10px; margin:0;}
.body h3 { color:#12235b/*2a2a2a*/; font:bold 16px Arial, Helvetica, sans-serif; padding:5px 10px; margin:10px 0 10px 0;}
.body p { color:#5f5f5f; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.5em; padding:5px 10px; margin:0;}
.body p.intro { /*color:#808080;*/ color:#5f5f5f; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em;}
.body p.contact-heading { color:#12235b; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; margin-bottom:-10px;}
.body a { color:#0092dd; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:none;}
.body a:hover { color:#12235b;}
.body img.img { float:left; padding:10px; margin:10px;}
.img-right { float:right; padding:10px; margin:20px;}
.greybg	{ background-image: url(/images/tile_survey.jpg) repeat-x;}
.black {color:#000000;}
html>body .black {color:#000000;}
/**********************************/

hr 	{ border-bottom:1px solid #ffffff noshade; clear:both;  margin-top:-5px;}
html>body hr { border:1px solid #ffffff noshade; clear:both;  margin-top:-5px;}
/**********************************/

a .button { background-image:url(images/but_read_more_up.gif); background-repeat:no-repeat; vertical-align:middle; text-align:left; border:1px solid #000000; margin:2px; width:82px; height:16px;}
a:hover .button	{ background-image:url(images/but_read_more_over.gif); background-repeat:no-repeat; vertical-align:middle; text-align:left; border:1px solid #000000; margin:2px; width:82px; height:16px;}
a.more {background: url(images/bullet_image.png) no-repeat; padding-left:16px; padding-right:0px; padding-top:0px; padding-bottom:0px; font:bold 11px Arial, Helvetica, sans-serif; color:#0093d0; line-height:1.8em; text-decoration:none; margin:10px;}
 
.icon {float:left; margin-right: 10px; margin-left:10px; margin-top:2px;}
.icon2 {float:left; margin-right: 10px; margin-left:10px; margin-top:2px; margin-bottom:65px; }
/**********************************/

/* Contentboxes */
.contentboxes { width:984px; clear:both; padding:0 0 10px 0;}
.box { /*width:321px;*/ height: 270px; width:317px; margin:0 10px 0 0; float:left; background:url(images/box_bg.gif) repeat-y; background-color:#dcddde; background-position:top;}
.box2 { width:290px; margin:0 10px 0 0; float:left; background:url(images/box_bg.gif) repeat-y; border: 1px solid #ffffff;}
/*.box .box-head { background:url(images/box_t.gif) no-repeat top;}*/
.box .box-head-blue {background: url(images/box_tile_blue.gif) repeat-x top;}
.box .box-head-green {background: url(images/box_tile_green.gif) repeat-x top;}
.box .box-head-grey {background: url(images/box_tile_grey.gif) repeat-x top;}
.box .box-content {background: url(images/box_tile_content.gif) repeat-x bottom; padding:0 0 10px 0; height: 300px; }
.box .box-content img { margin-top:0px; margin-left:8px; margin-right:8px; margin-bottom:15px;}
.box-content-footer {background:url(images/box_tile_reflection.png) repeat-x top; height:29px;}
.box a:hover { color:#12235b;}
.box h2 { margin:0 0 10px 0; padding:11px 0 11px 20px; color:#000000; font:normal 18px Arial, Helvetica, sans-serif;}
.box h6 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#7e8e97; margin-bottom:10px; margin-top:0px;}
.box img { float:left; padding:15px;}
.box p { padding:5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.5em;}

.box a { font:normal 11px Arial, Helvetica, sans-serif; color:#0093d0; line-height:1.8em; height:15px;}
.box a.more {background: url(images/bullet_image.png) no-repeat; padding-left:16px; padding-right:0px; padding-top:0px; padding-bottom:0px; font:bold 11px Arial, Helvetica, sans-serif; color:#0093d0; line-height:1.8em; text-decoration:none; margin:20px; }

.box ul { padding:10px 20px; margin:0;}
.box ul li {no-repeat left; vertical-align:middle; margin:0; padding:3px 0 3px 10px;/*25px;*/ /*border-bottom:1px solid #eaeaea;*/}
.box ul li a  {list-style-image:url(images/bullet_image.png) no-repeat left; line-height:1.5em; margin:0; padding:3px 0 3px 10px;/*25px;*/ text-decoration:none; /*border-bottom:1px solid #eaeaea;*/}
span {margin-top:-10px;}

/**********************************/

/* Content 2 columns see homepage */
.half-left {width:50%; position:relative; float:left;}
.half-right {width:50%; position:relative; float:right;}
/**********************************/

/* Info Panel  (Homepage)*/
.info-panel { background: url(images/maverick_stability.png) no-repeat; width:271px; height:96px; margin:10px auto;}
.info-panel p { padding:5px 10px 0 70px; margin:0;}
/**********************************/

/* testi */
.testi { margin:20px 0; padding:20px 10px; background:url(images/testi.gif) no-repeat top left;}
.testi p { font-style:italic;}
/**********************************/
/* Links */
a:link li {color:#0093d0; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:2px; margin:0;}
a:hover li {color:#12235b; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:2px; margin:0;}

/* Lists */
/* This class calls an image for li without image*/
.bullet {list-style-image: url(images/bullet_circle.png); color:7e8e97;}
/* .bullet {list-style-image: url(images/bullet_circle.png); list-style-position:inside;} */
li 	{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:7e8e97; line-height:1.5em;}
.lister { clear:both; border-top:1px solid #d2d2d2; padding:10px;}
.lister ul { margin:0; padding:0; list-style:none;}
.lister ul li { background:url(images/lister.gif) no-repeat; float:left; width:24px; height:23px; margin:1px; text-align:center;}
.lister ul li a { color:#0093d0;}
.lister ul li a:hover { color:#12235b;}
.lister ul li a.active { font-weight:bold;}
/**********************************/

/********** FOOTER ************************************************************************************************************************/
.footer-container {padding:0; margin:0; background: url(images/tile_footer.jpg) repeat-x; height: 187px; background-position:bottom;}
.footer-content { width:984px; margin:0 auto; padding:20px 0;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#5f5f5f; padding:3px 10px; margin:0; line-height:1.5em; }
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#0093d0; line-height:1.8em; text-decoration:none;}
.footer a:hover { color:#12235b;}
.footer p.leftt { text-align:left; width:50%; margin:10px 0; padding:10px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:10px 0; padding:10px 0; float:right;} 

/* Footer Container */
.footer {padding:0; margin:0; background:url(images/line.gif) top repeat-x;}
.footer h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px; margin:0;}
.footer .footer-nav { float:left; width:187px; border-left:1px solid #dedede; padding:0 0 0 40px; margin:10px 0;}
.footer .subscribe { float:left; width:300px; margin:10px 0;}
.footer .subscribe input.text { border:1px solid #d9d9d9; background:#FFF;}
.footer ul { margin:0; padding:0; list-style:none;}
.footer ul li { background:url(images/foot_nav_sm.gif) no-repeat left; padding:0 20px; margin:0;}

/* Footer copright */
.copyright 	{color:#7e8e97; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal;}

/* Footer icons */
.icon-telkom {width:64px; height:79px; float:right;}
.icon-do {width:46px; height:79px; margin-left:15px; margin-right:50px; float:right;}

.no-margin { margin:0;}
.margin-ten	{margin:10px;}
.margin-left-ninety {margin-left:90px;}
.margin-left-ninety ul li a {margin-left:-20px;}
.margin-bottom-fourty 	{margin-bottom:35px; clear:both;}
html>body .margin-bottom-fourty {margin-bottom:30px; clear:both;}

p.clear, .clear { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {clear:both; border-top:1px solid #e0e0e0; padding:0; margin:5px 0; background:none;}


/********** PAGE SPECIFIC CLASSES ************************************************************************************************************************/
/********** CONTACT FORM ************************************************************************************************************************/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#5f5f5f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:3px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:540px; border:1px solid #d0d0d0; margin:3px 0; padding:5px 2px; height:16px; background:#ffffff;}
#contactform textarea { width:540px; border:1px solid #d0d0d0; margin:3px 0; padding:2px; background:#ffffff;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:red; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.requiredfields {
	font-weight: bold;
	color: #CC0000 ;
}

.shiftFormName {
 margin-left:47px;
}
.shiftFormSurn {
	margin-left:42px;
	}
	
.shiftFormJob {
	margin-left:55px;
	}
.shiftFormSupport1 {
	margin-left:50px;
	}
.shiftFormRegion {
	margin-left:40px;
	}
	
.shiftFormSuburb {
	margin-left:37px;
	}
.shiftFormCity {
	margin-left:67px;
	}

html>body .shiftFormSupport1 {
	margin-left:50px;
	}
.shiftFormSupport2 {
	margin-left:40px;
	}
.shiftFormSupport3{
	margin-left:35px;
	}
.shiftFormSupport4{
	margin-left:32px;
	}

.but-submit-app_ {
	 margin-left:480px;	
}

label  {
	font-family: arial, 
	helvetica, sans-serif; 
	font-size:11px; 
	color:#000000; 
	font-weight:normal
	}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding:2px;
	
}
fieldset {
		border:1px solid #ffffff;
		padding:10px;
		margin:0px;
}
/** Forms end **/

/*Created on 14 Nov:For bullets with links and without links   */

.bullet {list-style-image: url(images/bullet_circle.png);}
.bullet-image {list-style-image:url(images/bullet_image.png);}
.bullet-image-home {list-style-image:url(images/bullet_image.png);}
.bullet-image-home a {margin-left:0px; vertical-align:middle;}


/** NEWS start **/
	
.news-blue{

	position: relative;
	float: left;
	height: 42px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
  	background-color:#FFFFFF;
	background-image:url(images/tile_news.gif);
	background-repeat:repeat-x;
	width: 100%;
}

.news-white{
	position: relative;
	float: left;
	height: 40px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
   background-color:#ffffff;
   	width: 100%;
}


.news-date-class{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	font-family:Arial,Helvetica,sans-serif;
}

.news-image-class{
	position: relative;
	width: 13px;
	height: 13px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	border: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	vertical-align: middle;
}

/*** news & Media: Link alignment & attribute class START ***/



html>body .news-anchor-class {
float:left;
height:auto;
margin:-4px 5px 0;
padding:0 0 10px;
position:relative;
width:480px;
}
	.news-anchor-class {
float:left;
height:auto;
margin:-3px 5px 0;
padding:0px 0 10px;
position:relative;
width:480px;
}
	
	
	
	
	
	

/** NEWS end **/



/*Datacentre classes*/

.datacentre-container {
clear:both;
float:right;
margin:20px 0 10px;
padding:0 0 20px;
width:98%;
}

html > body .datacentre-photo {
border:medium none;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:10px;
padding:0;
width:138px;
}

.datacentre-photo {
border:medium none;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:10px;
padding:0;
width:138px;
}

.datacentre-photo-250 {
border:medium none;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:10px;
padding:0;
width:256px;
}


.datacentre-text {
color:#000000;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
padding-left:44px;
width:360px;
}



/** Klaas (this class should not have used padding & px)**/
/* Center aligns images */
.center 
{
padding-bottom:0;
padding-left:114px;
padding-right:114px;
padding-top:0;
}

	
/*Back to top button*/

back-top {
float:right;
margin-right:10px;
}

/*contact us*/
.contact-us-text {
color:#000000;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
padding-left:14px;
width:360px;
}

/* homepage news content */

.content-news {
float:right;
margin:0 2px 0 0;
padding:10px 0;
width:690px;
}

html>body .content-news { 
	width:690px;
	float:right;
    margin:0 10px 0 0;
    padding:10px 0;}
	
/*heading for sitemap*/


html>body .sitemap-headings  {
background-image:url(../css/images/box_tile_blue.gif);
background-repeat:repeat-x;
float:right;
text-align:left;
vertical-align:middle;
height:42px;
margin:0 -4px -10px;
padding:10px 0 0 5px;
position:relative;
width:100%;}


.sitemap-headings  {
background-image:url(../css/images/box_tile_blue.gif);
background-repeat:repeat-x;
float:right;
text-align:left;
vertical-align:middle;
height:42px;
margin:0 -4px -10px;
padding:10px 0 0 5px;
width:100%;}

/*sitemap background*/

html > body .sitemap-bg {
background-image:url(../css/images/box_tile_green.gif);
background-repeat:repeat-x;
float:right;
height:42px;
margin:0 -4px -10px;
padding:10px 0 0 5px;
position:relative;
text-align:left;
vertical-align:middle;
width:100%;
}

.sitemap-bg {
background-image:url(../css/images/box_tile_green.gif);
background-repeat:repeat-x;
float:right;
height:42px;
margin:10px -4px -10px;
padding:10px 0 0 5px;
text-align:left;
vertical-align:middle;
width:100%;
}



.box .box-head-pink {
  background: url(images/tile_survey_pink.jpg) repeat-x top;
}

.right-no-padding {
        float:right;
        width:290px; 
/*
        padding:10px 0; 
*/
}



/*
.sens-anchor-class {
float:left;
height:auto;
margin:0;
padding:0 0 10px;
position:relative;
width:480px;
}

.sens-image-class {
border:medium none;
float:left;
height:13px;
margin:0 4px 4px;
padding:0;
position:relative;
text-align:left;
vertical-align:middle;
width:13px;
}
*/


/*.arrow-greenblock-leftnav {
	position:relative;
background: url(images/bullet_image.png) no-repeat;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
	list-style:none;
	width:225px;
	height:12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;		
}*/
/*
.arrow-greenblock-leftnav a {
	position:relative;
	margin-left: 25px;		
}

	*/