@import url('reset.css');


html { background:url(../_images/bg_body.png) repeat-x top; }

body { font-size:.6em; font-family: Arial, Helvetica, sans-serif; color:#666; background:url(../_images/bg_body.png) repeat-x top; }

a.pdf {background-image:'../forum_images/icon_pdf.gif';padding-left:20px;}

.vx_block { margin-bottom:10px; }
	
	.content a { color:#4DA3E1; text-decoration:underline; }
		.content a:hover { color:#666; text-decoration:none; }
		
	hr { display:none; }	
	
	.content h1, .content h2, .content h3, .content h4, .content h5 { line-height:1.4em; font-weight:bold; }
	
	.content h1 { font-size:1.6em; color:#82CAEC; }
	.content h2 { font-size:1.3em; }
	.content h3 { font-size:1.2em; }
	.content h4 { font-size:1.1em; }
	.content h5 { font-size:1em; }
	
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content address, .content table, .content form { margin:0 0 1em 0; }
	
	.content ul { margin-left:1.5em; }
		.text ul { margin: 0; }
		
		
#wrapper { margin: 0 auto; }
	#header_wrapper {}
		#header { position: relative; height: 21em; }
		#header_new { position: relative; height: 5em; }
			#homer #header { position: relative; z-index: 15; height: 11em; }
			.logo { position: absolute; width: 220px; left: 0px; top: 4.4em; text-align: center; }
			
			.clearfix:after { content:" "; clear:both; float:none; display:block; }
		
			.container { width:960px; margin:0 auto; }

/********************************* MAIN MENU *********************************/
		
	.menu {font-size: 1.1em; top: 119px; right: 3px; text-align: right; font-weight:bold; position: absolute; width: 710px; z-index:25; text-align:center; padding:0 10px;color:#fff; }
		/*.menu li { list-style: none; display: inline-block; display: -moz-inline-box; margin: 0 2px; z-index:30; }*/
		.menu li { list-style: none; float:left; margin: 0 4px; z-index:30; color:#fff;}
			.menu li a { width:110px; text-decoration:none; color:#fff; margin:0; display:block; background:url(../_images/bg_menu_Navy_Blue.png) no-repeat left top; padding: 12px 0 0 0; height: 2.14em; font-weight:bold;/*text-transform:uppercase;*/ }
				.menu li a:hover { background:url(../_images/bg_menu_Navy_Blue.png) no-repeat left top; color:#fff;text-decoration:none; }
				/*.menu li a.selected { background:url(../_images/bg_menu_on.png) no-repeat left top; font-weight:bold; }*/	
				
				.menu .first a { color:#fff;}
				.menu .first a:hover { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				.menu .first a.selected { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				
				.menu .menu- a { color:#fff;}
				.menu .menu- a:hover { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				.menu .menu- a.selected { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
			
				
				.menu .menu-1 a { color:#fff;}
				.menu .menu-1 a:hover { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				.menu .menu-1 a.selected { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				
				
				.menu .menu-2 a { color:#fff;}
				.menu .menu-2 a:hover { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				.menu .menu-2 a.selected { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				
				.menu .menu-3 a { color:#fff; border-color:#FF0000;}
				.menu .menu-3 a:hover { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				.menu .menu-3 a.selected { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				
				.menu .menu-4 a { color:#fff;}
				.menu .menu-4 a:hover { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				.menu .menu-4 a.selected { background:url(../_images/bg_menu_Light_Blue.png); color:#fff;}
				
/********************************* MARKS Profile MENU *********************************/	
				.menu .myDetails a { color:#fff;}
				.menu .myDetails a:hover { background-color:#DEF1FA; color:#fff;}
				.menu .myDetails a.selected { background:url(../_images/bg_menu_lightblue.jpg); color:#fff;}
				
				.menu .myEvent a { color:#fff;}
				.menu .myEvent a:hover { background:url(../_images/bg_menu_off_lilac.png);color:#fff;}
				.menu .myEvent a.selected { background:url(../_images/bg_menu_lightblue.jpg); color:#fff;}
				
				.menu .public a { color:#fff;}
				.menu .public a:hover {color:#fff;}
				.menu .public a.selected { background:url(../_images/bg_menu_lightblue.jpg); color:#fff;}
				
				.menu .group a { color:#fff;}
				.menu .group a:hover {color:#fff;}
				.menu .group a.selected { background:url(../_images/bg_menu_lightblue.jpg); color:#fff;}
				
				.menu .contact a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); line-height:23px; height:29px;}
				.menu .contact a:hover { background:url(../_images/bg_menu_blue.png); color:#999;}
				.menu .contact a.selected { background:url(../_images/bg_menu_blue.png); color:#999; }
				
				.menu .work a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); line-height:23px; height:29px;}
				.menu .work a:hover { background:url(../_images/bg_menu_blue.png); color:#999;}
				.menu .work a.selected { background:url(../_images/bg_menu_blue.png); color:#999; }
				
				.menu .future a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); line-height:23px; height:29px;}
				.menu .future a:hover { background:url(../_images/bg_menu_blue.png); color:#999;}
				.menu .future a.selected { background:url(../_images/bg_menu_blue.png); color:#999; }
				
				.menu .registered a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); width:200px; line-height:23px; height:29px;}
				.menu .registered a:hover { background:url(../_images/bg_menu_blue.png); color:#999; width:200px;}
				.menu .registered a.selected { background:url(../_images/bg_menu_blue.png); color:#999;width:200px; }
				
				.menu .preferences a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); width:150px; line-height:23px; height:29px;}
				.menu .preferences a:hover { background:url(../_images/bg_menu_blue.png); color:#999; width:150px;}
				.menu .preferences a.selected { background:url(../_images/bg_menu_blue.png); color:#999;width:150px; }
				
				.menu .attended a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); width:200px;line-height:23px; height:29px;}
				.menu .attended a:hover { background:url(../_images/bg_menu_blue.png); color:#999;width:200px;}
				.menu .attended a.selected { background:url(../_images/bg_menu_blue.png); color:#999; width:200px; }
				
		
				.menu .none a { color:#999; margin-top:0px; background:url(../_images/bg_menu_white.png); line-height:23px; height:29px;}
				.menu .none a:hover { background:url(../_images/bg_menu_white.png); color:#999;}
				.menu .none a.selected { background:url(../_images/bg_menu_white.png); color:#999; }
				
				.menu .noneLarge a { color:#999; margin-top:0px; background:url(../_images/bg_menu_white.png); line-height:23px; height:29px;width:200px; }
				.menu .noneLarge a:hover { background:url(../_images/bg_menu_white.png); color:#999;width:200px; }
				.menu .noneLarge a.selected { background:url(../_images/bg_menu_white.png); color:#999; width:200px; }
		
				
				.menu .myGroup a { color:#999; margin-top:0px; background:url(../_images/bg_menu_blue.png); width:130px; line-height:23px; height:29px;}
				.menu .myGroup a:hover { background:url(../_images/bg_menu_blue.png); color:#999; width:130px;}
				.menu .myGroup a.selected { background:url(../_images/bg_menu_blue.png); color:#999;width:130px; }
				
				.menu .groupLarge a { color:#999; margin-top:0px; background:url(../_images/bg_menu_white.png); line-height:23px; height:29px;width:150px; }
				.menu .groupLarge a:hover { background:url(../_images/bg_menu_white.png); color:#999;width:150px; }
				.menu .groupLarge a.selected { background:url(../_images/bg_menu_blue.png); color:#999; width:150px; }
				
				/****new class for subscription, coz it's too big******/
				.menu .sub a { color:#fff; }
				.menu .sub a:hover { color:#fff; }
				.menu .sub a.selected { background:url(../_images/bg_menu_off_largeblue.png) color:#fff; }
				/****/	
				
				
				/*****menu groups section****/
				
				.menu .myOverview a { color:#fff;}
				.menu .myOverview a:hover { background-color:#DEF1FA; color:#fff;}
				.menu .myOverview a.selected { background:url(../_images/bg_menu_darkblue.jpg); color:#fff;}
				
				.menu .myEvents a { color:#fff;}
				.menu .myEvents a:hover { background-color:#DEF1FA; color:#fff;}
				.menu .myEvents a.selected { background:url(../_images/bg_menu_off_purple.png); color:#fff;}
				
				.menu .myNews a { color:#fff;}
				.menu .myNews a:hover { background-color:#DEF1FA; color:#fff;}
				.menu .myNews a.selected { background:url(../_images/bg_menu_off_purple.png); color:#fff;}
				
				.menu .myMultimedia a { color:#fff;}
				.menu .myMultimedia a:hover { background-color:#DEF1FA; color:#fff;}
				.menu .myMultimedia a.selected { background:url(../_images/bg_menu_off_blue.png); color:#fff;}
				/****/
		
				#menu_border {border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;position: absolute;top: 16em; width: 700px;right: 0px;padding:6px 15px 5px;z-index: 10; height:30px;}			
				#Heading {position: absolute; top: 21em; width:700px;right:0px;padding:6px 15px 5px;z-index: 10; height:30px;}
				
				/******first login in **** first time user ****** login user *****edits***/
				
				#Profile {position: absolute; top: 5em; width:220px; left:0px; padding:0px 0px 0px 0px; z-index: 10; height:230px;}
				
				.profileheading{
	padding: 0px 0 0 241px;
	width:590px;
	z-index:-10;
	position:absolute;
	height:145px;
	left: 3px;
	top: 79px;
	
	}
	
				.loginheading{
	padding: 0px 0 0 0;
	width:590px;
	z-index:-10;
	position:absolute;
	height:145px;
	left: 246px;
	top: 51px;
	
	}
	
	
	.groupHeading{
	padding: 0px 0 0 0;
	width:590px;
	z-index:-10;
	position:absolute;
	height:30px;
	/*left: 1px;*/
	top: 55px;
	}
				.smallPara{ padding-top:80px; height:65px;}
				.smallGpara{ padding-top:60px; height:65px;}
				.tableLeft{ padding-left:10px;}
				.leftBox{width:220px; height:250px;}
				#contactDetails{font-size:14px; border-bottom:#ccc solid 1px; margin-top:-10px; width:520px; color:#82CAEC; font-weight:bold; line-height:20px;}
				.pagetext{ color:#000;}
				/****/
				
				
				
				.greyUser{color:#999; height:19px; }
				.Maindetails{ color:#000; height:19px;}
				.tdSpace{ margin-bottom:-5px; height:19px;}
				.eventLink {color:#333; font-weight:bold;}
				.eventLink a{ text-decoration:underline;}
				.visit {color:#333; font-weight:bold; font-size:12px;}
				.visit a{text-decoration:underline;}
				
				.groupTxt{color:#333; font-size:12px;}
				.groupHed {color:#333; font-size:14px; font-weight:bold;}
				.eventText{ color:#333;}
				.eventTitle{ color:#FFF; font-weight:bold;}
				
				.publicLink {color:#333;}
				.buttonSpace{ margin-bottom:-5px;  margin-top:0px; height:19px; float:right; margin-right:60px; }
				
				.ProfilePic { font-size:14px; color:#000;}
				.ProfilePic  a{color:#000; font-size:12px; font-weight:bold; margin-left:16px;text-decoration:underline; font:Arial, Helvetica, sans-serif;} 
				.templogin { margin-top:10px;}


/*******sunday changes ******/
		
				#men_50 { width:715px; float:right; padding-bottom:5px; margin-top: -11em;text-align:center; }
				#men_50 {
	z-index:20;
	position: absolute;
	right: 4px;
	top: 170px;
	height: 49px;
}
				
	
				
				.column_2 { float:left; width:222px; margin-right: 23px; color:#666; }
				.column_2 { float:left; width:346px; margin-right: 23px; color:#666; z-index: 30; }
				.column_2 { width:715px; margin-right: 0px; }
			
				#new_column { width:715px; float:right; padding-bottom:5px; margin-top: -11em;text-align:left; }
				#home #new_column {z-index:20;position: absolute;right: 1px;top: 94px;}
				
				
				#adding_column { width:715px; float:right; padding-bottom:5px; margin-top: -11em;text-align:left; }
				#home #adding_column {
	z-index:20;
	position: absolute;
	right: 2px;
	top: 160px;
	height: 27px;
}
				
				
				.form_position {position:absolute;top:0.4em;right:1em;}
				#formText{ padding:0px 0px 0px 5px; font-size:10px;}
				.page_text { font-family:Arial,sans-serif; font-size:12px; color:#000; margin-bottom:20px; letter-spacing:0.01em; line-height:1.4em;}
				.page_text h2 { font-weight:bold; font-size:14px; padding-bottom:5px;}
				#catagory{ font-size:11px;}
				
				.viewBox{margin-bottom:5px;}
				.viewBox span { margin-left:70px;}
				.button_space{margin-top:6px;}
				
				.news_content{width:700px;margin:0px 0px 20px 0px;display:block;font-family: Arial, Helvetica, sans-serif;}
				#tableHeight{ height:30px;}
				
				.myAllgroups { font-size: 1.1em; text-align: right; font-weight:bold;  z-index:25; text-align:center; padding:0;color:#fff;}

				.myAllgroups li { list-style: none; float:left; margin: 0 4px 0 0; z-index:30; color:#fff;}
				
				.myAllgroups li a { width:110px; text-decoration:none; color:#fff; margin:0; display:block; background:url(../_images/bg_menu_off_grey.png) no-repeat left top; padding: 12px 0 0 0; height: 2.14em; font-weight:bold;/*text-transform:uppercase;*/ }
				.menu li a:hover { background:url(../_images/bg_menu_off_grey.png) no-repeat left top; color:#fff;text-decoration:none; }
				
				.myAllgroups li a { margin-top:0px; background:url(../_images/bg_menu_gp_grey.png) no-repeat; font-size:12px; width:139px; height:35px; line-height:30px; color:#fff; }
				.myAllgroups li a:hover { background:url(../_images/bg_menu_gp.png) no-repeat; color:#fff; font-size:12px; width:139px; height:35px; line-height:30px; text-decoration:underline;}
				.myAllgroups li a.selected { background:url(../_images/bg_menu_gp.png) no-repeat; color:#fff; font-size:12px; width:139px; height:35px; line-height:30px; }
				
				
/*	remember this rule for overidding list items	
				ul#silverlist { width:600px;}
				li.silverlist { width:300px;}
				li.silverlist a { width:300px;}
				li.silverlist a:hover { width:300px;}

		*/	
		/* image replacement test on text_replacement.html */
				.head {color:#000; font-size:20px;}
			/*****/
			
				/****************overview page************************/
				.contentWidth{
					width:465px;
					float:left;
					min-height:333px;
				}
				.contentMiddle{
					width:476px;
					float:left;
				}
				
				.columnLeft { float:left; width:222px; margin-right: 9px; color:#666; display:block;}
				
				.columnRight .hr { margin-right:-17px; }
				.columnRight .hr { margin-left:-17px; }
				
				.columnRight { float:left; width:234px; margin-left: 10px; color:#666; }
				
				.subcontact{margin-bottom:5px;}
				.subcontact span{ margin-left:6em;}
				.subcontact/*, strong*/ { width:18em; }
				.strectchertop{margin-top:-10px;}
				.strectcherbottom{margin-bottom:8px;}
				.activity_block { list-style:none; display:block; padding:8px 10px 0 10px; border-bottom:solid 1px #ccc; }
				.smallFont{ font-size:10px;}
				.membersbox{width:231px; float:left;}
				.membersbox p{ font-size:12px;}
				.messagebox{width:231px; float:left; margin-left:9px;}
				.messagebox p{ font-size:12px;}
				.membersMen{float:right; width:70px; height:70px;padding-right:5px;}
				.sendMessage{ float:left;}
				.envelope{float:right; width:132px; height:40px; margin-top:0px;}
				.selectmenu{margin-bottom:12px;}
				.boxHeight{ height:115px;}
				.column5 { width:725px; margin-right: 0px; float:left; margin-right: 0px;z-index: 30;}
				.containerWide { width:965px; margin:0 auto; border:#000 solid 1px; }
				.searchform{background:#82CAEC;}
				.stretcher_small { list-style:none; display:block; padding:0px 0px 0 0px; border-bottom:solid 0px #ccc; }
				.stretcher_small  { color:#666; margin-bottom:.5em; }
				.stretcher_small { color: #666;text-decoration:none; }
				.stretcher_small { color:#666;text-decoration:underline; }
				.nameLeft {padding-left:5px;}
				.moderater {color:#666;}
				
	
				
			
				/*******************/
			
			
				/****************Group events************************/

				.smBold{ font-weight:bold;}
				.greyHeading{ color:#333; padding:0px; font-size:10px;}
				.greyHeading a{ color:#333;}
				.hr{ border-bottom: #999 solid 1px;}
				.hr2{ border-top: #999 solid 1px;}
				.eventLeft{ width:125px; float:left; padding:0; margin-bottom:10px; }
				.eventLeftlong{ width:150px; float:left; padding:0; margin-bottom:10px; }
				.eventText{ width:300px; float:left;}
				.eventRight{ float:right;}
				.associated{ float:left; margin:0px 0px 0px 0px }
				.replybox{width:210px; float:right;}
				.quote, .reply, .post {color:#333;font-size:10px; float:left; width:90px; margin:0px; padding:0px; height:20px;}
				.post {padding-left:0px; float:left;}
				.reply { padding-left:0px; float:left; width:60px;}
				.quote {padding-left:0px; float:left; width:60px;}
				.box{ border: #000 solid 1px;}
				.codeMenu{ background:url(../_images/codeMenu.jpg) top right; background-repeat:no-repeat;}
				.lpfMenu{ background:url(../_images/lpfMenu.jpg) top right; background-repeat:no-repeat;}
				.flashBox{ width:100%; float:left; padding-bottom:10px;}
				.flashText{ padding-left:10px;}
				.headingSpace{padding:70px 0 0 0;}
				.reqField{width:200px; margin:50px 0 0 390px;}
				.formHead{font-size:14px; border-bottom:#ccc solid 1px; margin-top:-25px !important; width:520px; color:#82CAEC;}
				.formpageHead{font-size:18px; border-bottom:#ccc solid 1px; width:520px; color:#82CAEC; font-weight:bold; margin-bottom:10px; line-height:28px;}
				.textarea{ border:#7F9DB9 solid 1px;}
				.selSpecialism{ background-color:#CCC; width:100px; height:24px;}
				.specialarea{border:solid 1px #ccc;}
				.specialBottom{ border-bottom:#FFF;}
				
				
				/****************end************************/
				

	
	




/********************************* END MENU *********************************/	
		
		#page_title {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	position: absolute;
	top: 16em;
	width: 700px;
	right: 6px;
	padding:6px 15px 5px;
	z-index: 10;
}
				#page_title .content h1 { font-size:1.3em; margin-bottom:0; }
				
		#top { color:#fff; }				
			#top .left { position:absolute; top:7px; width: 300px; left: 0px }
			#top .right { position:absolute; top:7px; width: 650px; right: 0px; text-align:right }
				#top p { display:inline; list-style:none; margin:0 0 0 10px; }
					#top p a { text-decoration:none; color: #fff; }
						#top p a:hover, #top p a.user:hover { text-decoration:underline; }
					#top p a.user { text-decoration:none; color: #fff;background:url(../_images/icon_user.png) no-repeat 0 -1px; padding-left:20px; }
						
	#content_wrapper { background:#fff; width: 100%; padding-bottom: 1px; }
		
		#content { padding: 20px 0 0 0; }
		
			.column1 .hr { margin-right:-17px; }
			.column3 .hr { margin-left:-17px; }
			
		.column1, .column2, .column3, .column4 { float:left; width:222px; margin-right: 23px; color:#666; }
			.column2, .column3 { float:left; width:346px; margin-right: 23px; color:#666; z-index: 30; }
				/*#home .column2, #home .column3 { margin-top:12em; }*/
				.column3 { margin-right:0; }
			.wide .column2 { width:715px; margin-right: 0px; }
				#home .column2, #home .column3 {}
		
		#wide_column { width:715px; float:right; padding-bottom:5px; margin-top: -11em;text-align:left; }
			#home #wide_column {
	z-index:20;
	position: absolute;
	right: 1px;
	top: 104px;
}
			
#footer { margin:0 auto 5em; color:#666; padding: 1em 0 0 0; font-size:.95em; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
	.footer_left { float:left; width:47%; margin-bottom:-3px; padding:0 10px; }
	.footer_right { float:right; width:47%; text-align: right; margin-bottom:-3px; }
	#footer .content p { margin: 0;}
	#footer .content li { list-style:none; border-right:solid 1px #ccc; display:inline-block; display: -moz-inline-box; padding:0 10px; }
		#footer 
		 li.last { border:0; }
			#footer .content a { text-decoration:none; color:#666; }
				#footer .content a:hover { text-decoration:underline; }
				
/********************************* FORMS *********************************/	
	
		fieldset { border: none; }
		legend { display: none; }
		select { width:190px; }
		textarea { border:solid 1px #ccc; width:142px; float:left; margin-bottom:.6em; }
		label { display: none; }
		table#RememberRadioList label { display: inline; }
		table#ShowEmailAddress label { display: inline; }
		table#TopicReply label { display: inline; }
		table#MessageReceived label { display: inline; }		
		input[type=text],[type=password], select { width:175px; color:#666; font-size:1em; }

		.search_form { position:absolute; right:0; top:5.6em; width:245px; }
			.search_form p { float:left; width: 180px; }
			.search_form input[type=text] {  }
			.search_form input.button { padding: 0; float: right; margin: 0; }
		
		.newsletter_form { padding:3px 10px; }
			.newsletter_form label { display:block; float:left; width:45px; padding:2px 0 0 5px; font-size: 0.9em; }
			.newsletter_form input[type=text], .newsletter_form textarea { float:left; width:140px; }
				.newsletter_form input[type=text], .newsletter_form textarea { margin-bottom:0.55em }
			.search_form input[type=image] { padding: 0; float: right; margin: -12px 0 0 0; }

/* end forms */
		
	.image_right { float:right; margin: 0; z-index: 10; padding:0; }
		
	.image_left { float:left; margin:0 1em 1em 0; position: relative; z-index: 10; }
	
	.main_image { float:none; clear:both; }
	
	.submenu {}
		.submenu ul { margin:0; padding:0 }
			.submenu li { margin-left: 0; list-style:none; margin: 0 0 0.5em; display:block;  }
				.submenu li.last { border-bottom:0;}
					.submenu a { text-decoration:none; font-weight:bold; display:block; padding:.65em 15px 1em; }
		
/********************************* BOXES *********************************/

	.box { border: solid 1px #ccc; position:relative; margin-bottom:18px; }
		.box a { }
		.box ul { }
		.box li { margin:.5em 0; padding-bottom:0.6em; line-height:1.4em; list-style:none; text-indent: 0; }
			.box li.last { border:none; }
		.box p { margin-bottom:0.7em; }
		.box .text { padding: 5px 15px; }
		.box .form { padding:0 10px; }
			
		.box .title { margin-bottom:10px; }
			.title h1, .title h2, .title h3, .title h4, .title h5, .title p { font-size:1em; font-weight:bold; color:#fff; margin-bottom:0; /*text-transform:uppercase;*/ padding:5px 0 5px 0; line-height: 1.3em; }
				.bottom_title p { font-size:1em; font-weight:bold; color:#fff; margin:-5px -15px; padding:10px; line-height: 1.2em; background:#82CAEC; }
					.title a, .bottom_title a { color:#fff; text-decoration:none; }
						.title a:hover, .bottom_title a:hover { color:#fff; text-decoration:underline; }
				.box .title_form { position:absolute; top: 7px; right: 10px; }
					.box .title_form select { width:115px; padding:0; }
					
			.opener .stretcher_block { list-style:none; display:block; padding:10px 10px 0 10px; border-top:solid 1px #cccccc;  }
			.opener .stretcher_first { list-style:none; display:block; padding:10px 10px 0 10px; }
			.opener .stretcher_QuickLinks { list-style:none; display:block; padding:10px 10px 0 10px; }
			.opener .SelectedGroup { background-color:#F4F4F4; margin-bottom: -7px;}	
				
					.opener .stretcher_block .content h4 { color:#666; margin-bottom:.5em;}
					
						.opener .stretcher_block .content a { color: #0099FF;text-decoration:none; }
						.opener .stretcher_block .content a:hover{ color:#FE9E0C;text-decoration:underline; }
						.darkblue .title_opener .stretcher_block { background:url(../_images/bg_darkblue_title.png) repeat-x; border-bottom:0; }
						.blue .title_opener .stretcher_block { background:url(../_images/bg_blue_title.png) repeat-x; border-bottom:0; }
						.title_opener .title {}
							.darkblue .title_opener .title {}
				.title_opener .title h1, .title_opener .title h2, .title_opener .title h3  { padding:0; }
					.title_opener .stretch .text { padding: 10px 0 0 0; }
				
					.opener .stretcher_QuickLinks .content h4 { color:#666; margin-bottom:.5em; }

						.opener .stretcher_QuickLinks .content a { color: #0099FF;text-decoration:none; }
						.opener .stretcher_QuickLinks .content a:hover{ color:#FE9E0C;text-decoration:underline; }
						.darkblue .title_opener .stretcher_QuickLinks {background:url(../_images/bg_darkblue_title.png) repeat-x; border-bottom:0; }
						.blue .title_opener .stretcher_QuickLinks { background:url(../_images/bg_blue_title.png) repeat-x; border-bottom:0; }			
				
		.tl, .tr, .bl, .br { position: absolute; width: 9px; height: 9px; font-size:0%; background-repeat:no-repeat; z-index:20;  }
			.tl { top: -1px; left: -1px; background-position: 0 0; }
			.tr { top: -1px; right: -1px; background-position: -9px 0; }
			.bl { _bottom:-2px; bottom: -1px; left: -1px; background-position: 0 -9px; }
			.br { _bottom:-1px;bottom: -1px; right: -1px; background-position: -9px -9px;}
			
		.blue { border-color:#82CAEC; }
			.blue .title { background-color:#82CAEC; }
			.blue .tl { background: url(../_images/box_blue_tl.png); }
			.blue .tr { background: url(../_images/box_blue_tr.png); }
			.blue .bl { background: url(../_images/box_blue_bl.png); }
			.blue .br { background: url(../_images/box_blue_br.png); }
				
		.darkblue { border-color:#7EABFF; }
			.darkblue .title { }
			.darkblue .tl { background: url(../_images/box_darkblue_tl.png); }
			.darkblue .tr { background: url(../_images/box_darkblue_tr.png); }
			.darkblue .bl { background: url(../_images/box_darkblue_bl.png); }
			.darkblue .br { background: url(../_images/box_darkblue_br.png); }
				
				
			.grey .title { background:#999; }
			.grey .tl { background: url(../_images/box_grey_tl.png); }
			.grey .tr { background: url(../_images/box_grey_tr.png); }
			.grey .bl { background: url(../_images/box_grey_bl.png); }
			.grey .br { background: url(../_images/box_grey_br.png); }
				
		.activities ul {}
			.activities li { background: url(../_images/dot_red.png) no-repeat 0px 5px; padding-left:15px; display: block; width: 96%; }
		
		.group_activities {}
		.group_activities .blue { background:#E2F3FC; }
			.group_activities .activity_block .left { width:54%; float:left; padding-right: 0px; }
			.group_activities .activity_block .right { width:32%; float:right; }
			.group_activities a { color:#4DA3E1; text-decoration:underline; }
				.group_activities a:hover { color:#4AB1E3; text-decoration:none; }
					a.user { background:url(../_images/icon_user.png) no-repeat 0 0; padding-left:20px; color:#4DA3E1; text-decoration:underline; }
					a.user:hover { text-decoration:none; }
					
				.group_activities form p { margin:0; }
				.group_activities input[type=checkbox] { display:inline-block; margin: 0 5px 0 0; }
			.group_activities label { display:block; font-size:.95em; display:inline-block; float:none}
			
			.my_profile .activity_block .left { width:60%; float:left; padding-right: 0px; }
			.my_profile .activity_block .right { width:32%; float:right; padding: 0 10px 10px 0; }
				.my_profile .activity_block .right img { border: solid 1px #ccc; }
/* end boxes */		

.checkbox_ie input { float:left; margin:0 0 0 -2px; }


.table table, .table table td, .table table th { border:solid 0px #fff; text-align:left; padding: 9px 10px; margin:0 }
	.table table th { background:#ccc; color:#333;}
	.table table td { padding:15px 10px; }
		.table table td img { margin-bottom:-5px; }
	.table_frame { height:370px; overflow-x:hidden; overflow-y:scroll; border:none 1px #ccc; }

#\_blocks { padding-bottom:10px; }
	#\_blocks .deleteBlock { margin:0 0 10px 10px; }
	#\_blocks .box { width:220px; border:solid 1px #999; padding:0px }
	#\_blocks .section_title { margin-left:10px; font-weight:bold; background:#666; margin-top:20px; padding:4px 4px 0 4px; }
		#\_blocks .section_title h2 { color:#fff; padding-bottom:2px; }
	/*#\_blocks .box .title { width:200px; }
	#\_blocks .reso_block { float:none; clear:both; }*/
	#\_blocks .wide_box { width:713px; }
	#\_blocks .event_button, #\_blocks .sponsor_logo { width:160px; clear:both; float:none; padding:3px; text-align:center; }
	#\_blocks .event_details { width:135px; }
	

/*********************Mark's changes for register_profile/ first_time_use/ login_user*********************************/

.boxContentblue{background-color:#E1F2FB;}

.importantNotice{font-weight:bold;color:#000;}

.termsConditions{font-size:12px;}

.termsBlue{font-size:12px; font-weight:bold; color:#319DF7;}

.registerButton{margin:0px 0 0 0px; height:20px;}

.workDetails{font-size:14px; border-bottom:#ccc solid 1px; color:#82CAEC; margin:50px 0 10px 0; line-height:25px; width:520px; font-weight:bold;}

.footerCode{border-top:#ccc solid 1px; width:964px; height:0px; margin:0 auto;}

.footerText{float:right; margin-top:8px; font-size:11px;}
	.footerText a { color:#666; text-decoration:none; }

.menuProfile{ position:absolute; left:0px; top:10px;  }

.logo { position: absolute; width: 220px; left: 0px; top: 4.4em; text-align: center; }

/******************first time user***********************************/

/********** TK for Group Events page - starts here ******************/

.eventName h3 a { background: url(../_images/icon_event_name.png) no-repeat left; padding-left:25px; font-size:1.35em; margin-bottom:6px; display:block; }
.imageButton { margin-bottom:20px;}
.future-past a { text-decoration:none; }
.future-past a.selected, .future-past a:hover { text-decoration:underline; }

.EditInputImageButton, .UpdateInputImageButton {
cursor:pointer;
border: none;
color: transparent;
text-transform: capitalize;
width: 60px;
height: 19px;
}
.EditInputImageButton
{
    background:url('../_images/button_edit.png') no-repeat;
}
.UpdateInputImageButton
{
    background:url('../_images/Blue-Update.png') no-repeat;
}




.vx_block.box.blue.opener.bg_box.clearfix.mark{
	position:relative;
	z-index:100;
	left:10px;
}



	
@media screen and (-webkit-min-device-pixel-ratio:0) {
.myAllgroups{margin-left:-4px; }
.vx_block.box.blue.opener.bg_box.clearfix.new{top:0px;margin-left:-4px;width:720px;}
.safariTest{width:460px;padding-top:3px;margin-left:-5px;}

}


.testingmember1{
	margin-top:4px;
	margin-left:5px;
	width:290px;
}

.testingmember2{
	margin-top:-21px; 
	width:100px;
	margin-left:300px;
}

/***** Added by Adriano 16/02/10 *****/

.map_container {width:710px; text-align:left;}

#flashmap { position:relative; z-index:100; width:370px;}

.map_dropdown {
	float:left;
	width:290px;
	margin:20px 0;
	padding:0;
}

.map_dropdown h4 {
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 20px 0;
}

.map_dropdown input#strGroupSearch, .map_dropdown select {
	border:1px solid #afafaf;
	width:182px;
	margin:0 0 10px 0;
	padding:2px 5px;
	font-size:1.1em;
}

.map_dropdown input#strGroupSearch {
	margin:0;
	width:170px;
}

.map_dropdown #lpf_names .title {
	background:#82CAEC;
	width:270px;
	margin:15px 0 0 0;
	padding:3px 10px;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
}

.map_dropdown #lpf_names .row {
	border-bottom:1px solid #ccc;
	padding:8px 10px 0 10px;
	color:#53B1FF;
	font-size:1.1em;
	width:270px;
}

.map_dropdown #lpf_names .row p {}

.map_dropdown #lpf_names .row span {margin:0 0 0 130px;}

#home_text ul, ol { padding-left: 30px;}
