/* quite a lot of [class] used for pixel perfect positioning on both IE and Firefox */
/* Still need to check mac browsers, aswell as Mozilla, Opera, and Linux variants */
body{
	text-align: center;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 8px;
	margin: 0px;
	background-color:#F7F0F0;
	color: #000000;
	overflow: auto; /* hides null IE scrollbar */
}

body,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

br.spacer{
	font-size: 10px;
	line-height: 10px;
}

/* standard form elements */
input,select,textarea{
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.percentage {
  border: solid black 1px;
  height: 10px;
  background: url('../images/msg_centre_view.gif');
  background-color: #1963af;
  font-size: 8px;
  letter-spacing: 1px;
  overflow: hidden;
  width: 160px;
}

	.percentage span {
	  height: 10px;
	  background: url('../images/msg_centre_view_quota.gif');
	}

.itext{
	border-left: 1px solid #667788;
	border-top: 1px solid #667788;
	border-right: 1px solid #C2D5DA;
	border-bottom: 1px solid #C2D5DA;
}

/* no border around linked images */
img{
	border: none;
}

/* no padding for forms */
form{
	padding: 0px;
	margin: 0px;
}






/* these two divs go after the page content to absolutely position the skyscraper */
#a_mad1
{
	position:absolute;
	top: 8px;
	width: 760px;
	height: 0px;
}
	#a_mad2
	{
		position: absolute;
		left: 770px;
		top: 0px;
		width: 120px;
		height: 161px;
	}
	
#a_sky1
{
	position:absolute;
	top: 8px;
	width: 760px;
	height: 0px;
}
	#a_sky2
	{
		position: absolute;
		left: 770px;
		top: 0px;
		width: 120px;
		height: 600px;
	}
	
#a_banner1{
	width: 468px;
	float: left;
	margin-top: 16px;
	overflow: hidden;
	height: 60px;
}

	


/* wrapper contains everything and helps to position skyscraper */
#l_wrapper{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#l_top{
	margin-left: 1px;
	width: 760px;
	height: 22px;
	background-image: url('../images/l_top.gif');
	background-repeat: no-repeat;
}
#l_border{
	width: 760px;
	background-color: #ffffff;
	background-image: url('../images/l_border.jpg');
	background-repeat: no-repeat;
	border: 1px solid #887564;
	padding-top: 64px;
}
	#l_border_home{
		width: 760px;
		background-color: #ffffff;
		background-image: url('../images/l_border_home.jpg');
		background-repeat: no-repeat;
		border: 1px solid #887564;
		border-top: 0px;
		padding-top: 61px;
	}

	#l_menu1{
		width: 760px;
		
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
		
		background-color:#988974;
		background-image:url('../images/l_menu1.jpg');
		background-position: 1px;
		
		border-top:1px solid #ccccaa;
		border-bottom:1px solid #ccccaa;
		
		text-align: center;

		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #BBAA77;
		font-weight: bold;
		
		list-style: none;
	}
		#l_menu1 li{
			display: inline;
			padding: 0px;
			margin: 0px;
		}
			#l_menu1 a{
				color: #ffffff;
				text-decoration: none;
				padding-left: 9px;
				padding-right: 9px;
			}
			#l_menu1 a:hover{
				color:#FFFF00;
				text-decoration: underline;
			}

	#l_menu1_home{
		width: 572px;
		float: right;
		
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
		
		background-color:#988974;
		background-image:url('../images/l_menu1.jpg');
		background-position: 1px;
		
		border-top:1px solid #ccccaa;
		border-bottom:1px solid #ccccaa;
		
		text-align: center;

		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #BBAA77;
		font-weight: bold;
		
		list-style: none;
	}
		#l_menu1_home li{
			display: inline;
			padding: 0px;
			margin: 0px;
		}
			#l_menu1_home a{
				color: #ffffff;
				text-decoration: none;
				padding-left: 6px;
				padding-right: 6px;
			}
			#l_menu1_home a:hover{
				color:#FFFF00;
				text-decoration: underline;
			}
						
	#l_menu2{
		width: 760px;

		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
		
		background-color:#988974;
		background-image:url('../images/l_menu2.jpg');
		background-position: 1px;
		
		border-bottom:1px solid #ccccaa;
		
		text-align: center;

		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #dBcAa7;
		font-weight: bold;
		
		list-style: none;
	}
		#l_menu2 li{
			display: inline;
			padding: 0px;
			margin: 0px;
		}
			#l_menu2 a{
				color: #ffffff;
				text-decoration: none;
				padding-left: 9px;
				padding-right: 9px;
			}
			#l_menu2 a:hover{
				color:#FFFF00;
				text-decoration: underline;
			}

	#l_main{
		clear: both;
		width: 752px;
		padding-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
	}
		#l_main[id]{
			width: 742px;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
			
/* these bits here represent the MAIN left/right divs on pretty much every page */

/* home page */
#m_wrapper_home{
	float: left;
	text-align: left;
	background-image:url('../images/m_wrapper_home.jpg');
	background-repeat: no-repeat;
}
	#m_left_home{
		float: left;
		width: 306px;
		height: 306px;
	}	
	#m_left_auth{
		float: left;
		width: 306px;
	}	
		#m_right_home{
			float: left;
			width: 428px;
			padding-left: 8px;
			background-image:url('../images/m_right_home.gif');
			background-repeat: no-repeat;
			background-position: top right;
			/* set font here, all home text is arial */
			font-family: Arial, Helvetica, sans-serif;
		}
			#m_right_home[id]
			{
				width: 420px;
			}
				/* custom styles for the homepage */
				#m_right_home1 h1{
					
				}
					#m_right_home1{
						padding-left: 6px;
						text-align: left;
					}
						#m_right_home1 h1{
							font-size: 36px;
							padding: 0px; margin: 0px;
							line-height: 36px;
							color:#2255BB;
						}
					#m_right_home2{
						padding-left: 6px;
						padding-top: 3px;
						padding-bottom: 8px;
						font-size: 12px;
						color: #000000;
						text-align: justify;
					}
					#m_right_home3{
						padding-top: 2px;
						padding-left: 10px;
					}
						#m_right_home3[id]{
							padding-left: 22px;
						}
						#m_right_home3 a{
							display: block;
							float: left;
							margin-left: 8px;
							margin-right: 8px;
							width: 112px;
							height: 27px;
							background-image:url('../images/m_right_home3.jpg');
							font-weight: bold;
							font-size: 12px;
							color:#634831;
							font-family: Arial, Helvetica, sans-serif;
							text-align: center;
							padding-top: 6px;
							text-decoration: none;
						}
							#m_right_home3[id] a{
								height: 21px;
							}

						#m_right_home3 a:hover{
							background-position: 0px 27px;
							color:#333333;
						}
						
					#m_right_home4{
						clear: both;
						padding-top: 0px;
						text-align: center;
					}
						#m_right_home4[id]{
							padding-top: 4px;
						}
						#m_right_home4 a{
							font-size: 11px;
							color:#336699;
						}
							#m_right_home4 a:hover{
								color:#000066;
								text-decoration: underline;
							}


/* login */
#m_wrapper_login{
	float: left;
	text-align: left;
	background-image:url('../images/m_wrapper_login.jpg');
	background-repeat: no-repeat;
	padding-left: 312px
}
	#m_right_login{
		width: 426px;
	}

#m_wrapper_auth{
	float: left;
	text-align: left;
	background-image:url('../images/m_wrapper_home.jpg');
	background-repeat: no-repeat;
	padding-left: 312px
}
	#m_right_auth{
		width: 426px;
	}
	
	
/* Tell A Friend page */
#m_tellfriend{
	padding-top: 22px;
	padding-bottom: 14px;
	text-align: center;
}


#m_wrapper_newsletter{
	float: left;
	text-align: left;
	/* background-color:#828945; */
	background-image:url('../images/m_wrapper.jpg');
	background-repeat: repeat-x;
	width: 742px;
	background-position: 157px 0px;
}
		/* thinner for the newsletters */
		#m_left_newsletter{
			float: left;
			width: 132px;
			padding-top: 152px;
			padding-left: 12px;
		}
			#m_left_newsletter[id]{
				padding-top: 134px;
				width: 120px;
			}
				#m_left_newsletter h2{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 17px;
					line-height: 19px;
					color:#1E60A8;
					font-weight: bold;
				}
				

/* 'normal' pages with friends image down left */
#m_wrapper{
	float: left;
	text-align: left;
	/* background-color:#CCCCCC;  */
	background-image:url('../images/m_wrapper.jpg');
	background-repeat: no-repeat;
	width: 742px;
}

	#m_left{
		float: left;
		width: 175px;
		padding-top: 152px;
		padding-left: 13px;
	}
		#m_left[id]{
			padding-top: 134px;
			width: 162px;
		}
		

		#m_left h2{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22px;
			line-height: 23px;
			color:#003399;
			font-weight: bold;
		}
		#m_left h1{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			line-height: 17px;
			color:#003399;
			font-weight: bold;
		}
	#m_right{
		float: left;
		width: 565px;
		background-color:#ffffff;
		padding-left: 10px;
	}
		#m_right_newsletter{
			float: left;
			width: 610px;
			background-color:#ffffff;
			padding-left: 10px;
		}
			#m_right_newsletter[id]{
				width: 600px;
			}
		#m_right[id]
		{
			width: 555px;
		}

		
		
/* down to the bottom now */
	#l_icons{
		clear: both; /* make sure the floats above don't bugger this up */
		padding-bottom: 6px;
	}
		#l_icons[id]{
			padding-top: 10px;
		}
			#l_subicons{
				width: 760px;
        padding-top: 2px;
				padding-left: 2px;
			}
				#l_subicons[id]{
					padding-left: 5px;
				}
	
			#l_icons a{
				display: block;
				float: left;
				padding-bottom: 3px;
				padding-left: 1px;
				padding-right: 1px;
				margin: 2px;

				padding-top: 46px;
				background-image:url('../images/l_icons.gif');
				background-repeat: repeat-y;

				color: #000000;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 9px;
				
				text-decoration: none;
				text-align: center;
			}
				#l_icons[id] a{
					margin: 1px;
				}
				#l_icons a:hover{
					color:#6F2121;
					background-color:#efe8e7;
					border: 1px solid #d0d0d0;
					
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 1px;
				}
			
				#l_icon1{
					background-position: 50% 0px;
					width: 70px;		
				}
				#l_icon1b{
					background-position: 50% 1360px;
					width: 92px;					
				}
				#l_icon2{
					background-position: 50% 1280px;	
					width: 70px;
				}
				#l_icon3{
					background-position: 50% 1200px;	
					width: 70px;
				}
				#l_icon4{
					background-position: 50% 1120px;
					width: 88px;	
				}
				#l_icon5{
					background-position: 50% 1040px;	
					width: 92px;
				}
				#l_icon6{
					background-position: 50% 960px;
					width: 88px;	
				}
				#l_icon7{
					background-position: 50% 880px;
					width: 80px;	
				}
				#l_icon8{
					background-position: 50% 800px;
					width: 98px;	
				}
				#l_icon9{
					background-position: 50% 720px;	
					width: 70px;
				}
				#l_icon10{
					background-position: 50% 640px;	
					width: 78px;
				}
				#l_icon11{
					background-position: 50% 560px;
					width: 68px;	
				}
				#l_icon12{
					background-position: 50% 480px;
					width: 80px;	
				}
				#l_icon13{
					background-position: 50% 400px;
					width: 68px;	
				}
				#l_icon14{
					background-position: 50% 320px;
					width: 98px;	
				}
				#l_icon15{
					background-position: 50% 240px;
					width: 78px;	
				}
				#l_icon16{
					background-position: 50% 160px;
					width: 70px;	
				}
				#l_icon17{
					background-position: 50% 80px;
					width: 70px;	
				}

	
	#l_footer{
		width: 760px;
		clear: both;
		padding-top: 0px; /* for some reason, specifying padding positions background properly */
		background-image:url('../images/l_footer.gif');
		background-repeat:repeat-x;
		background-position: top;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: italic;
		text-align: center;
		color: #444444;
	}
		
		#l_footer1{
			float: left;
			width: 150px;
			padding-top: 19px;
		}
		#l_footer2{
			padding-top: 6px;
		}
		#l_footer3{
			float: left;
			width: 130px;
			padding-top: 21px;
		}
		#l_footer4{
			padding-top: 7px;
		}
		#l_footer5{
			clear: both;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		
		
		/* new when no advert is shown */
		/*
		#l_footer1{
			float: left;
			width: 150px;
			padding-top: 19px;
		}
		#l_footer2{
			float: left;
			width: 150px;
			padding-top: 19px;
		}
		#l_footer3{
			float: right;
			width: 150px;
			padding-top: 21px;
		}
		#l_footer4{
			float: right;
			width: 150px;
			padding-top: 21px;
		}
		#l_footer5{
			clear: both;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		*/

#l_links{
	margin-left: 110px;
	float: none;
	clear: both;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #bbbbbb;
}
	#l_links2{
		float: right;
	}
	#l_links a{
		font-size: 11px;
		text-decoration: none;
		color: #866B60;
		padding-left: 10px; padding-right: 10px;
	}
		#l_links a:hover{
			color:#CC6600;
			text-decoration: underline;
		}


		
	
.b_wrapper{
	border-left: 1px solid #b69B87;
	border-right: 1px solid #b69B87;
	border-bottom: 1px solid #b69B87;
	text-align: left;
}	
	.b_bar{
		background-color: #E8DDDC;
		background-image:url('../images/b_bar.gif');
		background-repeat: no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		color:#654B32;
		border-top: 1px solid #b69B87;
		border-bottom: 1px solid #b69B87;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-left: 40px;
		background-position: 0px 1px;
	}
	.b_bar[class]{
		background-position: 0px 0px;
	}
	/* on the homepage */
	.b_barx{
		width: 760px;
		background-color: #E8DDDC;
		background-image:url('../images/b_bar.gif');
		background-repeat: no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		color:#654B32;
		border-top: 1px solid #b69B87;
		border-bottom: 1px solid #b69B87;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-left: 40px;
	}
		.b_barx[class]{
			width: 720px;
		}
		.b_bar span{
			float: right;
			padding-right: 8px;
		}
		.b_bar a{
			text-decoration: none;
			color: #006699;
		}
		.b_bar a:hover{
			text-decoration: underline;
			color: #993333;
		}
	
	.b_content{
		padding: 16px;
		background-image:url('../images/b_content.jpg');
		background-repeat: no-repeat;
		background-color:#d0dae3;
	}
		.b_content_jobs{
			padding: 16px;
			background-image:url('../images/b_content2.jpg');
			background-repeat: no-repeat;
			background-color:#dbdec9;
		}
		.b_content_messages{
			background-image:url('../images/b_content.jpg');
			background-repeat: no-repeat;
			background-color:#d0dae3;
		}
			.b_content_messages th{
				text-align: left;
				background-color:#B9D8E1;
				font-size: 10px;
			}
			.b_content_messages td{
				font-size: 10px;
			}
		.b_content_faqs{
			padding: 16px;
			background-image:url('../images/b_content.jpg');
			background-repeat: no-repeat;
			background-color:#d0dae3;
			line-height: 18px;
		}
			.b_content_faqs a{
				color:#0066AA;
			}
				.b_content_faqs a:hover{
					color: #993333;
				}
		.b_content_newsletters{
			padding: 16px;
			background-image:url('../images/b_content.jpg');
			background-repeat: no-repeat;
			background-color:#d0dae3;
			font-size: 11px;
		}
			.b_content_newsletters a{
				line-height: 19px;
				color:#3366CC;
				font-weight: bold;
				font-size: 12px;
			}
				.b_content_newsletters a:hover{
					text-decoration: underline;
					color: #993333;
				}
				.b_content_newsletters span{
					color: #000000;
					font-size: 10px;
					text-decoration: none;
					font-weight:normal;
					line-height: 16px;
				}
		.b_content_search_add{
			padding-top: 12px;
			padding-left: 16px;
			padding-right: 16px;
			padding-bottom: 9px;
			background-image:url('../images/b_content_wide.jpg');
		}
		.b_content_viewprofile{
			width: 553px;
			padding: 16px;
			background-image:url('../images/b_content.jpg');
			background-repeat: no-repeat;
			background-color:#d0dae3;
			line-height: 18px;
			min-height: 338px;
		}
			.b_content_viewprofile[class]{
				width: 521px;
				min-height: 306px;
			}
			.b_content_viewprofile h2{
				font-size: 20px;
			}
			a.viewprofile{
				display: block;
				width: 300px;
				height: 27px;
				background-image:url('../images/f_viewprofile_submit.jpg');
				font-weight: bold;
				font-size: 12px;
				color:#634831;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				padding-top: 6px;
				text-decoration: none;
			}
			.b_content_viewprofile[class] a{
				height: 21px;
			}
			.b_content_viewprofile a:hover{
				background-position: 0px 27px;
				color:#333333;
			}
			.b_content_viewprofile img{
				border: 1px solid #000000; margin-left: 16px; margin-bottom: 8px;
			}
		.b_content_wide{
			padding: 16px;
			background-image:url('../images/b_content_wide.jpg');
			background-repeat: no-repeat;
			background-color:#d0dae3;
		}
		.b_content_signup{
			padding: 16px;
			background-image:url('../images/b_content_signup.jpg');
			background-repeat: no-repeat;
			background-color: #d9dcce;
		}
		.b_content_attendances{
			padding: 0px;
			background-image:url('../images/b_content_attendances.jpg');
			background-repeat: no-repeat;
			background-color: #d9dcce;
		}
		.b_content_stop{
			padding: 16px;
			padding-top: 24px;
			background-image:url('../images/b_content_stop.jpg');
			background-color: #cba39b;
			height: 374px;
			color:#FFFFCC;
			font-size: 13px;
			line-height: 20px;
			font-weight: bold;
			font-family: Tahoma,Arial,Helvetica;
		}
			.b_content_stop[class]{
				height: 334px;
			}
		.b_content_alert{
			padding: 12px 16px 1px 18px;
			background-image:url('../images/b_content_signup.jpg');
			background-color: #d9dcce;
		}
		.b_content_logged{
			padding: 16px;
			background-image:url('../images/b_content_logged.jpg');
			background-color: #d9dcce;
			padding-bottom: 38px;
			overflow: auto;
		}
			.b_content_logged[class]{
				padding-bottom: 12px;
			}
		.b_content_stories{
			padding-left: 27px;
			padding-top: 2px;
			background-image:url('../images/b_content_stories.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			background-color: #1a2a77;
		}
		.b_content_asearch{
			padding: 16px;
			background-image:url('../images/b_content_asearch.jpg');
			background-repeat: no-repeat;
			background-color:#d0dae3;
		}
		
		
/* some styles that derive from the box style, these do not use p styles */
/* for example if we have a box but no need to put another div inside it */
.b_content_stop b
{
	color: #ffffff;
	font-size: 32px;
	margin-bottom: 8px;
	font-weight: normal;
	letter-spacing:2px;
}
	.b_content_stop a{
		color:#ffeeee;
		font-weight: bold;
		text-decoration: none;
		font-size: 17px;
		letter-spacing: 1px;
	}
	.b_content_stop a:hover{
		color:#ffcc99;
		text-decoration: underline;
	}
		.b_content_stop a.slogin
		{
			margin-left: 47px;
		}
		.b_content_stop a.sregister
		{
			margin-left: 12px;
		}
		.b_content_stop a.sbecome{
			display: block;
			width: 176px;
			text-align: center;
		}

	.b_content_stop i{
		margin-left: 70px;
	}
	

		




/* styles beginning with p_ are page specific, because the page is laid out in some custom way not using b_ styles above */
.p_asearch{
	background-position: 435px 34px;
	background-repeat: no-repeat;
	font-size: 10px;
	height: 262px;
	overflow: hidden;
}
	.p_asearch_f0{
		position: relative;
		 top: -116px;
		 left: 312px;
	}
	.p_asearch_f1{
		position: relative;
		 top: -114px;
		 left: 340px;
	}

.p_logged_row{
	padding: 0px;
	margin: 0px;
	padding-top: 1px;
	border: 1px hidden;
	clear: both;
}

.p_logged_logout{
	padding-left: 280px;
	clear: both;
}
	.p_logged1{
		float: left;
		width: 160px;
	}
	.p_logged2{
		clear: right;
		float: right;
		width: 528px;
		font-size: 11px;
		padding-bottom: 17px;
	}
		.p_logged2_alert{
			clear: right;
			float: right;
			width: 528px;
			font-size: 11px;
			padding-bottom: 18px;
			font-weight: bold;
			color:#CC6600;
		}
	
		.b_content_logged a{
			display: block;
			float: left;
			width: 160px;
			height: 27px;
			background-image:url('../images/p_logged1.gif');
			font-weight: bold;
			font-size: 12px;
			color:#634831;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			padding-top: 6px;
			text-decoration: none;
		}
			.b_content_logged[class] a{
				height: 21px;
			}
			.b_content_logged a.button{
				background-position: 0px 27px;
			}

		.b_content_logged a:hover{
			background-position: 0px 54px;
			color:#333333;
		}
		.b_logged_logout a{
			float: none;
		}

		
		
.p_stories_row1{
	float: none;
	clear: both;
	height: 96px;
}
	.p_stories1{
		float: left;
		width: 180px;
		padding-top: 68px;
	}
		.p_stories1 a{
			display: block;
			height: 22px;
			padding-top: 3px;
			width: 172px;
			text-align: center;
			background-color:#FFCC00;
			text-decoration: none;
			color:#003366;
		}
	.p_stories2{
		padding-top: 2px;
		float: left;
		width: 160px;
		font-size: 36px;
		font-family:Arial, Helvetica, sans-serif;
		line-height: 33px;
		color:#003366;
	}
		.p_stories2 b{
			font-size: 30px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -1px;
		}
		.p_stories2b{
			font-size: 16px;
			font-family:Arial, Helvetica, sans-serif;
			line-height: 16px;
		}
	.p_stories3{
		padding-top: 2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		float: left;
		width: 330px;
		font-weight: bold;
		color: #ffffff;
	}
		.p_stories3 a{
			color:#00CCFF;
			text-decoration: none;
		}

		.p_stories_star{
			float: none;
			clear: both;
			height: 254px;
			width: 672px;
			background-image:url('../images/p_stories_star.jpg');
			background-position: top left;
			background-repeat: no-repeat;
			color:#322F6C;
		}
		.p_stories_nostar{
			float: none;
			clear: both;
			height: 254px;
			width: 672px;
			background-image:url('../images/p_stories_nostar.jpg');
			background-position: top left;
			background-repeat: no-repeat;
			color:#322F6C;
		}
			.p_stories_story1{
				padding-top: 12px;
				padding-right: 12px;
				text-align: right;
			}
				.p_stories_story1b{
					padding-top: 12px;
					padding-right: 18px;
					text-align: right;
				}
			.p_stories_story2{
				padding-top: 40px;
				padding-left: 26px;
				padding-right: 26px;
				font-size: 16px;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}
				.p_stories_story2b{
					padding-left: 26px;
					padding-right: 26px;
					font-size: 15px;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif;
				}
			.p_stories_story3{
				padding-top: 4px;
				padding-left: 26px;
				padding-right: 26px;
				font-size: 14px;
			}
				.p_stories_containers{
					height: 218px;
					overflow: hidden;
				}
				.p_stories_container1{
					height: 158px;
					overflow: hidden;
				}
				
		.p_stories_singles{
			background-color: #ffffff;
			float: none;
			clear: both;
			width: 672px;
			background-image:url('../images/p_stories_singles.jpg');
			background-position: top left;
			background-repeat: no-repeat;
			color:#322F6C;
			padding-bottom: 16px;
		}
		.p_stories_single1{
			background-color: #ffffff;
			float: none;
			clear: both;
			width: 672px;
			background-image:url('../images/p_stories_single1.jpg');
			background-position: top left;
			background-repeat: no-repeat;
			color:#322F6C;
			padding-bottom: 16px;
		}

		.p_stories_under{
			float: left;
			width: 340px;
			height: 187px;
			background-image:url('../images/p_stories_under.jpg');
			background-position: top left;
			background-repeat: no-repeat;
			color:#322F6C;
		}
			.p_stories_under_row{
				float: none;
				clear: both;
				height: 193px;
			}
			
		.p_stories_readons{
			text-align: right;
			padding-right: 48px;
		}
			.p_stories_readons a{
				font-weight: bold;
				font-size: 11px;
				color:#333366;
				text-decoration: none;
			}
		.p_stories_readon1{
			text-align: right;
			padding-right: 53px;
		}
			.p_stories_readon1 a{
				font-weight: bold;
				font-size: 11px;
				color:#333366;
				text-decoration: none;
			}
			
		.p_stories_rows{
			float: none;
			clear: both;
			padding-bottom: 16px;
		}





.p_privacy{
	font-size: 10px;
}
	.p_privacy ol{
		margin: 0px 0px 0px 9px;	
		padding: 0px;
	}
	.p_privacy li{
		margin: 0px 0px 0px 9px;	
		padding: 0px;
	}
	
	.p_affiliates li{
		font-size: 10px;
	}
		


.p_signup_row{
	float: none;
	clear: both;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}
.p_signup_hr{
	text-align: center;
	float: none;
	clear: both;
}
	.p_signup_hr[class]
	{
		padding-top: 6px;
	}
	.p_signup1{
		width: 140px;
		float: left;
	}
	.p_signup2{
		width: 222px;
		float: left;
	}
	.p_signup3{
		width: 140px;
		float: left;
	}
	.p_signup4{
		width: 170px;
		float: left;
	}
		.p_signup5{
			width: 657px;
			float: left;
		}
		.p_signup6{
			width: 308px;
			float: left;
			text-align: right;
		}
		
		.p_signup_red{
			font-size: 9px;
			color: #ff0000;
		}
	.p_signup7{
		float: left;
		width: 128px;
	}
		.p_signup8{
			float: left;
			width: 230px;
		}
		.p_signup9{
			margin-left: 6px;
			float: left;
			width: 244px;
			margin-top: 5px;
		}
		.p_signup10{
			margin-left: 5px;
			float: left;
			width: 50px;
			margin-top: 10px;
		}


	.p_signup11{
		float: left;
		width: 668px;
	}
	
	.p_signup12{
		float: none;
		clear: both;
		width: 560px;
		font-size: 9px;
	}
		.p_signup12 span{
			color: #aa3300;
			font-weight: bold;
		}
	.p_signup13{
		float: right;
		width: 100px;
	}
	
	.p_signupx{
		margin-left: 528px;
	}
	
	.p_signupskip{
		margin-left: 598px;
	}






/* various font sizes used on multiple pages */
.t_small{
	font-size: 9px;
}



/* errors in forms */
.f_red{
	color: #dd0000;
}
	div.f_red input, div.f_red select, div.f_red textarea{
		background-color: #ffdddd;
	}
	
/* f_ styles are for specific forms */
#f_signup input{
	width: 164px;
	font-size: 11px;
}
	#f_signup input.normal{
		width: auto;
		border: none;
	}
	#f_signup select{
		width: 130px;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
	}
		#f_signup select.select{
			width: 164px;
		}
			#f_signup select.f_signup_country{
				width: 165px;
			}
			#f_signup select.f_signup_month
			{
				width: 74px;
			}
			#f_signup select.f_signup_day
			{
				width: 35px;
			}
			#f_signup select.f_signup_year
			{
				width: 48px;
			}

	#f_signup textarea{
		width: 306px;
		height: 60px;
		font-size: 10px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#f_signup a{
		color: #006699;
	}
		#f_signup a:hover{
			color:#CC6633;
		}
			
	
	#f_signup input.p_signup_button
	{
		border: none;
		width: 98px;
		height: 60px;
		background-image:url('../images/p_signup_button.jpg');
		background-position: 0 60px;
		font-weight: bold;
		text-align: left;
		padding-left: 12px;
	}
		#f_signup .p_signup_button:hover
		{
			background-position: 0 0;
		}




#f_login{
	text-align: center;
}
.f_loginw{
	margin: 0 auto 0 auto;
	clear: both;
	width: 260px;
}
	.f_loginl{
		clear: left;
		float: left;
		height: 28px;
		padding-top: 3px;
		font-size: 10px;
	}
		.f_loginlb{
			text-align: left;
			float: left;
			width: 140px;
			padding-top: 3px;
			font-size: 10px;
			height: 30px;
		}

	#f_login input.text{
		float: right;
		width: 140px;
	}
		#f_loginib{
			float: right;
			width: 96px;
			height: 27px;
			background-image:url('../images/f_login_submit.jpg');
			font-weight: bold;
			font-size: 12px;
			color:#634831;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			padding-top: 4px;
			text-decoration: none;
			border: none;
		}
			#f_loginib[id]{
				height: 27px;
			}

		#f_loginib:hover{
			background-position: 0px 27px;
			color:#333333;
		}
		#f_loginb{
			float: none;	
			clear: both;
		}
		#f_login hr{
			border: none;
			height: 1px;
			color: #63c9c9;
			width: 350px;
			background-color: #43a9a9;
		}
			#f_login a{
				color:#0033FF;
			}
				#f_login a:hover{
					color:#993333;
					text-decoration: underline;
				}


#f_tellafriend input.text{
	width: 200px;
}
	#f_tellafriend input.submit{
		border: none;
		width: 73px;
		height: 27px;
		background-image:url('../images/f_tellafriend_submit.jpg');
		background-position: 0 0;
		font-weight: bold;
		text-align: left;
		padding-left: 21px;
	}
		#f_tellafriend input.submit:hover
		{
			background-position: 0 27px;
		}


select.f_details_country{
	width: 200px;
}
/* dropdown on details page for country */
/* 
#f_d_country{
	width: 200px;
}

*/

/* UI Alerts, green tick, red cross, yellow alert, error? */
.ui_alert_red{
	font-weight: bold;
	color: #cc0000;
	padding-left: 19px;
	background-image:url('../images/ui_alert_red.gif');
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 1px;
}
.ui_alert_green{
	font-weight: bold;
	color: #33CC00;
	padding-left: 19px;
	background-image:url('../images/ui_alert_green.gif');
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 1px;
}
.ui_alert_yellow{
	font-weight: bold;
	color: #FF9900;
	padding-left: 19px;
	background-image:url('../images/ui_alert_yellow.gif');
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 1px;
}


.ui_alert_ipoints1{
	text-align: left;
	padding-left: 86px;
	height: 40px;
	vertical-align: middle;
	background-image:url('../images/ipoints_logo_large.gif');
	background-repeat: no-repeat;
	padding-top: 4px;
	line-height: 16px;
}

.ui_alert_ipoints2{
	text-align: left;
	padding-left: 47px;
	height: 20px;
	vertical-align: middle;
	background-image:url('../images/ipoints_logo_small.gif');
	background-repeat: no-repeat;
	padding-top: 4px;
	line-height: 17px;
}

.ui_alert_ipoints_demo{
	
	text-align: left;
	padding-right: 86px;
	height: 80px;
	vertical-align: middle;
	background-image:url('../images/ipoints_demo.gif');
	background-repeat: no-repeat;
	background-position:580px;
	padding-top: 4px;
	line-height: 16px;
}

	.ui_alert_ipoints1 a,.ui_alert_ipoints2 a,.ui_alert_ipoints_demo a{
		color: #3366CC;
	}
		.ui_alert_ipoints1 a:hover,.ui_alert_ipoints2 a:hover,.ui_alert_ipoints_demo a:hover{
			color: #CC6633;
		}
		



/* debug */

.debug_title{
	width: 760px;
	border: 1px solid #cc3300;
	background-color:#FF0033;
	color:#FFFFFF;
	text-align: left;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
	.debug_box{
		width: 760px;
		border: 1px solid #cc3300;
		background-color:#F4DFCA;
		text-align: left;
		padding: 4px;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		.debug_box table{
			background-color: #ff9966;
		}
		.debug_box td{ 
			background-color:#F4DFCA;
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	
	
	
	
.p_search_results td{
	font-size: 10px;
}
	
.p_search_row0{
	background-color:#d8e2eb;
}
.p_search_row1{
	background-color:#e2ebfa;
}




.p_attendance_icon{
	display: block;
	width: 30px;
	background-image:url('../images/p_attendance_icons.gif');
	height: 26px;
}


.p_search_add{
	font-size: 11px;
	background-image:url('../images/p_search_icons.gif');
	background-repeat: repeat-y;
	line-height: 15px;
}
	.p_search_add a{
		line-height: 24px;
	}
	
.p_search_nav{
	color: #777777;
	font-weight: normal;
	float: right;
}
	.p_search_nav a{
		font-weight: bold;
		color: #006699;
		text-decoration: none;
	}
		.p_search_nav a.current{
			color:#990000;
		}
	.p_search_nav a:hover{
		text-decoration: underline;
		color:#CC6600;
	}
	
	
div.p_signup14{
width: 680px;
}
#f_signup input{
	width: auto;
}

#f_signup input.p_signupx_button{
	margin-top: 6px;
	width: 180px;
	height: 27px;
	background-image:url('../images/f_signupau_submit.gif');
	font-weight: bold;
	font-size: 12px;
	color:#634831;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
	border: none;
}

#f_signup input.skip_button{
	margin-top: 6px;
	width: 110px;
	height: 27px;
	background-image:url('../images/f_signup_skip_submit.gif');
	font-weight: bold;
	font-size: 12px;
	color:#634831;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
	border: none;
}

/* just a container for the importer icons */
div.signup3_importer{
	display: block;
	height: 140px;
}
a.signup3_importer{
	display: block;
	float: left;
	height: 54px;
	background-position: 0px 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
a.signup3_importer[class]
{
	margin-left: 20px;
	margin-right: 20px;

}

	a.signup3_importer:hover{
		background-position: 0px 54px;
	}
	a#signup3_importer_hotmail{
		background-image:url('../images/icon_importer_hotmail.gif');
		width: 266px;
	}
	a#signup3_importer_aol{
		background-image:url('../images/icon_importer_aol.gif');
		width: 152px;
	}
	a#signup3_importer_gmail{
		background-image:url('../images/icon_importer_gmail.gif');
		width: 159px;
	}
	a#signup3_importer_yahoo{
		clear: left;
		background-image:url('../images/icon_importer_yahoo.gif');
		width: 191px;
	}
	a#signup3_importer_rediffmail{
		background-image:url('../images/icon_importer_rediffmail.gif');
		width: 225px;
	}
	a#signup3_importer_lycos{
		background-image:url('../images/icon_importer_lycos.gif');
		width: 160px;
	}
	a#signup3_importer_mail{
		background-image:url('../images/icon_importer_mail.gif');
		width: 234px;
	}
	a#signup3_importer_indiatimes{
		background-image:url('../images/icon_importer_indiatimes.gif');
		width: 233px;
	}
	a#signup3_importer_outlook{
		background-image:url('../images/icon_importer_outlook.gif');
		width: 193px;
	}
	
	div#contactwrapper table{
		border: 1px solid #e4e4d8;
	}
		div#contactwrapper table td{
			border: 1px solid #e4e4d8;
		}
		div#contactwrapper table td.contactspace{
			padding-left: 16px;
			padding-right: 16px;
		}
		
		
		
.countryselect{
	width: 200px;
}
	.countryselect[class]{
		width: 	205px;
	}
	
input.attend_add{
	display: block;
	border: none;
	float: left;
	width: 160px;
	height: 27px;
	background-image:url('../images/p_logged1.gif');
	font-weight: bold;
	font-size: 12px;
	color:#634831;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

input.attend_add:hover{
	background-position: 0px 54px;
}

#logo1
{
	position:absolute;
	top: 111px;
	width: 760px;
	height: 0px;
}
	#logo2
	{
		position: absolute;
		top: 0px;
		left: 1px;
		width: 176px;
		height: 74px;
	}
	#logo2[id]
	{
		background-image:url('../images/logo_trans.png');
	}
	
	
	
/* all the new stuff for ipoints */
.ipoints_form1{
	float: left; width: 352px; border-right: 1px solid #ffffff; padding: 5px 16px 3px 16px;
	text-align: center;
}
	.ipoints_form1[class]{
		width: 320px; 
	}
	
.ipoints_form2{
	float: left; width: 352px; border-left: 1px solid #aaaaaa; padding: 5px 16px 3px 16px;
	text-align: center;
}
	.ipoints_form2[class]{
		width: 320px;
	}
	
.ipoints_form1 table{
	margin: 0px auto 0px auto;
}
.ipoints_form2 table{
	margin: 0px auto 0px auto;
}

.ipoints_form1 input{
	border: 1px solid #666666;
	background-color: #ffffff;
	padding: 4px;
	height: 22px;
}
	.ipoints_form1[class] input
	{
		height: auto;
	}
.ipoints_form2 input{
	border: 1px solid #666666;
	background-color: #ffffff;
	padding: 4px;
	height: 22px;
}
	.ipoints_form2[class] input
	{
		height: auto;
	}
	
.ipoints_div1{
	width: 708px;
}
	.ipoints_div1[class]{
		width: auto;
	}

/* survey page */
.b_content_survey{
			background-repeat: no-repeat;
			background-color: #d9dcce;
	background-image:url('../images/b_content_signup.jpg');
	/* background-color: #1a2a77; */
		padding-left: 60px;
		padding-top: 20px;
		padding-right: 50px;
		font-size: 11px;
}
	.b_content_survey3{
		height: 32px;
		/* background-color: #1a2a77;*/
	}
	.b_content_survey4{
		text-align: right;	
		height: 40px;
		vertical-align: middle;
		padding-right: 34px;
	}

  #b_content_survey_column0 p { font-weight: bold; margin: 0px; margin-top: 18px; margin-bottom: 2px; }
  #b_content_survey_column0 {
    border: solid red 0px;
    width: 620px;
    float: left;
  }

  #b_content_survey_column0 select { width: 160px; font-size: 11px;  }
  #b_content_survey_column0 td { font-size: 11px; }
  #b_content_survey_column0 table input { margin: 0px; }
  
  #b_content_survey_head_title { padding-left: 200px; font-size: 42px; color: #FFFFFF; margin-bottom: 30px; margin-top: 10px; }
  #b_content_survey_head_notes { text-align: center; font-size: 42px; color: #00377C; padding-left: 85px; font-weight: bold; margin-bottom: 10px; line-height: 42px; letter-spacing: -4px; }
      #b_content_survey_head_notes span { color: #FF0000; }
  #b_content_survey_head_conts { text-align: center; color: #001086; }


  #b_content_survey_clear012 { clear: both; text-align: center; padding: 5px; }

  .b_content_myaccount_button { display: block; float: left; margin-right: 10px; background: url('/wrm/images/p_logged1.gif'); width: 150px; padding: 5px; }
  .b_content_myaccount_link { color: #634831; }
	




div.att_section{
	display: block;
	float: none;
	clear: both;
}
div.attover{
	background-color: #ff0000;
}
.attpre{
	background-color: #e8e8fc;
}

div.att_section span{
	display: block;
	float: left;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 4px;
	padding-bottom: 6px;
	color: #444444;
}
div.att_section span.att_left{
	clear: both;
	padding-top: 15px;
	padding-left: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	color: #444444;
}
div.att_section span input.att_keywords{
	width: 210px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}
div.att_section span input.att_location{
	width: 130px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}
div.att_section span select.att_select_country{
	width: 130px;
	margin-top: 1px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}
div.att_section span select.att_select_from{
	width: 55px;
	margin-top: 1px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}
div.att_section span select.att_select_to{
	width: 70px;
	margin-top: 1px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}

div.att_section span input.att_forename{
	width: 130px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}
div.att_section span input.att_surname{
	width: 127px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}
div.att_section span input.att_nickname{
	width: 122px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
}


div.att_section span input.showtitle{
	margin-top: 13px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
div.att_section span input.noshowtitle{
	margin-top: 1px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
	div.att_section span input.showtitle2{
		margin-top: 13px;
		height: 18px;
		height: 54px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	div.att_section span input.noshowtitle2{
		margin-top: 1px;
		height: 18px;
		height: 54px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}

div.att_section span input.att_keywords_pre{
	width: 220px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0fb;
	border: 1px solid #bbbbbb;
}
div.att_section span input.att_location_pre{
	width: 120px;
	height: 13px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0fb;
	border: 1px solid #bbbbbb;
}
div.att_section span select.att_select_country_pre{
	width: 130px;
	margin-top: 1px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0fb;
	border: 1px solid #bbbbbb;
}
div.att_section span select.att_select_from_pre{
	width: 55px;
	margin-top: 1px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0fb;
	border: 1px solid #bbbbbb;
}
div.att_section span select.att_select_to_pre{
	width: 55px;
	margin-top: 1px;
	color: #444455;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0fb;
	border: 1px solid #bbbbbb;
}
div.att_section span.description{
	padding-top: 15px;
	padding-left: 2px;
	color: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div.att_section span.description2{
	padding-top: 4px;
	padding-left: 2px;
	color: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.messageboxlink {
  color:#0000FF;
  text-decoration: none;
}
#coreg {
  display: none;
}

.b_content_alert a {
  color: #0000FF;
}

.attpre{
	background-color: #ffffff;
}
.attpre{
	background-color: #ffffff;
}