/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	11 May 2008
AUTHOR:			Andrew Routledge <ajr@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	=13: 	[SWFUploader]
	=14:	[GOOGLE]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
html {height: 100%; margin-bottom: 1px;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	line-height: 11pt;
	color: #000;
	
	background: url("../images/main_bg.gif") repeat-x;
	background-color: #FFF;
}
	
/*	=2:	[LINKS] -------------------------------------------*/	

/* NOTES: remember LoVe HAte */

a:link {  text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}  /*  color: #455560; */

.redLink:link, .redLink:visited, .redLink:hover { color: #cc0000; }

a.nextStep { font-weight: bold;  }
a.nextstep:hover { color: #37b34a; }

a.removeLink { 
	width: 16px;
	height: 16px;
	background: url('../../../shared/images/icons/delete.png') no-repeat;
	margin-right: 8px;
	display: inline-block;
}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/	
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }
a img,:link img,:visited img { border: 0px; }

h1 {
	font-size: 14pt;
	font-weight: normal;
	margin: 3px 3px 5px 3px;
	padding-bottom: 5px;
}

h2 {
	font-size: 12pt;
	font-weight: bold;
	margin: 2px 2px 4px 2px;
	padding-bottom: 5px;
	clear: both;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin: 4px 2px 4px 2px;
	padding-bottom: 5px;
}

h4 {
	font-size: 10pt;
	text-decoration: underline;
	margin: 4px 2px 4px 2px;
	padding-bottom: 5px;
}

p { line-height: 18px; padding: 2px; }

big { font-weight: bold; font-size: 13pt; }

.floatR { float: right; }
.floatL { float: left; }

.clearBoth { clear: both; }

.marg5 { margin: 5px !important; }
.marg10 { margin: 10px !important; }
.marg15 { margin: 15px !important; }
.marg20 { margin: 20px !important; }
.pad10 { padding: 10px !important; }

h3.forms {
	background-color: #BBEBC2;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 2px 2px 6px;
	width: 750px;
	color: #455560;
}

h3.review {
	background-color: #C0C0FF;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 2px 2px 6px;
	width: 750px;
	color: #455560;
}

h4 { margin: 8px 0px 12px 0px; }

p.hometxt {
	font-size: 8pt;
	font-weight: bold;
	line-height: 20px;
}

p.disclaimer {
	line-height: 20px;
}

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	margin: 1px;
	width: 90%;
}

.bold { font-weight: bold; }

label.legal { font-weight: bold; margin-right: 2em; width: 250px;  text-align:left;}

.none { display: none; }

/*	=4:	[TOP ELEMENTS] ------------------------------------*/

#pagewrap {
	margin: 0 auto;
	width: 760px;
}

#pageTopHeader {
	height: 50px;
}

#pageTopHeader p {
	margin: 12px 0px 0px 0px;
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
}

#pageTopHeader a {
	color: #fff;
	text-decoration: none;
}

#pageHeader {
	position: relative;
	float: left; 
	width: 759px;
	height: 193px;
    background: url('../images/home_header.jpg') no-repeat;
}

#pageHeaderRSVP {
	position: relative;
	float: left; 
	width: 758px;
	height: 129px;
    background: url('../images/header_rsvp.jpg') no-repeat;
	
}

/*	=5:	[NAVIGATION] --------------------------------------*/	
.indexNav span.hide { display: none; }

.indexNav {
	position: absolute;
	width: 335px;
	height: 15px;
	top: 148px;
	left: 400px;
}

.indexNav span {
	display: block;
	float: left;
	margin-left: 12px;
}

	.indexNav a span.indexNavHome {
		background: url('../images/nav/nav_home.gif') no-repeat;
		width: 33px;
		height: 12px;
	}
	.indexNav a:hover span.indexNavHome {
		background: url('../images/nav/nav_home_on.gif') no-repeat;
	}
	.indexNav a span.indexNavAbout {
		background: url('../images/nav/nav_about.gif') no-repeat;
		width: 36px;
		height: 12px;
	}
	.indexNav a:hover span.indexNavAbout {
		background: url('../images/nav/nav_about_on.gif') no-repeat;
	}
	.indexNav a span.indexNavLogin {
		background: url('../images/nav/nav_login.gif') no-repeat;
		width: 31px;
		height: 15px;
	}
	.indexNav a:hover span.indexNavLogin {
		background: url('../images/nav/nav_login_on.gif') no-repeat;
	}
	.indexNav a span.indexNavAdvert {
		background: url('../images/nav/nav_advertise.gif') no-repeat;
		width: 68px;
		height: 15px;
	}
	.indexNav a:hover span.indexNavAdvert {
		background: url('../images/nav/nav_advertise_on.gif') no-repeat;
	}
	.indexNav a span.indexNavContact {
		background: url('../images/nav/nav_contact.gif') no-repeat;
		width: 63px;
		height: 12px;
	}
	.indexNav a:hover span.indexNavContact {
		background: url('../images/nav/nav_contact_on.gif') no-repeat;
	}

#pageTopHeaderNavigation #navBar {
	width: 759px;
	height: 40px;
	background: url("../images/main_nav_bg.gif") no-repeat;
}	
	#navBar ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#navBar ul li {
			float: left;
			margin: 0px 10px 0px 13px;
			padding: 0px;
			height: 40px;
		}
		#navBar ul li.selected { margin:  0px 10px 0px 12px; }

		
		
		#navBar ul li a.selected {
			padding: 15px 0px 0px 0px;
			display: block;
			height: 25px;
			background: url('../images/nav/nav_green_selected.gif') bottom left repeat-x;
		}
			
		#navBar ul li a {
			padding: 15px 5px 0px 5px;
			display: block;
			height: 25px;
		}		
			#navBar ul li a:hover {
				background: url('../images/nav/nav_green_selected.gif') bottom left repeat-x;
			}
		
		* html #navBar ul li { margin: 0px 9px 0px 10px; border: 0px solid #CC0; }
		* html #navBar ul li.selected { margin: 0px 9px 0px 10px; }		
		* html #navBar ul li.size55 { width: 55px; } 
		* html #navBar ul li.size116 { width: 116px; } 
		* html #navBar ul li.size38 { width: 38px; } 
		* html #navBar ul li.size61 { width: 61px; } 
		* html #navBar ul li.size77 { width: 77px; } 
		* html #navBar ul li.size58 { width: 58px; } 
		* html #navBar ul li.size95 { width: 95px; } 
		* html #navBar ul li.size76 { width: 76px; } 
	
	
/*	=6:	[MAIN COLUMN] -------------------------------------*/	

#contentWrapper {
	float: left;
	margin: 10px 0px 0px 0px;
}

#contentCENTER {
	float: left;
	/* width: 100%; */
	width: 758px;
}

#contentLeft .profileHeader, #contentRight .profileHeader {
	float: left; 
	width: 100%; 
	height: 78px;
}

#contentLeft {
	float: left;
	width: 450px;
	height: 100%;
}

	#contentLeft #profileSummery {
		position: relative;
		margin: 10px 0px 10px 0px;
		width: 450px;
		height: 245px;
		background: url("../images/profile_summary_bg3.gif") no-repeat;
	}	
		#contentLeft #profileSummery #Username {
			/*width: 160px;*/
			padding: 5px 5px 5px 5px;
			height: 30px;
		}		
		#contentLeft #profileSummery #Username h3 {
			font-size: 11pt;
			margin: 10px 10px 5px 10px;
		}		
		#contentLeft #profileSummery #Logoff {
			float: right;
			width: 60px;
			text-align: right;
			padding: 5px 5px 5px 5px;
			height: 35px;
		}		
		#contentLeft #profileSummery #Logoff h3 {
			font-size: 11pt;
			margin: 10px;
		}	
		
	
		#contentLeft #profileSummery #profileInfo {
			float: left;
			margin: 10px 5px 10px 5px;
			width: 110px; 
			height: 100px;
		}		
			* html #contentLeft #profileSummery #profileInfo { margin: 5px 2px 5px 5px; }
			
			
		
		#contentLeft #profileSummery .profileMain {
			float: left;
			margin: 10px 0px 0px 0px; 
			width: 325px; 
			height: 100px;
		}		
			* html #contentLeft #profileSummery .profileMain { margin: 0px 0px 0px 0px; width: 310px; height: auto; }
			
			#contentLeft #profileSummery .profileMain .profileActive {
				margin: 10px 0px 0px 0px; 
				width: 225px; 
				height: 75px; 
				border: 1px solid #CCC; 
				float: left;
				position: relative;
			}
			* html #contentLeft #profileSummery .profileMain .profileActive { margin: 5px 0px 0px 0px;  width: 220px; hieght: auto; }
		
		#contentLeft #profileSummery #profileInfo .profileDrums {
			margin: 10px 0px 0px 10px; 
			float: left;
		}
			* html #contentLeft #profileSummery #profileInfo .profileDrums { margin: 0px; }
			
		#contentLeft #profileSummery #profileInfo img.borderise {
			margin: 5px;
			border: 2px solid #bec4c8;
		}
	
		#contentLeft #profileSummery p.locateLink { margin-top: -5px; }
		#contentLeft #profileSummery p.locateLink a { color: #000; text-decoration: none; }
		#contentLeft #profileSummery p.locateLink a:hover { text-decoration: underline; }

	#contentLeft #featuredBox{
		margin: 10px 0px 10px 0px;
		width: 495px;
		height: 241px;
		border: 1px solid #bec4c8;
		border-bottom: 4px solid #bec4c8;
		position: relative;
	}

	#contentLeft #featuredBox #featureBannerHolder{
		width: 495px;
		height: 241px;
		position: relative;
		overflow: hidden; 
	}

	#contentLeft #featuredBox #featureBannerHolder #inner{
		width: 1485px;
		height: 241px;
		position: relative;
	}
	
	#content1 {
		position: relative;
		left: 0px; 
		top: 0px;
		background: url("../images/features/network_jungle.jpg") no-repeat;
	}
 
	#content2 {
		
		left: 495px; 
		top: 0px;
		background: url("../images/features/network_jungle.jpg") no-repeat;
	}
	 
	#content3 {
		
		left: 990px; 
		top: 0px;
		background: url("../images/features/network_jungle.jpg") no-repeat;
	}
	
	.annoucementBox {
	 	position: absolute; 
	 	left: 20px; 
	 	bottom: 100px; 
	 	text-align: left;
	 	width: 200px;
	}
	
	.scrolling-content {
		width: 495px;
		height: 238px;
		text-align: center;
		position: absolute;
	}
	
	.scrollerButton {
		z-index: 10000;
		bottom: 10px;
		right: 10px;
		position: absolute;
		width: 20px;
		height: 20px;
		border: 2px solid #ccc;
		background: #fff;
		text-align: center;
		margin: auto 0;
		padding-top: 4px;
	}
	#link1 {
		right: 70px;
	}
	#link2 {
		right: 40px;
	}
	#link3 {
		right: 10px;
	}
	
	
#contentRight {
	margin-left: 10px;
	float: left;
	width: 296px;
	height: 100%;
}

	.consoleBox {	
		position: relative;
		margin: 10px 0px 10px 0px;
		padding-bottom: 15px;
		width: 301px;
		min-height: 246px;
		background: url('../images/console_bg_top.gif') top left no-repeat;	
	}	
	* html .consoleBox { height: 260px; }
	
		.consoleBox .bottom {
			background: url('../images/console_bg_bot.gif') no-repeat;
			width: 301px;
			height: 23px;
			position: absolute;
			bottom: -1px;
			left: 0px;
		}
		.consoleBox #Username {
			width: 160px;
			padding: 5px 5px 5px 5px;
			height: 35px;
		}		
			.consoleBox #Username h3 {
				font-size: 11pt;
				margin: 10px;
			}	
			
		.consoleBox img { margin: 4px 0px 4px 8px; }
		* html .consoleBox img { padding: 4px 0px 4px 15px; margin: 0px;}
		
		
	 * html #contentRight .consoleBox {
		width: 300px !important;
	 }     
	
	
	.listingAreaBox {
		width: 100%;
		margin: 8px 0px 8px 0px;
	}
		.listingAreaBox a {
			color: #555;
			text-decoration: none;
			font-size: 8pt;
		}		
		.listingAreaBox table {
			padding: 0px;
			margin: 0px;
			/* width: 99%; */
		}		
		.listingAreaBox table.style1, .borderise {	
			border: 1px solid #bec4c8;
		}		
		
		.listingAreaBox table tr.rows td, .consoleBox table tr.rows td { border-bottom: 1px solid #ccc; padding: 2px; }
		
		.listingAreaBox table.style1 tr {
			background: url("../images/tbl_basegrad.gif") repeat-x;
			background-position: bottom;
		}		
		.listingAreaBox table tr td.paddme  {
			padding: 6px;
		}		
		.listingAreaBox img {
			border: 2px solid #bec4c8;
			margin: 6px;
		}
		.listingAreaBox img.norm {
			border: 0px;
			margin: 5px 5px 0px 0px;
		}

	.welcomeAreaBox {
		position: relative;
		background: url('../images/frontpod2_bg.gif') top left repeat-x;
		margin: 8px 0px 8px 0px;
		border: 1px solid #c2c7cb;
		border-width: 1px 1px 0px 1px;
		
	}
		.welcomeAreaBox .norm { padding: 10px 0px 0px 10px; }
		.welcomeAreaBox p { margin: 0px 5px 5px 10px; }
		.welcomeAreaBox .bottomCorner { position: absolute; bottom: 0px; right: -1px; }
		.welcomeAreaBox .bottom { 
			clear: both;
			height: 9px; 
			width: 100%;
			background: url('../images/frontpod_bot_bg.gif') bottom left repeat-x;
		}
		
	.loginAreaBox {
		position: relative;
		background: url('../images/frontpod_bg.gif') top left repeat-x;
		margin: 8px 0px 8px 0px;
		border: 1px solid #c2c7cb;
		border-width: 1px 1px 0px 1px;
		height: 246px;
		
	}
		.loginAreaBox .norm { padding: 10px 0px 0px 10px; } 
		.loginAreaBox p { margin: 0px 5px 5px 10px; padding: 0px; line-height: 16px;}
		.loginAreaBox .bottomCorner { position: absolute; bottom: 0px; right: -1px; }
	
	
	.news {
		background: url('../images/newsbar_bg.gif') bottom left repeat-x;
		border: 1px solid #c2c7cb;
		padding: 5px;
	}
		.news p { line-height: 18px; }

table#contact {
	width: 99%;
	margin: 0px auto;
}
	table#contact td { padding: 4px; }
		
		
table.style1, table.style2 {
	width: 99%;	
}
	table.style1 .width25 {	width: 25%; }
	table.style1 th {
		font-weight: bold;
		text-align: center;
		color: #455560;
		text-decoration: underline;
	}
	table.style1 tbody td {	text-align: center;	}
	table.style1 tbody td.left { text-align: left;	}
	table.style2 th {
		border-bottom: 1px solid  #455560;
	}




tr.conversation td {
	border-bottom: 1px solid #CCCCCC;
}
tr.conversation td.messageBody {
	padding: 2px 10px 2px 10px;
}


/*  --- MEMBER FIND results --- */
.findBox {
	float: left;
	margin: 4px 6px 5px 6px;
}
.findBox .imgBox {
	float: left;
	padding: 1px;
	margin: 1px;
	border: 1px solid #404040;
}
.findBox .infoBox {
	float: left;
	padding: 4px;
}

/*  --- PHOTO results --- */
.photoBoxFrame {
	float: left;
	background-color: #ebebeb;
	padding: 6px;
	margin: 0 6px 10px 6px;
	border: 1px solid #ccc;
}
.photoBox {
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px; 
	border: 1px solid #ebebeb;
	text-align: center;
}
	.photoBox h4 {
		margin: 0;
		text-decoration: none;
	}
	.photoBox a, .photoBox span  {
		font-size: 8pt;
		color: #444;	
	}
	
	.photoBox .photo {
		margin: 0 auto 8px auto;
		padding: 1px;
		border: 1px solid #404040;
	}

/* --- SCORE TABLE feedback --- */
table.scoreTbl td {
	border-bottom: 1px solid #ccc;	
}

/* --- IMAGE UPLOAD reader --- */
table.stdTable {
	width: 99%;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

table.stdTable td {
	height: 20px;
	padding: 5px;
}

table.stdTable td.collapse {
	width: 1px;
}

table.stdTable td.thumbbox {
	width: 150px;
}

table.stdTable td.relocate, table.stdTable td.relocate select {
	width: 150px;
}

table.stdTable thead a {
	color: #FFF;
}

table.stdTable thead a:hover {
	text-decoration: underline;
}

table.stdTable thead td {
	background: #405f81 url('../images/bg-stdTable_head.gif') top left repeat-x;
	color: #FFF;
	font-weight: bold;
}

table.stdTable tbody tr.row1 td {
	background-color: #e6eff8;
}

table.stdTable tbody tr.row2 td { 
	background-color: #bfc9d5;
}

table.stdTable td.noPad {
	padding: 0px;
}

table.stdTable td.roundTL {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

table.stdTable td.roundTR {
	text-align: right;
	vertical-align: top;
	padding: 0;
}

table.stdTable img.thumbnail {
	margin: 0px auto;
	padding: 2px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #77b;
	cursor: pointer;
}

/* -- Member Find (Old) STYLES ----- */
#filterBox {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #efefef;	
}
	#filterBox h2, #filterBox h2 a { text-decoration: underline; margin: 2px 2px 5px 2px;}
	
	#filterBox .subfilter {
		background-color: #FFFFFF;
		border: 1px solid #A9B9E9;
	}
	
	#filterBox p { padding: 3px; clear: both; }
	#filterBox label {
		text-align: right;
		margin-right: 0.5em;
		float: left;
	}
	#filterBox a { color: #000; }
	
	#filterBox select, #filterBox input { font-size: 9pt; }
	#filterBox .label65 { width: 65px; }
	#filterBox .label100 { width: 150px; }
	
/* -- Member Find (NEW) Styles -- */	
#find {
	position: relative;
	margin-bottom: 20px;
}
	#find h1 {
		text-align: left;
		color: #37b34a;
		font-weight: bold;
		margin: 10px auto 0 auto;
		font-size: 19px;
	}
	
	#find .stats {
		position: absolute;
		top: 0px;
		right: 0px;		
	}
		#find .stats .counterHolder { 
			float: left; 
			margin-right: 40px;
    		margin-top: -8px; 
			height: 30px; 
		}
			#find .stats .counterHolder label {
				float: left;
				padding-top: 8px;
				margin-right: 8px;
				font-weight: normal;
				font-size: 14px;
			}
		#find .stats .counter { 
			float: left; 
			height: 30px;
			width: 80px;
			background: url('../images/icons/results_loader.gif') center center no-repeat;		
		}
	
	#find .searchHolder {
		float: left;
		margin-top: -8px;
		width: 100px;	
		height: 60px;	
	}
		
	#find input.search {
		display: block;
		border: 1px solid #308e06;
		padding: 2px;
		-moz-border-radius: 10px; 
		border-radius: 10px;
		font-weight: normal;
		width: 100px;
		text-align: center;
		text-decoration: none;
	
		background: #79c973; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Yzk3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzM5YjAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMGE2MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #79c973 0%, #39b033 44%, #10a605 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79c973), color-stop(44%,#39b033), color-stop(100%,#10a605)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* IE10+ */
		background: linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c973', endColorstr='#10a605',GradientType=0 ); /* IE6-8 */

	    color: #fff !important;
		cursor: pointer;
	}
	
	#find input.reset {
		display: block;
		border: 1px solid #308e06;
		padding: 2px;
		margin: 4px 0 0 30px;
		-moz-border-radius: 10px; 
		border-radius: 10px;
		font-weight: normal;
		width: 50px;
		text-align: center;
		text-decoration: none;
	
		background: #f2f2f2; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 44%, #cecece 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(44%,#e4e4e4), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f2f2f2 0%,#e4e4e4 44%,#cecece 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f2f2f2 0%,#e4e4e4 44%,#cecece 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f2f2f2 0%,#e4e4e4 44%,#cecece 100%); /* IE10+ */
		background: linear-gradient(top, #f2f2f2 0%,#e4e4e4 44%,#cecece 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cecece',GradientType=0 ); /* IE6-8 */
		
		border-color: #999999;
	    color: #666666 !important;
		cursor: pointer;
	}
	
	#find .infoBox {
		margin: 0 0 10px 0;
		border: 1px solid #ccc;
		padding: 8px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		background: #efefef; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #efefef 0%, #ebebeb 44%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(44%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #efefef 0%,#ebebeb 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #efefef 0%,#ebebeb 44%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #efefef 0%,#ebebeb 44%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(top, #efefef 0%,#ebebeb 44%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
				
		overflow: hidden;
	}
		#find .infoBox h2, #find .infoBox h4 {
			margin: 3px 0 5px 5px;
			padding: 0;
			font-weight: bold;
			color: #444;
			font-size: 15px;
		}
		#find .infoBox h4 {
			margin: 3px;
			font-size: 12px;
		}
		
		#find .infoBox table td {
			padding: 2px;
		}
		
		
		#find .imgBox {
			padding: 2px;
			border: 1px solid #ccc;	
			margin: 3px auto;
			text-align: center;
		}
		#find .infoBox p {
			line-height: 19px;
		}
		
		#find .infoBox span.locationNotes {
			font-size: 11px;
			color: #444;
		}
		
		#find .infoBox input.searchLocation {
			padding: 2px;
			border: 1px solid #444;	
			width: 170px;
		}
		
		#find .infoBox textarea.notes {
			width: 174px;
			height: 40px;
			margin: 3px 0 0 0;
			border: 1px solid #444;
			font-size: 11px;			
		}
		
		#find .infoBox input.addLocation {
			margin: 4px auto 0 auto;
			display: inline-block;
			border: 1px solid #308e06;
			padding: 1px;
			-moz-border-radius: 5px; 
			border-radius: 5px;
			font-weight: normal;
			width: 50px;
			text-align: center;
			text-decoration: none;
					
			background: #79c973; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Yzk3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzM5YjAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMGE2MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, #79c973 0%, #39b033 44%, #10a605 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79c973), color-stop(44%,#39b033), color-stop(100%,#10a605)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* IE10+ */
			background: linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c973', endColorstr='#10a605',GradientType=0 ); /* IE6-8 */
								
		    color: #FFFFFF !important;
			cursor: pointer;
		}
	
	
	#find .filter {
		float: left;
		border: 1px solid #37b34a;
		-moz-border-radius: 10px;
		border-radius: 10px;
		width: 234px;
		margin: 5px 5px 5px 5px;
		background-color: #fff;
	}
		#find .filter label {
			float: left;
			width: 20px;
			margin-right: 3px;
			padding: 3px 0;
			text-align: center;
			font-weight: bold;
			font-size: 13px;
		}
		#find .filter input[type='text'] {
			float: left;
			border: 0;
			width: 200px;
			padding: 3px 0;
		}
		#find .filter select {
			float: left;
			border: 0;
			width: 200px;
			padding: 3px 0;
		}
		
	#find .subFilter {
		float: left;
		border: 1px solid #37b34a;
		-moz-border-radius: 10px;
		border-radius: 10px;
		width: 210px;
		margin: 5px 16px;
		background-color: #fff;
	}
		#find .subFilter select {
			float: left;
			border: 0;
			width: 190px;
			padding: 3px 0;
			margin-left: 10px;
		}


	#find .results {
		float: left;
		margin-left: 45px;
	}
	
	#find h2.partialHeader {
		border-bottom: 1px solid green;
	}
		#find h2.partialHeader span {
			font-weight: normal;
			font-size: 14px;
		}

	#find .jdMember .columnL {
		float: left;
		width: 140px;
	}
	
	#find .jdMember .columnR {
		float: left;
		width: 155px;
	}
	
		#find .jdMember h3 {
			color: #000099;
			font-size: 13px;
			margin: 0;
			padding: 2px;
			line-height: 19px;
		}
		
		#find .jdMember .total {
			font-size: 13px;
			font-weight: bold;
		}
			#find .jdMember .total span {
				color: red;
			}	
			
			
		#find .jdMember table {
			padding: 0;
			border-collapse: collapse;
		}
		#find .jdMember table td {
			font-weight: normal;
			font-size: 11px;
			padding: 2px;
		}
		#find .jdMember table td.match {
			color: red;
			font-weight: bold;
			font-size: 12px;
			vertical-align: top;
		}
		
		#find .jdMember input.profileLink {
			margin: 4px auto 0 auto;
			display: block;
			border: 1px solid #308e06;
			padding: 1px;
			-moz-border-radius: 10px; 
			border-radius: 10px;
			font-weight: normal;
			width: 100px;
			text-align: center;
			text-decoration: none;
		
			background: #79c973; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Yzk3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzM5YjAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMGE2MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, #79c973 0%, #39b033 44%, #10a605 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79c973), color-stop(44%,#39b033), color-stop(100%,#10a605)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* IE10+ */
			background: linear-gradient(top, #79c973 0%,#39b033 44%,#10a605 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c973', endColorstr='#10a605',GradientType=0 ); /* IE6-8 */
		
		    color: #FFFFFF !important;
			cursor: pointer;
		}
		
		
	#find .tiny	  { width: 110px; }
	#find .small  { width: 210px  }
	#find .narrow { width: 305px; }
	#find .med    { width: 405px; }
	#find .maxWidth { width: 740px; }
	
	



#find .locatePopup {
	width: 315px;
}
	#find .locatePopup h4 {
		margin: 3px 0 0 3px;
		padding: 0;
	}
	#find .locatePopup .profile {
		float: left;
	}
		#find .locatePopup .profile img {
			padding: 2px;
			border: 1px solid #ccc;	
			margin: 3px auto;
			text-align: center;
		}
		
	#find .locatePopup .details {
		float: left;
		margin-left: 4px;
		width: 200px !important;
	}
	
	
#find .locationTbl { width: 100%; border-collapse: collapse; }

#find .locationTbl tr td {
	border-bottom: 1px solid #ccc;
}

#find .locationTbl tr.last td {
	border-bottom: 0;
}
	
/* -- EVENT STYLE ----- */
#events {
	margin-bottom: 20px;
}

#events h1 {
	text-align: center;
	color: #37b34a;
	font-weight: bold;
	/* margin: 10px 0 0 30px; */
	margin: 10px auto 0 auto;
	font-size: 19px;
}

#events a.olderLink {
	display: block;
	margin: 10px auto;
	border: 1px solid #308e06;
	padding: 6px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	font-weight: normal;
	width: 210px;
	text-align: center;
	text-decoration: none;

	background: -moz-linear-gradient(center top , #79c973 0pt, #79c973 1px, #39b033 1px, #10a605 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#79c973',endColorstr='#10a605',GradientType='0');	

    color: #FFFFFF !important;
}

#events .infoBox {
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	padding: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	background: -moz-linear-gradient(center top , #ffffff 0pt, #efefef 1px, #ebebeb 1px, #ffffff 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#ffffff',endColorstr='#eeeeee',GradientType='0');
	overflow: hidden;
}
	#events .infoBox h2 {
		margin: 3px 0 5px 5px;
		padding: 0;
		font-weight: bold;
		color: #444;
		font-size: 15px;
	}
	#events .imgBox {
		padding: 2px;
		border: 1px solid #ccc;	
		margin: 3px auto;
		text-align: center;
	}
	#events .infoBox p {
		line-height: 19px;
	}
	#events .infoBox .eventDetails {
		float: left;
		margin-left: 7px;	
	}
	#events .googleMap {
		float: left; 
		margin-left: 5px; 
		border: 1px solid  #455560; 
		width: 220px; 
		height: 200px;
	}
	#events .eventDetails {
		width: 170px;	
	}

	#events p.quickPastLink {
		font-weight: bold;
		font-size: 14px;
		text-align: center;	
	}
		#events p.quickPastLink span {
			font-weight: normal;
			font-size: 12px;	
		}
		#events p.quickPastTitle {
			border-top: 1px dotted #ccc;
			font-size: 10px;
			text-align: center;	
			line-height: 15px;
		}
		
	#events .archive {
		display: none;
	}
	
	#events p.archivePastLink {
		font-weight: bold;
		font-size: 12px;
		text-align: center;	
	}
		#events p.archivePastLink span {
			font-weight: normal;
			font-size: 10px;	
		}	
		
	#events .outer {
		margin: auto;
		text-align: center;
	}
	html>body #events .outer { display: table; } /* for Mozilla */	
		
	#events .guestAttend {
		width: 300px;	
		padding: 4px;
		border: 1px solid #33cc00;
		-moz-border-radius: 5px; 
		border-radius: 5px;
		text-align: left;
		margin: 10px !important;
	}
	* html #events .guestAttend { display: inline; } /* for ie */
	html>body #events .guestAttend { display: table; float: left; } /* for Mozilla */
	
	
	#events .clientAttend {
		width: 110px;
		padding: 4px;
		border: 1px solid  #33cc00;
		-moz-border-radius: 5px; 
		border-radius: 5px;	
		margin: 13px !important;
	}
	* html #events .clientAttend { display: inline; } /* for ie */
	html>body #events .clientAttend { display: table; float: left; } /* for Mozilla */
	
	html>body #events .over2 { display: inline-block; float: none;} 	
	
	
	#events .eventResource { 
		clear: both;
		margin: 8px 0;
		height: 40px;
	}
	
	#events .eventResource .fileType { 
		float: left;
		width: 40px;
		height: 100%;
	}
	
	#events .eventResource .title { 
		float: left;
		font-weight: bold;	
	}
	
	#events .eventResource .desc {
		float: left;
		width: 264px;	
	}

	
	#events .tiny, #events .small { -moz-border-radius: 15px; border-radius: 15px; }
	
	#events .tiny	{ width: 110px; }
	#events .small  { width: 210px  }
	#events .narrow { width: 305px; }
	#events .med    { width: 405px; }
	
	#events .topRowHeight { height: 180px; }
	#events .botRowHeight { height: 235px; }
	
	#events .profileLink {	
		float: left;
		margin: 0 auto;
		text-align: center;
		width: 120px;
	}
	
	
#directionsPanel {
	float: right;
	border: 1px solid #ccc; 
	padding: 2px; 
	width: 346px;
}

#googlePopup {  display: none; }


/* Search Boxes --------------------------------------------- */
.resultBox {
	border: 1px solid #CCC;
	background-color: #EEE;
	float: left; 
	width: 99%;
	margin: 5px 0 5px 3px;
}
	.resultBox div.viewResults {
		float: left;
		width: 220px;
		margin: 3px;
	}
	.resultBox div.viewPage {
		float: right;
		width: 230px;
		margin: 3px;
	}

#mainResults {
	float: left;
	width: 740px; /* 100%; */
	margin: 5px 3px 5px 3px;
	border: 1px solid #CCC;
}
	#mainResults tr td {
		padding: 2px;
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #ebebeb;
	}
	#mainResults thead td {
		background-color: #BBEBC2;
		border-bottom: 1px solid #37b34a;
		font-weight: bold;
		height: 14px;
	}
		#mainResults thead td a {
			color: #000;
		}
	#mainResults tbody td.right { text-align: right; }
	#mainResults tbody td a { color: #455560; }
		
		
/* ---  LOCATION BOX --- */
.locateBox {
	float: left;
	margin: 4px;
	
	/*background-color: #ebebeb;*/
	width: 350px;
}
	.locateBox fieldset { border: 1px solid #37b34a; padding: 3px; }
	.locateBox p { padding: 2px; clear: both; }
	.locateBox label {
		display: block;
	}
	.locateBox legend {
		margin-left: 3px;
		padding: 2px;
		color: #0000C0;
	}


/* --- TERMS & CONDITIONS --- */
#terms {
	width: 99%; 
	height: 400px; 
	overflow: auto; 
	border: 1px solid #CCC; 
	padding: 4px; 
	margin: 3px;
}	
	#termsNoScroll h1, #terms h1, #privacy h1, #privacy h2, #privacy h3 { 
		font-size: 10pt; 
		font-weight: bold;
		margin: 0px;
		padding: 8px 2px 4px 2px;
	}
	
	
	

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	
#RHScol {

}
/*	=8:	[FOOTER] ------------------------------------------*/	
/* copyright, T & C etc... */
#footerHolder {
	width: 100%;
	float: left;
	height: 175px;
	background: url("../images/footer_bg.gif") repeat-x;
}

	#footer {
		margin: 0 auto;
		width: 760px;
		font-size: 8pt;
		height: 175px;
	}
		#footer p { 
			color: #fff;
			margin: 10px;
		}
		#footer a { 
			color: #fff;
			text-decoration: none;
		}
		
	#footer #footerLeft {
		float: left;
		width: 400px;
	}
	
	#footer #footerRight {
		float: right;
		width: 300px;
		text-align: right;
	}
	
		#footer #footerRight a {
			color: #99cc00;
			font-weight: bold;
		}
/*	=9:	[LISTS] -------------------------------------------*/	
ol li, ul li {
	margin-left: 25px;
}

ul.noStyle { 
	margin: 0px;
	padding: 0px;
	list-style:	none;
	text-align: left;
}

li {
	padding: 2px 2px 2px 8px;
}


ul.profileTabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: url('../images/nav/tabBOT_bg.gif') bottom left repeat-x;
}
	ul.profileTabs li {
		float: left;
		padding: 0px;
		margin: 0px;
	}	
	ul.profileTabs li.item {	
		width: 108px;
		height: 38px;
		background: url('../images/nav/tab_bg.gif') no-repeat;
	}
	ul.profileTabs li.itemSelected {
		width: 108px;
		height: 38px;	
		background: url('../images/nav/tab_bg_on.gif') no-repeat;
	}
	
	ul.profileTabs li.itemProfile {	
		width: 128px;
		height: 38px;
		background: url('../images/nav/tab_bg_main.gif') no-repeat;
	}
	
	ul.profileTabs li a { color: #455560; }
	ul.profileTabs li a, ul.profileTabs li strong {
		padding: 10px 0px 0px 20px;
		display: block;
	}
	ul.profileTabs li a:hover { 
		color: #37b34a;
		text-decoration: none;
	}
	ul.profileTabs li a.selected {
		color: #37b34a;
		font-weight: bold;
		text-decoration: none;
	}

ul#experienceList {
	list-style: none; 	
}
	ul#experienceList li {
		height: 16px;
	}


/*	=10: [FORMS] ------------------------------------------*/	

form {margin-bottom: 0px;}

.text { width: 220px; }
.large { width: 320px; }
.tiny { width: 40px; }
.small { width: 80px; }
.small100 { width: 100px; }
.med	{ width: 150px; }
.xlarge { width: 550px; }

.error { color: red; }

.button, .buttonRHS, .buttonLHS {
	width: 139px; 
	height: 30px; 
	color: #37b34a;
	border: 0px;
	display: inline-block;
	font-weight: bold;
	font-size: 8pt;
	padding: 0px;
}
	.buttonRHS {
		text-align: left;
		padding-left: 12px;
	}
	.button { background: url('../images/button_bg.gif') no-repeat; }
		.button:hover, .buttonRHS:hover, .buttonLHS:hover { text-decoration: underline; }
	
	.buttonRHS { background: url('../images/buttonRHS_bg.gif') no-repeat; }
	.buttonLHS { background: url('../images/buttonLHS_bg.gif') no-repeat; }
	
.nostyle {
	color: #37b34a;
	border: 0px;
	height: 22px;
	display: block;
	font-weight: bold;
	font-size: 8pt;
	padding: 0px;	
}

input.readonly { background-color: #efefef; }

div.readonly {
	border: 1px solid #000;
	background-color: #efefef;
	float: left;
	height: 80px;	
}

div.readonly2 {
	border: 2px solid #00CC00;
	background-color: #efefef;
	float: left;
	height: 80px;	
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #aaa;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.reviewTxt { border: 2px solid #cc0000; }
.select { border: 2px solid #CC0000; }
.searchBtn {
	height: 40px;
	width: 60px;
	margin: 4px;
}

.resetBtn { width: 60px; margin: 2px 4px; padding: 1px; }

.msgBox {
	margin: 0px auto;
	width: 90%;
	background-color: #efefef;
	border: 1px solid #37b34a;
	padding: 4px 10px 4px 10px;
	text-align: center;
}

/* Notice/alert box for NEW USER sign up */
.alertBox {
	width: 90%; 
	background-color: #ebebeb; 
	border: 1px solid #CCC; 
	padding: 20px;
	margin: 3px;
}


ul#formErrors, ul#formSuccess {
	margin: 0px auto;
	width: 70%;
	list-style-position: outside;
	padding: 4px 20px 4px 20px;
	border: 1px solid #37b34a;
}

ul#formErrors {
	list-style-image: url('../../../shared/images/icons/exclamation.png');
}

ul#formSuccess {
	list-style-image: url('../../../shared/images/icons/accept.png');
}



.inactiveTxt { 
	border: 1px solid #FFFFFF;
	padding: 0px 1px;
	margin: 1px 0px;
}

.activeTxt {
	border: 1px solid #404040;
	padding: 0px 1px;
	margin: 1px 0px;	
}

#sectorEdit p { padding: 1px; }

#sectorEdit label {
	float: left;
	text-align: right;
	width: 60px;
	font-weight: bold;
	margin-right: 3px;
}
	#sectorEdit input {
		width: 130px;
	}
	
	
#sendOpportunity label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}



/*	=11: [IMAGES] -----------------------------------------*/	

img, div { behavior: url('/webapp/templates/default/styles/iepngfix.htc'); } 

img {border: 0px; display: block;}	
img.inline { display: inline; }

/*	=12: [MISC] -------------------------------------------*/	
.hide { visibility: hidden; }
.unhide { visibility: visible; }

.disappear { display: none; }

.taken { color: #CCC;}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.top { vertical-align: top; }

.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #00CC00; }
.darkGreen { color: #33cc00; }                   
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #CCCCCC; }
.darkGrey { color: #444; }
.EightyPlusGrey { color: #455560; }
.EightyPlusOrange { color: #455560; }

.JungleGreen { color: #37b34a; }
.JungleGrey { color: #455560; }


.amber { color: #FF6600; }

/*
.red { color: #FF0000; }
.green { color: #00CC00; }
*/


/*	=13: [SWFUploader] -----------------------------------*/
.swfupload {
	vertical-align: top;
	z-index: 0;
}

.uploader {
	float: left;
	margin-left: 10px;
	width: 600px;
}
	.uploader .redBox {	
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px red solid;
		background-color: #fae8e8;
		margin: 10px 25px;
		padding: 10px 25px;

		font-size: 9pt;
		line-height: 16px;
	}
	
	.uploader .greenBox {	
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px green solid;
		background-color: #ecfaea;
		margin: 10px 25px;
		padding: 10px 25px;

		font-size: 9pt;
		line-height: 16px;
	}

div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}

div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;
}


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/*	=14: [ABOUT US PAGE] -----------------------------------*/
div#aboutus {
	position: relative;
	background: url('../images/about-visuals.jpg') no-repeat;
	width: 768px;
	height: 500px;
}
	.topGreen { color: #FFF; width: 123px; height: 102px;}
	

	.topSide p, .botSide p { padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; }	
	.topSide { position: absolute; width: 150px; color: #455560; top: 150px; }
	.botSide { position: absolute; width: 150px; color: #455560; }




/*	=15: [RSVP POPUP STYLE] -----------------------------------*/
.bClose {
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	right: 15px;
	text-decoration: none;
	top: 10px;
}

.popup { 
	background: url(../images/bg.png) no-repeat; 
	display:none;
	height:252px;
	padding:15px;
	width:454px;
	z-index: 100;
}

.alertmsg {
	background: url(../images/bg_msg.png) no-repeat !important; 
	height: 186px !important;
}

.popup p.alert {
	font-size:160%;
	left: 40px;
	position: absolute;
	text-align:left;
	top: 45px;
	width: 400px;
}

.popup p.alert2 {
	font-size: 11pt;
	left: 40px;
	position: absolute;
	text-align:left;
	top: 45px;
	width: 400px;
	float: left;
}

.popup form p {
	padding: 2px;
	clear: both;
}

.popup form label {
	float: left;
	margin-right: 4px;
	width: 110px;
	font-weight: bold;
}

.popup .action {
	float: left;
	width: 160px;
	margin: 37px 0 0 100px;
}


.popup .action input {
	 -moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.35;
    margin: 5px;
    overflow: visible;
    padding: 3px 10px 2px;
    text-decoration: none !important;
    vertical-align: top;
    width: auto;
}

.popup .action input[type='submit'] {
	background: -moz-linear-gradient(center top , #79c973 0pt, #79c973 1px, #39b033 1px, #10a605 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#79c973',endColorstr='#10a605',GradientType='0');	

	border-color: #308e06;
    color: #FFFFFF !important;
}

.popup .action input[type='button'] {
	background: -moz-linear-gradient(center top , #F2F2F2 0pt, #F2F2F2 1px, #E4E4E4 1px, #CECECE 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#F2F2F2',endColorstr='#CECECE',GradientType='0');
	
	border-color: #999999;
    color: #666666 !important;
}



/*	=16: [GOOGLE MAPS] -----------------------------------*/
#locationMap.myCursor img {
	cursor: url('../images/icons/map-marker-small_blue.png');
}


.addPinIcon {
	background: url('../images/icons/icon_addpin_blue.png') no-repeat;
	width: 40px;
	height: 40px;
	margin-left: -8px;
	cursor: pointer;
}

.moveIcon {
	background: url('../images/icons/icon_move.png') no-repeat;
	width: 40px;
	height: 40px;
	cursor: pointer;
}


#contextMenu {
	position: absolute;
	min-width: 100px;
	z-index: 1000;
	background: #fff;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #676767;
	border-right: solid 1px #676767;
	padding: 0px;
	margin: 0px;
	display:none;
}

#contextMenu a {
	color: #000;
	text-decoration: none;
	display: block;
	line-height: 22px;
	height: 22px;
	padding: 1px 10px;
}

#contextMenu li {
	list-style: none;
	padding: 1px;
	margin: 0px;
}

#contextMenu li.hover a {
	background-color: #A7C4FA;
}

#contextMenu li.separator {
	border-top: solid 1px #ccc;
}