/* 
	Default layout 
	everything must be within .gspark namespace
*/

* { outline:none; }

body { margin:0; padding:0; font-size:62.5%; background-color:#333; }
.center { text-align: center; }

button::-moz-focus-inner { border:none }



.flvUrl {display: none;}
#inviteMembersTbl td {
	width: 45%;
	vertical-align: top;	
}
#inviteMembersTbl textarea {
	height: 250px;
	width: 328px;
}
#inviteMembersTbl input#inviteMailSubject {
	width: 320px;
}

a { color:#3af }
a img { border: none; }
.error { color: red; }
.clear { clear: both; }

h4#toggleEditCSSbanner,
h4#toggleEditCSS {
	color: #fff;
}
#validateCSS, #validateCSSbanner, #cssValidationResponse, #cssValidationResponseBanner { display: none;}
#cssValidationResponse, #cssValidationResponseBanner {
	margin: 10px 0 10px 0;
	padding: 10px;
	background: #666;
	border: 1px solid #fff;
}
#cssValidationResponseBanner table,
#cssValidationResponse table { width: 100%; }
#cssValidationResponseBanner td,
#cssValidationResponse td { vertical-align: top; padding: 3px;}
#cssValidationResponseBanner .error,
#cssValidationResponse .error { color: #000; }
textarea#wCssBanner,
textarea#wCss {
	width: 100%;
	height: 250px;
	display: none;
}
.cssHelp { 
	display: none; 
	background: #999;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.passwordError {
	padding: 5px 0 0 15px;
}

.inviteRow {
	margin: 0 15px 5px 15px;
	background: #eee;
	padding: 5px;
}
.inviteRow.approved b {
	display: block;
	width: 15px;
	height: 15px;
	background: green;
	float: right;
}
.inviteRow.notapproved b {
	display: block;
	width: 15px;
	height: 15px;
	background: red;
	float: right;
}

#emessageCounter, #etitleCounter { float: right; margin-right: 11px;}
.no_credits_notification {
	display: none;
	border: 1px solid red; 
	padding: 5px; 
	background: #fff;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
.no_credits_notification h4 {
	margin: 0 0 15px 0;
}

/* DEBUG */
iframe#_void {
	position:fixed;
	top:0px;
	left:0px;
	width:400px;
	height:500px;
	
}

/*-----------------------------------------------------------*/
#gspark { min-width:1024px; }

.gspark {
	font-family: lucida grande, verdana, arial;
	font-size:1.3em;
	background-color:#555;
}

.gspark .header {
	background:#333 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAQAAAC9tU6oAAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAAEAAABkAN8fwA8AAAA7SURBVBjTY3Bw+P+fiYHhXxYTA8PfLBws0iX+ZVOglwJ7STM0e7A5CJtENpl6mRUUWB6iSTAwMDAwAACPkYybomgMzAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMC0wMS0xM1QxNDo1MzozOCswMjowMNNKvYgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMDEtMTNUMTQ6NTM6MzgrMDI6MDCiFwU0AAAAAElFTkSuQmCC') repeat-x;
	color:#fff;
	border-bottom:solid 1px #000;
}

	.gspark .header ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
		.gspark .header ul li {
			margin:0;
			padding:0;
			display:inline-block;
			*display: inline;
			*float: left;
		}
		
			.gspark .header ul li a {
				color:#999;
				display:block;
				text-decoration:none;
				padding:1em;
				height: 24px;
				line-height: 24px;
			}
			
			.gspark .header ul li a:hover {
				color:#eee;
			}
	
	
	.gspark .header .row1 {
		border-bottom:solid 1px #111;
	}
	
		.gspark .header .row1b {
			position:relative;
			width:1024px;
			margin:auto;
		}
		
		.gspark .header ul.nav1 li {
			border-left:solid 1px #555;
			border-right:solid 1px #111;
		}
		
		.gspark .header ul li.logo {
			border-left:none;
		}

			.gspark .header ul.nav1 li a {
				color:#aaa;
				padding:1.5em 2em 2em 2em;
				text-shadow:0px 0px 5px #000000;
				font-size:1.2em;
			}
			
			.gspark .header ul.nav1 li a:hover {
				color:#fff;
				background: url(img/topnavibgs.png) repeat-x #363636;
				*width: auto;
				*display: inline;
				*float: left;
			}
			.gspark .header .logo {
				display:block;
				text-indent:-2000px;
				width: 202px;
				height: 66px;
				padding: 0 0 0 0 !important;
				float: left;
			}
			.gspark.sparkbox .logo {
				background: url(img/reporter.png) no-repeat 10px 0px;				
			}
			.gspark.adspark .logo {
				background: url(img/deal_flow.png) no-repeat 10px 0px;				
			}
		
			.gspark ul.nav1 .sparkLogo a:hover { background: none !important; }
			
		.gspark .header ul li.icon {
			border:none;
			font-size:0.8em;
		}
		
	.gspark .header .row2 {
		border-top:solid 1px #555;
	}
		
	.gspark .header ul.nav2 {
		text-align:right;
		margin:auto;
		width:1024px;
		*width: auto;
		*float: right;
		/* width:90% for strechy layout */
	}
	
		.gspark .header ul.nav2 li.user img {
			/*border:solid 1px #555;*/
			border: none;
			/*padding:1px;
			background-color:#555;*/
			background: transparent;
			width:24px;
			height:24px;
			margin-bottom:-8px;
			margin-right:8px;
		}
		
		.gspark .header ul.nav2 li.user  a b {
			color:#fff;
			background-color:#3af;
			float:right;
			font-size:.7em;
			padding:2px 4px;
			border:solid 1px #158;
			border-radius:10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			display:none;
		}
		
	.gspark .header ul.nav3 {
		position:absolute;
		top:1em;
		right:25%;
	}
	
		.gspark .header ul.nav3 li.icon span {
			padding-left:2.4em;
			height:22px;
			display:block;
		}

/*-----------------------------------------------------------*/	
/* HEADER SEARCH                                             */
/*-----------------------------------------------------------*/	
	.gspark .header .search {
		position:absolute;
		display:block;
		top: 2em;
		right: 1em;
		font-size:0.8em;
	}
		.gspark .header .search fieldset {
			display:inline;
			border:0;
			margin:0;
			padding:0;			
			text-shadow:0px 0px 3px #000000;
		}
		.gspark .header .search fieldset input {
			display:inline;
			border:solid 1px #111;
			margin:0;
			padding:0;
			background:#555 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYEAQAAADBVYMSAAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAAEAAAAYAFyV9vUAAAAoSURBVAjXY0hL+/+fiYHh630mBoav9+AsLNwvOGWJVQfhMjAwMDAAAJX5KyUV6xRtAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAxLTEzVDE0OjUxOjUwKzAyOjAwIj8qVQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wMS0xM1QxNDo1MTo1MCswMjowMFNikukAAAAASUVORK5CYII=') repeat-x;
			text-shadow:0px 0px 3px #000000;
		}
		.gspark .header .search fieldset select {
			display:inline;
			border:solid 1px #111;
			margin: 0 0 0 2px;
			padding:2.5px;
			background:#555 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYEAQAAADBVYMSAAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAAEAAAAYAFyV9vUAAAAoSURBVAjXY0hL+/+fiYHh630mBoav9+AsLNwvOGWJVQfhMjAwMDAAAJX5KyUV6xRtAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEwLTAxLTEzVDE0OjUxOjUwKzAyOjAwIj8qVQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wMS0xM1QxNDo1MTo1MCswMjowMFNikukAAAAASUVORK5CYII=') repeat-x;
			text-shadow:0px 0px 3px #000000;
			color: #888;
		}
		.gspark .header .search fieldset .icon.sparkSearch {
			vertical-align: middle;
		}
	
			.gspark .header .search label {
				color:#aaa;
				padding:.5em;
				margin:0;
				padding:0;
			}
			
			.gspark .header .search input {
				border:none;
				background-color:transparent;
				font-family: lucida grande, verdana, arial;
				font-size:1.4em;				
				color:#fff;
				display:block;
				margin:0;
				padding:1;
				float:left;
			}
			
			/*.gspark .header .search input:focus {
				background-color: #151515;
			}*/
			.gspark .header .search button {
				margin:0;
				padding:0;
				border:none;
				color:#888;
				background-color:#000;
				text-indent:-2000px;
				width:26px;
				height:22px;
				border-left:solid 1px #000;
				overflow:hidden;
				display:inline-block;				
			}
			.gspark .header .search button:hover {
				cursor: pointer;
			}
			.gspark .searchResults .resultsAdvertisers, .gspark .searchResults .resultsGroups, .gspark .searchResults .resultsSparks {
				margin: 0px 15px 10px 15px;
				background: #ddd;
				padding-bottom: 10px;
			}
			.gspark .searchResults .resultsAdvertisers h3, .gspark .searchResults .resultsGroups h3, .gspark .searchResults .resultsSparks h3 {
				/*margin: 0 0 15px 0;
				background: #444;
				color: #fff;
				padding: 2px;*/
				margin-top: 0;
				margin-bottom: 10px;
				background: #333;
				color: #fff;
				padding: 3px 5px; 				
			}
			
			.gspark .results img {
				vertical-align: middle;
				padding: 3px;
				margin-right: 5px;
				border: none;
				float: left;
			}
			.gspark .searchResults .user {
				background: #eee;
				color: #333;
				margin: 0 10px 10px 10px;
				padding: 8px;
				display: block;
				background-color: #fff;
				border-top: 1px solid #eee;
				border-bottom: 1px solid #eee;
			}
			
			.gspark .searchResults .resultsAdvertisers a, .gspark .searchResults .resultsGroups a, .gspark .searchResults .resultsSparks a {
				text-decoration: none;
				font-weight: bold;
			}
			.gspark .searchResults .resultsAdvertisers a:hover, .gspark .searchResults .resultsGroups a:hover, .gspark .searchResults .resultsSparks a:hover {
				text-decoration: none;
				font-weight: bold;
			}			
			
			.gspark .searchResults span.results {
				background: #eee;
				color: #333;
				border-bottom: 1px solid #bbb;
				border-top: 1px solid #bbb;
				margin: 0 10px 10px 10px;
				padding: 8px;
				display: block;
				position: relative;
			}
						
			.gspark .searchResults span.results .actions {
				overflow: hidden;										
				position: absolute;
				top: 28px;
				right: 8px;
				z-index: 999;
			}
			
	.gspark .layout {
		background-color:#666;
		position:relative;
		width:1024px;
		margin:auto;
		border:solid 1px #444;
		border-left:solid 4px #444;
		-moz-border-left-colors:#4f4f4f #4b4b4b #484848 #424242;
		border-right:solid 4px #444;
		-moz-border-right-colors:#4f4f4f #4b4b4b #484848 #424242;
	}
	
/*-----------------------------------------------------------*/
/* Side navigations
/*-----------------------------------------------------------*/

		.gspark .layout .navi {
			border-top:solid 2px #555;
			position:absolute;
			width:20%;
			top:0;
		}
		
		.gspark .layout .navi.left {
			left:0;
		}
	
		.gspark .layout .navi.right {
			right:0;
		}
		
			.gspark .layout .navi ul {
				list-style-type:none;
				margin:2em 1em;
				padding:0;
			}
			
				.gspark .layout .navi li {
					padding:.2em;
				}
			
				.gspark .layout .navi li.title {
					border-bottom:groove 2px;
				}
				
				
				.gspark .layout .navi li a {
					color:#fff;
					text-decoration:none;
					display:block;
					padding:.4em .8em;
					border-left:solid 1px transparent;
					border-radius:3px;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
				}
				.gspark .layout .navi .groupadmins.box li a,
				.gspark .layout .navi .groupmembers.box li a,
				.gspark .layout .navi .grouppendingmembers.box li a,
				.gspark .layout .navi .groups.box li a {
					border: none;
				}
				.gspark .layout .navi .groupadmins.box .groupAdminActions,
				.gspark .layout .navi .grouppendingmembers.box .groupPendingMemberActions,
				.gspark .layout .navi .groupmembers.box .groupMemberActions {
							position: absolute;
				}
				.gspark .layout .navi .groupadmins.box .groupAdminActions ul,
				.gspark .layout .navi .grouppendingmembers.box .groupPendingMemberActions ul,
				.gspark .layout .navi .groupmembers.box .groupMemberActions ul {
					overflow: hidden;
					position: relative;
					z-index: 999;
				}
				.gspark .layout .navi .groupadmins.box .groupAdminActions ul,
				.gspark .layout .navi .grouppendingmembers.box .groupPendingMemberActions ul,
				.gspark .layout .navi .groupmembers.box .groupMemberActions ul {
					border: 1px solid #888;
					font-size: 0.9em;
					background: #444;
					color: #fff;
					padding: 0;
					width: 200px;
				}
				.gspark .layout .navi .groupadmins.box .groupAdminActions ul li,
				.gspark .layout .navi .grouppendingmembers.box .groupPendingMemberActions ul li,
				.gspark .layout .navi .groupmembers.box .groupMemberActions ul li {
					padding: 0;					
				}
				.gspark .layout .navi .groupmembers.box .groupMemberActions ul li h1 {
					/*margin-left: 25%;*/				
				}
				.gspark .layout .navi .groupadmins.box .groupAdminActions ul li a,
				.gspark .layout .navi .grouppendingmembers.box .groupPendingMemberActions ul li a,
				.gspark .layout .navi .groupmembers.box .groupMemberActions ul li a {
					width: auto;
					height: auto;
					margin-bottom: 0;
					padding: 2px;
					border-bottom: 1px solid #888;
				}
				.gspark .layout .navi .groupadmins.box .groupAdminActions ul li a:hover,
				.gspark .layout .navi .grouppendingmembers.box .groupPendingMemberActions ul li a:hover,
				.gspark .layout .navi .groupmembers.box .groupMemberActions ul li a:hover {
					color: #888;
				}
				
				.gspark .widgetsTitle:hover, .gspark .bannersTitle:hover, .gspark .adminsTitle:hover, .gspark .membersTitle:hover, .gspark .pendingMembersTitle:hover {
					cursor: pointer;
					color: #888;
				}							
				.gspark.sparkbox .widgetsTitle:hover, .gspark.sparkbox .bannersTitle:hover, .gspark.sparkbox .adminsTitle:hover, .gspark.sparkbox .membersTitle:hover, .gspark.sparkbox .pendingMembersTitle:hover {
					cursor: default;
					color: #fff;
				}							
				
				.gspark .layout .navi li a.selected:hover, 
				.gspark .layout .navi li a:hover {
					background:transparent url(img/naviBg.png) top right;
					border-left:solid 1px #444;
					display:block;
				}
				.gspark .layout .navi .groupadmins.box li a:hover,
				.gspark .layout .navi .grouppendingmembers.box li a:hover,
				.gspark .layout .navi .groupmembers.box li a:hover,
				.gspark .layout .navi .groups.box li a:hover {
					border-left: none;
				}
								
				.gspark .layout .navi li a.selected {
					background:transparent url(img/naviBg2.png) top right;

				} 
				
				
				.gspark .layout .navi li.title a:hover {
					background:transparent none;
					border-left:solid 1px transparent;
				}
				
					.gspark .layout .navi li.icon span {
						padding-left:1.8em;
					}
				
					.gspark .layout .navi li a b {
						float:right;
						display:inline-block;
						background-color:#444;
						padding:2px 6px;
						font-size:0.7em;
						border:solid 1px #111;
						border-color:#222 #777 #777 #222;
						border-radius:3px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
					}
					
					.gspark .layout .navi li.title a:hover b,
					.gspark .layout .navi li a:hover b,
					.gspark .layout .navi li a.selected b
					{
						background-color:transparent;
						border:solid 1px transparent;
						box-shadow:none;
						-webkit-box-shadow:none;
						-moz-box-shadow:none;
					}
				
					.gspark .layout .navi li.title a b {
						background-color:#0ae;
						border-color:#0fe #0a9 #0a9 #0a9;
						text-shadow:0px 0px 3px #048;
						box-shadow:0px 0px 2px #000;
						-webkit-box-shadow:0px 0px 2px #000;
						-moz-box-shadow:0px 0px 2px #000;
					}
				
				.gspark .layout .navi li.user,
				.gspark .layout .navi  .profile .box.list l.user {
					position:relative;
					padding:0;
					margin:.2em 0em;

				}
				
				.gspark navi.right #userProfile .info h2 {
					padding-bottom: 4px;
				}
				
				.gspark .layout .navi li.user a,						
				.gspark .layout .navi  .profile .box.list li a {
					width:auto;
					/*
					border:1px solid transparent;
					*/
					height:26px;
					padding:0;
				}
				
				.gspark .layout .navi .profile .box.list li.hover,
				.gspark .layout .navi .profile .box.list li:hover {
					/*
					background-image:url(img/icons.png);
					background-position: 162px -267px;
					*/
					background-color:#444;
					border:solid 1px #333;
					border-color:#333 #333 #888 #333;
				}
								
				.gspark .layout .navi .profile .box.list li.hover a span,
				.gspark .layout .navi .profile .box.list li:hover a span {
					background-color:#444;
					display:block;
					height:26px;
					width:140px
				}
				
				
				
				.gspark .layout .navi li.user a img,
				.gspark .layout .navi  .profile .box.list li a img {
					border:1px solid #000000;
					float:left;
					height:24px;
					margin-right:0.5em;
					width:24px;
				}
				
				.gspark .layout .navi li.user.active a img {
					background-color:#3af;
					border-color:#3af;
				}
						
				.gspark .layout .navi li.tool a {
					font-size:0.8em;
					color:#aaa;
					padding-bottom:.25em;
					border:none;
				}
					
				.gspark .layout .navi li.tool a:hover {
					border:none;
					background-image:none;
					background-color:transparent;
					color:#0ae;
				}
				
				.gspark .layout .navi li.tool.sparkViewall {
					border-top:groove 2px;
				}
				
				.gspark .layout .navi .notifications { 
					display:in-line-block;
				}
				
/*-----------------------------------------------------------*/
		.gspark .layout .content {
			border-top:solid 2px #ccc;
			border-left:solid 1px #ccc;
			border-right:solid 1px #ccc;
			background-color:#fff;
			margin:0 20%;
			min-height:800px;
			padding-bottom:0.5em;
		}
/*-----------------------------------------------------------*/	
.gspark .footer {
	border-top:solid 1px #111;
	background-color:#333;
	text-align:center;
	color:#aaa;
	font-size:0.8em;
	padding:1em;
}
	.gspark .footer p {
		margin:0;
		padding:.5em;
	}

	.gspark .footer a {
		margin:0 0.7em;
		text-decoration:none;
		color:#aaa;
	}

/*-----------------------------------------------------------*/
/* HOME page												 */
/*-----------------------------------------------------------*/
.pagePart.faqPage p,
.pagePart.homePage p,
.pagePart.adboxList
body.registerPage p {
	padding: 0 15px 10px 15px;
}
.pagePart.homePage p.createbox {
	padding-top: 40px;
	text-align: center;
}
.pagePart.homePage p.createbox a {
	color: #fff;
	padding: 30px;
	background: #669;
	text-decoration: none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size: 15px;
	
}
.pagePart.homePage p.createbox a:hover {
	background: #77a;
}

/*-----------------------------------------------------------*/
/* FAQ page												 */
/*-----------------------------------------------------------*/

.pagePart.faqPage a {
	text-decoration: none;
}

.pagePart.faqPage a.active {
	color: #000;
	cursor: default;
}

.pagePart.faqPage dl {
	margin-left: 15px;
}
.pagePart.faqPage dl dt {
	font-weight: bold;
	margin-top: 15px;
}
#faqList dd { display: none; }
.pagePart.homePage p.createbox {
	padding-top: 40px;
	text-align: center;
}

/*-----------------------------------------------------------*/
/* MY DOMAIN page												 */
/*-----------------------------------------------------------*/

/*
.pagePart.myDomainPage a {
	text-decoration: none;
}

.pagePart.myDomainPage h2 {
	margin-left: 15px;
	font-size: 1.5em;
}

.pagePart.myDomainPage span {
	margin-left: 15px;
}

.pagePart.myDomainPage span a {
	background: #eee !important;
	text-decoration: none;
	padding: 3px 5px;
	border-bottom: 1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;	
}

.pagePart.myDomainPage span a:hover {
	background: #ddd !important;	
}

.pagePart.myDomainPage span a.active{
	background: #ddd !important;
	color: #000;
	border-bottom: 1px solid #ccc;	
}

.pagePart.myDomainPage dl dt {
	font-weight: bold;
	margin-top: 15px;
}
.pagePart.myDomainPage dl dt dd {
	font-weight: bold;
	margin-top: 5px;
}
*/



.gspark .pagePart.getDomain h2 a {
	margin-left: 15px;
	text-decoration: none;
}

.gspark #domainAdmins #domainAdminList .user, .gspark #domainUsers #domainUserList .user, .gspark #domainGroups #domainGroupList .group {
	position: relative;
}
.gspark #domainAdmins #domainAdminList .user .domainAdminActions, .gspark #domainUsers #domainUserList .user .domainUserActions, .gspark #domainGroups #domainGroupList .group .domainGroupActions {
	overflow: hidden;
	position: absolute;
	top: 28px;
	right: 8px;
	z-index: 9999;
	display: block;
}
.gspark #domainAdmins #domainAdminList .user .domainAdminActions ul, .gspark #domainUsers #domainUserList .user .domainUserActions ul, .gspark #domainGroups #domainGroupList .group .domainGroupActions ul {
	border: 1px solid #888;
	font-size: 0.9em;
	background: #555;
	color: #fff;
	padding: 0;
	width: 180px;
	margin: 0;
	list-style: none;
}
.gspark #domainAdmins #domainAdminList .user .domainAdminActions ul li, .gspark #domainUsers #domainUserList .user .domainUserActions ul li, .gspark #domainGroups #domainGroupList .group .domainGroupActions ul li {
	padding: 0;				
}
.gspark #domainAdmins #domainAdminList .user .domainAdminActions ul li h1, .gspark #domainUsers #domainUserList .user .domainUserActions ul li h1, .gspark #domainGroups #domainGroupList .group .domainGroupActions ul li h1 {
	margin-left: 25%;
	padding: 0;
	border: none;				
}
.gspark #domainAdmins #domainAdminList .user .domainAdminActions ul li a, .gspark #domainUsers #domainUserList .user .domainUserActions ul li a, .gspark #domainGroups #domainGroupList .group .domainGroupActions ul li a {
	height: auto;
	display: block;
	color: #aaa;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #888;
}
.gspark #domainAdmins #domainAdminList .user .domainAdminActions ul li a:hover, .gspark #domainUsers #domainUserList .user .domainUserActions ul li a:hover, .gspark #domainGroups #domainGroupList .group .domainGroupActions ul li a:hover {
	color: #eee;
	background: #666;
}	

.gspark .pagePart.stats table {
	border: 0;
	border-collapse: collapse;
	border-width: 0;
	width: 100%;
}
.gspark .pagePart.stats table td { font-size: 11px; vertical-align: top; border-bottom: 1px solid #ddd; padding: 3px 0;}
.gspark .pagePart.stats table tr.title td { font-weight: bold; border-bottom: 1px solid #ccc; text-align: left; background: #ddd;}
.gspark .pagePart.stats table tr.title td.mediaclicks,
.gspark .pagePart.stats table tr.title td.mediaviews { text-align: right;}
.gspark .pagePart.stats table tr:hover { background: #ddd;}
.gspark #statsDate {
	margin: 0 15px 10px 15px;
}
.gspark #mediaStats,
.gspark #bannerStats,
.gspark #widgetStats {
	margin: 0 15px 10px 15px;
	background: #eee;
	padding: 5px;
}
.gspark #mediaStats h4,
.gspark #bannerStats h4,
.gspark #widgetStats h4 {
	margin: 0 0 10px 0;
	padding: 0px;
}

.gspark .pagePart.stats table td.mediatitle {
	
}
.gspark .pagePart.stats table td.mediafrom {
	width: 100px;
}
.gspark .pagePart.stats table td.mediagroup {
	width: 100px;
}
.gspark .pagePart.stats table td.mediaclicks {
	width: 60px;
	text-align: right;
}
.gspark .pagePart.stats table td.mediaviews {
	width: 60px;
	text-align: right;
}
.gspark .pagePart.stats table td.widgetloads,
.gspark .pagePart.stats table td.widgetmsgs,
.gspark .pagePart.stats table td.bannerloads,
.gspark .pagePart.stats table td.bannerclicks {
	width: 130px;
}


.gspark #contactRequestList .reqDelete,
.gspark #subscriptionStatus #deleteDomain,
.gspark #domainGroups .group .groupdelete,
.gspark #domainAdmins .user .useractions,
.gspark #domainUsers .user .useractions {
	display: block;
	width: auto;
	height: 16px;
	float: right;
	background: #ccc;
	color: #000;
	border: 1px solid #bbb;
	text-decoration: none;
	padding: 3px 5px 0px 5px;
	font-size: 11px;
	font-weight: bold;
}
.gspark #subscriptionStatus #deleteDomain,
.gspark #contactRequestList .reqDelete,
.gspark #domainGroups .group .groupdelete {
	color: red;
}

.gspark #domainAdmins .user .useractions.active,
.gspark #domainUsers .user .useractions.active {
	background: #666;
	color: #fff;
}

/*-----------------------------------------------------------*/
/* GROUPS page												 */
/*-----------------------------------------------------------*/
.gspark .layout .content .pagePart { display:none }

	.gspark .layout .content h1 {
		font-size:1.5em;
		padding-bottom:.5em;
		border-bottom:solid 1px #aaa;
		margin:15px;
	}
.gspark #groups_new, .gspark #groups_hot, .gspark #groups_popular {
	margin: 15px;
}
.gspark .listgroups .group {
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
}
.gspark .listgroups .group a {
	font-size: 16px;
	text-decoration: none;
}
.gspark .listgroups .group p {
	margin: 0;
}

.gspark .group .groupAvatar {
	float: left;
	margin-right: 15px;
}

#groupProfile .info h2 {
	text-align: center;
	padding-bottom: 2px;
}
#groupProfile .info h2:hover {
	cursor: pointer;
}
	
#groupProfile .info .status {
	text-align: center;
}



.pagePart.faqPage p,
.pagePart.homePage p {
	padding: 0 15px 10px 15px;
}
.pagePart.faqPage dl {
	margin-left: 15px;
}
.pagePart.faqPage dl dt {
	font-weight: bold;
	margin-top: 15px;
}
#faqList dd { display: none; }
.pagePart.homePage p.createbox {
	padding-top: 40px;
	text-align: center;
}
.pagePart.homePage p.createbox a {
	color: #fff;
	padding: 30px;
	background: #669;
	text-decoration: none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size: 15px;
	
}
.pagePart.homePage p.createbox a:hover {
	background: #77a;
}

/*-----------------------------------------------------------*/
/* GROUPS page tabs											 */
/*-----------------------------------------------------------*/


.gspark .listgroups .groupsul,
.gspark .listgroups .groupsul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
.gspark .listgroups .groupsul { margin-left: 15px;  }
.gspark .listgroups .groupsul li {
	margin-right: 5px;
}
.gspark .listgroups .groupsul li a:hover {
	background: #ddd !important;
}
.gspark .listgroups .groupsul li a {
	background: #eee !important;
	text-decoration: none;
	padding: 3px 5px;
	border-bottom: 1px solid #ddd;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.gspark .listgroups .groupsul li:hover {
	
}
.gspark .listgroups .groupsul li a.selected { background: #ddd !important; color: #000; border-bottom: 1px solid #ccc; }
.gspark .ui-widget-content {
	background:transparent none;
	border:none;
	margin:0;
	padding:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.gspark .ui-widget-content .group a {
	color:#09c;
	
}

.gspark .ui-corner-top {
	border-radius-topleft:3px;
	border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius-topleft:3px;
	-webkit-border-radius-topright:3px;
}

.gspark .ui-tabs {
	padding:0;
	margin:15px;
	
}

.gspark .ui-tabs-nav {
	padding:0;
}

.gspark .layout .content .ui-tabs .group,
.gspark .layout .content .ui-tabs .contact {
	margin:10px 7px 10px 8px;
}

	.gspark .ui-tabs-nav.ui-widget-header {
		background:transparent none;
		border:none;
		color:#000;
		padding-right:1em;
	}
	
	.gspark .ui-tabs .ui-tabs-nav{
		width: auto !important;
		margin: auto;
	}
	.gspark .ui-tabs .ui-tabs-nav li {
		border:none;
		margin:0 2px;
	}
	
	.gspark .ui-tabs .ui-tabs-nav li a {
		padding:.3em 1em;	
	}

	.gspark .ui-tabs .ui-tabs-nav li.ui-state-default {
		background:#09c none;
	}

	.gspark .ui-tabs .ui-tabs-nav li.ui-state-active {
		background:#d0d0d0 none;
	}
	
	.gspark .ui-tabs .ui-tabs-nav li.ui-state-active a {
		color:#000;
	}

.gspark .ui-tabs-panel {
	/*
	background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACAEAQAAAAwYBc8AAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAAEAAACAAOUN9ucAAAAmSURBVCjPY7hw4f9/JgaGf3/oRfymq210IP4OOx/RJ44YGBgYGAClzv2jqEXiPwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMC0wMS0xM1QxNDo0MzoyOSswMjowMHgZaWIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMDEtMTNUMTQ6NDM6MjkrMDI6MDAJRNHeAAAAAElFTkSuQmCC') repeat-x;
	*/
	background:#fff;
	color:#000;
}

.gspark .ui-tabs-panel a {
	color:#09c;
}

/*-----------------------------------------------------------*/
/* POPUP window mods										 */
/*-----------------------------------------------------------*/
.gspark.ui-dialog {
	background:#000 none;	
}

.gspark .ui-dialog-titlebar {
	background:transparent none;
}
.gspark .ui-dialog-titlebar-close {
	display: none;
}

.gspark .ui-dialog-content {
	padding:.5em 1em;
}

.gspark .addspark.ui-dialog-content {
	background:transparent none;
}

.gspark.ui-dialog .invitemailhelp,
.gspark.ui-dialog .fieldList {
	background-color: #555;
	margin-bottom: 10px;
	border: 1px solid #555;
	width: 350px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.gspark.ui-dialog .invitemailhelp {
	padding: 5px;
}

.gspark.ui-dialog .fieldList .langSelection {
	margin-left: 10px;
	padding-bottom: 5px;
}
.gspark.ui-dialog .fieldList .langSelection span {
	margin-right: 3px;
}
.gspark.ui-dialog .fieldList .langSelection select {
	border: 1px solid #444;
	background-color: #555;
	color: #fff;
	font-size: 11px;
	padding: 3px;
}
.gspark.ui-dialog .emailField {
	margin-top: 15px;
	background-color: #555;
	border: 1px solid #555;
	width: 294px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}

.gspark.ui-dialog .emailField textarea {
	border: 1px solid #000;
	height: 150px;
	padding: 3px;
}

.gspark.ui-dialog .fbtwitter {
	margin-left: 0;
	padding-bottom: 15px;
}
.gspark.ui-dialog .fbtwitter div {
	margin-left: 5px;
	padding-bottom: 2px;
}

.gspark.ui-dialog fieldset {
	display:block;
	/*padding:1em;*/
	margin-left:0;
	border:none;
}

	.gspark.ui-dialog fieldset label {
		font-size:.8em;
		text-align:left;
		display:block;
		padding:0;
	}

	.gspark.ui-dialog fieldset input {
		width:28.5em;
		font-size:0.8em;
		text-align:left;
		padding:4px;
		border: 1px solid #000;	
		border-radius:1px;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;	
	}
	
	.gspark.ui-dialog fieldset input.memberEmailSubject {
		width:25.9em;
		font-size:0.8em;
		text-align:left;
		padding:4px;
		border: 1px solid #000;	
		border-radius:1px;
		-moz-border-radius:1px;
		-webkit-border-radius:1px;	
	}

	.gspark.ui-dialog fieldset select {
		width: auto;
		font-size: 0.8em;
		color: #000;
		border: 1px solid #888;
		background: #fff;
		padding: 3px 5px;
	}
	.gspark.ui-dialog {
		overflow-y: auto;
	}
	.gspark.ui-dialog ul {
		list-style-type: none;
	}
	
	.gspark.ui-dialog textarea {
		font-size:0.8em;
		text-align:left;
		border: 1px solid #000;
	}	

	.gspark .userIdList {
		margin-left: 0;
	}
	.gspark .dialog .addInviteLink,
	.gspark .dialog .openUserList {
		margin: 3px 0 0 6px;
		padding: 4px;
		color: #fff;
		text-align: center;
		width: 190px;
		background: url('img/hilight.png') #555 repeat-x;
		border: 1px solid #444;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;			
	}
	.gspark .dialog .addInviteLink:hover,
	.gspark .dialog .openUserList:hover {
		cursor: pointer;
		background: url('img/hilight.png') #888 repeat-x;
	}
	.gspark .dialog .userSelectList {
		display: block;
		position: absolute;
		z-index: 999;		
		border:1px solid #555;
		background-color:#555;		
	}
	.gspark .dialog .userSelectList .selectListUser {
		display: block;
		margin-left: 5px;		
	}
	.gspark .dialog .userSelectList .selectListUser:hover {
		cursor: pointer;
	}
	.gspark .dialog .userSelectList .selectListUser input {
		z-index: 999;
	}
	.gspark .dialog .userSelectList .userListButtons {
		margin: 5px 0 5px 0;				
	}
	.gspark .dialog .userSelectList .userListButtons button {
		margin-left: 5px;
		padding: 3px;
		color: #fff;
		background: url('img/hilight.png') #555 repeat-x;
		border: 1px solid #444;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}
	.gspark .dialog .userSelectList .userListButtons button:hover {
		cursor: pointer;
		background: url('img/hilight.png') #888 repeat-x;
	}

	.gspark.ui-dialog span.addUser, .gspark.ui-dialog span.addEmail {
		border:1px solid #222;
		background: url('img/hilight.png') #555 repeat-x;
		display:inline-block;
		vertical-align: middle;
		padding:2px;
		margin-left: 22px;
		color: #000;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	.gspark.ui-dialog span.addUser:hover, .gspark.ui-dialog span.addEmail:hover {
		border:1px solid #000;
		color: #555;
		background-color:#000;
		cursor: pointer;
	}	

	.gspark.ui-dialog fieldset textarea {
		width:26em;
		height:8em;
	}	
	.gspark.ui-dialog .addedUserIds h4, .gspark.ui-dialog .addedUserEmails h4 {
		padding: 0;
		margin-bottom: 0;
	}
	.gspark.ui-dialog .addedUserIds ul, .gspark.ui-dialog .addedUserEmails ul {
		margin-top: 0;
		margin-left: 8px;
		padding: 0;
	}
	
	.gspark.ui-dialog .ui-dialog-buttonpane button.cancel {
		font-size: 9px;
		margin-top: 12px;
		margin-left: 4px;
		float: left;
	}
	.gspark.ui-dialog .ui-dialog-buttonpane button.ui-state-hover {
		border: 1px solid #444;
		background: #444;
		
	}

	ul.ui-autocomplete {
		background: #000 none;
	}
	
	ul.ui-autocomplete li a:hover {
		border: 1px solid #444;
		background: #444;
	}

	.gspark.ui-dialog .ui-tabs-nav {
		margin:0;
	}

	.gspark.ui-dialog .ui-tabs-nav li {
		float:left;
	}


	.gspark.ui-dialog .ui-tabs-nav li.ui-state-default {
		background:#09c none;
	}

	.gspark.ui-dialog .ui-tabs-nav li.ui-state-active {
		background:#d0d0d0 none;
		margin-top:3px;
		}
	
	.gspark.ui-dialog.ui-tabs-nav li.ui-state-active a {
		color:#000;
	}
	
	.gspark.ui-dialog .ui-tabs-panel {
		background-color:#000;
		border:none;
	}
	
	.gspark #shareTwitter div,
	.gspark #shareFacebook div {
		padding:.5em 1em;
	}

	#share2twitter,
	#share2fb {
		text-indent: -1000px;
		display: inline-block;
		width: 32px;
		height: 32px;
		margin-left: 3px;
	}
	a#share2fb {
		background: url(img/facebook2.png) no-repeat;
	}
	a#share2fb:hover {
		background: url(img/facebook.png) no-repeat;
	}
	a#share2twitter {
		background: url(img/twitter2.png) no-repeat;
	}
	a#share2twitter:hover {
		background: url(img/twitter.png) no-repeat;
	}	
	
	.gspark.ui-dialog .ui-tabs-panel textarea {
		width:498px;
		height:65px;
		padding:.5em;
	}

	.gspark.ui-dialog .ui-tabs-panel span {
		color:#fff;
	}


	
	/*.gspark .dialog .creditPrice, .gspark .dialog .totalAmount {
		margin: 0;
		padding: 3px 0 3px 0;
		position: relative;
	}
	
	.gspark .dialog .priceCurrency, .gspark .dialog .totalPrice {
		background-color: #888;
		color: #444;
		padding: 3px;
		display: inline-block;
		position: inherit;
		vertical-align: text-top;
		margin: 0;
		float: right;
		font-size: 15px;	
		font-weight: bold;	
	}*/
	
	.gspark .dialog fieldset.orderCreditsAmount label {
		font-size: 13px;
		display: inline;
	}
	.gspark .dialog fieldset.orderCreditsAmount input {
		background-color: #fff;
		color: #000;
		padding: 3px;
		width: 100px;
		text-align: right;
		display: inline;
		vertical-align: text-top;
		margin-top: 0;
		float: right;
		font-size: 15px;	
		font-weight: bold;
	}
	
	.gspark .dialog fieldset#totalPrice {
		border-top: 1px solid #888;
	}
	
	.gspark .dialog fieldset.orderCredits label {
		margin-top: 10px;
		/*padding: 3px 0 3px 0;*/
		font-size: 15px;
		display: inline;	
	}
	
	.gspark .dialog fieldset.orderCredits input {
		background-color: #888;
		color: #444;
		padding: 3px;
		width: 100px;
		text-align: right;
		display: inline;
		vertical-align: text-top;
		margin-top: 0;
		float: right;
		font-size: 15px;	
		font-weight: bold;
	}

/*-----------------------------------------------------------*/
.gspark .layout .content .settings {
	margin:1em;
}	
	.gspark input.acceptMember:hover, .gspark input.rejectMember:hover,
	.gspark #profileSettings button:hover, .gspark .pagePart.groups.settings button:hover {
		cursor: pointer; 
	}
	.gspark .settings.ui-tabs .ui-tabs-nav li {
		float:left;
		background:transparent none;
		font-size:1.2em;
		margin-right:1em;
		font-weight:bold;
	}

	.gspark .settings.ui-tabs .ui-tabs-nav li a {
		padding:0;
	}

	.gspark .settings.ui-tabs .ui-tabs-nav li.ui-state-default a {
		color:#09c;
	}
	
	.gspark	.settings.ui-tabs .ui-tabs-nav li.ui-state-active a {
		color:#000;
	}
	
	.gspark .settings.ui-tabs .ui-tabs-nav li.back {
		font-size:.8em;
		float:right;
		margin:.4em 0;
	}
	
	.gspark .settings .ui-tabs-panel {
		margin-top: 1em;
		background:transparent none;
		border-top:solid 1px #ddd;
	}
	
	.gspark .settings .profileStepper {
		text-align: center;
		margin: 10px 10px 0 10px;
		padding: 15px 0 15px 0;
		background-color: #eee;
		border: 1px solid #eee;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.gspark .settings .profileStepper span {
		padding: 10px 20px 12px 12px;
	}
	.gspark .settings .profileStepper span a {
		background-color: #ccc;
		padding: 8px;
		margin-top: 3px;
		margin-bottom: 3px;
		color: #444;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid #ccc;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.gspark .settings .profileStepper span a:hover {
		background-color: #aaa;
	}
	.gspark .settings .profileStepper span a.active {
		color: #222;
		background-color: #aaa;
	}
	
		.gspark .settings fieldset {
			display:block;
			padding: 1em;
			border:none;
			border-bottom:solid 1px #ddd;
		}
		.gspark .settings .stepButtons {
			float: right;
		}
	.gspark .settings button.step {
		margin: 28px 0 0 0!important;
		vertical-align: middle;
	}
		
			.gspark .settings fieldset label {
				font-size:.8em;
				text-align:left;
				display:block;
				width:200px;
				float:left;
				padding:0;
			}
			.gspark.sparkbox .groups.settings input.checkbox {
				width: auto;
			}
			.gspark.adspark .groups.settings h4 { padding-left: 10px; margin-top: 25px; margin-bottom: 10px; }
			.gspark .settings fieldset a {
				color:#09c;
				text-decoration:none;
				font-weight:bold;
				display:block;
				font-size:.9em;
			}
			
			.gspark .settings fieldset input,
			.gspark .settings fieldset textarea,
			.gspark .settings fieldset select {
				border: 1px solid #888;
				background: #fff;
				padding: 3px 5px;
				width: 300px;
			}
			.gspark .settings fieldset textarea { height: 66px; }
			.gspark .settings fieldset select { width: 310px; }
			.gspark .settings fieldset select[name=currency] {
				width: 60px;
				display: block;
			}			
			.gspark .settings fieldset input[type=radio] {
				width:auto;				
			}
			.gspark .settings fieldset input[type=file] {
				width:auto;
				border: none;
				padding: 3px 0;
			}			
			
			.gspark .settings fieldset .picture {
				float:left;
			}
			
			.gspark .settings fieldset img {
				border:solid 1px #aaa;
				padding:4px;
				width:100px;
				height:100px;
				display:block;
				float:left;
				margin-right:1em;
			}
			
			.gspark .settings fieldset small {
				color:#888;
			}
			.gspark .settings fieldset small.required {
				color: red;
			}
			
			.gspark .settings fieldset p,
			.gspark .settings fieldset table {
				margin-left:10em;
			}
			
			.gspark .settings fieldset table input {
				width:auto;
			}
			
	.gspark input.acceptMember, .gspark input.rejectMember,
	.gspark .settings button {
		color:#fff;
		background-color:#007aa3;
		padding:.5em 2em;
		border:none;
		margin:2em;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	

	.gspark .dialog .picture {
		margin-left: 37%;
		position: relative;
	}

	.gspark .dialog table {
		float:none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		border-radius:3px;
		position: relative;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;			
	}
	
	.gspark .dialog table tbody td {
		padding: 0 5px 0 5px; 
	}
	.gspark .dialog table td.label {
		text-align: right;
	}

/*-----------------------------------------------------------*/

.gspark	.busy {
	position:absolute;
	/*background-color:#fff;*/
	background-color: #999;
	cursor:progress;
}

	.gspark .busy .message {
		position:fixed;
		top:0;
		left:20%;
		right:20%;
		color:#fff;
		font-size:15px;
		padding:10px;
		text-align:center;
		background-color:#222;
		border:solid 1px #000;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	
	.gspark .busy button {
		background-color:#3af;
		color:#000;
		border:solid 1px #000;
		display:inline-block;
		padding:6px 10px;
		font-size:12px;
		font-weight:bold;
		margin-right:6px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	
	.gspark .busy button:hover {
		color:#3af;
		background-color:#000;
		
	}
/*-----------------------------------------------------------*/

.gspark .pagePart.addspark {
	border:solid 1px #aaa;
	border-top:none;
	background:#fefefe url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAQAAAC9tU6oAAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAAEAAABkAN8fwA8AAABWSURBVBjTY3jw4P9/JgaGf1lMDAx/sxAshgcPPgvCxJAlUJQ8+I5NgomB4V82fr34JIhQQiVDswebg7BJZDNhBLs8Bza9DA8eCEnBWDzvsEYZAwMDAwCdBZP1JIKprwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMC0wMS0xM1QxNTo1Mjo1NyswMjowMNE5dl0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTAtMDEtMTNUMTU6NTI6NTcrMDI6MDCgZM7hAAAAAElFTkSuQmCC') repeat-x;
	margin: 0 15px 30px 15px;
	padding:1em;
	border-radius:0 0 1em 1em;
	-webkit-border-radius:0 0 1em 1em;
	-moz-border-radius:0 0 1em 1em;
}

.gspark #sharespark.addspark {
	background-color:transparent;
	margin:0;
	padding:0;
	border:none;
}

	/*.gspark .addspark .activate {
		border:solid 1px #aaa;
		background-color:#fff;
		padding:.2em 1em;
		cursor:pointer;
	}*/
	.gspark .addspark .activate {
		border:solid 1px #eee;
		background-color:#fff;
		padding:.2em 1em;
		cursor:pointer;
	}
	.gspark.adspark .addspark .activate {
		background: url('img/uusi-mainos-up.png') no-repeat;
		margin-left: 40px;
		margin-right: auto;
		float: none;
		height: 68px;
		width: 470px;
		border: none;
		text-indent: -1000px;
	}
	.gspark.adspark .addspark .activate:hover {
		background: url('img/uusi-mainos-down.png') no-repeat;
	}	
	.gspark .addspark .create {
		background-color: transparent;
		/*border:solid 1px #ddd;*/
		border: none;
		border-radius:0 0 .7em .7em;
		-webkit-border-radius:0 0 .7em .7em;
		-moz-border-radius:0 0 .7em .7em;
	}
	.gspark .addspark .create .salePriceCheck span, .gspark .addspark .create .autoremoveCheck span {
		vertical-align: text-top;
		font-size: 10px;
		color: #444;
		line-height: 20px;
	}
	.gspark .addspark .create .sparkSaleprice, .gspark .addspark .create .sparkAutoremove {
		background-color: #ccc;
		padding: 10px;
		margin-top: 10px;
		border: 1px solid #888;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;		
	}
	.gspark .addspark .create .sparkSaleprice {
		margin-bottom: 10px;
	}
	.gspark .addspark .create .sparkSaleprice label, .gspark .addspark .create .sparkAutoremove label {
		color: #444;
		font-size: 11px;
	}
	.gspark .addspark .create .sparkSaleprice input, .gspark .addspark .create .sparkAutoremove input, .gspark .addspark .create .sparkAutoremove select {
		padding: 3px;
		font-size: 11px;
		text-align: center;
		color: #444;
		border: 1px solid #444;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.gspark .addspark .create .sparkSaleprice input {
		width: 65px;
	}
	.gspark .addspark .create .sparkAutoremove input.idle {
		color: #888;
	}
	.gspark .addspark .create .sparkAutoremove .showRemovalDate {
		font-size: 11px;
		color: #444;
		margin-top: 10px;
	}
	#ui-datepicker-div {
		background: #444!important;
	}
	
	.gspark .toolbar.titlebar {
		color: #444;
		border: none;
	}

/*.gspark .titlebar {
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}*/
.gspark .titlebar a {
	margin-right: 5px;
	text-decoration: none;
}
.gspark .titlebar a:hover {
	text-decoration: underline;
}
.gspark .commentList .sparkMessage {
	padding: 10px;
}
.gspark .commentList .delComment {
	float: right;
	color: red;
}
.gspark .commentList .titlebar {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-bottom:1px dotted #CCCCCC;
	border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}
.gspark .reportRow { margin-bottom: 10px;}
.gspark .reportContent {
	margin: 0 0 3px 60px;
}
.gspark .commentList div.avatar {
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	width: 30px;
	height: 26px;
	margin-left: 20px;
	float: left;
}
.gspark .commentForm textarea {
	width: 480px;
	font-family: inherit;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}
.gspark .commentForm input[type="submit"] {
	font-family: inherit;
	font-size: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #aaa;		
}
.gspark .commentForm input[type="submit"]:hover {	
	background-color: #bbb;
	cursor: pointer;		
}
.gspark .spContainer {
	background: #fff;
	margin-left: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*
	border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	*/
}
	.gspark.sparkbox .toolbar.titlebar {
	}
	.gspark .toolbar.titlebar label {
		padding: 10px 4px 3px 4px;
		font-size: 14px;
		font-weight: bold;
		color: #365d86;
		display: block;		
	}
	.gspark .toolbar.titlebar b {
		float: right;
		font-size: 10px;
		font-weight: normal;
		color: #888;		
	}
	.gspark .toolbar.titlebar input {
		border: 1px solid #888;
		width: 545px;
		height: 15px;
		padding: 3px;
		font-size: 12px;		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}	
	.gspark .toolbar.titlebar input:focus {
		border: 2px outset #365d86;
	}
	.gspark .toolbar.titlebar input:blur {
		border: 1px solid #888;
	}
	.gspark .addspark div.link .input input.idle, .gspark .sparkMessage.editMessage div.link .input input.idle {
		color: #888!important;
	}
		.gspark .addspark .toolbar.messageContent label {
			padding: 10px 4px 3px 4px;
			font-size: 13px;
			font-weight: bold;
			color: #365d86;
			display:block;
		}
		.gspark .addspark .toolbar.messageContent label b {
			float: right;
			font-size: 10px;
			font-weight: normal;
			color: #888;		
		}
		.gspark .addspark textarea#content {
			/*border:none;*/
			width: 545px;
			height:120px;
			padding:3px;
			/*border-bottom:solid 1px #888;*/
			font-family:helvetica;
			font-size:13px;
			border: 1px solid #888;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		.gspark .addspark textarea#content:focus {
			border: 2px outset #365d86;
		}
		.gspark .addspark textarea#content:blur {
			border: 1px solid #888;
		}
		.gspark .addspark div.toolbar {
			/*border-top:solid 1px #fff;*/
			/*padding:1em;*/
			padding: 3px;
			position:relative;
		}
		.gspark .addspark div.link .input, .gspark .sparkMessage.editMessage div.link .input {	
			height: 18px!important;		
			border: 1px solid #888;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin: 10px 0 8px 0;
			width: 545px!important;
		}
		.gspark .addspark div.link .input input {
			border: none;
			font-size: 12px;
			height: 18px;
			/*width: 380px!important;*/
			width: 480px!important;
		}
		.gspark .sparkMessage.editMessage div.link .input input {
			border: none;
			font-size: 12px;
			height: 18px;
			/*width: 380px!important;*/
			width: 400px!important;
		}		
		.gspark div.link .input .icon.sparkAdd {
			float: right;
			background-color: transparent;
			margin-right: 3px;
			vertical-align: middle;
			width: 16px;
			height: 16px;
		}
		.gspark div.link .input .icon.sparkAdd:hover {
			cursor: pointer;
		}
		
		.gspark div.link .input .icon.sparkAdd span {
			background:url('img/link_attachment_icon.png') no-repeat;
			/*background-color: transparent;
			background-position: right;*/
			margin: 0;
			width: 16px;
			height: 16px;
		}
		
		.gspark .addspark div.toolbar {
			padding:0;
			/*border-bottom:solid 1px #888;*/
			
		}
		
			.gspark .addspark div.toolbar .txtBtn {
				float:right;
				/*text-transform:uppercase;*/
				border:none;
				background-color:transparent;
				color:#888;
				padding:3px 1em;
				height: 32px;
				display: none;
			}

			/*.gspark .addspark div.toolbar .txtBtn:hover {
				color:#555;
			}*/			
			
			.gspark .addspark div.toolbar .txtBtn.private {
				border-right:solid 1px #888;
				border-left:solid 1px #888;
			}
			
				.gspark .addspark div.toolbar .txtBtn.private span {
					padding-left:20px;
				}
			
			.gspark .addspark div.toolbar .txtBtn.preview {
				border-left:solid 1px #fff;
				font-size: 12px;
			}
			
		.gspark .addspark fieldset, .gspark .sparkMessage.editMessage fieldset {
			border:none;
			margin:0;
			padding:0;
		}
		
		.gspark .addspark fieldset.input, .gspark .sparkMessage.editMessage fieldset.input {
			border: 1px solid #888;
			padding: 3px;
			height: 13px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

	
			.gspark .addspark fieldset.input input, .gspark .sparkMessage.editMessage fieldset.input input {
				border:none;
				margin:0;
				padding:0;
			}
			
		.gspark .addspark div.link fieldset.input {
			width:520px;
			/*width: 470px;*/
			height: 13px;
		}
		.gspark .sparkMessage.editMessage div.link fieldset.input {
			width:450px!important;
			/*width: 470px;*/
			height: 13px;
		}
	
		
			
			.gspark .addspark button.icon, .gspark .sparkMessage.editMessage button.icon {
				border:none;
				color: #666;
				background-color:transparent;
				/*display:inline-block;*/
				display: block;
				padding:0px;
				margin-right: 3px;			
			}
			
				.gspark .sharespark button.icon:hover,
				.gspark .addspark button.icon:hover {
					background-color:#555;
					color: #eee;
				}
			
				.gspark .sharespark button.icon span,
				.gspark .addspark button.icon span,
				.gspark .sparkMessage.editMessage button.icon span { 
					width:16px;
					height:16px;
					overflow:hidden;
					text-indent:-1000px;
					display:inline-block;
					*display: block;
				}
				
				.gspark .addspark button.icon.selected {
					background-color:#def;
				}
			
			.gspark .sharespark fieldset.input button.icon span,
			.gspark .addspark fieldset.input button.icon span,
			.gspark .sparkMessage.editMessage fieldset.input button.icon span{
				width:16px;
				height:16px;
			}
			
			.gspark .addspark fieldset.submission {
				border-top:solid 1px #888;
			}
			
			.gspark .addspark ul {
				list-style-type:none;
				padding:10px;
				margin-top: 10px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;						
			}
			
				.gspark .addspark ul li {
					border:solid 1px #888;
					display:block;
					max-width: 550px;
					color:#444;
					background-color:#ccc;
					padding:7px 7px 4px 7px;
					margin-bottom: 3px;
					position:relative;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;					
				}
				
				.gspark .addspark ul li span {
					padding-left:25px!important;
					/*display: block;*/
				}
				
					.gspark .addspark ul li.user span
					{
						padding:0;
					}
				
					/*.gspark .addspark ul li b {
						margin-left:1em;
						color:#6cd8fc;
					}*/
				
					.gspark .addspark ul li a.sparkRemove {
						position:absolute;
						top:.2em;
						right:.5em;
						display:block;
						padding:.2em;
					}
						.gspark .addspark ul li a.sparkRemove span {
							padding:0;
							display:block;
							width:8px;
							height:8px;
							overflow:hidden;
							text-indent:-1000px;
						}


		/*.gspark .addspark div.submit {
			position:relative;
		}*/

		/*.gspark .addspark button.submit {
			border:none;
			padding:0 0 10px 0;
			position:absolute;
			color:#0ae;
			background:transparent url(img/sparkArrow.png) no-repeat;
			text-transform:uppercase;
			text-align:center;
			font-size:1.2em;
			width:142px;
			height:42px;
			top:0px;
			left:207px;
		}*/
		.gspark .addspark .sparkPreview h3 {
			text-align: center;
			padding: 7px;
			color: #444;
			background-color: #ccc;
			border: 1px solid #ccc;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}
		.gspark .addspark .sparkPreview .sparkEditPreview {
			float: right;
			padding: 0;			
		}
		.gspark .addspark .sparkPreview .sparkRemovePreview {
			padding:0px 0px 0px 0px;
			float: right;
			padding: 0;
		}
		.addspark .sparkPreview .spark .removalDate {
			font-size: 10px;
			color: #444;
			text-align: center;
			padding: 6px;
		}
		.gspark .addspark button.submit {
			background: url('img/sparksend_button.png') repeat-x;
			border: 1px solid #888;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			/*background-color: #365d86;*/
			background-color: transparent;
			margin-top: 8px;
			text-align: center;
			float: right;
			width: 90px;
			height: 35px;
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			padding: 5px;
		}
		.gspark .addspark button.submit:hover, .gspark .addspark button.preview:hover {
			cursor: pointer;
		}
		.gspark .addspark button.preview {
			background: url('img/sparksend_button.png') repeat-x;
			border: 1px solid #888!important;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			/*background-color: #365d86;*/
			background-color: transparent;
			margin-top: 8px;
			margin-right: 10px;
			text-align: center;
			float: right!important;
			width: 90px;
			height: 35px!important;
			color: #fff!important;
			font-size: 10px;
			font-weight: bold;
			padding: 8px!important;
			display: block!important;
		}

	.gspark .addspark .uploader { 
		padding:1em 0;
		margin-top: 7px;
		margin-bottom: 0;
		margin-left: 3px;
		padding: 0;
		display:none;
		width: 420px!important;
	}
	.gspark .addspark .uploader input#file button {
		background-color: #fff; 
	}

		
/*-----------------------------------------------------------*
 * MENU														 *
 *-----------------------------------------------------------*/

		.gspark ul.menu {
			list-style-type:none;
			position:absolute;
			padding:1px;
			background-color:#fff;
			border:solid 1px #888;
			margin:0;
		}
		
			.gspark ul.menu li {
				margin:1px;
				padding:.2em 1em;
				display:block;
				cursor:pointer;
				height:36px;
			}
			
				.gspark ul.menu li a {
					min-height:24px;
				}
				
				.gspark ul.menu li.hover {
					background-color:#b6d9e6;
				}
			
				.gspark ul.menu li img {
					border:solid 3px #fff;
					float:left;
				}
			
				.gspark ul.menu li span {
					display:block;
					padding-left:3em;
				}

/*-----------------------------------------------------------*
 * DROPDOWN													 *
 *-----------------------------------------------------------*/

	.gspark ul.dropdown {
		list-style-type:none;
		position:absolute;
		padding:1px;
		background-color:#555;
		border:solid 1px #444;
		margin:0;
		z-index:500;
	}
	
		.gspark ul.dropdown li a {
			width:160px;
			padding:.5em;
			display:block;
			color:#eee;
			text-decoration:none;
		}

		.gspark ul.dropdown li a:hover {
			background-color:#333;
		}
		
/*-----------------------------------------------------------*/
/* SPARK													 */
/*-----------------------------------------------------------*/

.gspark .empty {
	margin:2em;
	font-size:1.2em;
	text-align:center;
}

.gspark .sparks, .gspark .singleSpark, .gspark .openSingleSpark {
	padding:1em;
	
}

.gspark .freeSparking p {
	text-align: center;
	color: #fff;
	padding-top: 5px;
	overflow: visible;
}

.gspark .sparksHeader {
	padding:0;
	margin:0;
	position:relative;
	height:6em;
}

	.gspark .sparksHeader img {
		margin:1em;
		height:5em;
		float:left;
		
	}

	.gspark .sparksHeader h1 {
		margin:0;
		padding:1em;
	}
	
	.gspark .sparksHeader ul {
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		right:10px;
		top:10px;
	}
	
		.gspark .sparksHeader ul li {
			padding:0 1em;
		}
.gspark .spark {
	position:relative;
	padding:1em;	
}
.gspark .spark.oldSpark {
}
.gspark .spark a.title, .gspark .spark a.timetag {
	text-decoration:none;	
}
.gspark .spark h4.autoremovedMsg {
	color: red;
	padding: 3px;
	border: 1px solid red;
	font-weight: normal;
	font-size: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.gspark .spark h4.autoremovalMsg {
	color: #666;
	padding: 3px;
	border: 1px dashed #888;
	font-weight: normal;
	font-size: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#preview_spark {
	border:solid 1px #aaa;
	box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	-moz-box-shadow:0px 0px 2px #000;
}

.gspark .commentForm {
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gspark .spark.delete {
	background-color:#ddf;
}

	.gspark .spark small {
		color:#888;
	}

	.gspark .spark a.icon {
		display:inline-block;
		margin:0 0 0 .5em;
		float:right;
	}

	.gspark .spark a.icon span {
		overflow:hidden;
		text-indent:-1000px;
		display:block;
	}
	
	.gspark .sparkActions {
		text-align: center;
		background: #eee;
		padding: 3px 5px;
		margin: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;		
	}
	.gspark .sparkActions .actItem {
		margin-right: 5px;
		margin-left: 5px;
	}

	.gspark .spark a.btn {
		display:block;
		background-color:#ccc;
		padding:4px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		text-decoration:none;
		width:32px;
		height:28px;
		text-align:center;
		color:#fff;
	}
	
	.gspark .spark a.btn.on {
		background-color:#0ae;
	}
	
		.gspark .spark a.btn small {
			font-size:.7em;
			color:#fff;
		}
	
		.gspark .spark a.sparkRemove {
			padding:0px 0px 0px 0px;
		}
		.gspark .spark .editTime {
			font-size: 10px;
			margin-top: 10px;
			color: #888;
		}
		.gspark .spark .sparkEdit {
			float: right;
			padding: 0;
		}
		.gspark .spark .editspark label {
			display: block;
			font-size: 12px;
			color: #444;
		}

		.gspark .spark .editspark .etitle,
		.gspark .spark .editspark .econtent,
		.gspark .spark .editspark .eattachments {
		/*.gspark .spark .editspark .newAttachment {*/
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius: 5px;
			border:1px solid #888888;
			font-size:12px;
			height:15px;
			padding:3px;
			width:450px;
			margin-bottom: 5px;
		}
		.gspark .spark .editspark .econtent {
			height: 100px;
		}
		.gspark .spark .editspark .newAttachment,
		.gspark .spark .editspark .eattachments {
			background: #fff;
			margin-bottom: 5px;
			height: auto;
		}
		.gspark .spark .editspark .delAttachment { float: right; }
		.gspark .spark .editspark .eattachments .uploaded,
		.gspark .spark .editspark .eattachments .image,
		.gspark .spark .editspark .eattachments .link,
		.gspark .spark .editspark .eattachments .embed,
		.gspark .spark .editspark .eattachments .other {
			background: #eee;
			
			margin-bottom: 5px;
			padding: 5px;
			border: 1px dotted #ccc;
			
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}
		
		.gspark .spark .editspark .salePriceCheck span, .gspark .spark .editspark .autoremoveCheck span {
			vertical-align: text-top;
			font-size: 10px;
			color: #444;
		}
		.gspark .spark .editspark .salePriceCheck label {
			width: 350px;
			vertical-align: text-top;
			display: inline;
			font-size: 10px;
		}
		.gspark .spark .editspark .sparkSaleprice, .gspark .spark .editspark .sparkAutoremove {
			background-color: #ccc;
			padding: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
			border: 1px solid #888;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;		
		}
		.gspark .spark .editspark .sparkAutoremove span {
			padding: 0!important;
		}
		.gspark .spark .editspark .sparkSaleprice label, .gspark .spark .editspark .sparkAutoremove label {
			color: #444;
			font-size: 11px;
		}
		.gspark .spark .editspark .sparkSaleprice label {
			display: inline;
		}
		.gspark .spark .editspark .sparkSaleprice input, .gspark .spark .editspark .sparkAutoremove input, .gspark .spark .editspark .sparkAutoremove select {
			padding: 3px;
			font-size: 11px;
			text-align: center;
			color: #444;
			border: 1px solid #444;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		.gspark .spark .editspark .sparkSaleprice {
			margin-bottom: 10px;
		}		
		.gspark .spark .editspark .sparkSaleprice input {
			width: 65px;
			display: inline;
		}		
		.gspark .spark .editspark .sparkAutoremove input.selectDate.idle {
			color: #888;
		}
		.gspark .spark .editspark .sparkAutoremove .showRemovalDate {
			font-size: 11px;
			color: #444;
			margin-top: 10px;
		}
		
		.gspark .spark .editPreview .removalDate {
			font-size: 10px;
			color: #444;
			text-align: center;
			padding: 6px;
		}
		.gspark .spark .sparkRemove {
			float: right;
			padding: 0;
		}	
		.gspark .spark a.btn.sparkFollow {
			top:1em;
			
		}
		
			.gspark .spark a.btn span {
					margin:auto;
			}
		
		.gspark .spark a.btn.sparkShare {
			background-color: #3af;
		}
		.gspark .spark a.btn.sparkShare:hover {
			background-color: #888;
		}
		
		.gspark .spark .title {
			position:relative;
			background-color:#bdf;
			padding:3px;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
		}
		
			.gspark .spark .title img {
				background-color:#bdf;
				float:left;
				width:48px;
				height:48px;
				padding:0 3px 3px 3px;
				margin-left:-3px;
			}
					
			.gspark .spark.new .title img,
			.gspark .spark.new .title {
				background-color:#ffd;
			}
			
			.gspark .spark div.title a.user {
				margin:0 1em;
				text-decoration:none;
				font-weight:bold;
			}
			
			.gspark .spark div.title a.user.direct span {
				padding-left:20px;	
			}
		
		
		.gspark .spark div.header {
			background:transparent none;
			border:solid 1px #aaa;
			color:#000;
			margin:0 0 0 4.4em;
			padding:.6em;
			font-size:.9em;
			border-radius:.5em;
			-webkit-border-radius:.5em;
			-moz-border-radius:.5em;
		}
		
			.gspark .spark div.header .user {
				display:inline-block;
				background-color:#444;
				padding:2px 4px;
				margin-right:2px;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
			}
			
				.gspark .spark div.header .user  a {
					text-decoration:none;
					margin:0;
					padding:0;
				}
				
				.gspark .spark div.header .user span {
					display:inline;
					color:#fff;
				}
				
				.gspark .spark div.header .user img {
					width:24px;
					height:24px;
					border:solid 1px #222;
					float:left;
					margin-right:3px;
				}
			
		.gspark .spark div.message {
			margin:0 0 0 4.4em;
			padding:.6em;
			font-size:1.2em;
		}
			.gspark .spark div.message img {
				margin-bottom:1em;
				
			}
		
/*-----------------------------------------------------------*/
/* SPARK : COMMENTING										 */
/*-----------------------------------------------------------*/			
		.gspark .spark div.comments {
			margin-left: 80px;
		}
		
			.gspark .spark div.comments div.title a {
				font-size:.8em;
				font-weight:bold;
				text-decoration:none;
				margin-right:1em;
				float:none;
			}
		
				.gspark .spark div.comments div.title a span {
					text-indent:2em;
					width:auto;
				}
		
			.gspark .spark div.comments ul {
				list-style-type:none;
				margin:0;
				padding:0;
			}
						
				.gspark .spark div.comments ul li {
					margin-top:4px;
					background-color:#fafafa;
					border: solid 1px #ddd;
					position:relative;
					padding:8px;
					border-radius:3px;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
				}
				
				.gspark .spark div.comments ul li.new {
					background-color:#ffd;
					border-color:#ddb;
				}
				
				.gspark .spark div.comments ul li.newComment {
					padding:4px;
					
				}
				
					.gspark .spark div.comments ul li img.user {
						width:36px;
						height:36px;
						padding: 1px;
						background-color:#fff;
						border:solid 1px #aaa;
						position:absolute;
						left: -50px;
						top:0px;
					}
			
					.gspark .spark div.comments ul li a.user {
						float:none;
						text-decoration:none;
						margin:0 .5em 0 0;
					}
					
					.gspark .spark div.comments .icon.sparkBubble.user span {
						display:block; 
						width:8px;
						height:11px;
						position:absolute;
						left:-7px;
						top:5px;
					}
					
					.gspark .spark div.comments ul li.newComment a {
						color:#ccc;	
					}
					
					.gspark .spark div.comments ul li form {
						text-align:right;
					}
					
					.gspark .spark div.comments ul li textarea {
						width:95%;
						padding:.5em;
						margin:3px 0px;
					}
					
					.gspark .spark div.comments ul li button {
						border:solid 1px #aaa;
						padding:.5em 1em;
						font-weight:bold;
						margin-left:3px;
					}
					
					.gspark .spark div.comments ul li button span {
						display:block;
						padding:0px;
					}
					
					.gspark .spark div.comments ul li button.sparkAdd span  {
						text-indent:-1000px;
						width:12px;
						height:14px;
					}

/*-----------------------------------------------------------*/
/* Friend list and search									 */
/*-----------------------------------------------------------*/

.gspark .friendList {
	background-color:#151515;
}

	.gspark .friendList form {
		padding:1px 3px;
		margin:0 0 6px 0;
		background-color:#fff;
		border:inset 2px;
	}
	
		.gspark .friendList form label {
			margin-right:.5em;
			color:#666;
		}
		
		.gspark .friendList form input {
			background-color:transparent;
			border:none;
		}

	.gspark .friendList ul {
		list-style-type:none;
		margin:0;
		padding:0;
		height:225px;
		overflow:auto;
	}
	
	.gspark .friendList ul li {
		display:block;
		position:relative;
		padding:0;
		margin:.2em 0em;
		height:32px;
	}
	
		.gspark .friendList ul li.odd {
			background-color:#222;
		}
		
		.gspark .friendList ul li:hover {
			background-color:#112;
		}
		
		.gspark .friendList ul li.odd:hover {
			background-color:#223;
		}
	
		.gspark .friendList ul li img {
			margin-right:1em;
			float:left;
			border:none;
			width:24px;
			height:24px;
		}
	
		.gspark .friendList ul li a {
			color:#6cd8fc;
			text-decoration:none;
			display:block;
			font-weight:bold;
		}
		
		.gspark .friendList ul li input {
			position:absolute;
			top:.5em;
			right:.5em;
		}

		.gspark .paging {
			position:relative;
			text-align:center;
			margin:1em auto 1em auto;
		}
		
			.gspark .paging a {
				color:#fff;
				background-color:#aaa;
				padding:.2em .5em;
				margin:.2em;
				display:inline-block;
				font-weight:bold;
				text-decoration:none;
			}
			.gspark .paging a:hover {
				background-color:#888;
			}
			
			.gspark .paging a.selected {
				background-color:#007aa3;
			}
			
			
/*-----------------------------------------------------------*/
/* USER PROFILE								                 */
/*-----------------------------------------------------------*/		
			
.gspark	.profile {}
			
	.gspark	.profile .info {
		background-color:#444;
		color:#fff;
		margin:1em;
	}
	
		.gspark	.profile .info img {
			margin:1em 0 .25em 1em;
		}
	
		.gspark	.profile .info h2 {
			margin:0 .8em;
			padding: 0;
			text-indent:0;
			text-align: center;
			font-size:1.2em;
		}
		
		.gspark	.profile .info h3,
		.gspark	.profile .info h4 
		{
			margin:0 1em;
			padding-bottom: 2px;
			font-size:1em;
			text-align: center;
			font-weight:normal;
		}
		
		.gspark	.profile .info h4 {
			margin-bottom:1em;
		}
		
		.gspark	.profile .info a {
			display:block;
			text-decoration:none;
			margin:0;
			text-align:left;
			border:none;
			background-color:#444;
			border-top:solid 1px #666;
			color:#fff;
			padding:.5em 1em;
		}
		
		.gspark	.profile .info a.on:hover,
		.gspark	.profile .info a:hover {
			background-color:#456;
		}
	
		.gspark	.profile .info a.on {
			background-color:#222;
		}
	
	.gspark .profile h1 {
		background-color:#444;
		margin:0;
		padding:.4em 1em;
		font-size:1.1em;
		color:#fff;
		clear: both;
	}
		.countBox,
		.gspark .profile h1 b {
			float:right;
			display:inline-block;
			background-color:#666;
			padding:2px 6px;
			font-size:0.7em;
			color: #fff;
			margin-top: 0;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
		}
		.countBox {
			float: none;
			color: #fff;
		}
	
	.gspark .profile .box {
		color:#fff;
		margin: 10px 15px 5px 10px;
	}
	
	.gspark .profile .box h2 {
		font-size:1em;
		padding:.4em 1em;
		background-color:#555;
	}
		
		.gspark .layout .navi .profile .box li a img {
			width:32px;
			height:32px;
			border:0;
			padding:0;
			margin:0;
		}
		
		.gspark .profile .box ul {
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
		.gspark .profile .box li.user,
		.gspark .profile .box li.group,
		.gspark .profile .box li.groupmember
		{
			display:block;
			widht: 32px;
			height: 32px;
			float: left;
			padding:0;
			margin:0 4px 8px 4px;
			border:solid 1px #444;
		}
		
		.gspark .profile .box.list li {
			display:block;
			border:solid 1px transparent;
		}
		
		.gspark .layout .navi  .profile .box li a {
			background-color:transparent;
			background-image:none;
			width:32px;
			height:32px;
			margin:0;
			padding:0;
			display:block;
		}


			.gspark .profile .box li:hover a span,
			.gspark .profile .box li.hover a span,
			.gspark .profile .box li a span { display:none }
			

			.gspark .profile .box.list a span {	display:block; 	}
		
		.gspark .layout .navi .profile .box .textNotifications li {
			position:relative;
			margin:5px 0px;
			background-color:#555;
			padding:2px 5px;
		}
		
		.gspark .layout .navi .profile .box .textNotifications li a.sparkRemove {
			position:absolute;
			top:3px;
			right:2px;
			width:12px;
			height:12px;
		}
		
		.gspark .layout .navi .profile .box .textNotifications li a.sparkRemove span  {
			display:block;
			text-indent:-1999px;
			overflow:hidden;
		}
		
		.gspark table.notifications {
			border-collapse:collapse;
			border:0;
		}
	
		
		.gspark table.notifications th {
			width:80%;
			text-align:left;
		}
		
		.gspark table.notifications img {
			float:left;
			margin-right:5px;
			border:none;
		}
		
		.gspark table.notifications a {
			text-decoration:none;
		}
		
		.gspark table.notifications td a {
			font-size:.8em;
			display:block;
			padding:4px 6px;
			color:#fff;
			background-color:#158;
			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
		}
		
		.gspark table.notifications td a:hover {
			background-color:#3af;
		}
		
/*-----------------------------------------------------------*/
/* SHARE popup												 */
/*-----------------------------------------------------------*/

.gspark #sharespark .send.gspark {
	color:#fff;
	background-color:#007aa3;
	padding:.5em 2em;
	margin-right:1em;
	margin-bottom:1em;
	border:none;
	float:right;
}

.gspark #sharespark .extras {
	clear:both;
	border-top:solid 1px #666;
	padding:1em;
}

	.gspark #sharespark .extras input {
		color:#ccc;
		background-color:#444;
		border:none;
		padding:.5em 1em;
	}
	
	.gspark #sharespark .extras button {
		margin-left:1em;
	}

.gspark .bigbutton {
	background:url("img/button-big.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:43px;
	line-height:43px;
	text-align:center;
	width:262px;
	color: #eee;
	text-decoration: none;
	margin: auto;
}
.gspark .bigbutton:hover {
	background:url("img/button-big.png") no-repeat scroll 0 -44px transparent;
	display:block;
	height:43px;
	text-align:center;
	width:262px;
	color: #fff;
}

/*-----------------------------------------------------------*/
/* Widget & banner Tools + tour                              */
/*-----------------------------------------------------------*/
.tourPage,
#bannerTool,
#widgetTool {
	background: #4d4d4d;
	padding: 15px;
}
.tourPage p,
.tourPage h1,
.tourPage h2,
.tourPage h3,
.tourPage div,
.tourPage span {
	color: #fff;
	text-align: center;
}
.tourPage div.infobox {
	width: 475px;
	margin: auto;
	text-align: left;
}
.tourPage div.infobox .boxtop {
	height: 6px;
	background: url('img/box-top.png') no-repeat;
}
.tourPage div.infobox .boxbottom {
	height: 6px;
	background: url('img/box-bottom.png') no-repeat;
}
.tourPage div.infobox .boxcontent {
	background: url('img/box-middle.png') repeat-y;
}
.tourPage div.infobox p {
	font-size: 12px;
	text-align: left;
	margin: 0 15px;
	padding: 10px 0;
}
.tourPage input.emailInviteAdmins {
	border: 1px solid #000;
	background: #666;
	font-size: 11px;
	color: #fff;
	padding: 6px;
	width: 375px;
	height: 15px;
	line-height: 19px;
	vertical-align: middle;
}
.tourPage input.unused.emailInviteAdmins {
	font-size: 11px;
	color: #ddd;
	padding: 6px;
	width: 375px;
	height: 15px;
	line-height: 19px;
	vertical-align: middle;	
	}
.tourPage input.doInviteAdmins {
	border: none;
	background: url('img/button-small.png') no-repeat;
	font-weight:bold;
	height:32px;
	width:80px;
	color: #185173;
	margin-left: 5px;
}
.tourPage input.doInviteAdmins:hover {
	background: url('img/button-small-hover.png') no-repeat;
	cursor: pointer;
}
#bannerTool .w_left,
#widgetTool .w_left {
	float: left;
	width: 250px;
	margin-left: 30px;
}
#bannerTool .w_right,
#widgetTool .w_right {
	float: right;
	width: 260px;
	margin-right: 25px;
}
#bannerTool .delBanner,
#widgetTool .delWidget {
	width: 160px;
	height: 28px;
	display: block;
	text-align: right;
	float: right;	
}
#bannerTool .delBanner a,
#widgetTool .delWidget a {
	background: url('img/delete.png') no-repeat right 50%;
	padding-right: 25px;
	text-decoration: none;
	height: 28px;
	display: block;
	line-height: 28px;
	color: #ddd;
	font-size: 11px;
}
#widgetTool .short span,
#widgetTool .delWidget a:hover { color: #fff;}
#bannerTool .widgetCode,
#widgetTool .widgetCode { text-align: center; }
#bannerTool .widgetCode textarea,
#widgetTool .widgetCode textarea {
	width: 400px;
	height: 80px;
}
#bannerTool .sizeMsg {
	color: #fff;
	font-size: 11px;
}
#bannerTool .helpson {
	margin-left: 5px;
}
#bannerTool .helpson a {
	background: #739dfb;
	color:#eee;
	font-size:11px;
	font-weight:bold;
	padding:2px 5px;
	text-decoration:none;
	border: 1px solid #ccc;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
}
#bannerTool .helpson a:hover { border: 1px solid #fff; color: #fff; }
#bannerTool #banner_stepper,
#widgetTool #pro_stepper {
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: url('img/wstepbg2.png') no-repeat 50% 50%;
	margin-bottom: 15px;
	margin-right: 0;
	margin-left: 0;
}

#bannerTool #banner_stepper a,
#widgetTool #pro_stepper a {
	color: #1a1a1a;
	margin-left: 15px;
	margin-right: 30px;
	text-decoration: none;
}
#bannerTool #banner_stepper a span,
#widgetTool #pro_stepper a span {
	margin-right: 10px;	
	padding: 3px 5px;
}
#bannerTool #banner_stepper a:hover span,
#widgetTool #pro_stepper a:hover span {
	background: #444;
	color: #fff;
}
#bannerTool #banner_stepper a.active span,
#widgetTool #pro_stepper a.active span {
	background: #2c92bd;
	color: #fff;
}
#bannerTool a img,
#widgetTool a img { border: none; }
.tourPage .tourCreateGroupContainer { display: none; }
.tourPage .hr {
	background: url('img/groovy.gif') repeat-x 0 50%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.widgetType a img {
	width: 280px;
}
.tourPage h1,
.tourPage h2,
.tourPage h3,
#bannerTool h1,
#bannerTool h2,
#bannerTool h3,
#widgetTool h1,
#widgetTool h2,
#widgetTool h3 {
	color:#fff;
	margin:0;
	font-size:1.2em;
}
.tourPage h2,
#bannerTool h2,
#widgetTool h2 {
	background: url('img/groovy.gif') repeat-x bottom left;
	
	font-weight: bold;
	font-size: 24px;
	font-family: 'lucida grande', lucida, arial, tahoma;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.tourPage h3,
#bannerTool h3.preview,
#widgetTool h3.preview {
	background: url('img/groovy.gif') repeat-x bottom left;
	font-weight: bold;
	font-size: 18px;
	font-family: 'lucida grande', lucida, arial, tahoma;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 35px;
	text-align: center;
}

.tourPage h3 {
	margin-top: 0;
}
.gspark .layout .navi .tourNaviContainer li.inactive a {
	color: #aaa;
} 
.gspark .layout .navi .tourNaviContainer li.inactive a:hover {
	color: #aaa;
	background: none;
	cursor: default;
} 
.tourPage .divider,
#bannerTool .divider,
#widgetTool .divider {
	background: url('img/groovy.gif') repeat-x bottom left;
	height: 2px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#bannerTool .nextStep,
#widgetTool .nextStep {
	margin-top: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 35px;
	background: url('img/groovy.gif') repeat-x 0 50%;	
}
.tourPage .nextStep {
	margin-top: 10px;
}

.tourPage .nextStep a {
	text-align: left;
	display: block;
	float: right;
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	color: #185173;
	text-decoration: none;
}
.tourPage .nextStep a span {
	color: #185173;
	display: block;
	background: url('img/button-arrow-sprite.png') no-repeat 0 0;	
	float: left;
	padding-left: 15px;
}
.tourPage .nextStep a b {
	color: #185173;
	display: block;
	width: 25px;
	height: 35px;
	background: url('img/button-arrow-sprite.png') no-repeat top right;	
	float: left;
}
.tourPage .nextStep a:hover span {
	background: url('img/button-arrow-sprite.png') no-repeat 0 -35px;
}
.tourPage .nextStep a:hover b {
	background: url('img/button-arrow-sprite.png') no-repeat right -35px;		
}
.tourPage .teamImages {
	padding-left: 50px;
}
.tourPage .teamImages div {
	width: 96px;
	text-align: center;
	margin-right: 15px;
	float: left;
}
.tourPage .teamImages img {
	margin-bottom: 10px;
}

#bannerTool .nextStep a,
#widgetTool .nextStep a {
	/*
	display: block;
	float: right;
	height: 35px;
	width: 130px;
	line-height: 35px;
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	color: #185173;
	text-decoration: none;
	background: url('img/wnext.png') no-repeat;
	*/
	text-align: left;
	display: block;
	float: right;
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	padding-left: 15px;
	font-weight: bold;
	color: #185173;
	text-decoration: none;
}
#bannerTool .nextStep a span,
#widgetTool .nextStep a span {
	color: #185173;
	display: block;
	background: url('img/button-arrow-sprite.png') no-repeat 0 0;	
	float: left;
	padding-left: 15px;
}
/*#bannerTool .nextStep a:hover,
#widgetTool .nextStep a:hover {
	background: url('img/wnexts.png') no-repeat;	
}*/
#bannerTool .nextStep a b,
#widgetTool .nextStep a b {
	color: #185173;
	display: block;
	width: 22px;
	height: 35px;
	background: url('img/button-arrow-sprite.png') no-repeat top right;	
	float: left;
}
#bannerTool .nextStep a:hover span, #widgetTool .nextStep a:hover span {
	background: url('img/button-arrow-sprite.png') no-repeat 0 -35px;
}
#bannerTool .nextStep a:hover b, #widgetTool .nextStep a:hover b {
	background: url('img/button-arrow-sprite.png') no-repeat right -35px;		
}

.tourPage .tourcase1 {
	background: url('img/sparkbox-tour-case.png') no-repeat;
	width: 581px;
	height: 141px;
	margin-top: 10px;
	position: relative;
}
.tourPage .tourcase1 p {
	text-align: left;
	font-size: 12px;
	position: absolute;
	left: 290px;
	top: 20px;
	width: 280px;
	height: 70px;
}
#bannerTool fieldset,
#widgetTool fieldset {
	border:none;
	margin:0;
	padding:0;
	margin-top: 10px;
	margin-bottom: 10px;
}
#widgetTool input[type=file],
#bannerTool input[type=text],
#widgetTool input[type=text] {
	background: url('img/inputbg.gif') repeat-x #575757;
	border: 1px solid #000;
	color: #fff;
	height: 22px;
	line-height: 22px;
	width: 225px;
}
#bannerTool .short input[type=text],
#widgetTool .short input[type=text] {
	width: 160px;
	margin-right: 10px;
}
#bannerTool label,
#widgetTool label {
	display: block;
	color: #fff;
	font-size: 14px;
	width: 225px;
	padding-bottom: 10px;
}
#widgetTool .shortIn label {
	display: inline;
}
#widgetTool .shortIn input {
	float: right;
	width: 40px;
	height: 14px;
}
#widgetTool .check label {
	display: inline;
	width: auto;
	margin-top: 0;
}
#widgetTool .check input { 
	float: right; margin-top: 0;
}
#bannerTool .color label,
#widgetTool .color label {
	display: inline;
	width: auto;
	margin-top: 0;	
}
#bannerTool .color input,
#widgetTool .color input {
	float: right;
	border-color: #3a3a3a;
	width: 32px;
	height: 18px;
	line-height: 18px;
	border-radius: 4px;
	background: transparent;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-indent: -2000px;
}
#widgetTool .fontsize select { float: right; }
#bannerTool .donetext,
#widgetTool .donetext {
	text-align: center;
	color: #fff;
}
#bannerTool .donetext h4,
#widgetTool .donetext h4 {
	font-size: 24px;
	font-weight: normal;
}
#bannerTool .savename,
#widgetTool .savename {
	margin-bottom: 20px;
	margin-top: 15px;
	text-align: center;
	color: #fff;
}
#bannerTool .savename label,
#widgetTool .savename label {
	display: inline;
	width: auto;
	margin-right: 10px;
}
#bannerTool .savename input,
#widgetTool .savename input {
	width: 200px;
}
#bannerTool .savecreate,
#widgetTool .savecreate {
	background: url('img/groovy.gif') repeat-x 0 50%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

#bannerTool .wideCol {
	margin: 0 40px 0 40px;
}

/****************/
/* UI ACCORDION */
/****************/

.ui-accordion .ui-accordion-header a  {

	padding:0 0.5em 0 1.8em;
}

/***************/
/* Hover Help  */
/***************/
#hh {
	position:absolute;
	background-color:#444;
	color:#ddd;
	font-size:0.8em;
	padding:1em;
	border:solid 1px #222;
	border-radius:8px 8px 8px 0;
	-webkit-border-radius:8px 8px 8px 0;
	-moz-border-radius:8px 8px 8px 0;
	cursor:pointer;
	box-shadow:3px 3px 8px #000;
	-webkit-box-shadow:3px 3px 8px #000;
	-moz-box-shadow:3px 3px 8px #000;
}

#hh:hover {
	background-color:#fff;
	color:#000;
}


/* --------------------------------------- */
/* Group profile navigation                */
/* --------------------------------------- */
.gspark #groupProfileNavi { margin-top: 1em; }
.gspark #groupProfileNavi a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #444;
	padding: 0.5em 1em;
	margin: 0 1em 1px 1em;
}
.gspark #groupProfileNavi a:hover {
	background: #456;
}


/*-----------------------------------------------------------*/
/* ICONS split from sprite									 */
/*-----------------------------------------------------------*/

.gspark .spark .user.direct span,
.gspark .txtBtn.private span,
.gspark .header .search button,
.gspark .icon span {
	background-image:url(img/icons.png);
	background-repeat:no-repeat;
}
/*.gspark .icon.sparkAdd span {
	background:url('img/link_attachment_icon.png') no-repeat!important;
	background-position: 0 0;
	width: 11px!important;
	height: 11px!important!;
	/*float: right:
	text-align: center;
	*text-indent: 0;
	*display: block!important;
}*/

/*.gspark .icon.sparkAdd span{ background-position: 0 0; width: 11px; height: 11px; }*/ 
.gspark .icon.sparkArrowdown span{ background-position: 0 -267px; width: 16px; height: 28px; } 
/*.gspark .icon.sparkAttachment {
	width: 155px!important; height: 35px!important;
	padding: 3px!important;
	margin-left: 3px!important;
	line-height: 32px;
	color: #666;
	font-size: 13px;
	text-align: left;
	*text-align: center;
	*text-indent: 0;
	*display: block!important;
}*/
.gspark .types {
	width: 315px!important;
}
.gspark .types .icon.sparkAttachment {
	width: 315px!important;
	height: 32px!important;
	padding: 3px 3px 0 3px!important;
	margin-left: 3px!important;
	line-height: 32px;
	color: #365d86;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	/*text-align: center;
	text-indent: 0;*/
	display: block!important;
}
.gspark .types .icon.sparkAttachment:hover {
	background-color: transparent;
	color: #365d86;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

.gspark .types .icon.sparkAttachment.selected {
	background-color: transparent;
	color: #365d86;
	font-size: 13px;
	font-weight: bold;
}

.gspark .icon.sparkAttachment span {
	background-image:url('img/icons.png');
	background-repeat:no-repeat;	
}
.gspark .icon.sparkAttachment span.attachmentUp {
	/*width: 30px!important;
	height: 30px!important;*/
	max-width: 400px;
	*width: auto;
	*white-space: normal;
	*text-overflow: clip;
	overflow: hidden!important;
	padding-left: 15px;
	background: url('img/attachment_icon16.png') no-repeat;
	/*vertical-align: middle;*/
}
.gspark .icon.sparkAttachment a {
	display: block;
	float: right;
	width: 10px;
}
.gspark .icon.sparkAttachment a span {
	/*width: 30px!important;
	height: 30px!important;*/
	display: block;
	text-indent: -1000px;
	overflow:hidden;
}
.gspark .link .linkList, .gspark .link .linkList .sparkAttachment {
	font-size: 8px;
	width: 500px;
	max-width: 550px;	
	overflow: hidden!important;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	*max-width: 100px;
}
.gspark .icon.sparkBubble span{ background-position: 0 -821px; width: 8px; height: 11px; } 
.gspark .icon.sparkComment span{ background-position: 0 -1088px; width: 16px; height: 16px; } 
.gspark .icon.sparkCreategroup span{ background-position: 0 -1360px; width: 9px; height: 9px; } 
.gspark .icon.sparkDocument span{ background-position: 0 -1625px; width: 14px; height: 16px; } 
.gspark .icon.sparkFollow span{ background-position: -528px 0; width: 16px; height: 16px; } 
.gspark .icon.sparkFollowed span{ background-position: -528px -272px; width: 16px; height: 16px; } 
.gspark .icon.sparkFollowed .selected span{ background-position: -528px -544px; width: 16px; height: 16px; } 
.gspark .icon.sparkFriends span{ background-position: -528px -816px; width: 16px; height: 15px; } 
.gspark .icon.sparkHelp span{ background-position: -528px -1087px; width: 20px; height: 20px; } 
.gspark .icon.sparkHelpHover span{ background-position: -528px -1363px; width: 20px; height: 20px; } 
.gspark .icon.sparkHighlightOff span{ background-position: -528px -1639px; width: 15px; height: 15px; } 
.gspark .icon.sparkHighlightOn span{ background-position: -1060px 0; width: 15px; height: 15px; } 
.gspark .icon.sparkImage span{ background-position: -1060px -271px; width: 16px; height: 15px; } 
.gspark .icon.sparkInfoOff span{ background-position: -1060px -542px; width: 14px; height: 13px; } 
.gspark .icon.sparkInfoOn span{ background-position: -1060px -811px; width: 14px; height: 13px; } 
.gspark .icon.sparkLanguage span{ background-position: -1060px -1080px; width: 20px; height: 20px; } 
.gspark .icon.sparkLanguageHover span{ background-position: -1060px -1356px; width: 20px; height: 20px; } 
/*.gspark .icon.sparkLogo span{ background-position: -1060px -1632px; width: 66px; height: 24px; }*/ 
.gspark .icon.sparkMusic span{ background-position: -1638px 0; width: 13px; height: 16px; } 
.gspark .icon.sparkNotifications span{ background-position: -1638px -272px; width: 16px; height: 16px; } 
.gspark .icon.sparkNotifications .selected span{ background-position: -1638px -544px; width: 16px; height: 16px; } 
.gspark .icon.sparkOpen span{ background-position: -1638px -816px; width: 16px; height: 16px; } 
.gspark .icon.sparkOpenActive span{ background-position: -1638px -1088px; width: 16px; height: 16px; }
.gspark .txtBtn.private span,  
.gspark .icon.sparkPrivate span{ background-position: -1638px -1360px; width: 16px; height: 16px; }
.gspark .spark div.title a.user span,
.gspark .icon.sparkPrivate .selected span{ background-position: -1638px -1632px; width: 16px; height: 16px; } 
.gspark .icon.sparkPrivateOff span{ background-position: -2216px 0; width: 16px; height: 16px; } 
.gspark .icon.sparkPrivateOn span{ background-position: -2216px -272px; width: 16px; height: 16px; } 
.gspark .icon.sparkRemove span{ background-position: -2216px -544px; width: 10px; height: 10px; }
.gspark .icon.linkRemove span{ background-position: -2216px -544px; width: 10px; height: 10px; *margin-top: -18px; *margin-left: -10px;}
.gspark .icon.attachmentRemove span{ background-position: -2216px -544px; width: 10px; height: 10px; } 
.gspark .icon.sparkSearch { background-position: -2216px -810px; width: 26px; height: 22px; } 
.gspark .icon.sparkSent span{ background-position: -2216px -1088px; width: 16px; height: 16px; } 
.gspark .icon.sparkSent .selected span{ background-position: -2216px -1360px; width: 16px; height: 16px; } 
.gspark .icon.sparkShare span{ background-position: -2216px -1632px; width: 22px; height: 21px; } 
.gspark .icon.sparkStream span{ background-position: -2794px 0; width: 16px; height: 16px; } 
.gspark .icon.sparkStream .selected span{ background-position: -2794px -272px; width: 16px; height: 16px; } 
.gspark .icon.sparkVideo span{ background-position: -2794px -544px; width: 16px; height: 15px; } 
.gspark .icon.sparkViewall span{ background-position: -2794px -815px; width: 6px; height: 6px; } 

.gspark .resetPwdBox,
.gspark .loginBox,
.gspark #register_admin, .gspark #adminRegisterSuccess, .gspark #register_siteadmin, .gspark #register_user, .gspark #userRegisterSuccess, .gspark #userLostActivation {
	padding: 15px;
}
.gspark .resetPwdBox,
.gspark .loginBox {
	background: #eee;
	border-bottom: 1px solid #bbb;
}
.gspark .resetPwdBox h2,
.gspark .loginBox h2,
.gspark #register_admin h3, .gspark #adminRegisterSuccess h3, .gspark #register_siteadmin h3, .gspark #register_user h3, .gspark #userRegisterSuccess h3, .gspark #userLostActivation h3 {
	border-bottom: 1px solid #888;
	color: #333;
}
.gspark .resetPwdBox fieldset,
.gspark .loginBox fieldset,
.gspark #register_admin_form fieldset,
.gspark #register_siteadmin_form fieldset,
.gspark #register_user_form fieldset,
.gspark #userLostActivation fieldset {
	border: 0;
	padding: 0;
	margin-bottom: 10px;
}
.gspark .resetPwdBox fieldset label,
.gspark .loginBox fieldset label,
.gspark #register_admin_form fieldset label,
.gspark #register_siteadmin_form fieldset label,
.gspark #register_user_form fieldset label,
.gspark #userLostActivation fieldset label {
	display: block;
	padding-bottom: 3px;
}
.gspark #login_login .rememberme {
	vertical-align: top;
	margin-left: 3px;
}
.gspark #register_admin_form fieldset small,
.gspark #register_siteadmin_form fieldset small,
.gspark #register_user_form fieldset small {
	color: #666;
}
.gspark .resetPwdBox input[type=text],
.gspark .resetPwdBox input[type=password],
.gspark .loginBox input[type=text],
.gspark .loginBox input[type=password],
.gspark #register_admin_form input[type=text],
.gspark #register_admin_form input[type=password],
.gspark #register_admin_form textarea,
.gspark #register_admin_form select,
.gspark #register_siteadmin_form input[type=text],
.gspark #register_siteadmin_form input[type=password],
.gspark #register_siteadmin_form textarea,
.gspark #register_siteadmin_form select,
.gspark #register_user_form input[type=text],
.gspark #register_user_form input[type=password],
.gspark #register_user_form textarea,
.gspark #register_user_form select,
.gspark #userLostActivation input

{
	border: 1px solid #888;
	background: #fff;
	padding: 3px 5px;
	width: 300px;
}
.gspark #register_user .showMap, #groupSettingsForm .showMap, #groupSettingsForm .closeMap {
	padding: 0 0 0 5px;	
}
.gspark #register_user .showMap:hover, #groupSettingsForm .showMap:hover, #groupSettingsForm .closeMap:hover {
	cursor: pointer;
}

.gspark #register_user_form fieldset .picture {
	float:left;
}

.gspark #register_user_form fieldset img {
	border:solid 1px #aaa;
	padding:4px;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:1em;
}

.gspark #register_user_form fieldset a, .gspark #adminRegisterSuccess a, .gspark #userRegisterSuccess a {
	color:#09c;
	text-decoration:none;
	font-weight:bold;
	display:block;
	font-size:.9em;
}
.gspark #register_user_form fieldset a.agreeTerms {
	color:#09c;
	text-decoration:none;
	font-weight: lighter;
	display:inline-block;
	font-size:.9em;
}

.gspark #register_user_form p {
	display: block;
}

.gspark #register_user_form fieldset input[type=checkbox] {
	display:inline-block;
	vertical-align: text-bottom;
	margin-bottom: 0;
}

.gspark #register_user_form fieldset.agree.notChecked {
	border: 1px solid #ff0000;
}

.gspark .termsDialog {
	scrollbar-face-color: #888;
	scrollbar-arrow-color: #888;
}

.gspark .termsDialog h3 {
	padding-top: 10px;
	text-align: center!important;
}

.gspark .termsDialog h4 {
	margin-left: 10px;
}

.gspark .termsDialog ul {
	list-style-type: decimal!important;
	text-align: left!important;
}

.gspark .termsDialog ul li {
	padding-bottom: 5px;
}

.gspark .loginBox a {
	text-decoration: none;	
}
.gspark .loginBox span.send, .gspark #register_admin_form span.send, .gspark #register_user_form span.send, .gspark #register_siteadmin_form span.send, .gspark #userLostActivation span.sendActivation {
	border: 1px solid #444;
	background-color: #888;
	padding: 6px 8px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.gspark .loginBox span.send:hover, .gspark #register_admin_form span.send:hover, .gspark #register_user_form span.send:hover, .gspark #register_siteadmin_form span.send:hover, .gspark #userLostActivation span.sendActivation:hover {
	background-color: #444;
	color: #fff;
}

.gspark #register_admin_form select, .gspark #register_siteadmin_form select { width: 310px; }

.gspark .pagePart.domainPage span.userManual {
	float: right;
	padding: 5px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #888;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;	
}
.gspark .pagePart.domainPage span.userManual:hover {
	background-color: #ccc;
}
.gspark .pagePart.domainPage span.userManual a {
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	color: #444;	
}
.gspark .dialog .userManual {
	padding-bottom: 15px;
}
.gspark .dialog .userManual h3 {
	margin-bottom: 2px;
}
.gspark .dialog .manual a {
	text-decoration: none!important;
	color: #33aaff;
}
.gspark #siteSettings,
.gspark #contactRequests,
.gspark #subscriptionStatus,
.gspark #domainAdmins,
.gspark #domainUsers,
.gspark #domainGroups {
	margin: 0px 15px 10px 15px;
	background: #ddd;
	padding-bottom: 10px;
}
.gspark #siteSettings .settingsContainer {
	padding: 10px;
}
.gspark #siteSettings .settingsContainer label {
	display: block;
	width: 150px;
	float: left;
}
.gspark #subscriptionStatus #domainSubscription {
	padding-left: 10px;
	padding-right: 10px;
}
.gspark #contactRequests .req,
.gspark #domainUserList .user,
.gspark #domainAdminList .user,
.gspark #domainGroupList .group {
	background: #eee;
	color: #333;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	margin: 0 10px 10px 10px;
	padding: 8px;
	display: block;
}
.gspark #domainUserList .user img,
.gspark #domainAdminList .user img,
.gspark #domainGroupList .group img{
	border: none;
	float: left;
}
.gspark .userDescr,
.gspark .groupinfo,
.gspark .userinfo {
	margin-left: 50px;
}
.gspark .boxAdmins {
	margin-top: 5px;
}
.gspark .userDescr {
	margin-top: 5px;
	padding: 5px;
	font-size: 11px;
	background: #fff;
	border: 1px solid #ddd;
}
.gspark .userDescr a {
	text-decoration: none;
}
.gspark .subscribedDomain,
.gspark .groupinfo a,
.gspark .usernick {
	font-weight: bold;
}
.gspark .infoBtn,
.gspark .showUserDescr {
	background: #33AAFF;
	color: #fff;
	text-decoration: none;
	padding: 1px 4px;
	font-weight: bold;
	font-size: 11px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.gspark a.infoBtn {
	display: inline !important;
	color: #fff !important;
}
.gspark .pagePart.domainPage #domainInvite a {
	text-decoration: none;
	margin: 0px 15px;
}
.gspark .pagePart.domainPage h3 {
	margin-top: 0;
	margin-bottom: 10px;
	background: #333;
	color: #fff;
	padding: 3px 5px; 
}

.gspark .attachments > div {
	margin-bottom: 10px;
}
.gspark #privateGroupText {
	background: #EEEEEE;
	border:1px solid #CCCCCC;
	text-align: center;
	margin:15px;
	padding:10px;
}
.gspark .noSparks, .gspark .noUserSparks, .gspark .loadingSparks {
	background: #EEEEEE;
	border:1px solid #CCCCCC;
	text-align: center;
	margin:15px;
	padding:10px;
}

.gspark .profile .credits.title {
	padding: 9px;
	margin-bottom: 7px;
}

.gspark .profile .credits .countBox {
	float: right;
	margin-top: 1px;
	font-size: 15px;
}
.gspark .profile .credits .countBox.active {
	border: 2px solid #f90b0b;
}

.gspark .credits.order {
	padding: 5px 0 15px;
}

.gspark .profile .credits.order a.en {
	background:url("img/butt105x50.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	height:20px;
	margin-left:25%;
	padding:8px 10px 25px;
	text-align:center;
	text-decoration:none;
	width:90px;
}
.gspark .pagePart.tourPage .credits.order span.en {
	background: url('img/ordercredits_en.png') no-repeat;
	padding-top: 25px;
	padding-right: 55px;
	padding-bottom: 25px;
	padding-left: 75px;
	width: 255px;
	height: 125px;
	margin-left: 25px;
	margin-top: 15px;
}
.gspark .credits.order a.en:hover {
	background: url('img/ordercreditshover_en.png') no-repeat;
	cursor: pointer;
}
.gspark .profile .credits.order a.fi {
	background:url("img/butt105x50.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	height:20px;
	margin-left:25%;
	padding:8px 10px 25px;
	text-align:center;
	text-decoration:none;
	width:90px;
}
.gspark .pagePart.tourPage .credits.order span.fi {
	background: url('img/ordercredits_fi.png') no-repeat;
	padding-top: 25px;
	padding-right: 55px;
	padding-bottom: 25px;
	padding-left: 75px;
	width: 255px;
	height: 125px;
	margin-left: 25px;
	margin-top: 15px;
}
.gspark .credits.order a.fi:hover {
	background: url('img/butt105x50hover.png') no-repeat;
	cursor: pointer;
}
.gspark .profile .credits.order a.de {
	background:url("img/butt105x50.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	height:20px;
	margin-left:25%;
	padding:8px 10px 25px;
	text-align:center;
	text-decoration:none;
	width:90px;
}
.gspark .pagePart.tourPage .credits.order span.de {
	background: url('img/ordercredits_de.png') no-repeat;
	padding-top: 25px;
	padding-right: 55px;
	padding-bottom: 25px;
	padding-left: 75px;
	width: 255px;
	height: 125px;
	margin-left: 25px;
	margin-top: 15px;
}
.gspark .credits.order a.de:hover {
	background: url('img/ordercreditshover_de.png') no-repeat;
	cursor: pointer;
}
.gspark .creditperMsg {
	font-style: oblique;
	margin-top: 5px;
}
.gspark .pagePart.listPayments,
.gspark .pagePart.orderStatus,
.gspark .pagePart.orderCredits {
	padding: 0 15px;
}
.gspark .pagePart.listPayments .bill {
	background: #eee;
	border: 1px solid #ccc;
	margin-bottom:10px;
	padding:10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.gspark .orderCredits .creditOrderForm {
	background: #ddd;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.gspark .orderCredits .orderSummary .totalPriceContainer {
	border-top: 1px dashed #888;
	margin-top: 3px;
}
.gspark .orderCredits .creditOrderForm .orderSummary { display: none; }
.gspark .orderCredits .creditOrderForm .orderSummary h3 { margin-top: 0; }
.gspark .orderCredits .creditOrderForm h3 {}
.gspark .orderCredits .creditAmount {
	width: 30px;
}
.gspark .orderPay {
	display: none;
}
/*
.gspark .credits.order a {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.gspark .credits.order a:hover {
	color: #444;
}
*/
.gspark .spContainer {
	background: #fff;
	margin-left: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*
	border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	*/
}
.gspark .sparkMessage,
.gspark .sparkAttachments {
	padding: 10px;
}
.gspark .imageWindow,
.gspark .sparkAttachments { padding-top: 0; }
.gspark .imageWindow {
	margin: 0 10px 10px 10px;
	border-top: 1px solid #ddd;
}
.gspark .imageWindow { text-align: center; }
.gspark div.sparkAttachments div {
	text-align: left;
	margin-bottom: 5px;
	overflow: hidden;
	width: 100%;
}
.gspark div.attachments div.embed,
.gspark div.attachments div.image {
	text-align: center;
}

.gspark .confirmDel,
.gspark .confirmDelComment  {
	margin: 5px 10px 0 10px;
	padding: 2px 4px;
	background: #eee;
	border: 1px solid #ddd;
}
.gspark .confirmDel a,
.gspark .confirmDelComment a {
	color: #000;
}

.gspark .delComment {
	float: right;
}

.gspark .imageWindowControls {
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
}
.gspark .imageWindowControls a  {
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 3px 5px;
	margin-right: 5px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	outline: none;
}
.gspark .imageWindowControls a.s {
	text-decoration: underline;
}
.gspark .spark .titlebar {
	padding: 3px 5px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background: #666;
}

.gspark .spark .titlebar span { color: #ddd; font-size: 11px; }
.gspark .commentList .titlebar span { color: #666; }
.gspark .commentList .titlebar {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #fff;
	border-top: 3px solid #888;
	border-bottom:1px dotted #CCCCCC;
	border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}
.gspark .spark .titlebar a {
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
}
.gspark .commentList .titlebar a {
	color: #33AAFF;
}
.gspark .spark h4 {
	margin: 10px 10px 0px 10px;
	padding: 0;
	background: #fff;
	font-weight: bold;
}
.gspark .spark .avatar {
	margin-left: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
	width: 40px;
	height: 36px;
	float: left;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.gspark .sparkMessage.editMessage .newAttachment button.uploadFiledit {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#AAAAAA;
	border:1px solid #DDDDDD;
	font-family:inherit;
	font-size:10px;
	margin-top: 3px;
	margin-left: 3px;
}
.gspark .sparkMessage input[name=saveEdit], .gspark .sparkMessage input[name=cancelEdit], .gspark .sparkMessage input[name=previewEdit], .gspark .sparkMessage input[name=editEdit] {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#AAAAAA;
	border:1px solid #DDDDDD;
	font-family:inherit;
	font-size:10px;
	margin-top: 2px;
	margin-right: 3px;
}
.gspark .editPreview input[name=saveEdit], .gspark .editPreview input[name=cancelEdit], .gspark .editPreview input[name=editEdit] {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#AAAAAA;
	border:1px solid #DDDDDD;
	font-family:inherit;
	font-size:10px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/* GMAPS USER REGISTRATION */
#addressMap {
	z-index: 9999!important;
	overflow: hidden;
	width: 512px;
    height: 440px;
    margin-top: 15px;
    background: #444;	
    border: 5px solid #444;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;	            
}
#addressMap h3 {
    font-weight: bold;
}
#addressMap .groupAvatar {
    padding-left: 25px;
}
#addressMap .groupAvatar img {
    vertical-align: middle;
}
#register_user small.showUserMap {
	padding-left: 5px;
}
#register_user small.showUserMap:hover {
	cursor: pointer;
}
.domLang {
	float: left!important;
	*display: block!important;
	*text-align: left!important;
	*margin-top: 5px!important;
	*margin-right: 20px!important;
}
.domainLangNavi {
	display: block;
	/*z-index: 9999!important;*/
	/*position: relative;*/
	width: 100%;
	float: left;
	margin-top: -10px;
	margin-left: 25px;
}
.receipt { float: right;}
.vatText { margin-top: 10px;}


.currLangList {
	overflow: hidden!important;
	/*position: absolute!important;*/
	/*z-index: 999!important;*/
	/*padding: 15px 0 0 0!important;*/
	/*margin: 105px 0 0 145px;*/
	text-align: left!important;
	color: #fff;	
}
.currLangList .userCurrLang:hover {
	cursor: pointer;
	color: #ccc;
}
.currLangList .userLangList {
	display: none;
	overflow: hidden!important;
	position: absolute!important;
	z-index: 1000!important;
	border: 1px solid #888;
	font-size: 12px;
	background: #444;
	color: #fff;
	padding: 5px!important;
	margin: 5px 0 0 42px;
	width: 120px;
}
.currLangList .userLangToggle {
	vertical-align: middle;
}
.currLangList .userLangList ul {
	/*overflow: hidden!important;*/
	/*position: relative!important;*/
	padding: 0!important;
	width: auto;	
}
.currLangList .userLangList ul li {
	display: inline;
	padding: 0!important;
}
.currLangList .userLangList a {
	font-size: 13px;
	color: #bbb!important;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15px 0 15px!important;
	border: 1px solid #444;
}
.currLangList .userLangList a:hover {
	background-color: #ccc;
	color: #444!important;
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;		
}
.currLangList .userLangList .active {
	color: #fff!important;
	background-color: #555;
	border: 1px solid #555;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;		
}


.currDomainList {
	overflow: hidden!important;
	/*position: absolute!important;*/
	/*z-index: 999!important;*/
	padding: 15px 0 0 0!important;
	/*margin: 85px 0 0 145px;*/
	text-align: left!important;
	color: #fff;
}
.currDomainList .userCurrDomain:hover {
	cursor: pointer;
	color: #ccc;
}
.currDomainList .userDomainList {
	display: none;
	overflow: hidden!important;
	position: absolute!important;
	z-index: 1000!important;
	border: 1px solid #888;
	font-size: 12px;
	background: #444;
	color: #fff;
	padding: 5px!important;
	/*margin: 5px 25px 0 25px;*/
	margin: 5px 0 0 62px;
	width: 250px;
}
.currDomainList .userDomainToggle {
	vertical-align: middle;
}
.currDomainList .userDomainList ul {
	overflow: hidden!important;
	position: relative!important;
	padding: 0!important;
	width: auto;	
}
.currDomainList .userDomainList ul li {
	display: inline;
	padding: 0!important;
}
.currDomainList .userDomainList ul li img.coins_undefined {
	vertical-align: middle;
	margin-top: -3px;
}
.currDomainList .userDomainList ul li img.coins_true {
	vertical-align: middle;
}
.currDomainList .userDomainList a {
	font-size: 13px;
	color: #bbb!important;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15px 0 15px!important;
	border: 1px solid #444;
}
.currDomainList .userDomainList a:hover {
	background-color: #ccc;
	color: #444!important;
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;		
}
.currDomainList .userDomainList .active {
	color: #fff!important;
	background-color: #555;
	border: 1px solid #555;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;		
}

.pagePart.chooseDomain .domainList {
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 5px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background-color: #eee;
}
.pagePart.chooseDomain .domainList .userDomain {
	padding: 5px;
	margin: 3px;
	border: 1px solid #eee;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;	
}
.pagePart.chooseDomain .domainList .userDomain:hover {
	background-color: #ccc;
	color: #444;
	border: 1px solid #ccc;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;	
}
.pagePart.chooseDomain .domainList span {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #444;
	margin-right: 5px;
}
.pagePart.chooseDomain .domainList span:hover {
	cursor: pointer;
}

.pagePart.chooseDomain .domainList img {
	background-color: #aaa;
	padding: 2px;
	border: 1px solid #aaa;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;		
}

.pagePart.chooseDomain .domainList img.coins_undefined {
	vertical-align: middle;
	margin-left: 2px;
	/*margin-top: -3px;*/
}
.pagePart.chooseDomain .domainList img.coins_true {
	vertical-align: middle;
	margin-left: 2px;
	/*margin-top: 2x;*/
}

.pendingMemberProfile {
	padding: 15px;
}
.pendingMemberProfile .pTitle {
	font-weight: bold;
	margin-top: 10px;
}

.gspark .support {
	display: none;
	background: url('img/hilight.png') repeat-x #111;
	color: #eee;
	margin: 10px;
	padding: 5px 0 5px 10px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.gspark .support a {
	color: #eee;
}
.gspark #advertiserMap {
	margin-left: 200px; margin-top: 10px;
	height: 150px; width: 310px;
}
.gspark #advCoordsRegister {
	display: none;
}
