body
{
	background-color: #EEE;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
	
h1, h2, h3, p, .sidebar ul 
{
	margin: 0px;
}

h1 .infotext, h2 .infotext, h3 .infotext, #flowbox .infotext
{
	border-bottom: 0px;
}

a { white-space: nowrap; }

a.img, a.img:hover
{
	border: 0px;
}

img.no_space {
	display: inline;
	float: left;
}

hr
{
	border: 0;
	color: #BBB;
	background-color: #BBB;
	height: 1px;
	width: 95%;
	text-align: left;
}

/* TABLE CELLS & GENERIC BACKGROUND AND BORDER COLOURS */
/* This is based on B0 but does not operate within B0 namespace, as this is
   a sidepage, not a XComponent - at least not yet... */

.padded_table td, td.fat { padding: 5px; }
.padded_table_thin td, td.thin { padding: 1px 5px; }

.detailed, .detailed td, small
{
	font-size: 11px;
	line-height: 120%;
}

/* END TABLE CELL STUFF */

.float_left
{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.float_right
{
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

.float_left_deep
{
	float: left;
	margin-bottom: 50px;
	margin-right: 20px;
}

.float_right_deep
{
	float: right;
	margin-bottom: 50px;
	margin-left: 20px;
}

ul
{
	margin-left: 30px;
	padding-left: 15px;
}

th
{
	text-align: left;
	font-weight: normal;
}

table.vertically_padded th, table.vertically_padded td
{
	padding: 3px 10px 3px 0px;
}

td.divider
{
	padding: 0px !important;
}

table.vertically_padded th.shaded, table.vertically_padded td.shaded
{
	padding-left: 5px;
}

.underlined
{
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px dotted;
}

	/* CREATE A CENTERED AREA 950px WIDE */
	#centred_page	
	{
		text-align: left;
		width: 950px;
		margin: 0px auto;
		border-width: 0px 1px;
  		position: relative;
	}

	#popup_window
	{
		text-align: left;
		padding: 30px;
		border: 0px;
	}

	/* LAYOUT BLOCKS */
	#spacer_block_top
	{
		width: 100%;
		height: 20px;
		line-height: 0px;
		display: none;
	}

	#header
	{
		width: 100%;
		height: 97px;
		margin: 0px 0px 2px 0px;
		background-position: right top;
	}
	
		#header_content
		{
			padding: 8px 20px;
		}

			#header_logo_contact
			{
				height: 81px;
			}
			
			#header_logo_contact
			{
				position: relative;
				width: 910px;
			}
			
				#header_logo_contact div
				{
					float: right;
					width: 100%;
					text-align: right;
					position: absolute;
					top: 5px;
					left: 0px;
				}

	#main_area	
	{
		position: relative;
		width: 100%;
		min-height: 800px;
		overflow: visible;
		padding-top: 30px;
		margin-top: 60px;
	}
	
		#main_area_content
		{
			padding: 0px 20px 5px 20px;
		}

			.main_column
			{
				float: left;
				width: 630px;
			}
		
				.main_column h1
				{
					padding-top: 0px;
					margin-top: 0px;
				}
			
			.sidebar
			{
				float: right;
				width: 250px;
				margin: 0px;
				padding: 0px;
			}
			
			.sidebar h3
			{
				font-size: 10px;
				line-height: 120%;
				margin-top: 0px;
			}

			
			.sidebar h3 small
			{
				line-height: 120%;
			}

			/* FLOW STYLES */
			a.popup			
			{
				background-image: url("images/popup_dark.gif");
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 25px;
				margin-right: 0px;
				white-space: nowrap;
			}
			
			#footer_flow
			{
				font-size: 14px;
				line-height: 18px;
				text-align: right;
				background-position: right top;
				background-image: url("images/footer_flow_arrow.gif");
				background-repeat: no-repeat;
				padding: 0px 40px;
				margin-top: 30px;
			}
			
				#footer_flow a
				{
					border-bottom: 0px;
				}

			/* FLOWBOX STYLES */
			#flowbox { margin-bottom: 20px; line-height: 0px;}
			
			.flowbox_main_trolley, .flowbox_main_forward, .flowbox_main_popup
			{
				height: 54px;
				margin-bottom: 0px;
				display: block;
				padding: 7px 78px 0px 23px;
				white-space: normal !important;
				widows: 2;
				text-decoration: none;
				border-bottom: 0px;
				background-repeat: no-repeat;
				background-position: left top;
			}
			
			.flowbox_main_trolley:hover, .flowbox_main_forward:hover, .flowbox_main_popup:hover
			{
				border-bottom: 0px;
			}
									
			.flowbox_sub_trolley, .flowbox_sub_forward, .flowbox_sub_popup
			{
				height: 25px;
				margin-bottom: 3px;
				display: block;
				padding: 0px 43px 0px 23px;
				border-bottom: 0px;
				white-space: normal;
				widows: 2;
				text-decoration: none;
				border-bottom: 0px;
				background-repeat: no-repeat;
				background-position: left top;
			}
			
			.flowbox_sub_trolley:hover, .flowbox_sub_forward:hover, .flowbox_sub_popup:hover
			{
				border-bottom: 0px;
			}

			.ie6_7_is_buggy { display: block; height: 0px; line-height: 0px; font-size: 0px; }

				/* SIDEBAR BOXES */
				.sidebar_box_heading
				{
					height: 35px;
					margin: 0px;
					padding: 0px;
					width: 100%;
					float: left;
				}
				
					.sidebar_box_heading h2
					{
						padding-top: 9px;
						margin: 0px 0px 0px 20px;
						line-height: normal;
					}
			
				.sidebar_box_content
				{
					clear: both;
					border-width: 0px 1px 1px 1px;
					margin: 0px;
					line-height: 0px;
				}
				
				.sidebar_box_content div
				{
					margin: 0px;
					padding: 12px 10px 10px 10px;
				}
				
				.sidebar_box_content h2
				{
					padding-top: 9px;
					padding-bottom: 5px;
					padding-left: 2px;
				}

				.sidebar_box_content p
				{
					margin-top: 0px;
					padding-left: 5px;
				}
 		
				.sidebar_box_content p.point
				{
					padding-left: 30px;
				}

				.sidebar_box_content .float_left
				{
					margin-right: 10px;
				}

	#footer
	{
		clear: both;
		width: 100%;
	}

		#footer_padding
		{
			padding: 5px 20px 25px 20px;
		}
	
			#footer_content
			{
				border-width: 1px 0px 0px 0px;
				padding: 10px 0px 20px 0px;
				line-height: 150%;
			}
		
				#copyright_notice
				{
					float: right;
					text-align: right;
				}

 	/* FEATURE BOXES - FOR USE IN MAIN COLUMN */
 	
		.feature_box h2		
		{
			margin-top: 0px;
			padding: 4px 2px 3px 25px;
			background-repeat: no-repeat;
		}
				
		.feature_box_content
		{
			padding: 10px 10px 10px 25px;
		}
 	
 	/* TABBED MENU AND SUB-MENU CSS */
 	#tabbed_menu
  	{
  		float: left;
  		width: 100%; 
  		line-height: normal;
  		min-height: 23px;
  	}
  	
  	#nc_state, #login_state
  	{
  		float: right !important;
  		padding: 10px 20px 0px 0px !important;
  		background-color: transparent !important;
  		background-image: none !important;
  	}
  	
  	#nc_state { padding-right: 10px !important; }
  	
  	#login_state a
  	{
  		display: inline !important;
  		padding: 0px !important;
  		margin: 0px !important;
  		background-color: transparent !important;
   		background-image: none !important;
 	}

  	#tabbed_menu ul
  	{
  		margin: 0px;
  		padding: 3px 5px 0px 5px;
  		list-style: none;
  		height: 20px;
  		margin-top: 1px;
  	}
  	
  	#tabbed_menu li
  	{
  		float: left;
  		margin: 0px 0px 0px 3px;
  		padding: 0px 0px 0px 10px;
  	}
  	
  	#tabbed_menu a
  	{
  		float: left;
  		display: block;
  		padding: 4px 15px 3px 6px;
  		text-decoration: none;
		border: 0px; 
  	}
  	
  	/* Commented Backslash Hack
  	       hides rule from IE5-Mac \*/
  	#tabbed_menu a { float: none; }
  	/* End IE5-Mac hack */
  	
  	#tabbed_menu .current
  	{
  		border-width: 0px;
  	}
  	
  	#tabbed_menu .current a
  	{
  		padding-bottom: 4px;
  	}
  	
  	#sub_menu_container
  	{
  		float: left;
  		width: 100%;
  		position: relative;
  		line-height: normal;
  	}
  	
		#sub_menu_content
		{
			padding: 2px 20px 2px 25px;
		}
		
			#sub_menu_content a
			{
				text-decoration: none;
				border: 0px; 
			}
      
		#sub_menu_rhs
		{
			float: right;
		}

 	/* HIDDEN BARS */
  	.hidden_sub_menu
  	{
  		float: left;
  		width: 100%;
  		line-height: normal;
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}
  	
  	.hidden_sub_menu_content
  	{
		padding: 2px 20px 2px 25px;
  	}
  	
  	.hidden_sub_menu a
  	{
  		text-decoration: none;
		border: 0px; 
  	}
      
	.hidden_sub_menu_rhs
	{
		float: right;
	}

 	/* FLOATING DHTML LAYERS */
 	.sidepage
 	{
 		position: absolute;
 		top: 50px;
 		z-index: 10;
 		padding: 10px;
 		visibility: hidden;
 	}
 	 	
		.sidepage_box
		{
			border-width: 1px;
			border-style: solid;
		}
		 	 	
			.header_bar
			{
				text-align: left;
				vertical-align: middle !important;
				border-bottom: 1px #666 solid;
				padding: 2px 5px 2px 10px;
				margin: 0;
				font-weight: normal;
				cursor: move;
			}
		
				.header_bar a
				{
					float: right;
					vertical-align: middle !important;
					text-decoration: none;
					border: 0px;
					cursor: pointer;
				}

			.box_content
			{
				padding: 10px;
			}

				.box_content h2
				{
					margin-top: 0px;
				}

 	/* FLOATING SIDEPAGES */

 	/* Sidepages */
	#sp_0, #sp_1, #sp_2, #sp_3, #sp_4, #sp_5, #sp_6, #sp_7, #sp_8, #sp_9, .sp_gen
	{
		left: 150px;
 		top: 210px;
		width: 650px;
	}
	
 	/* INFOTEXT */
	.infotext
	{
		border-width: 0 0 1px 0;
		border-style: none none dashed none;
		cursor: pointer;
	}

 	/* WHOSON CHAT INVITE */
 	#woInvite
 	{
 		display: none;
 		border: 1px #999 solid;
 		background-color: #FFF;
 		padding: 10px;
 	}

 	/* EDIT CONTROLS */
	.editable, .editable_sp
	{
		border: 1px dotted #F00;
	}
	
	.editable
	{
		position: relative;
	}

	.editbutton
	{
		position: absolute;
		display: block;
		top: 0px;
		right: 0px;
		border-width: 0px 0px 1px 1px;
		border-style: solid;
		border-color: #F00;
		background: #FFF;
		padding: 5px;
		filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
	}

	#admin_toolbar
	{
		height: 13px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: white;
		padding: 5px 15px;
		background: #333;
		color: white;
	}

		#admin_toolbar a
		{
			color: #FCF;
			margin: 0px 5px;
			border-bottom: 0px;
			text-decoration: none;
		}
		
		#admin_toolbar a:hover
		{
			color: #F6C;
		}
		
		#tbarmenu_1
		{
			z-index: 3000;
			position: relative;
			top: -3px;
			left: 0px;
			float: left;
		}
		
		#tbarmenu_1, #tbarmenu_1 ul, #tbarmenu_1 ul li
		{
			/* all lists */
			padding: 0px;
			margin: 0px;
			list-style: none;
		}
		
		#tbarmenu_1 a, #tbarmenu_1 li
		{
			width: 70px; /* width needed or else Opera goes nuts */
		}
		
		#tbarmenu_1 li
		{
			border: 0px;
		}
		
		#tbarmenu_1 a, #tbarmenu_1 span
		{
			display: block;
			margin: 0px 5px;
			padding: 3px 0px 6px 0px;
			text-indent: 5px;
			line-height: 120%;
		}
		
		#tbarmenu_1 span
		{
			color: #888;
		}
		
		
		#tbarmenu_1 a img
		{
			border: 0px;
		}

		#tbarmenu_1 li li a, #tbarmenu_1 li li span
		{
			padding-bottom: 4px;
		}
		
		#tbarmenu_1 li
		{
			/* all list items */
			float: left;
		}
		
		#tbarmenu_1 li ul, #tbarmenu_1 li li, #tbarmenu_1 li li a, #tbarmenu_1 li li span
		{
			width: 185px;
		}
		
		#tbarmenu_1 li ul
		{
			/* second-level lists */
			position: absolute;
			left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		#tbarmenu_1 li li a, #tbarmenu_1 li li span
		{
			background: #222;
			opacity: 0.85;
		}
		
		#tbarmenu_1 li li a.popup, #tbarmenu_1 li li span.popup
		{
			background-image: url("/dmx/core/b0/images/core_css/popup_light.gif");
			background-repeat: no-repeat;
			background-position: 163px 4px;
		}

		#tbarmenu_1 li:hover ul, #tbarmenu_1 li.sfhover ul
		{
			/* lists nested under hovered list items */
			left: auto;
		}
		
		#tbarmenu_1 li li a:hover
		{
			background-color: #000;
		}
		
		#tbarmenu_1 li li a:active
		{
			color: #FFF;
			background-color: #991F99;
		}