@charset "utf-8";
/* CSS Document */
 
 .bold {
	font-weight: bold;
 }


 /* sidebox declarations */
#boxes {
	float: left;
	margin: 9px 0 0 7px;
	
	width: 263px;
}

div#boxes a {
	display: block;
	
	width: 263px;
	height: 129px;		
	overflow: hide;
	
	margin: 0 0 6px 5px;
	padding: 0;
	
	text-decoration: none;
	
	background: transparent url(./images/sidebox.gif) no-repeat top left;
 }
 div#boxes a.sidebox-home {
	background: transparent url(./images/sidebox-home.gif) no-repeat top left;
 }
   
   div#boxes a span {
	display: block; 
    width: 120px;
	height: 80px;
	
	padding: 26px 0 0 15px;
   
	color: #00447a;
	font-weight: bold;
	font-size: 1.05em;
	text-decoration: none;
	
	cursor: pointer;
   }
   div#boxes a.sidebox-home  span {
	width: 99px;
   }
   
/* main boxes  on the left hand-side */
   
#homeprose {
	float: left;
	margin: 10px 5px 0 9px;
	width: 470px;
	font-size: 0.85em;
}
   
 div.prose div.survey-header {
	width: 686px;
	height: 172px;
	
	color: #004785;
	
	border: 1px solid #c2c2c2;
	
	position: relative;
	margin-bottom: 8px;
	
	background: #a6ddff url(./images/survey-banner-bg.gif) no-repeat top left;
 }
	div.survey-header a,
	div.satkav-header a {
		margin-left: 15px;
		width: 475px;
		margin-bottom: 0px;
		
		color: #00447a;		 
	}
 
 div.survey-greybox {
	width: 686px;

	min-height: 330px;
	
	border: 1px solid #c2c2c2;
	
	position: relative;
	
	background: #b4b4b4 url(./images/survey-greybox-bg.gif) repeat-x top;
 }
 
	div.survey-greybox div.quiz {
		width: 636px;
		
		margin-left: 32px;
		margin-top: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		
	}
	
	div.survey-greybox div.quiz span.q-header {
		font-size: 3.8em;
		font-weight: bold;
		color: #cccccc;
		
		line-height: 0.85em;
		
		display: block;
		margin: 0px 0 10px 0;
	}
	
	div#public-cloud-rollover,
	div#private-cloud-rollover {
		width: 300px; 
		border: 2px solid #666666; 
		background: #f5f5f5; 
		padding: 10px; 
		position: absolute; 
		margin: -150px 0 0 240px;
		display: none;
		
		filter:alpha(opacity=88);
		opacity: 0.88;
		-moz-opacity:0.88;
	}
	
	div#private-cloud-rollover {
		height: 130px;
	}
	div#public-cloud-rollover {
		height: 100px;
	}
	
	/* index.php */
	#pagecontent div.satkav-wrapper {
		width: 960px;
		display: block;
		position: relative;
		margin: 9px 0 10px 0; 
	}
		#mzl-swf {
			position: absolute;
			float: left; 
			margin-top: -4px;
			margin-left: 625px;
			z-index: 10;
			
			cursor: pointer;
		}
		#mzl-swf:active {
			cursor: wait;
		}
	
		div.satkav-wrapper div.satkav-header {
			width: 670px;
			height: 272px;
			
			position: relative;	
			/*float: left;*/
			
			margin-right: -50px;
			padding: 0;
			border: 1px solid #c2c2c2;
			
			z-index: 1;
			
			color: #004785;
			
			background: transparent url(./images/satkav-banner-bg-big2.gif) no-repeat top left;
		}
			div.satkav-header p,
			div.survey-header p {
				margin: 10px 0 0 15px;
				width: 475px;
				
				clear: none;
				
				font-size: 11px;
				line-height: 12px;
				font-family: Arial, Verdana, sans-serif;
			}
			div.satkav-header p {
				font-size: 12px;
				line-height: 14px;
			}
		
			div.satkav-header p.blue-header,
			div.survey-header  p.blue-header {
				width: 470px;
				font-size: 25px;
				line-height: 100%;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				margin: 14px 0 0 15px;
				
				clear: none;
			}
		
			div.satkav-header  a#button-download-wp {
				display: block;
				width: 140px;
				height: 74px;
				
				border: 0;
				
				float: right;
				clear: none;
				margin: 11px 47px 0 -15px;
				
				background: transparent url(./images/download-wp-big.png) no-repeat top left;
				z-index: 100;
			}
			
			div.survey-header a#whitepaper-icon
			{
				display: block;
				width: 35px;
				height: 37px;
				margin-top: 10px;
				
				clear: both;
				
				background: transparent url(./images/pdf2.gif) no-repeat top left;
			}
		

		
	/* terms and conditions*/
	div.survey-bluebox img.back-arrow {
		border: 0;
	}
	
	div.nav-bar-wrapper {
		width: 965px;
		height: 84px;
		
		/*float: left; */
		
		margin-top: 15px; 
		background: none;
	}
	
		div.nav-bar-wrapper  ul#nav-bar	{
			padding: 0;
			margin: 0;
			list-style: none;
			position: absolute;
	
			display: block;
			z-index: 100;
		}
		
			div.nav-bar-wrapper  ul#nav-bar li	{
				display: block;
				float: left;
				clear: none;
				
				margin-top: 0;
			}
			
			div.nav-bar-wrapper  ul#nav-bar li a	{
				width: 193px;
				height: 83px;
				
				margin: 0;
				
				display: block;
								
				color: #004785;
				text-decoration: none;
				font-weight: bold;
				
				background: #ffffff url(./images/nav-button-middle.gif) top left no-repeat;
			}
			
			div.nav-bar-wrapper  ul#nav-bar li a.nav-left	{
				width: 181px;
				height: 83px;
				
				background: #ffffff url(./images/nav-button-left.gif) top left no-repeat;
			}
			
			div.nav-bar-wrapper  ul#nav-bar li a.nav-right {
				width: 205px;
				height: 83px;
				
				background: #ffffff url(./images/nav-button-right.gif) top left no-repeat;
			}
			
				div.nav-bar-wrapper  ul#nav-bar li a span {
					width: 106px;
					
					margin: 0px 0 0 32px;
					padding-top: 11px;
					
					display: block;
					
					font-size: 12px;
					line-height: 14px;
					font-weight: bold;
					
					cursor: pointer;
				}
				div.nav-bar-wrapper  ul#nav-bar li a span.nav-lower {
					padding-top: 17px;
				}
				div.nav-bar-wrapper  ul#nav-bar li a.nav-left span.nav-lower {
					margin-left: 25px;
				}
	
	/* bubbles in starting page */
	
	div.bubble {
		width: 904px;
		height: 409px;
		
		position: relative;
		
		margin-left: 26px;
		
		padding-top: 51px;
		padding-left: 0px;
		
		background: transparent url(./images/bubble-bg.jpg) top left no-repeat;
		
		z-index: 100;
	}
		
		div.bubble ul  {
			margin-top: 0px;
			margin-left: -20px;
		}
		div.bubble ul  li {
			list-style: url(./images/list-bullet.gif) outside;
			margin-bottom: 4px;
			
		}
		
			div.bubble p.bubble-title {
				font-size: 1.7em;
				float: left;
				padding-left: 5px;
				
				margin-left: 18px;
				
				color: #004785;
			}
			div.bubble   p.bubble-header-links {
				float: right;
				margin-right: 37px;
				margin-top: 20px;
				
				width: 200px;
				text-align: right;
				font-size: 12px;
				line-height: 18px;
				font-weight: bold;
				
				color: #004785;
			} 
			
			div.bubble   p.bubble-header-links  a,
			div.bubble   p.bubble-header-links  a:link,
			div.bubble   p.bubble-header-links  a:visited,
			div.bubble   p.bubble-header-links  a:hover{
				color: #004785;
			}
		
			div.bubble div.left-column {
				width: 410px;
				
				font-size: 12px;
				line-height: 13px;
				padding: 20px 10px 10px 10px;
				
				margin-left: 18px;
				
				float: left;
				clear: left;
			}
			
			div.bubble div.right-column {
				width: 390px;
				
				font-size: 12px;
				line-height: 13px;
				
				float: right;
				margin-right: 24px;
				
				padding: 12px 10px 10px 10px;
				
				background: transparent;
			}
			
			div.bubble div.left-column p.bold,
			div.bubble div.right-column p.bold 	{
				margin: 5px 0 5px 0;
				font-weight: bold;
			}
			
	
	#reduced-env, #cost-red, #workforce-mob, #improved-ser, #increased-res  {
		display: none;
	}
	
	div.carousel-container {
		width: 960px;
		height:550px;
		
		position: relative;
		/*float: left;*/
		
		margin-bottom: -298px;
		margin-top: -15px;
		
		background: url(./images/carousel-background.jpg) no-repeat scroll left 70px transparent;
		
		z-index:0;
		
		border: 0;
	}
		div.carousel-container  #flash-holder
		{
			outline: none;
		}
		div.carousel-container  #flash-holder #carousel {
			background: transparent;
			z-index: 0;
		}
	 div#reactivater {
		float: right;
		margin-right: -190px;
		margin-top: -40px;
	 }

	
	
/* end of satkav css*/

#pagecontent {
	float: left;
	padding-top: 0px;
	width: 960px;
	clear: both;
}
#footer {
	position: relative;
	float: left;
	margin-top: 60px;
}

table	{
	position: relative;
}

.prose {
	font-size: 0.85em;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	
	width: 686px;
	width: 686px;
	margin: 9px 0 0 0;
}


.grey{
	background-color: #e6e7e8;
}

#result {
	border: 1px solid #a09f9f;
	display: none;
	height: 150px;
	width: 593px;
	padding: 10px;
}

#otherresults {
	width: 237px;
}

#removetext {
	width: 593px;
	padding: 10px 0;
}

#spacer {
	width: 260px;
}
.boxtext {
	position: relative;
	width: 260px;
	text-align: left;
	color: #FFFFFF;
}

.boxhead {
	font-size: 1.3em;
	font-weight: bold;
}

.boxarrows {
	position: absolute;
	right: 18px;
	bottom: 5px;
	width: 17px;
	height: 18px;
	background-image: url(images/arrows.gif);
}


.reg_td_right {
	text-align: right;
	font-size: 0.9em;
}

.reg_td_right p {
	text-align: left;
	padding: 0;
	margin: 5px 35px;
}

.quizanswer {
	text-align: left;
}

.quizanswertitle {
	font-size: 1.5em;
	color: #0C2D83;
	font-weight: bold;
}

.biggerbody {
	font-size: 1.1em;
}

td .spacing {
	line-height: 1.8em;
}

form td div .error span {
	position: absolute;
	left: -20px;
}

form td div {
	position: relative;
	height: 22px;
}

.smallterms {
	font-size: 0.9em;
	text-align: right;
}

.shadow_bottom {
	display: block;
	position: relative;
	line-height: 0px;
	background: transparent url(../images/boxshadow_mi.gif) no-repeat;
	background-position: bottom left;
	height: 2px;
	font-size: 0px;
	width: 684px;
}

p.terms a {
	font-size: 0.85em;
	color: #b63927;
	text-decoration: underline;
}

p.terms a:hover {
	color: #000000;
	text-decoration: underline;
}

p.rollover a {
	color: #b63927;
	text-decoration: underline;
}

p.rollover a:hover {
	color: #000000;
	text-decoration: underline;
}

.coloured a span {
	font-size: 0.85em;
	font-size: bold;
	color: #b63927;
	text-decoration: underline;
}

.coloured a:hover {
	color: #b63927;
	text-decoration: underline;
}

.reg_td_right {
	font-size: 0.9em;
	text-align: right;
}

.reg_td_right2 {
	font-size: 0.9em;
	text-align: right;
	padding-right: 20px;
	padding-left: 0px;
}

.reg_td_left2 {
	font-size: 0.9em;
	text-align: left;
	padding-left: 10px;
	
	width: 400px;
}

 .td_radio  {
   padding-left: 20px;
  
   vertical-align: text-top;
 }
 
 .td_radio  div {
	height: 22px;
	margin-top: -1px;
 }
 
  .input  {
  }

form td div .error span {
	position: absolute;
	left: -20px;
	
	top: -2px;
}

form td div {
	position: relative;
	height: 22px;
}

table.q1 td, table.q2 td, table.q3 td, table.q4 td, table.q5 td, table.q6 td, table,q7 td, table.q8 td, table.q9 td, table.q10 td, table.q11 td {
	background-color: transparent;
	margin-bottom: 20px;
}
.prev {
	cursor: pointer;
}

/* RHS box over-rides */

.style4_img_red {
	height: 95px;
}

.style1_link_lhs_red a,
.style2_link_lhs_red a,
.style3_link_lhs_red a,
.style4_link_lhs_red a,
.style5_link_lhs_red a,
.style6_link_lhs_red a,
.style7_link_lhs_red a, {
	color: black;
	text-decoration: none;
}

.style1_link_lhs_red a:hover,
.style2_link_lhs_red a:hover,
.style3_link_lhs_red a:hover,
.style4_link_lhs_red a:hover,
.style5_link_lhs_red a:hover,
.style6_link_lhs_red a:hover,
.style7_link_lhs_red a:hover {
	color: red;
}

.header {
	font-size: 1.15em;
	font-weight: bold;
	color: #b63927;
	margin: 0;
}

.question {
	overflow: hidden;
}

img.n1, img.n2, img.n3, img.n4, img.n5, img.n6, img.n7, img.n8, img.n9, img.n10 {
	display: none;
	margin-bottom: 40px;
}

.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 , .b9, .b10, .b11{
	text-align: center;
}

p.q1, p.q2, p.q3, p.q4, p.q5, p.q6, p.q7, p.q8, p.q9, p.q10, p.q11 {
	/*display: block;*/
}

.spread {
	line-height: 1.3em;
}