.user-contributed-showcase {
    border: 3px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.user-contributed-showcase .header {
    padding: 10px 15px;
    background: #ddd
}

.user-contributed-showcase .header h3 {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 18px;
    color: #555
}

.user-contributed-showcase .header .button {
    margin: 0 0 0 3px;
    padding: 0
}

.user-contributed-showcase .user-asset-group {
    margin: 20px 10px 20px 25px
}

.user-contributed-showcase .user-asset-group .frame.horizontal {
    width: auto;
    height: 50px
}

.user-contributed-showcase .user-asset-group .frame.vertical {
    width: 50px;
    height: auto
}

.user-contributed-showcase .user-asset-group h3 {
    margin-bottom: 4px;
    padding-bottom: 1px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    color: #555
}

.user-contributed-showcase .user-asset-group .item {
    width: 340px;
    padding: 0
}

.user-contributed-showcase .user-asset-group .item img {
    margin-right: 10px;
    padding: 1px;
    float: left;
    border: 1px solid #333
}

.user-contributed-showcase .user-asset-group .button {
    padding: 0;
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 11px
}

.user-contributed-showcase .user-asset-group strong {
    margin-top: 10px;
    display: block;
    font-size: 11px;
    text-transform: capitalize
}

.user-contributed-showcase .user-asset-group strong a {
    color: #444
}

.user-contributed-showcase .user-asset-group ul li {
    list-style: inside square
}

.userAdminPopWindow {
    width: 540px;
    height: 320px;
    padding: 10px 0 20px;
    overflow: hidden
}

.userAdminPopWindow iframe {
    width: 540px;
    height: 320px;
    overflow-x: hidden
}

.userAdminPopWindow .blox-loading {
    width: 22px;
    height: 14px;
    margin: 20px auto
}

/* OLD */
/* if you edit this file make sure you're checking all the other forms so that you're not bleeding into other areas */

/* ////////////////////////////// USER GATEWAY //// */
	#user-gateway h2{
		margin:0px;
		padding:4px 10px;
		/*background:#999;*/
		font-size:20px;
		/*color:#fff;*/
		border-width:0 0 1px 0}
	#user-gateway .page{
		position:relative;
		/*margin:10px;*/
		padding:10px;
		/*border:1px solid #ccc;*/
		/*background:#fff;*/
		font-size: 11px;}
		#user-gateway .page.blox-loading{
			background:url('../images/ajax-loader.gif') no-repeat scroll center center #fff;} 
		#user-gateway .page label{
			display:block;
			font-size:12px;
			font-weight:bold;}
			#user-gateway .page label.error{color:#ff0000;}
		#user-gateway .page .blox-alert{
			margin:0 0 10px 0;}
			#mobile-form #user-gateway .page .blox-alert{
				width:180px;
				padding-top:0px;}
			#user-gateway .page .blox-alert span{
				margin-left:5px;}
			#user-gateway .page .blox-alert p{
				padding:0;
				line-height:120%;
				padding: 0 0 5px 25px;}
				#user-gateway .page .blox-alert p.error{
					line-height:auto;
					padding: 5px 5px 5px 1px;}
			#mobile-form #user-gateway .page .blox-alert{}	
				#mobile-form #user-gateway .page .blox-alert h3{
					padding:0px 5px;
					text-align:left}
				#mobile-form #user-gateway .page .blox-alert p{
					font-size:15px;
					text-align:left;
					padding:5px}
		#user-gateway .page hr{
			height:1px;
			border:none;
			background:#ccc;}
/* ////////////////////////////// REGISTER //// */
#user-gateway #registrationForm fieldset,
#user-gateway fieldset{
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	padding:8px;}
	#mobile-form #user-gateway #registrationForm fieldset, #user-gateway fieldset{
		border:0px;
		padding:0px}
	#user-gateway #login-box-form-page fieldset{
		border:0px;
		margin-bottom:0px;
		padding:0px;}
#user-gateway #registrationForm .form-section,
#user-gateway .form-section {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	padding:0 4px;}	
#user-gateway #registrationForm table.birth-date {
	float:left;
	margin-right:3px;}
	#user-gateway .page p{
		padding-bottom:1px;}
		#user-gateway .blox-list li{
			border:0px}
	table.birth-date a img{display:none;}	
	table.birth-date select{margin-right:3px;}
#user-gateway #registrationForm p.signup-gender{
	clear:both;}
#user-gateway #registrationForm input, 
#user-gateway #registrationForm textarea, 
#user-gateway #registrationForm select,
#user-gateway input{
	margin-bottom:5px;
	font-size:12px;}	
	#mobile-form #user-gateway #registrationForm input{
		width:93%;}
#user-gateway #registrationForm .note{
	width:100%;
	display:block;
	font-size:11px;}	
	#user-gateway #registrationForm #security-image-container .note{
		float:left;
		clear:both;
		display:block;
		width:100%}	
	#user-gateway #registrationForm .note .instruction{
		display:block;
		float:left}
	
/* captcha */
#security-image-container img{
	width:160px;}
	p.security-input{
		clear:both;
		padding-top:5px;}
	#user-gateway #registrationForm input.security_image{
		width:138px;
		float:left;
		margin-right:5px}	
#user-gateway #registrationForm input.submit{
	float:left}		
	
/* subscription */
#user-gateway #registrationForm p.special-alert{
	border-bottom:1px dashed #ccc; 
	padding-top:5px; 
	margin-bottom:5px;}
.form-alert.ui-state-error,
.form-alert.ui-state-highlight {margin:5px;}	
.form-alert.ui-state-error p,
.form-alert.ui-state-highlight p {padding:8px;}
#user-gateway .page .blox-alert .form-alert.ui-state-highlight p{padding:0px}
/* ## /////////////////////////// MOBILE SIGNUP //// */
#mobile-form{
	text-align:center;
	font-size:17px;
	background:#e2e2e2;}
	#mobile-form form{
		color:#333333;
		font-weight:bold;
		margin-left:auto;
		margin-right:auto;
		width:182px;
		padding-bottom:10px;}
		#mobile-form #user-gateway #registrationForm fieldset{
			border:0px;
			margin:0px;
			padding:0px;}
	#mobile-form img{
		width:162px;}
		#mobile-form .panel-cancel{
		margin-top:5px}
		#mobile-form a.panel-cancel .ui-button-text{
			font-size:19px;}

#mobile-form #user-gateway{
	background:none repeat scroll 0 0 #e2e2e2;
	border:0px;
	padding:30px 0 0 0;}
	#mobile-form #user-gateway h2{
		font-size:25px;}
	#mobile-form #user-gateway.blox-alert p{
		padding:0px;}
	#mobile-form .tncms-login-form{
		height:auto}
	
	#mobile-form #user-gateway #registrationForm{
		display:none}
		#mobile-form #user-gateway .register-column.login-column h3 span.login-or{
			display:none}
		#mobile-form .signup-gateway .login-column h3 span.login-or{
			right: 45%;
    			top: -142%;}
	#mobile-form #user-gateway .page label,
	#mobile-form #user-gateway #registrationForm .note{
		text-align:left;
		font-size:14px;
		color:#333;}	
		#mobile-form #user-gateway #registrationForm .note{
			color:#666;
			display:block;}
			#mobile-form span.invalid{
				text-align:left;
				font-size:14px;}
	.icon-button{
		cursor:pointer;
		padding: 8px 4px;}
		.icon-button .ui-icon{margin-right:5px;}
	#mobile-form #user-gateway .page{
		background:none;
		border:0px;
		font-size:11px;
		margin:auto;
		padding:0 0 2px;}
#mobile-form input {
	display:block;
	border:1px solid #aaa;
	-moz-border-radius:4px;
	padding:3px;}
	#mobile-form#u ser-gateway #registrationForm input,
	#mobile-form #user-gateway #registrationForm input.security_image{
		/*width:175px;*/}
		
	#mobile-form #user-gateway .page label.error{
		color:#ff0000}
	#mobile-form td input{
		width:auto;}	
	#mobile-form #user-gateway #registrationForm input.submit,
	#mobile-form #user-gateway #loginForm input.submit,
	#mobile-form #user-gateway #forgotForm input.submit,
	#mobile-form #user-gateway #subscribeForm input.submit{
		font-weight:normal;
		margin-top:10px;
		font-size:17px;
		padding:5px 0;
		/*width:182px;*/}
		#mobile-form #user-gateway #subscribeForm legend{
			border-bottom:2px solid #666666;
			clear:both;
			display:block;
			float:left;
			font-size:16px;
			margin:8px 0;
			text-align:left;
			width:100%;}
		#mobile-form #user-gateway #subscribeForm td{
			float:left;}
		#mobile-form #user-gateway #subscribeForm input,
		#mobile-form #user-gateway #subscribeForm select,
		#mobile-form #user-gateway #subscribeForm textarea{
			width:180px;
			font-size:15px;
			font-weight:bold;
			margin-bottom:5px;}
			#mobile-form #user-gateway #subscribeForm select{
				width:187px;}
			#mobile-form #user-gateway #subscribeForm table.credit-card select{
				 width:89px;}	
	#mobile-form .form-alert{
		font-size:15px;
		width:182px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;}
		#mobile-form a.mobile-form-link{
			color:#336699;
			font-size:15px;
			padding-bottom:10px;
			text-decoration:none;}
	#mobile-form .login-box-form{
		width:160px;
		margin:auto}	
		#mobile-form .login-box-form a{
			font-size:12px}
	#mobile-form .login-column{
		width:100%}	
	#mobile-form #login-box-form-page .login-column-right.providers{
		border:none}
		 #mobile-form .signup-gateway #login-box-form-page .login-column-right.providers{
			margin-top:30px;}
		
		#mobile-form #user-gateway .providers button{}
		#mobile-form #login-box-form-page form{
			width:auto}	
			#mobile-form #login-box-form-page input{
				/*width:auto;*/}
				#mobile-form.login-box-form .login-column-left input.password.text{
					width:65%;}		

/* fix for 160 grid */
.app-user #blox-left-col.grid_16{width:540px;}


/* ////////////////////////////// ADMIN QUICKLINKS //// */
	.home-menu{
            margin-left:12px;}
		.icon.home{
			width:32px;
			height:32px;
			display:block;
			float:left;
			background:url('../images/bw_icon_sprites.png') no-repeat 0 -259px;}
	.logout-menu{
		margin-left:12px;
		border-top:1px solid #ddd;}
		.icon.logout{
			width:10px;
			height:32px;
			display:block;
			float:left;}
	#blox-user-admin-quicklinks h3{
		-moz-border-radius:13px 13px 13px 13px;
		background:none repeat scroll 0 0 #aaa;
		color:#FFFFFF;
		display:block;
		font-size:11px;
		font-weight:bold;
		line-height:24px;
		margin:0 10px;
		padding:0 8px;
		text-align:center;
		width:35px;}
		#blox-user-admin-quicklinks h3 a {color: #FFF;
		line-height: 24px;
		font-weight: bold;}
	#blox-user-admin-quicklinks a{
		line-height:32px;
		font-size:11px;
		font-weight:normal;
		color:#333;}
	#blox-user-admin-quicklinks ul{margin:0 0 10px 10px;}
		#blox-user-admin-quicklinks ul li{}
			#blox-user-admin-quicklinks ul li.category{
				margin:2px 4px;
				border-top:1px dotted #ddd;}
		/* section icons */
		#blox-user-admin-quicklinks ul .section{
			width:32px;
			height:32px;
			display:block;
			float:left;
			background:url('../images/bw_icon_sprites.png') no-repeat 0 0;}
			#blox-user-admin-quicklinks ul .section.profile			{background-position:0 0px;}
			#blox-user-admin-quicklinks ul .section.business		{background-position:0 -32px;}
			#blox-user-admin-quicklinks ul .section.blogs			{background-position:0 -64px;}
			#blox-user-admin-quicklinks ul .section.events			{background-position:0 -96px;}
			#blox-user-admin-quicklinks ul .section.contributions	{background-position:0 -128px;}
			#blox-user-admin-quicklinks ul .section.services		{background-position:0 -160px;}
			#blox-user-admin-quicklinks ul .section.announcements	{background-position:0 -192px;}
			#blox-user-admin-quicklinks ul .section.classifieds		{background-position:0 -288px;}
			#blox-user-admin-quicklinks ul .section.star			{background-position:-32px -255px;}
			#blox-user-admin-quicklinks ul .section.maillist        {background-position:0 -350px;}

			#blox-user-admin-quicklinks ul .section.profile.active			{background-position:-32px 0px;}
			#blox-user-admin-quicklinks ul .section.business.active			{background-position:-32px -32px;}
			#blox-user-admin-quicklinks ul .section.blogs.active			{background-position:-32px -64px;}
			#blox-user-admin-quicklinks ul .section.events.active			{background-position:-32px -96px;}
			#blox-user-admin-quicklinks ul .section.contributions.active	{background-position:-32px -128px;}
			#blox-user-admin-quicklinks ul .section.services.active			{background-position:-32px -160px;}
			#blox-user-admin-quicklinks ul .section.announcements.active	{background-position:-32px -192px;}
			#blox-user-admin-quicklinks ul .section.classifieds.active		{background-position:-32px -288px;}
			#blox-user-admin-quicklinks ul .section.maillist.active         {background-position:-32px -350px;}
		/* sub-section icons */	
		#blox-user-admin-quicklinks ul ul{
			margin:0 0 10px 14px;}
			#blox-user-admin-quicklinks ul ul li{
				list-style:none;}
				#blox-user-admin-quicklinks ul ul li a{
					line-height:11px;
					font-weight:normal;
					font-size:11px;
					color:#333;}
				#blox-user-admin-quicklinks ul ul .icon{
					width:14px;
					height:14px;
					margin-right:5px;
					display:inline-block;
					position:relative;
					top:2px;
					background:url('../images/arrows.gif') no-repeat 0 -44px;}
					#blox-user-admin-quicklinks ul ul .icon.collapsible{
						background-position:0 -2px;}
					#blox-user-admin-quicklinks ul ul .icon.active{
						background-position:0 -22px;}
					#blox-user-admin-quicklinks ul ul .icon.email{
						background-position:0 -84px;}
					#blox-user-admin-quicklinks .business.item{
						margin-left:15px}

#blox-admin-modules{
	font-size: 12px}
	#blox-admin-modules strong{
		font-size:12px}
	#blox-admin-modules label{
		display:block;
		position:relative;
		text-transform:capitalize;
		font-size:14px;
		font-weight:bold;
		color:#888;}
        #blox-admin-modules textarea {
            resize: none;
        }
	#blox-admin-modules textarea,
	#blox-admin-modules input.full {
            width: 100%;
        }
	#blox-admin-modules .openid-button{
            width: 110px;
        }
	#blox-admin-modules .openid-form{
            float: left;
        }
.screenname{
	text-transform:capitalize;}
	
/* Subscription form delivery information */
#blox-user-admin fieldset{
	padding:10px;
	margin-bottom:12px} 
	#blox-user-admin legend{
		font-weight: bold}
	#blox-user-admin .delivery-address .checkbox-field{
		float:left;
		margin-bottom:12px}	
		#blox-user-admin .delivery-address input.checkbox{	
			float:left}	
	
	#blox-user-admin form .readonly{
		background:#ddd}
		
	#blox-user-admin input.text, /*.delivery-address */ 
	#blox-user-admin select.select,
	#blox-user-admin textarea.textarea{
		margin-bottom: 12px;
		width: 95%;
		padding: .4em;}
	#blox-user-admin select.select,
	#blox-user-admin textarea.textarea{
		width:98%}

	#blox-user-admin .delivery-address label.same-info{
		float:left}
	#blox-user-admin .delivery-address input.same-info{}
	#blox-user-admin .delivery-address label.address{
		float:left;
		width:64%}
	#blox-user-admin .delivery-address input.address{
		float:left;
		width:58%;
		margin-right:2%}
	#blox-user-admin .delivery-address label.unit{
		float:left;
		width:36%}
	#blox-user-admin .delivery-address input.unit{
		float:left;
		width:32%}
	#blox-user-admin .delivery-address label.city{
		clear:both}
	#blox-user-admin .delivery-address input.city{}
	#blox-user-admin .delivery-address label.state{}
	#blox-user-admin .delivery-address input.state{}
	#blox-user-admin .delivery-address label.zip{}
	#blox-user-admin .delivery-address input.zip{}
	#blox-user-admin .delivery-address label.country{}
	#blox-user-admin .delivery-address input.country{}
	#blox-user-admin .delivery-address label.phone{}
	#blox-user-admin .delivery-address input.phone{}
	#blox-user-admin .delivery-address label.update-profile{
		float:left}
	#blox-user-admin .delivery-address input.update-profile{}
	
#blox-user-admin input.submit.purchase{
	width: 100%;}	
	
#blox-user-admin #label-card-exp{
	float:left;
	width:54%}
#blox-user-admin #label-card-csc{
	float:left;
	width:46%}	
	#csc-help-open{}
#blox-user-admin #field-card-year.select,	
#blox-user-admin #field-card-month.select{
	float:left;
	width:25%;
	margin-right:2%}	
	#blox-user-admin #field-card-month.select{}
#blox-user-admin #field-card-csc.text{
	float:left;
	width:16%;
	margin-right:2%;
	padding-bottom:.5em} 
#blox-user-admin #field-notes.textarea{
	width:96%}
.ui-theme-darkness #blox-user-admin select,
.ui-theme-vader #blox-user-admin select,
.ui-theme-night #blox-user-admin select{
	color:#666}	
.ui-theme-darkness #blox-user-admin legend,
.ui-theme-vader #blox-user-admin legend,
.ui-theme-night #blox-user-admin legend{
	color:#666;
	padding-bottom:20px; /* padded out of fieldset for readability on these themes */}	
	
/* ////////////////////////////// ADMIN DASHBOARD //// */
    #blox-user-admin .admin-dashboard h3, 
    #blox-user-admin #blox-admin-modules h3 {	
        padding: 3px 5px;
    }
			
.admin-dashboard{}
	.admin-dashboard .option{
		padding:10px 0;
		border-bottom:1px solid #ddd;
		clear:both;}
			.admin-dashboard .option strong{
				font-size:14px;}
		.admin-dashboard .option .add-icon{
			width:64px;
			height:64px;
			margin-bottom:10px;
			margin-right:10px;
			display:block;
			float:left;
			background:url('../images/bw_icons_large_sprites.png') no-repeat 0 0;}
			.admin-dashboard .option .add-icon.blog{}
			.admin-dashboard .option .add-icon.contributed{
				background-position:0 -68px;}
			.admin-dashboard .option .add-icon.business{
				background-position:0 -130px;}
			.admin-dashboard .option .add-icon.mailing{
				background-position:0 -194px;}
	.admin-dashboard #quick-blog{
		padding-bottom:20px;
		border-bottom:1px solid #ddd;}				
		.admin-dashboard #quick-blog #content{
			width:100%;}
/* ////////////////////////////// ADMIN DASHBOARD POPUP WINDOW //// */
html.popwindow,
html.popwindow body { background: inherit !important }
			
/* ////////////////////////////// ADMIN TABS //// */
.tab-button{
	margin-left:10px;
	margin-top:2px;
	padding:2px;
	border:1px solid #333;
	border-color:#aaa #666 #666 #aaa;
	background:#ddd;
	font-size:11px;
	color:#444;
	-moz-border-radius:2px;}

/* ////////////////////////////// EDIT PROFILE FORM //// */
#profileForm #profile,
#profileForm #interests,
#profileForm #social,
#profileForm #contact{
	padding:20px 0;}
		#profileForm #profile select{
			height:19px;}
		#profileForm #profile textarea,
		#profileForm #profile input{
			width:100%;}
		#profileForm #interests textarea{
			width:100%;}
		#profileForm #social p label{
			margin-left:26px;}
		#profileForm #social p input{
			width:150px;}
		#profileForm #social p .icon{
			width:20px;
			height:20px;
			margin-right:5px;
			display:block;
			float:left;

			background:url('../images/social_sprites.gif') no-repeat left 0;}
			#profileForm #social .aim .icon		{background-position:0 -420px;}
			#profileForm #social .bebo .icon	{background-position:0 -1320px;}
			#profileForm #social .facebook .icon{background-position:0 -179px;}
			#profileForm #social .icq .icon		{background-position:0 -1340px;}
			#profileForm #social .linkedin .icon{background-position:0 -1240px;}
			#profileForm #social .myspace .icon	{background-position:0 -260px;}
			#profileForm #social .msn .icon		{background-position:0 -500px;}
			#profileForm #social .yahoo .icon	{background-position:0 -560px;}
			#profileForm #social .twitter .icon	{background-position:0 -620px;}
		#profileForm #contact input{
			width:100%;}

	#profileForm #profile .avatar-badge{}
		#profileForm #profile .avatar-badge img{}
	#profileForm #profile .tncms-banned{
		margin-bottom:10px;
		padding:10px 10px 0 10px;
		border:3px solid red;
		-moz-border-radius:5px;}
		#profileForm #profile .tncms-banned strong{
			color:red;}
		#profileForm #profile .tncms-banned a{
			color:red;}
			#profileForm #profile .tncms-banned a:hover{
				color:red;}
/* ////////////////////////////// PUBLIC PROFILE //// */
#blox-user-admin.public-profile{
	border:none;
	padding: 0;}
.public-profile{
	line-height:1.5em;
	font-size:12px;}
        .public-profile .frame{
            margin-left:10px;
            margin-bottom:10px;
            float:left;}
	.public-profile #user-info{
		padding-left: 10px;}
	.public-profile strong{
		font-weight:bold;}
	.public-profile .tabset{
		margin-bottom:10px;}
	.public-profile .tncms-related-assets{
		border:none;}
	.public-profile #user-avatar{
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		background:none repeat scroll 0 0 #EFEFEF;
		border:1px solid #AAAAAA;
		margin-bottom:10px;
		padding:13px;}
	.public-profile #user-avatar .frame{
		overflow:hidden;
		display: block;}
		.public-profile .screen-name{
			line-height:16px;
			font-size:14px;
			font-weight:bold;
			text-transform:capitalize;}
		.public-profile .location{
			padding-bottom:0;
			text-transform:capitalize;
			font-size:10px;}
		.public-profile .location .state{
			text-transform:uppercase;}
		.public-profile .post-count{
			font-size:10px;}
	#profile-options{
		width:120px;
		margin-bottom:10px;
		overflow:hidden;}
		#profile-options .social-icons{
			padding:5px 0;}
			#profile-options .social-icons li{
				float:left;}
				#profile-options .social-icons li .icon{
					width:20px;
					height:20px;
					margin-right:5px;
					display:block;
					float:left;
					background:url('../images/social_sprites.gif') no-repeat left 0;}
					#profile-options .social-icons .icon.aim		{background-position:0 -420px;}
					#profile-options .social-icons .icon.bebo		{background-position:0 -1320px;}
					#profile-options .social-icons .icon.facebook	{background-position:0 -179px;}
					#profile-options .social-icons .icon.icq		{background-position:0 -1340px;}
					#profile-options .social-icons .icon.linkedin	{background-position:0 -1240px;}
					#profile-options .social-icons .icon.myspace	{background-position:0 -260px;}
					#profile-options .social-icons .icon.msn		{background-position:0 -500px;}
					#profile-options .social-icons .icon.yahoo		{background-position:0 -560px;}
					#profile-options .social-icons .icon.twitter	{background-position:0 -620px;}
	.user-button{
		margin:0 10px 0 0;
		padding:2px 4px;
		display:inline-block;
		line-height:10px;
		background:#666;
		font-size:10px;
		color:#fff;
		-moz-border-radius:4px;}
		.user-button.add-new{
			width:auto;
			margin-left:0px;
			margin-right:5px;
                        margin-top: 5px;
			padding:4px;
			text-align:center;}
		.user-button.delete{
			width:14px;
			height:14px;
			background:url('../images/admin_icons.png') no-repeat 0 -16px;
			text-indent:-999px;}
	#user-blog a.rss-feed{
		float:right;
		line-height:16px;
		font-size:10px;}
		#user-blog a.rss-feed .icon.rss{
			width:16px;
			height:16px;
			margin-top:10px;
			background:#fff url('../images/rss-icon.gif') no-repeat;
			display:block;
			float:left;}
	#recent-comments-area{
		}
		#recent-comments-area li{
			margin:0 0 10px 0;
			padding:10px 10px 5px 10px;
			border:1px solid #ddd;
			-moz-border-radius:3px}
			#recent-comments-area li .content{}
			#recent-comments-area li .post-time{
				margin-top:15px;
				padding-top:5px;
				display:block;
				border-top:1px solid #ddd;
				font-size:11px;
				color:#aaa;}
			#recent-comments-area li a{
				display:block;}
.public-profile .user-contributed h3 {
    padding: 3px 5px;
}
		
/* ////////////////////////////// PRIVACY POLICY //// */
#privacy-policy{}
	#privacy-policy h3{
		margin:10px 0 10px 10px;
		padding-top:20px;
		border-top:1px dashed #ddd;}
	#privacy-policy #policy{
		height:100px;
		padding:10px;
		overflow-y:scroll;
		border:1px solid #ddd;
		-moz-border-radius:2px;}

/* ////////////////////////////// EDIT BUSINESS PROFILE FORM //// */
#business-info-edit{}
#business-info-edit .section{
	padding:10px 0;
	border:none;}
#business-info-edit .section input{
	width:100%;}
	#business-info-edit .section #payment{}
		#business-info-edit h4{}
		#business-info-edit .section #payment h4{
			margin-top:10px;
			margin-bottom:10px;
			border-bottom:1px solid #ddd;
			line-height:18px;
			font-size:11px;
			font-weight:normal;}
		#business-info-edit .section #payment input{
			width:auto;
			margin-right:10px;}
	#business-properties .custom-property-pair,
	#business-keywords .custom-property-pair{
		border-bottom:1px solid #ddd;
		padding:10px 0;}
		#business-properties .custom-property-pair.add-property,
		#business-keywords .custom-property-pair.add-property{
			margin-top:1px;
			border:1px solid #aaa;
			background:#ddd;}
			#business-properties .custom-property-pair.add-property label,
			#business-keywords .custom-property-pair.add-property label{
				font-weight:bold;}
		#business-properties .custom-property-pair input,
		#business-keywords .custom-property-pair input{
			width:auto;}
			#business-properties .custom-property-pair label,
			#business-keywords .custom-property-pair label{
				line-height:18px;}
			#business-properties .custom-property-pair .tab-button,
			#business-keywords .custom-property-pair .tab-button{
				width:auto;
				padding:0;
				float:none;}
#business-info-edit .section hr{
	height:1px;
	margin:10px;
	border:none;
	overflow:hidden;
	background:#ddd;}
.tncms-related-assets{
	margin:10px 0;
	border:1px solid #bbb;
	border-bottom-color:#ccc #999 #999 #ccc;
	-moz-border-radius:4px;}
	#blox-user-admin #blox-admin-modules .tncms-related-assets h3{
		width:auto;
		margin-bottom:0;
		padding:4px 10px;
		border-bottom:1px solid #aaa;
		position:relative;
		background:#dedede;
		font-size:11px;
		color:#666;}
	.tncms-related-assets h4{
		margin:10px 0;
		font-size:18px;
		font-weight:bold;}
		.tncms-related-assets h3 .show-hide{
			position:absolute;
			right:5px}
	.tncms-related-asset {
            border-bottom:1px solid #ddd;
            padding: 3px 5px;
        }
            .tncms-related-asset:last-child { border-bottom: none;}
		.tncms-related-asset .screenshot{
			padding-right:15px;
			background:url('../images/icon_related_image.gif') no-repeat right 1px;}
		.tncms-related-asset.last{
			margin-bottom:0;
			border:none;}
		.tncms-related-asset .title{
			text-transform:capitalize;}
		.tncms-related-asset .date{
			margin-left:10px;
			color:#888;}
		.tncms-related-asset .type{
			margin:0 5px 0 0;
			color:#777;}
			
#tooltip.edit-business{
	width:400px;
	text-align:left;}			
	#tooltip.edit-business h3{
		line-height:16px;
		font-size:12px;}			
/* ////////////////////////////// MY BUSINESSES //// */
#business-related.my-business{
	}
		.my-business .tncms-related-asset.last{
			margin-bottom:0;}
		.my-business .tncms-related-asset a{
			font-weight:bold;}
/* ////////////////////////////// PURCHASE SERVICES //// */
.service-item {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}
.service-item:last-child {
    border-bottom: none;
}
    .service-item input{
        float:left;
    }
		.service-item p{
			margin-top:1px;
			margin-left:4px;
			float:left;}
			.service-item p strong{
				font-size:12px;}
.service-section{
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
	font-size:12px;}
	.activated-service{
		padding:10px 0;
		border-top:1px solid #ddd;}
		.activated-service li{
			margin:10px 0 0 0;}
	.service-section table{
		border-collapse:separate;
		border-spacing:2px;}
	.service-section a{
		color:red;}
.purchase-receipt{}
	.purchase-receipt p{}
		.purchase-receipt p strong{
			font-size:12px;}

.tn-notice.service{
	margin:0 0 12px 0}		
	.tn-notice.service p{padding:5px;}	
	.tn-notice.service .ui-icon{margin-right:5px;}	
	.tn-notice.service p.note{font-size:10px}
	#mobile-form #user-gateway p.tn-notice{
		width:160px;
		display:block;
		border:1px solid #CCCCCC;
		padding:5px 10px;
		margin:auto;
		background:#efefef;
		font-size:17px;
		text-align:left}
#toggle-service-help{
	float:right;
	font-weight:bold;
	font:11px;
	border-width:0 0 1px 1px;
	width:75px;
	text-align:center;
	padding-bottom:1px;}
#service-help{
	background:none repeat scroll 0 0 #FFFFFF;
	border-width:1px 0 0;
	color:#000000;}
	
/* ////////////////////////////// MY EVENTS //// */
.event{
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px solid #ddd;}
.event strong{
	text-transform:capitalize;}
.event .status{
	width:70px;
	margin-right:5px;
	padding:2px;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
	-moz-border-radius:2px;}
	.event .status.approved{
		background:#139F4E;}
	.event .status.pending{
		background:#DF0D0D;}
    .ui-dialog.popwindow{}
    .ui-dialog.popwindow .frameWindow{
        width:650px!important;
        margin:0;
        padding:0;
        background:#ddd;}
		#searchHolder{
			width:500px!important;}
/* ////////////////////////////// NEW EVENT FORM //// */
#tncms-event-form{
	margin-bottom:10px;}
	#tncms-event-form .event-section{
		padding:10px 0;}
		#tncms-event-form .event-section .group{
			margin:10px 0;
			border-bottom:1px solid #ccc;
			font-weight:bold;
			font-size:19px;
			color:#666;}
			#tncms-event-form .event-section .group.first{
				margin-top:0;}
		#tncms-event-form .event-section .full input,
		#tncms-event-form .event-section .full textarea,
		#tncms-event-form .event-section .full label{
			width:100%;}
			#tncms-event-form #monthly_days,
			#tncms-event-form #yearly_ordinals,
			#tncms-event-form #yearly_days,
			#tncms-event-form #months{
				padding:10px;
				border:1px solid #ddd;}
			#tncms-event-form #months{
				margin-top:0;}
				#tncms-event-form #monthly_ordinals input,
				#tncms-event-form #monthly_days input,
				#tncms-event-form #yearly_ordinals input,
				#tncms-event-form #yearly_days input,
				#tncms-event-form #months input{
					margin-right:5px;}
			#tncms-event-form .occurence-seperator{
				margin:10px 0;
				padding:0;
				border-bottom:1px solid #ddd;
				line-height:20px;}
			#tncms-event-form .seperator{
				height:1px;
				margin:10px;
				padding:0;
				border:none;
				background:#ddd;}

.ui-datepicker-today .ui-state-highlight{
	color:red;}	
.ui-icon{
	display:inline-block;}		
.ui-datepicker-header{
	border:none;}
/* ////////////////////////////// BLOG //// */
#user-blog{}
	#user-blog h1{
		font-size:26px;
		line-height:39px;
		font-weight:bold;}
	#user-blog .blog-item{
		margin-top:10px;
		padding-top:20px;
		border-top:1px solid #ddd;}
		#user-blog .blog-item .story-times{
			color:#888;}
	
/* ////////////////////////////// UPSELL MANAGER //// */
/* upsell manager stuff should get moved to the component */
.purchased-item{
	margin:10px;
	padding:20px;
	border:1px solid #ddd;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	line-height:1.5em;}
	.purchased-item h4{
		margin-bottom:10px;
		border-bottom:1px solid #ddd;
		line-height:1.5em;
		font-size:16px;
		font-weight:bold;}
/* ////////////////////////////// CLASSIFIEDS //// */
.stepWizard{}
    .stepWizard p{
        line-height:1.5em;
        font-size:11px;
        color:#444;}
    .stepWizard label{
        color:#666;}
    .stepWizard input,
    .stepWizard textarea,
    .stepWizard select{
        border:1px solid #aaa;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;}
    .stepWizard select{
        padding:1px;}
    .stepWizard fieldset{
        margin-top:5px;}
        .stepWizard fieldset legend{
            width:100%;
            margin:0 0 4px 0;
            padding:3px 0;
            display:block;
            border-bottom:1px dotted #bcbcbc;
            font-size:15px;
            color:#333;}
    .stepWizard .checkbox{
        margin-right:5px;
        display:inline;
        position:relative;
        top:25px;}
    #blox-admin-modules .stepWizard .checkboxLabel,
    .stepWizard .checkboxLabel{
        display:inline;
        position:relative;
        top:25px;
        line-height:1em;}
    .stepWizard .bordertop{
        padding:10px 0 10px 0;
        border-top:1px dotted #bcbcbc;}
    .stepWizard .float-left{
        margin-right:20px;}
    .stepWizard .ui-button{}
        .stepWizard .ui-button.icon-only{
            padding:1px 3px;
            border:1px solid #222;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            border-radius:5px;
            background:#444;}
            .stepWizard .ui-button.icon-only .ui-icon-close,
            .stepWizard .ui-button.icon-only .ui-icon-closethick{
                position:relative;
                top:1px;}
            .stepWizard .ui-button.icon-only .ui-button-text{
                padding:0;}
    .stepWizard .progressBar.ui-progressbar{
        width:80px;
        height:15px;
        position:absolute;
        top:8px;
        right:55px;
        z-index:1;
        background:#AD3400;
        background: -moz-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        background: -webkit-gradient(linear, left top, left bottom,
            color-stop(0%,#4D1700),
            color-stop(100%,#AD3400));
        background: -webkit-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        background: -o-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        background: -ms-linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#4D1700',
            endColorstr='#AD3400',
            GradientType=0 );
        background: linear-gradient(top,
            #4D1700 0%,
            #AD3400 100%);    
        border-color:#B83700 #993D00 #FF944D #B84900;}
        .stepWizard .progressBar.ui-progressbar .ui-progressbar-value{
            background:#CC7400;
            background: -moz-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            background: -webkit-gradient(linear, left top, left bottom,
                color-stop(0%,#D9B88C),
                color-stop(60%,#FFD399),
                color-stop(61%,#E68D19),
                color-stop(100%,#CC7400));
            background: -webkit-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            background: -o-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            background: -ms-linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#FFB24D',
                endColorstr='#CC7400',
                GradientType=0 );
            background: linear-gradient(top,
                #D9B88C 0%,
                #FFD399 60%,
                #E68D19 61%,
                #CC7400 100%);    
            border-color:#B84D00;}
        .stepWizard .status{
            width:80px;
            padding:3px 0;
            display:block;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            border-radius:5px;
            position:relative;
            top:1px;
            left:-12px;
            text-align:center;
            text-transform:uppercase;
            color:#fff;}
            .stepWizard .status.approved{
                border:1px solid #108942;
                background:#139F4E;}
            .stepWizard .status.pending{
                border:1px solid #910808;
                background:#DF0D0D;}
        .stepWizard .asset-item{
            margin-bottom:10px;
            padding-bottom:10px;
            border-bottom:1px dotted #ddd;}
            .stepWizard .asset-item.last{
                border:none;}
            .stepWizard .asset-item .asset-title{
                line-height:24px;}
                .stepWizard .asset-item .asset-title strong{}
                .stepWizard .asset-item .asset-title a{}
    .stepWizard .step{
		height:auto:!important;
        /*visibility:hidden;*/
		margin:0;}
        .stepWizard .subHeading{
            margin-bottom:10px;
            padding:0 10px;
            border:1px solid #4B4A4A;
            border-bottom-width:5px;
            -moz-border-radius-topleft:5px;
            -moz-border-radius-topright:5px;
            -webkit-border-top-left-radius:5px;
            -webkit-border-top-right-radius:5px;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
            background:#cccccc;
            line-height:30px;
            font-weight:bold;
            font-size:14px;}
        .stepWizard .step .stepNumber{
            padding:2px 6px;
            position:absolute;
            top:6px;
            right:8px;
            border:1px solid #A07F71;
            border-width:1px 2px;
            border-color:#A07F71 #B48F7E #B48F7E #A07F71;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            border-radius:3px;
            background:#AE8C7E;
            font-size:12px;
            font-weight:bold;
            color:#4E403A;}
        .stepWizard .step .header{
            height:36px;
            position:relative;
            z-index:0;}
                .stepWizard .step .header .icon.classifieds{}
                #blox-user-admin #blox-admin-modules .stepWizard .step .header h3{
                    margin-left:0;
                    padding:0;
                    line-height:34px;
                    font-size:18px;
                    color:#666;}
        .stepWizard .step .content{
            margin:0px 20px 20px 20px;}
            .stepWizard .step .content h3{
                width:100%;
                margin:0 0 4px 0;
                padding:3px 0;
                display:block;
                border-bottom:1px dotted #bcbcbc;
                font-size:15px;
                color:#aaa;}
				.stepWizard .step .content .small{
					font-size:9px;
					color:#999;}
				.stepWizard .step .content p{
					padding:5px 0;}
                .stepWizard .step .content .pad-top{
                    margin-top:10px;}
        .stepWizard .step .footer{
            height:50px;
            position:relative;}            
            .stepWizard .step .footer .next{
                position:absolute;
                right:10px;
                top:12px;}                
            .stepWizard .step .footer .prev{
                position:absolute;
                left:10px;
                top:12px;}                
        .stepWizard .step #class-fields{}
            .stepWizard .step #class-fields label    {
                text-transform:capitalize;}
            .stepWizard .step #class-fields option    {
                text-transform:capitalize;}
            .stepWizard .step #class-fields ul li{
                width:160px;
                margin-bottom:4px;
                float:left;}
        .stepWizard .catWidget{}
            .stepWizard .catWidget select{
                margin-right:5px;
                margin-top:2px;}
                .stepWizard .catWidget select option{}
            .stepWizard .catWidget .updateCat{
                margin-top:3px;}
            .stepWizard .catWidget .changeCat{
                margin-top:3px;
                margin-right:5px;}
            .stepWizard .catWidget .prevCat{
                height:50px;}
        .stepWizard #class-location{
            }
            .stepWizard #class-location input,
            .stepWizard #class-location textarea,
            .stepWizard #class-location select{
                width:100%;}
/* ////////////////////////////// COMMENT MANAGER //// */
#comment-manager{
	}
	#comment-manager .pending a{
		color:#FF9900;}
	#comment-manager .approved a{
		color:#278B58;}
	#comment-manager .denied a{
		color:#F00;}
	#comment-manager .spammed a{
		color:#D74E7B;}
	#comment-manager .comment-group{
		margin-top:10px;
		padding:10px;
		border:1px solid #ddd;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;}
		#comment-manager .comment-group .title{
			}
		#comment-manager .comment-group .comments{
			}
			#comment-manager .comment-group .comments .comment-item{
				margin-top:10px;
				margin-bottom:35px;}
				#comment-manager .comment-group .comments .comment-item.temp{
					padding:10px;
					border:1px solid #BF1B17;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;
					background:#FFD0CF;}
					#comment-manager .comment-group .comments .comment-item.temp .actions{
						display:none;}
				#comment-manager .comment-group .comments .comment-item .comment{
					width:auto;
					padding-right:5px;
					float:left;}
					#comment-manager #pending.comment-group .comments .comment-item .comment{
						width:250px;}                                
					
					
					#comment-manager .comment-group .comments .comment-item.temp .comment{
						width:auto;}
					#comment-manager .comment-group .comments .comment-item .comment .posted{
						margin:-15px 0 5px 0;
						padding:0;
						border-bottom:1px solid #ddd;
						font-size:10px;
						color:#888;}
						#comment-manager .comment-group .comments .comment-item.temp .comment .posted{
							margin:0 0 5px 0;
							border-bottom:1px solid #BF1B17;
							color:#BF1B17;}
					#comment-manager .comment-group .comments .comment-item .comment .screenname{
						margin:0;
						padding:0;
						font-weight:bold;
						text-transform:uppercase;}
					#comment-manager .comment-group .comments .comment-item .comment .content{
						margin:0;
						padding:0;}
					#comment-manager .comment-group .comments .comment-item .comment .user{
						margin:0 10px 0 0;
						padding:1px;
						border:1px solid #888;
						-moz-border-radius:3px;
						-webkit-border-radius:3px;
						border-radius:3px;
						float:left;}
						#comment-manager .comment-group .comments .comment-item .comment .user .avatar{
							width:50px;
							margin:0 auto;
							display:block;}
				#comment-manager .comment-group .comments .comment-item .actions{
					padding:10px;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;                        
					float:right;
					background:#ddd;}
					#comment-manager .comment-group .comments .comment-item .actions .deny{
						clear:both;}
					#comment-manager .comment-group .comments .comment-item .actions .approve{
						margin-bottom:10px;
						float:left;}
					#comment-manager .comment-group .comments .comment-item.owned .actions .edit{
						margin-bottom:10px;
						float:left;}
/* ////////////////////////////// MISC //// */
.low-key{
	display:block;
	color:#aaa;}
label.required{color:red!important;}

.alert{
	width:180px;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #BF1B17;
	-moz-border-radius:4px;
	background:#FFD0CF;
	font-weight:bold;
	color:#BF1B17;}
	.alert .ui-icon{
		margin-right:5px;
		display:block;
		float:left;}
.locationBadges{
	margin:20px 0;}
	.idCard{
		margin:10px 5px;
		padding:10px;
		border:1px solid #fff;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		-webkit-box-shadow:	0 1px 5px 0 #888888;
		-moz-box-shadow:	0 1px 5px 0 #888888;
		box-shadow:			0 1px 5px 0 #888888;
		position:relative;}
		.idCard .ui-icon-close{
			position:absolute;
			top:2px;
			right:2px;
			cursor:pointer;}
		.idCard .check{
			float:left;}
		.idCard .details{
			margin-left:2px;
			padding-left:8px;
			float:left;
			border-left:2px dotted #ddd;}
			.idCard .details .cardTitle{
				display:block;
				font:bold 14px/1.5em Helvetica, Arial, sans-serif;}
			.idCard .details span{}
			.idCard .details .venue_name{
				font-weight:bold;}
				.idCard.final .details .venue_name{
					font-weight:normal;}
			.idCard .details .venue_address{}
			.idCard .details .venue_address2{}
			.idCard .details .venue_city{}
			.idCard .details .venue_state{}
			.idCard .details .venue_zip{}
			.idCard .details .venue_phone{}
			.idCard .details .venue_email{}
                        
/* Force the user admin to have a white background */
.app-user #blox-container {background: #fff;}


.user-skin-pane {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(127, 127, 127, 0.1);
    box-shadow: 0px 0px 2px 1px rgba(127, 127, 127, 0.1);
    padding:10px;
    margin:10px 10px 30px 10px;
    background:#FFF;
}
.user-skin-pane.bottom { margin-bottom:10px; }
.user-skin-subpane {margin-bottom: 30px;}
.user-skin-subpane.last {margin-bottom: 0px;}

h1#user-skin-header {font:bold 24px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-pane h1, .user-skin-pane h1 a {font:bold 24px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-pane h2, .user-skin-pane h2 a {font: normal 24px/1.48em 'Source Sans Pro', Arial, sans-serif;border-bottom: 1px solid #F2F2F2;background: #F7F7F7;padding: 0 10px;margin: 0 0 10px;}
.user-skin-pane h3, .user-skin-pane h3 a {font:normal 18px/1.48em 'Source Sans Pro', Arial, sans-serif; padding:3px 0px !important;}
.user-skin-pane h4, .user-skin-pane h4 a {font:normal 16px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-pane p,
.user-skin-pane a,
.user-skin-pane span,
.user-skin-pane label 
    {font:normal 14px/1.48em 'Source Sans Pro', Arial, sans-serif}

.user-skin-pane input[type="text"] {width: 40%;margin-right: 5px;}
.user-skin-pane .form-button { color:#333; background: #CCC; border: 1px solid #BBB; border-radius:0px; font:font:normal 12px/1.48em Arial, sans-serif }

.user-skin-pane .message h1, 
.user-skin-pane .message h2, 
.user-skin-pane .message h3, 
.user-skin-pane .message h4 
{color:#FFF; background: none transparent;}

.user-skin-pane .message.warning h1, 
.user-skin-pane .message.warning h2, 
.user-skin-pane .message.warning h3, 
.user-skin-pane .message.warning h4 
{color:#131313; background: none transparent;}

.user-skin-pane .error {    background:#9A0F00 none; border:1px solid #4D0800; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-pane .warning {    background:#F3DC0F none; border:1px solid #B4A30B; color: #131313;  border-left-width:5px; padding:10px;}
.user-skin-pane .success {    background:#009A49 none; border:1px solid #004D25; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-pane .error-text { color:#9A0F00; }
.user-skin-pane .warning-text { color:#A7970A; }
.user-skin-pane .success-text { color:#009A49; }

.user-skin-pane .required {color:#E61600; border-bottom:1px dotted #E61600}
.user-skin-pane .required-white {color:#FFF; border-bottom: 1px dotted #FFF}


#linked-account-primary  .account-email { float:left;width: 55% }
#linked-account-primary  .account-status { float:left;width: 20% }
#linked-account-primary  .account-action { float:left;width: 25%;text-align:right }

#linked-account-secondary  .account-email { float:left;width: 75% }
#linked-account-secondary  .account-status { float:left;width: 25% }

.user-skin-pane .data-row { background: #FBFBFB; margin: 3px; padding: 3px; border:1px solid #F8F8F8; border-left-width:5px;}
.user-skin-pane .data-row-header { background #F9F9F9; margin: 3px; padding: 3px; }
.user-skin-pane .data-row.inactive, .user-skin-pane .data-row.inactive  a{ color:#CCC; }
.user-skin-pane .data-row.row-highlight { background:#DDD; }

.user-skin-pane label.inline { width: auto; float:left; margin-right:15px;    }

.user-skin-pane .data-row .date {display: inline;display: inline-block;float: right;font: 10px/25px "Source Sans Pro", Arial, sans-serif;}
.user-skin-pane .data-row strong { font-size:inherit !important; }
.user-skin-pane .data-row a.title {padding: 0 0 0 15px;max-width: 340px;display: inline;display: inline-block;}

.user-skin-business-edit .tabset a {
height: auto;
padding: 0 10px;
margin-right: 5px;
line-height: 1.48em;
overflow: visible;
display: block;
float: left;
border-bottom: inherit;
background: none #BBB;
background-position: 0 0;
font: normal 18px/1.48em 'Source Sans Pro', Arial, sans-serif;
color: #535c6f;
}

.user-skin-business-edit .tabset a span {
background-position: 0 0;
background: none transparent;
padding: 0;
margin: 0;
color: #333;
}
.user-skin-business-edit .tabset a.active {
background-position: 0 0;
border-bottom-color: inherit;
background-color: #131313;
background-image: none;
}
.user-skin-business-edit .tabset a.active span {
background: none transparent;
padding: 0;
margin: 0;
color:#FFF
}
.user-skin-business-edit h1 {font:bold 28px/1.48em 'Source Sans Pro', Arial, sans-serif}
.user-skin-business-edit .error {    background:#9A0F00 none; border:1px solid #4D0800; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-business-edit .warning {    background:#F3DC0F none; border:1px solid #B4A30B; color: #131313;  border-left-width:5px; padding:10px;}
.user-skin-business-edit .success {    background:#009A49 none; border:1px solid #004D25; color: #FFF; border-left-width:5px; padding:10px;}
.user-skin-business-edit .error-text { color:#9A0F00; }
.user-skin-business-edit .warning-text { color:#A7970A; }
.user-skin-business-edit .success-text { color:#009A49; }

.user-skin-preview { float:left; margin-right:10px; }
#user-business-nameplate { margin-bottom:10px; }
.user-skin-pane .icon { display:block;background-image: url("/components/core_base_user/resources/images/user_sprite.png"); width: 30px; height: 30px; }
.user-skin-pane .tncms-related-asset {border-bottom: 1px solid #F9F9F9;}
.user-skin-pane .show-hide { float:right; margin: 8px 10px 0 0; }
.user-skin-pane .user-button.delete {height: 11px;}
.user-skin-pane .data-row span.type {font: 10px/25px "Source Sans Pro", Arial, sans-serif;}
.stepWizard .user-skin-pane .asset-item .asset-title a {padding: 0% 2%;line-height: 30px;}
.stepWizard .user-skin-pane .asset-item.last {border: 1px solid #F8F8F8;border-left-width: 5px;background: #FbFbFb;}
.custom-property-pair { margin: 3% 0; border-bottom:none !important }
.custom-property-pair .webicon, .custom-property-pair .webicon:hover { margin: 0px 0.5% 2% 0 !important;  }

.user-skin-pane .button {padding: 1% 2%;background: #343434;margin: 0 2%;color: #FFF;}
.user-skin-pane .button:hover {background:#888;text-decoration:none;}

.user-skin-pane .grid_1 {width:10.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_2 {width:23%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_3 {width:35.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_4 {width:48%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_5 {width:60.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_6 {width:73%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_7 {width:85.5%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid_8 {width:98%; float:left;margin:0 1%; padding: 0}
.user-skin-pane .grid-pull {float:left }
.user-skin-pane .grid-push {float:right }