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

	Ipsos North America: Microsoft global image | Data Portal
	Main Style Sheet Definition
	Prepared by Matthew Gomes
	Lasted Edit: July 23, 2006 by MG

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

/*	--	COLOUR PALETTE

		#FF6600 - Links (orange)
		#993300 - Link Rollevers (dark orange)
		#336699 - Visted Links (blue)
		#666666 - Main Text (medium grey)
		#3399CC - Active tab text (lighter blue)
		#173D5F - inactive tab text (dark blue)
		#E68422 - H1 (orange)
		#FF9933 - H2 (orange)
		#FFFFFF - Footer Links (white)
		#66CCFF - Footer Links Hover (lighter blue)
		#234A70 - Footer font color (dark blue)
		#828282 - HR (grey)

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

	* { margin: 0 0 0 6px; 
padding: 0;
	width: 310px;
}
	
	body {	
		font-family: Verdana;
		font-size: 80%;
		line-height: 1.3em;
		background: #234A71;
		color: #666666;
		width: 990px;
		text-align: center;
	}
	

	
	
/* -- MISCELLANEOUS
----------------------------------------------------------------------------- */
	.clear { clear: both; }
	.note { font-size: 90%; }
	.selected { font-weight:bold; text-decoration:none;}

	.standardControl
	{
		font-family: Verdana;
		font-size: 10px;
	}
/*----------------------------- APP CONTAINER STYLING ----------------------------- */

	#shell {
		margin: 0px 0px 0px 0px;
	}
	
	#content {

		margin: 0px auto;
	background: #fff;
	text-align: left;	
			min-height: 100%;
		width: 793px;
		height:753px;
	}

/*----------------------------- HEADER ITEMS STYLING ----------------------------- */


	.header{
		width: 990px;
		height: 71px;
		margin: 0;
		padding: 0;
		text-indent: -3000px;
		background: url(../images/head/banner.jpg) 0 0 no-repeat;
	}
	
/*----------------------------- FOOTER ITEMS STYLING ----------------------------- */
	.footer1
	{
		width: 100%;
		height: 36px;
		background: #2d84b1;
		margin-left: 0px;
	}
	
	.footerItemsContainer
	{
		float: right; 
		padding-right: 20px;
		padding-top: 3px;
		color: #FFFFFF;
		font-size: 12px;
	}
	
	.footerItem:a
	{
		color: #FFFFFF;
	}
	.footerItem:visited
	{
		color: #FFFFFF;
	}
	
/*----------------------------- MENU ITEMS STYLING ----------------------------- */

	.menu{
		background: url(../images/head/tab_background.jpg) top left repeat-x;
		float: left;
		height: 31px;
		width: 100%;
		margin: 0;
		font-size: 10px;
	}
	
	.submenu {
		height:30px;
		border-bottom:solid 1px #cccccc;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.submenu a {
		margin-right:10px;
		color:#173D5F;	
		height:25px;
	}
	
	.menuButtonContainer{
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.menuButton{
		background: url(../images/head/tab_inactive.jpg) top right no-repeat;
		float: left;
		color: #173D5F;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 5px 10px 5px 10px;
		height: 31px;
		cursor: hand;
	}	
	
	.menuButton:hover{
		background: url(../images/head/tab_hover.jpg) top right no-repeat;
		float: left;
		color: #173D5F;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 7px 10px 3px 10px;
		height: 31px;
		cursor: hand;
	}		
	
	.menuButtonHover{
		background: url(../images/head/tab_hover.jpg) top right no-repeat;
		float: left;
		color: #173D5F;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 7px 10px 3px 10px;
		height: 31px;
		cursor: hand;
	}	
	
	.menuButtonSelected{
		background: url(../images/head/tab_active.jpg) top right no-repeat;
		float: left;
		color: #3399cc;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 5px 10px 5px 10px;
		height: 31px;
		cursor: hand;
	}		
	
/*----------------------------- EXCEL EXPORT BUTTON STYLING ----------------------------- */



/*----------------------------- CONTENT STYLING ----------------------------- */
	
	.contentCenter
	{
		text-align:center;
	}
	.content {
		background: #fff;
		width: 900px;
		min-height: 500px;
		text-align: left;
	}
		.contentBlueBox
	{
		width: 700px;
		display: inline-block;
		margin-top: 5px;
		font-size: 10px;
	}
	.contentBlueBoxDirective
	{
		background: #b6daea;
		text-align: center;
		width: 40px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		border-right: 2px solid #fff;
		float: left;
		padding: 12px 12px 12px 12px;
	}
	
	.contentGrayBoxDirective
	{
		background: #d9d9d9;
		text-align: center;
		width: 40px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		border-right: 2px solid #fff;
		float: left;
		padding: 12px 12px 12px 12px;
	}
	
	.contentBlueBoxItem
	{
		background: #e3f1f7;
		vertical-align: middle;
		width: 100%;
		font-size: 11px;
		font-weight: normal;
		padding: 12px 12px 12px 12px;
	}
	
/*----------------------------- SECTION STYLING ----------------------------- */

	.sectionLabel{
		color: #e68422;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 0;
		border-bottom: 1px dotted #828282;
		width: 100%;
	}
	
	.sectionInstructions
	{
		color: #828282;
		font-size: 10px;
		width: 100%;	
		font-style: italic; 
	}
	

	.treeContent {

		border-top: 1px solid #54a8d3;
		border-bottom: 1px solid #54a8d3;
		margin-top: 0px;
		padding-left: 5px;
	}	
	
	.treeNodeStyle
	{
		text-transform: uppercase;
		font-family: Verdana;
		font-size: 10px;
	}
	
	
		
	.topInstructions
	{
		font-family: Verdana;
		font-size: 10px;
		margin-bottom: 20px;
	}
	
	.surveyNameContainer
	{
		background-color: #9acfe6;
		color: #3399cc;
		width: 320px;
		height: 40px;
		font-family: Verdana;
		font-size: 12px;
		font-weight:bolder;
		text-transform: uppercase;
		padding: 11px 0px 5px 10px;
		float:left;
		clear: none;
	}

/*----------------------------- SEARCH BOX STYLING ----------------------------- */

	.searchBoxContainer
	{
		width: 320px;
		height: 46px;
		font-family: Verdana;
		font-size: 10px;
		float: left;
		clear: left; 
		background: #f0f8fb;
		padding-left: 60px;
		padding-top: 5px;
		margin-top: 3px;
		vertical-align: top;
	}

/*----------------------------- QNR LINK STYLING ----------------------------- */

	.qnrLinks
	{
		float: left; 
		clear: left; 
		padding-left: 175px; 
		font-size: 10px; 
		text-transform: uppercase; 
		display: block;
		margin-top: 10px;
	}
	
/*----------------------------- QUESTION TABLES STYLING ----------------------------- */
		.questionTableDescriptor
		{
			font-size: 13px;
			font-weight: bolder;
			text-transform: uppercase;
			background: #cbcbcb;
			height: 40px;
			width: 550px;
			padding: 10px 5px 5px 10px;
			float: right;
			clear:none;
			margin-bottom: 2px;
		}
		.questionTableHeadRow
		{
			color: #999;
			text-transform: uppercase;
			background: #e3e3e3;
			height: 40px;
		}
		
		.questionTableHeadCell
		{
			border-bottom: 1px solid #fff;
			text-align: left;
		}
		
		.questionTableCell
		{
			border-bottom: 1px solid #666666;
			height: 30px;
			text-align: left;
			padding-top: 5px;
			margin: 0px 0px 0px 0px;
		}
		
		.questionTableRow
		{
			border-bottom: 1px solid #666666;
		}
		
		

/*----------------------------- HORIZONTAL RULE STYLING ----------------------------- */	
		hr
		{
			margin-top: 10px;
			border-top: 1px dotted #828282;
			color: #828282;
			clear: both;
			height: 1px;
		}
		
/*----------------------------- NEXT BUTTON STYLING ----------------------------- */
		.nextButton
		{
			float: right;
			clear: right;
			font-size: 12px;
			font-weight: bolder;
			color: #FF6600;
			cursor: hand;
			text-decoration: none;
			font-style:normal;
		}
		
		.nextButton:hover
		{
			float: right;
			clear: right;
			font-size: 12px;
			font-weight: bolder;
			color: #993300;
			cursor: hand;
			text-decoration: none;
			font-style:normal;
		}