@CHARSET "UTF-8";

/*
	Table of contents
	
	1. Global Styles
	2. Layout Styles
	3. Menu Styles
	4. Crumb Styles
	5. Pagination Styles
	6. Inner Styles
*/

/* Themes */

body.theme_1 {
	background: #678C9F url('../images/themes/1/bg-strip.png') 50% 1px;
}
body.theme_1 div#drap {
	background: url('../images/themes/1/bg-top.png') 50% 0 repeat-x;
}

body.theme_2 {
	background: #678C9F url('../images/themes/2/bg-strip.png') 50% 1px;
}
body.theme_2 div#drap {
	background: url('../images/themes/2/bg-top.png') 50% 0 repeat-x;
}

body.theme_3 {
	background: #678C9F url('../images/themes/3/bg-strip.png') 50% 1px;
}
body.theme_3 div#drap {
	background: url('../images/themes/3/bg-top.png') 50% 0 repeat-x;
}

body.theme_7 {
	background: #678C9F url('../images/themes/7/bg-strip.png') 50% 0;
}
body.theme_7 div#drap {
	background: url('../images/themes/7/bg-top.png') 50% 0 repeat-x;
}


div.profilehead.theme_1  {
	background: url('../images/themes/1/bg-profilehead.png') 0 0 repeat-x;
}
div.profilehead.theme_2 {
	background: url('../images/themes/2/bg-profilehead.png') 0 0 repeat-x;
}
div.profilehead.theme_3 {
	background: url('../images/themes/3/bg-profilehead.png') 0 0 repeat-x;
}
div.profilehead.theme_7 {
	background: #E3ECDF url('../images/themes/7/bg-profilehead.gif') 0 0 repeat-x;
}

/* end of themes */

#content div.profilehead div.head div.image.editable.context a img {
	height: auto;
}

@media screen
  {
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }
  }
				
/* Global Styles (1) */


ul,li{
	border: 0;
}

body
{
	color: #3f516e;
	font-family:arial,verdana,tahoma,geneva,sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: #678C9F url('../images/bg_sup.png') 50% 1px;
}

h1
{
	font-size: 16px;
	margin-left: 50px;
	margin-bottom: 0;
}

h2
{
	font-size: 14px;
	margin: 2px 0px 8px 0px;
	padding: 0px;
}
h3
{
	font-size: 14px;
	margin: 2px 0px 8px 0px;
	padding: 0px;
}
h4
{
	font-size: 13px;
	margin: 2px 0px 8px 0px;
	padding: 0px;
}
h5
{
	font-size: 10px;
	margin: 2px 0px 8px 0px;
	padding: 0px;
}
h6
{
	font-size: 13px;
	margin: 2px 0px 8px 0px;
	padding: 0px;
}
p
{
	clear: both;
	font-size: 12px;
	margin: 2px 0px 8px 0px;
	padding: 0px;
}

li
{
	margin: 0px;
	padding: 0px;
}
a:link
{
	color: #f23938;
	text-decoration: none;
}
a:visited
{
	color: #f23938;
	text-decoration: none;
}
a:hover
{
	color: #f23938;
}
a:active
{
	color: #f23938;
	text-decoration: none;
}

p.time
{
	color: #999;
	font-size: 10px;
	margin: 8px 0;
}

img
{
	border: none;
}
form
{
	margin: 0px;
	padding: 0px;
}

	form#create_group label
	{
		float: left;
		margin: 3px;
		width: 100px;
	}

	form.signup input.submit
	{
		clear: both;
	}
	
	form.signup label
	{
		float: left;
		padding: 5px;
		width: 120px;
		margin: 0px 0px 10px 0px;
	}

	
	/* don't set this at this scope level!
	form input.submit
	{
		clear: both;
	}
	
	form label
	{
		float: left;
		padding: 5px;
		width: 120px;
		margin: 0px 0px 10px 0px;
	}*/
	
	form textarea
	{
		color: black;
		font-family:arial,verdana,tahoma,geneva,sans-serif;
		font-size: 12px;
		padding: 5px;
		width: 300px;
	}

	form fieldset
	{
		/*border: solid 1px #eeeeee;*/
		margin-top: 10px;
		border: solid 1px #a2d7db;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	form fieldset legend
	{
		font-weight: bold;
		color: #3f516e;
	}

/* Layout Styles (2) */

div#layout
{
	margin: 0 auto 10px auto;
	width: 960px;
}

	div#layout div#banner
	{
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-webkit-box-shadow: 3px 3px 0px #F15E4C;
		-moz-box-shadow: 3px 3px 0px #F15E4C;
		background: #FFF;
		border-left: 1px solid #A1D6DC;
		border-right: 1px solid #A1D6DC;
	}

	div#layout div#header
	{
		clear: both;
		padding: 12px 20px 5px 20px;		
	}
	
	div#layout div#header div.autocomplete li
	{
		/*background-color: none;*/
	}
	
	
	div#layout div#header img.logo
	{
		float:left;
		margin-bottom: 5px;
	}
	
	div#layout div#header p
	{
		margin: 2px 0px 2px 0px;
	}
	
	div#layout div#menu
	{
		border-top: none;
		clear: both;
		background: url('../images/menu_back.gif') 0 70%;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-top: 1px solid #A1D6DC;
		border-bottom: 1px solid #A1D6DC;
	}
	
	/*  ----ORIGINAL BORDERED & BACKGROUNDED---
	
	div#layout div#crumb
	{
		border: solid 1px #eeeeee;
		border-top: none;
		border-bottom: none;
		clear: both;
		padding: 5px;
		background: #FFF;
		margin: 5px 10px 0 70px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #EEE;
	}
	*/		
				div#layout div#crumb
				{
					clear: both;
					padding: 5px;
					margin: 5px 5px 0 15px;
				}

				div#layout div#crumb h2
				{
					font-size:18px;
				}
	
	div#layout div#crumb h3
	{
		margin: 0;
	}
	
	div#layout div#crumb.error
	{
		background: #F00;
		color: #FFF;
	}
	
	div#layout div#content
	{
		width: 960px;
		margin: 0;
		padding: 0;
		-moz-box-shadow: 3px 3px 0px #F15E4C;
		-webkit-box-shadow: 3px 3px 0px #F15E4C;
		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-top-left-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		margin-top: 6px;
		clear:both;
		background: #F5F6F8 url('../images/chevron.gif') 0 120px no-repeat;
		min-height: 540px;
	}


	div#layout div#content div.photocontain
	{
		padding: 5px 0 0;
	}


	div.box h1
	{
		margin: 4px 0 4px 0;
	}

	div#layout div#content div.photocontain h1
	{
		padding: 5px 0 0;
	}

	div#layout div#content div#primary
	{	
		display: inline;
		clear: left;
		float: left;
		/*margin: 5px;*/
		width: 675px;
		margin: 0 0 0 70px;
	}

	div#layout div#content div#primary div#box 
	{
		background:white;
	}

	div#layout div#content div#primary.forumhm
	{
		width: 380px;
	}
	
	div.box.all_photo_tag_cloud,div.box.gallery_photos
	{
		padding: 5px;
	}
	
	
	
	div#layout div#content div#aux
	{
		float: right;
		display: inline;
		width: 195px;
		margin: 0 10px 0 0;
	}


/* Standard 10px padding on Boxes */

	div#layout div#content div#aux div.sidebar, div.all_photo_tag_cloud, div.box.photo_posted_by
	{
		padding: 5px 10px;
	}





	
	div#layout div#content div#aux.forumhm
	{
		width: 490px;
	}
	
	div#layout div#footer
	{
		margin-top: 6px;
		background: #FFF;
		border: solid 1px #eeeeee;
		clear: both;
		padding: 5px;
		font-size: 10px;
		
		-moz-box-shadow: 3px 3px 0px #F15E4C;
		-webkit-box-shadow: 3px 3px 0px #F15E4C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
	}
	div#layout div#footer span
	{
		float: right;
	}


div#layout div#content div.profilehead
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	float:left;
	width: 100%;
}

div#layout div#content div.head
{
	float:left;
	width: 100%;
	padding: 0;
}

div#layout div#content div.head div.image
{
	margin: 10px 14px -10px 8px;
}

div#layout div#content div.head>div.image
{
	margin: 10px 14px -10px 14px;
}


div#layout div#content div.head h1
{
	margin-top: 16px;
	text-shadow: 0px 1px 2px #FFF;
}

div#layout div#content div.head div
{
	margin-right: 14px;
}

div#layout div#content div.profilecontent
{
	/*background: #F5F6F8;*/
	clear:both;
	float:left;
	width: 100%;
	/*padding: 5px 0 0 0;*/
	/*border-left: 1px dotted red;
	border-right: 1px dotted red;*/
}

div#layout div#content div.profilehead div.tabs
{

}

div#layout div#content div.profilehead div.tabs>div
{
	padding: 0;
	clear:both;
	height: 0px;
}

/* Menu Styles (3) */

	div#layout div#menu ul
	{
		display: inline;
		list-style: none;
		margin: 0;
		padding-left: 10px;
		z-index: 100;
	}

	
	div#layout div#menu ul li
	{
		float: left;
		margin: 0px;
		cursor: pointer;
		z-index: 100;
		border-right: 1px solid #EEE;
	}
	
	div#layout div#menu ul li.selected
	{
		font-weight: bold;
	}
	
	div#layout div#menu ul li.selected li
	{
		font-weight: normal;
	}
	
	div#layout div#menu ul li a
	{
		color: #3f516e;
		display:block;
		padding: 5px 10px 5px 10px;
		z-index: 100;
	}

	div#layout div#menu ul li ul li a
	{
		padding-left: 8px;
		margin: 0;
	}
	
	div#layout div#menu ul li ul
	{
		border-left: 1px solid #DDD;
		border-right: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		background-color: #EEE;
		padding: 2px 1px 1px 1px;
		left:-1000px;
		position:absolute;
		z-index: 100;
		-webkit-transition: opacity 0.2s linear;
		opacity: 0.0;
		-webkit-box-shadow: 2px 2px 4px #DDD;
	}
	
	div#layout div#menu ul li:hover,
	div#layout div#menu ul li.over
	{
		background-color: #EEE;
		z-index: 200;
	}
	
	div#layout div#menu ul li:hover ul,
	div#layout div#menu ul li.over ul
	{
		opacity: 1.0;
		left:auto;
		z-index: 200;
	}
	
	div#layout div#menu ul li ul li
	{
		float: none;
		z-index: 200;
		width: 140px;
		border: none;
	}
	
	div#layout div#menu ul li ul li:hover,
	div#layout div#menu ul li ul li.over
	{
		background-color: #DDD;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	
	
	div#layout div#menu form
	{
		padding: 0;
		margin: 0;
		float:right;
	}
	
	div#layout div#menu form label
	{
		padding: 0;
		margin: 0;
		width: none;
		margin: 5px;
		display:block;
		float:left;
	}
	
	div#layout div#menu form input
	{
		margin: 3px 10px 0 0;
		border: 1px solid #DDD;
		font-family:arial,verdana,tahoma,geneva,sans-serif;
		font-size: 12px;
		padding: 1px;
		width: 140px;
	
	}

/* Crumb Styles (4) */

	/*div#layout div#crumb p
	{
		position: relative;
		left: 0px;
		width: 450px;
		clear: none;
	}*/
	
	div#layout div#crumb p span
	{
		margin: 0 10px 0 10px;
	}
	
/* Pagination Styles */
div.paginator
{
	margin: 5px 0px 5px 0px;
	padding: 4px 0;
	clear:both;
	text-align: right;
}

div.paginationControl
{

}

div.paginationControl span
{
	border: none;
	background: red;
	color: white;
	padding: 1px 2px 1px 2px;
}

div.paginationControl a
{
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	margin: -2px;
	padding: 0 2px 0 2px;
}

div.paginationControl a.prev
{
	border-left: none;
}

div.paginationControl a.next
{
	border-right: none;
}

/* Inner Styles (6) */
		/* spacer */
		div.spc
		{
			clear: both;
		}
		
		/* div box */
		div.box, div#crumb form
		{
			background: #FFF;
			border: solid 1px #EEE;
			padding: 8px;
			margin-top: 5px;
			margin-bottom: 5px;
			clear: both;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		
		
		#content div.box 
		{
			background-color: white;
		}
		
		#content div.box.feed 
		{
			padding-bottom: 3px;
		}
		
		div.box ul li.discusslist div.feeditem div
		{
			padding-right: 20px;
			display: inline;
			float: left;
		}
		
		div.box ul li.discusslist div.feeditem div h3,div.box.discuss ul li.discusslist div.feeditem div h5
		{	
			margin: 0;
		}
		
		
			div.discuss
			{
			padding-top: 8px;
			}
			
			div.box img.boxicon
			{
				float: right;
			}
				

			#content div.profilehead div.head div.context a img {
			height: auto;
			}
			
			
		div.box p.more
		{
			text-align: right;
		}
		
		/* status */
		div#status div#statusedit
		{
			
		}
		
		fieldset
		{
			border: solid 1px #EEE;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		div.editable span
		{
			display: none;
			padding: 0;
			border: none;
		}
		
		div.editable:hover span
		{
			display: block;
			position: absolute;
			border: solid 1px #EEE;
			background-color: #EEE;
			font-size: 11px;
		}
		
		div.editable span a.first
		{
			display: block;
			padding: 2px 5px 2px 5px;
			border-top: none;
		}
		
		div.editable span a
		{
			border-top: 1px dotted #CCC;
			display: block;
			padding: 2px 5px 2px 5px;
		}
		
		/* friends list */
		div.friends ul
		{
			clear: both;
			text-align: center;
			float: left;
			margin: 0px;
			padding: 0px;
		}
		div.friends li
		{
			margin-right: 5px;
			margin-bottom: 10px;
			float: left;
			list-style:none;
			text-align: center;
			width: 50px;
			clear: none;
		}


		/* galleries list */

		div.galleries ul
		{
			clear: both;
/*
			text-align: center;
			float: left;
*/
			margin: 0px;
			padding: 0px;
		}

		div.galleries li
		{
			margin-right: 5px;
			margin-bottom: 10px;
			list-style:none;
/*
			float: left;
			text-align: center;
			width: 50px;
			clear: none;
*/
			height: 50px;
			overflow: hidden;
		}
		
		div.galleries li img
		{
			vertical-align: middle;
		}


		div.box span.options, div.box div.options
		{
			float: right;
			font-weight: normal;
		/*	margin-top:0.8em;*/
		
		}
		
		/* message */
		div.msg
		{
			border: solid 1px white;
			padding: 5px;
		}

		
		div.msg div.preview
		{
			float: left;
			width: 60px;
		}
		div.msg div.msg_body
		{
			float: left;
		}
		
		/* member preview */
		div.member
		{
			border: solid 1px white;
			padding: 5px;
		}

		div.member div.preview
		{
			float: left;
			width: 120px;
		}
		div.member div.msg_body
		{
			float: left;
		}
		
		/* tabs */
		div#content div.tabs
		{
			clear:both;
			float:left;
			width:100%;
		}
		
		div#content div.tabs ul.tabs
		{
			float:left;
			list-style: none;
			padding: 0;
			margin: 0 0 0 0;
			padding-left: 76px;
			z-index: 150;
			width: 870px;
		}
		
			div#content div.tabs ul li
			{
				top: 0px;
				float:left;
				margin-left: 4px;
				border: 1px solid #999;
				cursor: pointer;
				z-index: 1000;
				margin-bottom:-2px;
				background: #f8f8f8 url('../images/tabs/navtab-1px-0.gif') repeat-x top;
			}
		
			div#content div.tabs ul li span
			{
				padding: 5px;
				display: block;
			}
			
			div#content div.tabs ul li a
			{
				color: #313F5A;
			}
		
			div#content div.tabs ul li:active
			{
				background: #AAA;
			}
		
			div#content div.tabs ul li.selected
			{
				border-bottom: 2px solid #F5F6F8;
				color: #FFF;
				background: #f9fcfd url('../images/tabs/navtab-1px-1.gif') repeat-x top;
			}
			div#content div.tabs div
			{
				clear: left;
				border-top: 2px solid #999;
				padding: 0 10px 0 10px;
				
			}
			
		/* group members */
		div#groupMembers ul
		{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		div#groupMembers ul li
		{
			float: left;
			width: 50px;
			text-align: center;
		}
		
		/* board */
		
			/*div#board div.post
			{
				border-bottom: solid 1px #eeeeee;
			}
			div#board div.post div.image
			{
				float: left;
				margin: 5px;
			}
			div#board div.content
			{
				float: left;
				margin: 5px;
				width: 400px;
			}
			*/
			
			img.online_indicator
			{
				display: block;
				border:none; 
				margin: 0 0 0 22px; 
				clear:both; 
				padding:0;
				border: none;
			}
			
			div.image img.online_indicator
			{
				border:none; 
				margin: 0 0 0 19px; 
			}
				
			span.delete
			{
				margin-left: 5px;
			}
			
			div#board div.content textarea
			{
				margin: 0px;
				width: 350px;
				height: 150px;
				color: black;
				font-family:arial,verdana,tahoma,geneva,sans-serif;
				font-size: 12px;
				padding: 5px;
			}
			
			div.post span.delete, div.post span.wall2wall, div.post span.edit, span.report, div.post span.save, div.post span.cancel
			{
				font-size: 11px;
				font-weight: normal;
				float: right;
				clear: right;
				color: #aaa;
				cursor: pointer;
			}
			div.post span.delete:hover, div.post span.wall2wall:hover, div.post span.edit:hover, div.post span.report:hover, div.post span.save:hover, div.post span.cancel:hover
			{
				cursor: pointer;
				color: black;
			}
			
		/* group preview */
			
			div.group_preview div.options p
			{
				font-size: 10px;
				margin: 3px 0 5px 0;
			}
		
			div.group_preview div.options
			{
				margin-top:0;
				width: 180px;
			}
		
			div.group_preview div.photo

			{

				float: left; margin: 0;

			}

			div.group_preview div.content
			{
				margin: 0 5px 0 20px;
				width: 300px;
			}
		
			div.group_preview div.content p
			{
				font-size:10px;
			}
			
			
			
		
		/* member preview */
		div.member_preview
		{
			border-bottom: solid 1px #eeeeee;
			clear: both;
		}
			div.member_preview div.image
			{
				float: left;
				margin: 5px;
			}
			div.member_preview div.content
			{
				margin: 5px;
			}
			div.member_preview div.controls
			{
				margin: 5px;
				float: right;
			}
		
		/* compact version of the login */
		div.compactLogin
		{	
			
		}
			div.compactLogin form p
			{
				width: auto;
				font-size: 11px;
			}
			div.compactLogin form p label
			{
				margin: 0px;
				padding: 0px;
				width: auto;
				font-size: 12px;
			}
			div.compactLogin form input
			{
				margin-bottom: 5px;
			}
			
		/* help dialog styles */
		div.helper
		{
			float: left;
		}
			div.helper div.help_holder
			{
				float: right;
				clear: none;
			}
				div.help_dialog
				{
					position: absolute;
					background-color: white;
					width: 200px;
					
				}
					div.help_dialog div.inner
					{
						margin: 5px 5px 10px 5px;
					}
		/* service history */
		form.sh span.button
		{
			clear: both;
		}
		form.sh span.button:hover
		{
			cursor: pointer;
		}
		form.sh p.error
		{
			color: red;
		}
		div.servicehistory
		{
			border-bottom: solid 1px #eeeeee;
		}
			div.servicehistory div.content
			{
				margin: 5px 5px 10px 5px;
			}
				div.servicehistory div.content span.button
				{
					float: right;
					font-size: 10px;
					color: red;
					border: solid 1px red;
					padding: 3px;
				}
				div.servicehistory div.content span.button:hover
				{
					cursor: pointer;
				}
		/* New Widget */
		div.widget
		{
			
		}
			div.widget ul
			{
				list-style: none;
				width: 100%;
				margin: 0px;
				padding: 0px;
				float: left;
			}
				div.widget ul li
				{
					float: left;
					width: 75px;
					margin: 5px;
					text-align: center;
				}
					div.widget ul li span
					{
						float: left;
						width: 100%;
					}
					div.widget ul li span.sendmsg
					{
						font-size: 9px;
					}
		/* New Members Widget */
		div.discussions
		{
			
		}
			div.discussions ul
			{
				list-style: none;
				width: 100%;
				margin: 0px;
				padding: 0px;
			}
				div.discussions ul li
				{
					margin: 3px 0px 3px 0px;
					float: left;
				}
					div.discussions ul li span
					{
						float: left;
						font-size: 9px;
						width: 100%;
					}
		
		/* video */
		div.video
		{
			border: solid 1px #eeeeee;
			padding: 0px;
			margin: 0px;
		}

		

		/* new members (on the homepage) */

		div.new_member
		{
			float:left;
			width: 100px;
			text-align: center;
			display: block;
			padding: 0;
		}

		div.new_member img
		{
			border: solid 1px #eeeeee;
			padding: 1px;
		}

		div.new_member p.name
		{
			font-weight:bold;
			padding: 0;
			margin: 0;
		}

		div.new_member p.service
		{
			font-size:10px;
			padding: 0;
		}

div.feed.results.box {
	padding: 5px 0 5px 5px;
	/*background: transparent;*/
}		
	
			
div.feed ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}


div.feed ul li
{
	clear:both;
	
}


div.feed ul li div.feeditem, div#aux .feeditem, div.feeditem, div.box.all_photo_tag_cloud
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: white;	
	border: 1px solid #a2d7db;
	margin-bottom: 5px;
	padding: 8px;
}

div.feed ul li div.feeditem
{
	margin-left: 0;		
}

div.feed.results.box ul
{
	padding-left: 2px;
	margin-top: 3px;
}

div.feed ul p {
	margin: 4px 0;
}

div.feed ul.members li
{
	padding: 0;
	background-color: white;
	float: left;
	display: inline;
	clear:none;
	width:430px;
	margin-right: 5px;
}

div.feed ul.members li div.content
{
	width: 340px;
	float:right;
}

div.feed ul.members li div.content div.options
{
	float: right;
	width: 100px;
}

div.feed ul li.selectable
{
	cursor: pointer;
}

}

div.feed ul li.selectable:hover
{
	background: #eaf6f7;
}


div.feed ul li.incoming div.feeditem
{
	background: #ECEFF5;
}

div.image
{
	float:left;
	margin: 0 6px 6px 0;
}

div.image img
{
	padding: 1px;
	border: 1px solid #DDD;
	background: #FFF;
}

div.content
{
	width: 510px;
	float:left;
}


ul li h4, div.post h4
{
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 12px;
}


.button
{
	display: inline;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid red;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	background-color: #e93f2e;
	margin-bottom: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: none;
	margin-left: 5px;
}

.button,.button:link,.button:visited
{
	color: white;	
}

.button:hover
{
	color: #fee4e0;
}

ul.members .button, .button.right{
	float: right;
}

ul.members .button
{
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #a2d7db;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	background-color: #fefefe;
	margin-bottom: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.complete, span.sent.button.complete
{	
	color: #999;
	background-color: #fefefe;
	border-color: #a2d7db;
	cursor: default;
}


ul.members .button, ul.members .button:link, ul.button:visited
{
	color: #e93f2e;	
}

.complete,.complete:link,.complete:visited,.complete:hover
{
	color: #999;
}

ul.members .button:hover
{
	color: #c90410;
}

ul.members .sent.button.complete 
{
	color: #999;
}



div.feed ul li span.time
{
	float:right;
	color: #AAA;
	font-size:10px;
}

div.feed ul li span.count
{
	float:right;
	color: #AAA;
	font-size: 10px;
}

div.feed ul li div.content
{
	margin-left: 8px;
	
}

div#aux div.feed ul li div.content
{	
	width:380px;
	margin-left: 8px;
}


div.feed ul li div.content div.memberdetails p {
	clear: none;
	margin: 4px 0;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

div.feed ul li div.content div.memberdetails p span.profdetail {
	float: left;
	width: 80px;
	font-weight: normal;
}


div.feed ul li div.profile
{
	width: 52px;
	float:left;
}

div.feed ul.members li div.profile
{
	width: 58px;
}

div.feed ul li div.profile a.image
{
	padding: 1px;
	margin-left: 4px;
}

div.feed ul li div.profile img.icon
{
	width: 20px;
	height: 20px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 8px;
	float:right;
}

div.feed ul li ul
{
	background: #FAFAFA;
	border: 1px solid #DDD;
	padding: 4px 0 0 4px;
	margin: 6px 0 6px 0px;
}

div.feed ul li ul li
{
	border-top: none;
	clear:none;
	float:left;
}

div.feed ul li.more
{
	border: none;
	clear:both;
	font-size: 10px;
	padding: 2px;
	float: none;
	margin: 0;
	text-align:right;
}

div.feed ul li div.comment
{
	background: url('../images/quote_open_w.png') 2px left no-repeat;
	padding-left: 26px;
	padding-bottom: 4px;
	overflow: hidden;
}

div.feed ul li div.comment p
{
	background: url('../images/quote_close_w.png') bottom right no-repeat;
	padding-top: 0;
	padding-right: 26px;
	margin-bottom: 20px;
}

div.feed ul li a.image
{
	clear:none;
	border: 1px solid #DDD;
	padding: 2px;
	float: left;
	margin-right: 4px;
	background: #FFF;
	margin-bottom: 4px;
}

div.feed ul li a.image img
{
	display: block;
}

div.profilehead a.capbadge
{
	margin: 4px 0 4px 6px;
	padding: 2px;
	border: 1px solid #DDD;
	background: #FFF;
	float: right;
	z-index: 100;
}

/* Autocomplete stuff */
div.autocomplete 
{
	position:absolute;		
	margin:0px;	
	padding:0px;
	background: #FFF;
	z-index: 2000;
}

div.autocomplete ul
{
	background-color:white;
	border:1px solid #888;
	z-index:2000;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected 
{ 
	background-color: #ffb;
}

div.autocomplete ul li 
{
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:auto;
  cursor:pointer;
  clear:both;
  background: #FFF;
  float: none !important;
}


div.autocomplete ul li .subtext {
  font-style: italic;
  font-size: x-small;
  padding-left: 1em;
}

div.autocomplete ul li a 
{
	padding: 0 !important;
}

div.autocomplete li img
{
	float:left;
	border: 1px solid #DDD;
	padding: 1px;
	background: #FFF;	
	margin-right: 5px;
	margin-top: -6px;
}

div#friend_autocomplete_choices
	{
	background: none;
	}

div#friend_autocomplete_choices ul
{
	display: block;
	background: white;
	width:260px;
}

div#friend_autocomplete_choices ul li
{
	padding-top: 7px;
	display: block;
	width: 255px;
}

form.status
{
	width: 585px;
	padding:2px; 
	background: #DDD;
	margin: 0;
	border: 1px solid #AAA;
}

form.status input#status_text
{
	padding: 4px;
	border: 1px solid #AAA;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	width: 490px;
	color: #999;
	clear:none;
	font-size: 12px;
}

form.status input#status_text.dirty
{
	color: #000;
}

span#stat_time
{
	font-size: 9px;
}

form.status input#submit_status
{
	margin-left: 10px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #AAA;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: pointer;
	clear:none;
	font-size: 12px;
}

form.status input#submit_status:hover
{

}

form.status input#submit_status:active
{

}

form.message
{
	padding: 5px;
}

form.message label
{
	float:left;
	width: 55px;
	text-align: right;
	margin-right: 10px;
}

form.message textarea
{
	height: 100px;
	width: 520px;
	max-width: 520px;
	border: 1px solid #DDD;
	padding: 2px;
}

form.message input
{
	margin-top: 5px;
	margin-left: 65px;
}

form.boardform textarea
{
	margin-top: 6px;
	height: 45px;
	width: 485px;
	max-width: 485px;
	border: 1px solid #DDD;
	padding: 2px;
	margin-left: 62px;
}

form.boardform input
{
	margin: 5px 0 5px 62px;
	
}


li.unread
{
	background-color: #ECEFF5;
}

div.message_status
{
	width: 40px;
	height: 80px;
	float: left;
	margin-right: -10px;
}

li.replied div.message_status
{
	background: url('../images/reply.png') 50% 50% no-repeat;
}

li.unread div.message_status
{
	background: url('../images/blue.png') 50% 50% no-repeat;
}


.conversations li div.from
{
	width: 160px;
	float:left;
	margin: 5px 10px 5px 10px;
}


/* Photo stuff */

.gallery_organise ul {
	list-style-type:none;
	list-style-position:inside;
	padding-left:0px;
}

	.gallery_organise ul li {
		width: 110px;
		height:110px;
		float:left;
	}

		.gallery_organise ul li .photo img {
			border: 1px #999999 solid;
			padding: 2px;
		}



.galleries_organise ul {
	list-style-type:none;
	list-style-position:inside;
}

	.galleries_organise ul li {
		float:left;
		margin-right:5px;
		width:110px;
		height:150px;
	}

		.galleries_organise ul li p {
			overflow:hidden;
		}

		.galleries_organise ul li .photo img {
			border: 1px #999999 solid;
			padding: 2px;
		}



.gallery_photos ul {
	list-style-type:none;
	list-style-position:inside;
	padding-left:0px;

}

	.gallery_photos ul li {
		width: 160px;
		height:200px;
		float:left;
		margin-bottom:10px;
	}

		.gallery_photos ul li table {
			border: none;
			padding: 0px;
			width:160px; 
		}

		.gallery_photos ul li .tb_photo_image {
			text-align:center;
			height:160px;
		}

		.gallery_photos ul li .photo img {
			border: 1px #999999 solid;
			padding: 2px;
		}

.profile_photo_gallery_own ul {
	list-style-type:none;
	list-style-position:inside;
	padding-left:0px;

}

	.profile_photo_gallery_own ul li {
		width: 160px;
		height:240px;
		float:left;
		margin-bottom:10px;
	}

		.profile_photo_gallery_own ul li table {
			border: none;
			padding: 0px;
			width:160px; 
		}

		.profile_photo_gallery_own ul li .tb_photo_image {
			text-align:center;
			height:160px;
		}

		.profile_photo_gallery_own ul li .photo img {
			border: 1px #999999 solid;
			padding: 2px;
		}

.gallery_list ul {
	list-style-type:none;
	list-style-position:inside;
}

	.gallery_list ul li {
		width: 160px;
		height:200px;
		float:left;
		overflow:hidden;
	}

		.gallery_list ul li .tb_photo_image {
			width:160px;
			height:160px;
			text-align:center;
		}

		.gallery_list ul li .title {

			font-weight:bold;

			overflow:hidden; 

		}

		.gallery_list ul li .photo_count {

			font-size:smaller;

			overflow:hidden;

		}

		.gallery_list ul li .photo img {

			border: 1px #999999 solid;

			padding: 2px;

		}



.gallery_edit_photos ul {

	list-style-type:none;

	list-style-position:inside;

}

	.gallery_edit_photos ul li {

		width: 160px;

		height:300px;

		margin:2px;

		float:left;

		overflow:hidden;

	}

		.gallery_edit_photos ul li .tb_photo_image {

			width:160px;

			height:160px;

			text-align:center;

		}

		.gallery_edit_photos dl dd {

			margin-left: 0px;

		}

		.gallery_edit_photos ul li .photo img {

			border: 1px #999999 solid;

			padding: 2px;

		}

		

.photo_large .photo img {

	border: 1px #999999 solid;

	padding: 2px;

}

	

.photo_tags ul {

	list-style-type:none;

	list-style-position:inside;

	padding-left:0px;



}

.photo_tag_text {

	width:auto;

	float:left;

}

.photo_tag_remove_link {

	margin-left:5px;

}



ul.copytogallerylist {

	list-style-type:none;

	list-style-position:inside;

	padding-left:0px;

}

	ul.copytogallerylist li ul {

		list-style-type:none;

		list-style-position:inside; 

		padding-left:10px;

	}



.created_member {

	color:#339933;

	font-size:x-small;

	overflow:hidden;

}

.created_time {

	color:#999999;

	font-size:xx-small;

	overflow:hidden;

}

/* END: Photo Stuff */


/* Upgrade Stuff */


form.upgrade_details p {
	padding: 5px;
}

form.upgrade_details label {

		float: left;

/*		padding: 5px;*/

		width: 110px;

/*		margin: 0px 0px 10px 0px;*/
		vertical-align: middle;
}

form.upgrade_details label.inline {

		display:inline;

		float:none;

}


iframe.threedsecure {

	width: 600px;

	height: 500px;

	border: 1px solid black;

}

div.error {
	color:#990000;
}

div.error h4 {
	margin-bottom: 12px;
}

div.error p {
	font-style: italic;
}
/* END: Upgrade Stuff */


form.member_search 
{	background-color: white;
	margin: 0 0 0 50px;
}

form.member_search fieldset
{
	margin: 5px 5px;
}

form.member_search fieldset p
{
	margin: 5px;
	padding: 3px;
}
form.member_search label
{
	margin: 5px;
	width:100px;
	float:left;
}

form.member_search input
{
	margin-right: 5px;
}

form.member_search fieldset
{
	padding: 2px;
}

form.member_search fieldset legend
{
	padding: 2px 5px 2px 18px;
	cursor: pointer;
}

form.member_search fieldset.open legend
{
	background: url('../images/folder_open.gif') 4px 50% no-repeat;
}

form.member_search fieldset.closed legend
{
	background: url('../images/folder_closed.gif') 4px 50% no-repeat;
}


form.profileedit label
{
	width: 120px;
	float:left;
	margin-top: 2px;
	margin-left:0px;
	padding-left: 8px;
}


form.profileedit p.first 
{
	margin-top: 12px;
}

span#successMessage
{
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
}

#header form.login, #header form.login .button
{
	font-size: 10px;
	float: right;
}


#header form.login div
{
	width: 180px;
	float: left;
}

#header form.login div *
{
	font-size: 11px;
}

#header form.login input.button
{
	font-size: 11px;
}

div.dialog_holder
{

}

div.dialog
{
	width: 460px;
	border: 4px solid #F15E4C;
	position: absolute;
	-webkit-box-shadow: 2px 2px 5px #333;
	-webkit-border-radius: 5px;
	background: #FFF;
	z-index:5100;
	margin-left: -240px;
	left: 50%;
	top: 160px;
}

body>div.dialog
{
	position: fixed;
}
	

div.dialog form
{
	padding: 10px 15px 10px 15px;
}

div.dialog form label
{
	width: 140px;
	display: block;
	float: left;
	text-align: right;
	padding: 4px;
}

div.dialog form input,
div.dialog form textarea
{
	border: 1px solid #DDD;
	padding: 2px 4px 2px 4px;
	-webkit-border-radius: 3px;
}

div.dialog form p
{
	margin-top: 5px;
}


#screen
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width:100%;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/trans50black.png');
	z-index:5000;
}	

body>#screen
{
	position: fixed;
	background: url('../images/trans50black.png');
}

textarea
{
	color: black;
	font-family:arial,verdana,tahoma,geneva,sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 300px;
}

ol#into_wizard
{
	list-style: none;
	margin: 0;
	padding: 5px;	
}

ol#into_wizard li
{
	margin: 4px 0px 6px 0;
	float: left;
	width: 150px;
}
	ol#into_wizard li a
	{
		width: 122px;
		float: right;
		margin-top: 2px;
	}
	ol#into_wizard li .icn
	{
		float: left;
		margin-top: 0px;
	}

/*
ol#into_wizard
{
	margin: 0 0 0 0;
	padding: 5px;
}

ol#into_wizard li
{
	display: block;
	float: left;
	padding: 0 8px 0 0;
	background: url('../images/wizard_arrow.gif') 100% 50% no-repeat;
}

ol#into_wizard li.last
{
	padding: 0;
	background: none;
}


ol#into_wizard li a
{
	font-size: 14px;
}

ol#into_wizard li.done a
{
	text-decoration:line-through;
	color: #AAA;
}

ol#into_wizard li a
{
	height: 3.4em;
	width:95px;
	border: 1px solid #DDD;
	background: #A1D6DC url('../images/wizard_back.gif') 0 0 repeat-x;
	padding: 6px 8px 6px 8px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 2px #FFF;
	display: block;
	line-height: 1.1em;
}

ol#into_wizard li a img
{
	margin: 0 0 0 2px;
	float:right;
	width: 20px;
	height: 20px;
}

ol#into_wizard li a img.icon-search {
	background: url('../images/feed/icon-search.png') 0 0 no-repeat;
}
ol#into_wizard li.done a img.icon-search {
	background: url('../images/feed/icon-search-on.png') 0 0 no-repeat;
}

ol#into_wizard li a img.icon-pages {
	background: url('../images/feed/icon-pages.png') 0 0 no-repeat;
}
ol#into_wizard li.done a img.icon-pages {
	background: url('../images/feed/icon-pages-on.gif') 0 0 no-repeat;
}

ol#into_wizard li a img.icon-edit-profile {
	background: url('../images/feed/icon-edit-profile.png') 0 0 no-repeat;
}
ol#into_wizard li.done a img.icon-edit-profile {
	background: url('../images/feed/icon-edit-profile-on.gif') 0 0 no-repeat;
}

ol#into_wizard li a img.icon-photos {
	background: url('../images/feed/icon-photos.png') 0 0 no-repeat;
}
ol#into_wizard li.done a img.icon-photos {
	background: url('../images/feed/icon-photos-on.gif') 0 0 no-repeat;
}

ol#into_wizard li a img.icon-groups {
	background: url('../images/feed/icon-groups.png') 0 0 no-repeat;
}
ol#into_wizard li.done a img.icon-groups {
	background: url('../images/feed/icon-groups-on.gif') 0 0 no-repeat;
}

ol#into_wizard li a:hover
{
	background: #A1D6DC url('../images/wizard_back.gif') 0 -10px repeat-x;
}

ol#into_wizard li a:active
{
	background: #A1D6DC url('../images/wizard_back.gif') 0 -40px repeat-x;
}
*/

ol.tos li
{
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

ol.tos ol li
{
	font-weight: normal;
}

div#privacy p
{
	margin: 5px 0px 5px 0px;
}

 form#settings
 {
 
 }
 
 	form#settings div h5 {
		display:inline;
	}

 	form#settings div.itm
 	{
 		float: left;
 		width: 100%;
 		padding: 5px 0px 5px 0px;
 		clear: both;
 		border-bottom: solid 1px #eeeeee;
 	}
 
	 form#settings div.type
	 {
		 float: left;
		 clear: none;
	 }
	 
	 form#settings div.type img
	 {
	 	float: left;
	 	margin-right: 20px;
	 }
	 
	 form#settings div.options
	 {
	 	float: right; width: 20%; clear: none;
	 }
	 	form#settings div.options div.yes, form#settings div.options div.no
	 	{
	 		width: 50%;float: left; text-align: center;
	 	}

  
  div.form_item
  {
  	float: left;
  	padding: 6px 0px 6px 0px;
  	width: 100%;
  	clear: both;
  }
  
  	div.form_item div.form_helper
  	{
  		position: absolute;
		width: 300px;
		border: solid 1px red;
  		background-color: white;
  		padding: 10px;
  		margin: 30px 0px 0px -85px;
  	}
  	
  	div.form_item>div.form_helper
  	{
  		margin: 30px 0px 0px 0px;
  	}
  	
  	div.form_item div.form_helper div.errorarrow
  	{
  		width: 100%;
		height: 6px;
		margin: auto;
		background-image: url(/images/landing/error_arrow.gif);
		background-position: center top;
		background-repeat: no-repeat;
		position: relative;
		margin-top: -16px;
  	}
  	
  	div.form_item div.form_helper h4
  	{
  		margin-top: 10px;
  	}
  	
  	div.form_item input#form_cv2
  	{
  		width: 25px;
  	}
  	
  	div.form_item input#form_issue_number
  	{
  		width: 15px;
  	}
  	
  	label.req
  	{
  		color: red;
  	}
  	
  	
  	form.composemessage
  	{
  	
  	}
  	
  	div#recips .button
  	{
  		margin: 3px;
  		float:left;
  	}
  	
  	form.composemessage input#recip_autocomplete
  	{
  		margin: 0;
  		background: none;
  	}
  	
  	form.composemessage label
  	{
		width: 80px; 
		float: left; 
		text-align:right;
		padding: 5px;
	}
  	
  	form.composemessage input#recip_autocomplete:focus
  	{
  		outline: none;
  	}
  	
  	div#recip_autocomplete_choices ul
	{
		width:260px;
	}
	
	div#recip_autocomplete_choices ul li
	{
		padding-top: 7px;
		display: block;
		width: 255px;
	}
	
	form span.inprogress
	{
		width: 20px;
		height: 20px;
		display: block;
		float:right;
		background: url('../images/indicator.gif') 50% 50% no-repeat;
	}


	div#smileys
	{
		float: right;
	}
		div#smileys div#smileys_nav
		{
			position: absolute; background-color: white; width: 250px;padding: 10px;
			border: solid 1px #a2d7db;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
	
			div#smileys div#smileys_nav div.smileys_inner
			{
				float: left; clear: both;
				padding-bottom: 5px;
				width: 100%;
			}
			
				div#smileys div#smileys_nav div.smileys_inner span.item
				{
					width: 60px; float: left;text-align: center;clear: none;
				}
				
				div#smileys div#smileys_nav div.smileys_inner span.item span.im
				{
					width: 60px; float: left;clear: both; min-height: 30px;
				}
				
				div#smileys div#smileys_nav div.smileys_inner span.item span.txt
				{
					width: 60px; float: left;clear: both;
				}
				
				
				ul.genericfeed
				{
					padding: 0;
					margin: 0;
					list-style: none;
				}
				
				ul.genericfeed li
				{
					display: block;
					padding: 2px 0 4px 28px;
					margin: 8px 0 0 0;
					background-position: 0 0;
					background-repeat: no-repeat;
					clear:both;
				}