#dialog-popup .ui-bar {
	padding: 10px;
	margin: -5px -5px 5px;
}

#dialog-popup .ui-body {
	margin: 0 -10px;
}

#dialog-popup .ui-body form {
	margin-bottom: 5px;
}

#dialog-popup .form-left {
	float: left;
	width: 130px;
	padding: 0 5px 10px 0;
}

#dialog-popup .form-right {
	float: right;
	width: 184px;
}

#dialog-popup .form-right .ui-controlgroup-horizontal {
	margin:0;
}

#dialog-popup .form-right .ui-radio label{
	line-height: 0.9em;
	font-size: 12px;
}

#dialog-popup .form-right .ui-field-contain label {
	font-size:14px;
}

#dialog-popup .form-right .ui-field-contain .ui-input-text {
	padding:0;
	margin:0;
	margin-bottom:5px;
}

#dialog-popup .form-right .ui-field-contain {
	padding: .5em 0 0 !important;
}

#dialog-popup .form-right #select-tag-button {
	padding: .6em .8em;
}

#dialog-popup form .comment {
	 clear:both;
	 margin:5px 0;
	 padding:10px 0 5px;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
}		.ff-vtab {
	margin-top:2em;
	position:relative;
}

.ff-vtab-tabs {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	margin:0 !important;
}

ul.ff-vtab-tabs > li {
	padding:.5em;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	border-right:1px solid #ccc;
	background-color:#eee;
}

ul.ff-vtab-tabs > li * {
	opacity:0.5;
}

.ff-vtab-content {
  	padding: 1em;
	margin-left:99px;
	background-color:white;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

.ff-vtab-tabs > li.ff-active {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid transparent;
	background-color:white;
}

ul.ff-vtab-tabs > li.ff-active * {
	opacity:1;
}

.ff-vtab-wrap {
	margin-left:-.5em;
	margin-right:-.5em;
}

.ff-vtab-content ul h2{
	margin:0 !important;
}

.ff-vtab-content ul li {
	padding:0 !important;
}
.ff-vtab-content ul li a {
	border:0 !important;
}
.ff-vtab-content ul li .ui-collapsible-content {
	padding:0;
}

.ff-vtab-content ul.ui-listview-outer {
	margin-left:0;
	margin-right:0;
	margin-top:1em;
	margin-bottom:1em;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-radius:5px;
}

.ff-vtab-content .ui-checkbox label {
	border: 0;
  	border-radius: 0;
 	font-weight:normal !important;
	padding-top: .5em;
	padding-bottom: .5em;
}


.ff-vtab-content ul ul {
	margin:0 !important;
}
.ff-vtab-content ul ul li {
	border:0 !important;
}
.ff-vtab-content ul ul li:last-child {
  	border-bottom: 1px solid #ccc !important;
}
.ff-vtab-content .ui-checkbox {
	margin: 0;
}
		.mediatab-images {
  height: 95px;
  padding: 4px 4px 1px 0px;
  margin: -5px 0 0px 0;
  font-size: 12px;  
}

.mediatab-images .img-list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  height: 70px;
}

.mediatab-images div.media-img span {
  text-align: center;
  display: block;
  line-height: 12px;
  font-size: 9px;
  width: 50px;
  overflow: hidden;
}

.mediatab-images .img-list .media-img {
  display: inline-block;
  width: 54px;
  height: 66px;
  text-align: center;
  position: relative;
  vertical-align:top;
}

.mediatab-images .media-img {
	display:inline-block;
}

.mediatab-images img {
	max-width:50px;
	max-height:50px;	
}

.mediatab-images div.selector {
  position: absolute;
  background-color: transparent;
  color: #cc0099;
  margin: auto;
  height: 90px;
  line-height: 70px;
  text-align: center;
  width: 56px;
  top: 20px;
  font-size:30px;
  display: none;
}

.ul-gallery {
  list-style-type: none;
  padding: 0;
  margin-top:0;
}

.ul-gallery li {
	text-align:center;
	position:relative;
}

.ul-gallery img {
	max-width:100%;
}

.media-selected {
	text-align:center;
}

.media-selected .ui-li-static {
	padding:0;
}

.media-selected h4 {
	margin:0;
}

.media-selected button {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
  	opacity: .8;
  	border-color: #c77;
}

.media-selected button span {
  	text-shadow:none;
}

.media-selected .close {
	background-color:red;
	color:white;
}

.impin {
	position:absolute;
	width:10px;
	height:10px;
	border-top:2px solid white;
	border-left:2px solid white;
	box-shadow: -2px -2px 5px #888888;
	padding:5px;
	color:white;
	text-shadow:0 1px 0 #333;	
}

.impin span {
	font-size:12px;
	background-color:#555;
	padding:2px;
}

.imspot {
	position:absolute;
	width:10px;
	height:10px;
	padding:5px;
	color:white;
	text-shadow:0 1px 0 #333;	
}

.imspot i {
	border:2px solid #ccc;
	border-radius:10px;
	background-color:#333;
	box-shadow: -2px -2px 5px #888888;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 1.5em;
  	text-align: center;
  	font-size: 12px;
  	line-height: 1.6em;
  	opacity:0.5;	
}

.imspot span {
	margin-left:-45px;
	line-height:50px;
	color:white;	
	font-size:12px;
	background-color:#555;
	padding:2px;
}

.mtimg-wrap {
	position:relative;
	display:inline-block;
}

.imtag {
	position:absolute;
	border:2px dashed #eee;
	box-shadow: -2px -2px 5px #888888;
}

.imcrop {
	width:80px;
	height:80px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	background-color:#ddd;
	display:table-cell;
}

.imcrop-wrap {
	max-width:80px;
	max-height:80px;
	overflow:hidden;
	margin: 0 auto;
}
		#menu-panel {
	width: 100%;
	z-index: 2000;
	top:45px;
}
#menu-panel .ui-panel-inner {
	padding:0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
#menu-panel .menu {
	min-height: 280px;
}
#menu-panel .menu .tablist-left {
	width:65px;
	position:fixed;
	left:0;
	top:3px;
	text-align: center;
}
#menu-panel .menu .tablist-left li {
	text-align:center;
}
#menu-panel .menu .tablist-left a {
	font-size:0.6em;
	padding: 0.9em 0.6em;
	text-align: center;
}
#menu-panel .menu .tablist-left i {
	font-size:3em;
	margin-bottom:.1em;
}
#menu-panel .menu .tablist-content {
	padding:.1em .5em .2em .3em;
	margin-left:65px;
}		#user-panel {
	z-index: 2000;
	top:45px;
	width:100%;
}		.breadcrumbs {
	margin:0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height:25px;
	padding-top:.2em
}
.breadcrumbs .tag {
	padding: 0 5px;
	margin-top: -2px;
	margin-right: 3px;
	height:25px;
	display:inline-block;
	vertical-align: top;
	background: #aaa;
	border-radius: 5px;
	box-shadow: 0 0 2px #ccc;
}
.breadcrumbs .tag a {
	line-height: 24px;
	display:inline-block;
	vertical-align:middle;
	color: white !important;
	text-shadow: none;
	text-decoration: none;
}
.breadcrumbs .tag i {
	color: #666 !important;
	text-shadow: none;
}
.breadcrumbs .tag img {
	border-radius: 5px 0 0 5px;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 -5px;
	box-shadow: none;
}

.breadcrumbs .ui-select {
	margin:0;
	margin-top:-2px;
}
.breadcrumbs .ui-select .ui-btn {
	line-height: 24px;
	padding:0 25px 0 5px;
	height:24px;
	box-shadow: none;
	border-radius:5px;
}
		/* Tag Filter */
.sub-header .related-tags {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 80px;
}
.sub-header .related-tagtypes {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.sub-header .related-tags div {
	visibility: visible;
}
.sub-header .related-tags ul, .sub-header .related-tagtypes {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.sub-header .related-tags li {
	display: inline-block;
}
.sub-header .related-tags a {
	text-decoration: none;
}
.sub-header .related-tags span{
	text-align:center;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 60px;
}
.sub-header .related-tagtypes {
	padding-bottom: .2em;
}
.sub-header .related-tagtypes a.ui-btn {
	padding: .4em .6em;
	margin:	.35em .15em;
	font-size: .75em;
}
.sub-header i.scroll-btn {
	opacity: 0.5;
	background-color:#000;
	display:block;
	position:absolute;
	margin:0;
	font-size:2em;
	color:#fff;
	z-index:10;
}
.sub-header i.scroll-btn {
	top: 4px;
	font-size:1.8em;
	transform : scale(1,1);
	-webkit-transform:scale(1,1); /* Safari and Chrome */
	-moz-transform:scale(1,1); /* Firefox */
	-ms-transform:scale(1,1); /* IE 9+ */
	-o-transform:scale(1,1); /* Opera */
}
.sub-header i.scroll-btn:before {
	line-height:1.2em;s
}
.sub-header i.icon-angle-left { left:-5px; }
.sub-header i.icon-angle-right { right:-5px; }s

.sort-list .active {
	background-color: #e9e9e9;
    border-color: #ddd;
}		.alert {
	margin:.5em;
}

.alert-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
		/* forms */
	.ui-page-theme-a .ui-btn.btn-primary {	
  		color: #fff;
  		background-color: #ff0099;
	  	border-color: #e6008a;
	  	text-shadow:none;		
	}
	
	.alert-danger {
	  	color: #a94442;
	  	background-color: #f2dede;
	  	border-color: #ebccd1;
	}
	.alert {
	  	padding: 0.2em 0.5em;
	  	margin-bottom: 1em;
	  	border: 1px solid transparent;
	  	border-radius: 4px;
	}
	
	.messages {
		font-size:120%;
	}
	
	.messages ul li {
		line-height:1.4em;
	}
	
	label.error {
		border-bottom:3px solid red;
	}
		#dialog-popup .ui-bar {
	padding: 10px;
	margin: -5px -5px 5px;
}

#dialog-popup .ui-body {
	margin: 0 -10px;
}

#dialog-popup .ui-body form {
	margin-bottom: 5px;
}

#dialog-popup .form-left {
	float: left;
	width: 130px;
	padding: 0 5px 10px 0;
}

#dialog-popup .form-right {
	float: right;
	width: 184px;
}

#dialog-popup .form-right .ui-controlgroup-horizontal {
	margin:0;
}

#dialog-popup .form-right .ui-radio label{
	line-height: 0.9em;
	font-size: 12px;
}

#dialog-popup .form-right .ui-field-contain label {
	font-size:14px;
}

#dialog-popup .form-right .ui-field-contain .ui-input-text {
	padding:0;
	margin:0;
	margin-bottom:5px;
}

#dialog-popup .form-right .ui-field-contain {
	padding: .5em 0 0 !important;
}

#dialog-popup .form-right #select-tag-button {
	padding: .6em .8em;
}

#dialog-popup form .comment {
	 clear:both;
	 margin:5px 0;
	 padding:10px 0 5px;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
}		.ff-vtab {
	margin-top:2em;
	position:relative;
}

.ff-vtab-tabs {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	margin:0 !important;
}

ul.ff-vtab-tabs > li {
	padding:.5em;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	border-right:1px solid #ccc;
	background-color:#eee;
}

ul.ff-vtab-tabs > li * {
	opacity:0.5;
}

.ff-vtab-content {
  	padding: 1em;
	margin-left:99px;
	background-color:white;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

.ff-vtab-tabs > li.ff-active {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid transparent;
	background-color:white;
}

ul.ff-vtab-tabs > li.ff-active * {
	opacity:1;
}

.ff-vtab-wrap {
	margin-left:-.5em;
	margin-right:-.5em;
}

.ff-vtab-content ul h2{
	margin:0 !important;
}

.ff-vtab-content ul li {
	padding:0 !important;
}
.ff-vtab-content ul li a {
	border:0 !important;
}
.ff-vtab-content ul li .ui-collapsible-content {
	padding:0;
}

.ff-vtab-content ul.ui-listview-outer {
	margin-left:0;
	margin-right:0;
	margin-top:1em;
	margin-bottom:1em;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-radius:5px;
}

.ff-vtab-content .ui-checkbox label {
	border: 0;
  	border-radius: 0;
 	font-weight:normal !important;
	padding-top: .5em;
	padding-bottom: .5em;
}


.ff-vtab-content ul ul {
	margin:0 !important;
}
.ff-vtab-content ul ul li {
	border:0 !important;
}
.ff-vtab-content ul ul li:last-child {
  	border-bottom: 1px solid #ccc !important;
}
.ff-vtab-content .ui-checkbox {
	margin: 0;
}
		.mediatab-images {
  height: 95px;
  padding: 4px 4px 1px 0px;
  margin: -5px 0 0px 0;
  font-size: 12px;  
}

.mediatab-images .img-list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  height: 70px;
}

.mediatab-images div.media-img span {
  text-align: center;
  display: block;
  line-height: 12px;
  font-size: 9px;
  width: 50px;
  overflow: hidden;
}

.mediatab-images .img-list .media-img {
  display: inline-block;
  width: 54px;
  height: 66px;
  text-align: center;
  position: relative;
  vertical-align:top;
}

.mediatab-images .media-img {
	display:inline-block;
}

.mediatab-images img {
	max-width:50px;
	max-height:50px;	
}

.mediatab-images div.selector {
  position: absolute;
  background-color: transparent;
  color: #cc0099;
  margin: auto;
  height: 90px;
  line-height: 70px;
  text-align: center;
  width: 56px;
  top: 20px;
  font-size:30px;
  display: none;
}

.ul-gallery {
  list-style-type: none;
  padding: 0;
  margin-top:0;
}

.ul-gallery li {
	text-align:center;
	position:relative;
}

.ul-gallery img {
	max-width:100%;
}

.media-selected {
	text-align:center;
}

.media-selected .ui-li-static {
	padding:0;
}

.media-selected h4 {
	margin:0;
}

.media-selected button {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
  	opacity: .8;
  	border-color: #c77;
}

.media-selected button span {
  	text-shadow:none;
}

.media-selected .close {
	background-color:red;
	color:white;
}

.impin {
	position:absolute;
	width:10px;
	height:10px;
	border-top:2px solid white;
	border-left:2px solid white;
	box-shadow: -2px -2px 5px #888888;
	padding:5px;
	color:white;
	text-shadow:0 1px 0 #333;	
}

.impin span {
	font-size:12px;
	background-color:#555;
	padding:2px;
}

.imspot {
	position:absolute;
	width:10px;
	height:10px;
	padding:5px;
	color:white;
	text-shadow:0 1px 0 #333;	
}

.imspot i {
	border:2px solid #ccc;
	border-radius:10px;
	background-color:#333;
	box-shadow: -2px -2px 5px #888888;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 1.5em;
  	text-align: center;
  	font-size: 12px;
  	line-height: 1.6em;
  	opacity:0.5;	
}

.imspot span {
	margin-left:-45px;
	line-height:50px;
	color:white;	
	font-size:12px;
	background-color:#555;
	padding:2px;
}

.mtimg-wrap {
	position:relative;
	display:inline-block;
}

.imtag {
	position:absolute;
	border:2px dashed #eee;
	box-shadow: -2px -2px 5px #888888;
}

.imcrop {
	width:80px;
	height:80px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	background-color:#ddd;
	display:table-cell;
}

.imcrop-wrap {
	max-width:80px;
	max-height:80px;
	overflow:hidden;
	margin: 0 auto;
}
		#menu-panel {
	width: 100%;
	z-index: 2000;
	top:45px;
}
#menu-panel .ui-panel-inner {
	padding:0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
#menu-panel .menu {
	min-height: 280px;
}
#menu-panel .menu .tablist-left {
	width:65px;
	position:fixed;
	left:0;
	top:3px;
	text-align: center;
}
#menu-panel .menu .tablist-left li {
	text-align:center;
}
#menu-panel .menu .tablist-left a {
	font-size:0.6em;
	padding: 0.9em 0.6em;
	text-align: center;
}
#menu-panel .menu .tablist-left i {
	font-size:3em;
	margin-bottom:.1em;
}
#menu-panel .menu .tablist-content {
	padding:.1em .5em .2em .3em;
	margin-left:65px;
}		#user-panel {
	z-index: 2000;
	top:45px;
	width:100%;
}		.breadcrumbs {
	margin:0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height:25px;
	padding-top:.2em
}
.breadcrumbs .tag {
	padding: 0 5px;
	margin-top: -2px;
	margin-right: 3px;
	height:25px;
	display:inline-block;
	vertical-align: top;
	background: #aaa;
	border-radius: 5px;
	box-shadow: 0 0 2px #ccc;
}
.breadcrumbs .tag a {
	line-height: 24px;
	display:inline-block;
	vertical-align:middle;
	color: white !important;
	text-shadow: none;
	text-decoration: none;
}
.breadcrumbs .tag i {
	color: #666 !important;
	text-shadow: none;
}
.breadcrumbs .tag img {
	border-radius: 5px 0 0 5px;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 -5px;
	box-shadow: none;
}

.breadcrumbs .ui-select {
	margin:0;
	margin-top:-2px;
}
.breadcrumbs .ui-select .ui-btn {
	line-height: 24px;
	padding:0 25px 0 5px;
	height:24px;
	box-shadow: none;
	border-radius:5px;
}
		/* Tag Filter */
.sub-header .related-tags {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 80px;
}
.sub-header .related-tagtypes {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.sub-header .related-tags div {
	visibility: visible;
}
.sub-header .related-tags ul, .sub-header .related-tagtypes {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.sub-header .related-tags li {
	display: inline-block;
}
.sub-header .related-tags a {
	text-decoration: none;
}
.sub-header .related-tags span{
	text-align:center;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 60px;
}
.sub-header .related-tagtypes {
	padding-bottom: .2em;
}
.sub-header .related-tagtypes a.ui-btn {
	padding: .4em .6em;
	margin:	.35em .15em;
	font-size: .75em;
}
.sub-header i.scroll-btn {
	opacity: 0.5;
	background-color:#000;
	display:block;
	position:absolute;
	margin:0;
	font-size:2em;
	color:#fff;
	z-index:10;
}
.sub-header i.scroll-btn {
	top: 4px;
	font-size:1.8em;
	transform : scale(1,1);
	-webkit-transform:scale(1,1); /* Safari and Chrome */
	-moz-transform:scale(1,1); /* Firefox */
	-ms-transform:scale(1,1); /* IE 9+ */
	-o-transform:scale(1,1); /* Opera */
}
.sub-header i.scroll-btn:before {
	line-height:1.2em;s
}
.sub-header i.icon-angle-left { left:-5px; }
.sub-header i.icon-angle-right { right:-5px; }s

.sort-list .active {
	background-color: #e9e9e9;
    border-color: #ddd;
}		.alert {
	margin:.5em;
}

.alert-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
		/* forms */
	.ui-page-theme-a .ui-btn.btn-primary {	
  		color: #fff;
  		background-color: #ff0099;
	  	border-color: #e6008a;
	  	text-shadow:none;		
	}
	
	.alert-danger {
	  	color: #a94442;
	  	background-color: #f2dede;
	  	border-color: #ebccd1;
	}
	.alert {
	  	padding: 0.2em 0.5em;
	  	margin-bottom: 1em;
	  	border: 1px solid transparent;
	  	border-radius: 4px;
	}
	
	.messages {
		font-size:120%;
	}
	
	.messages ul li {
		line-height:1.4em;
	}
	
	label.error {
		border-bottom:3px solid red;
	}
		
/* Header (Breadcrumbs) */

.ui-header .parent {
	margin-top:.1em;
	padding:0;
	text-decoration:none;
	color:white !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.1em;
}
.ui-header .crumbs {
	margin:0 0 .1em;
	padding-right:.5em;
	text-decoration:none;
	color:white !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.8em;
}
.ui-header .crumbs a, .ui-header .parent a {
	color:white !important;
	text-decoration: none;
}		.ui-navbar .ui-li-count {
	left: .7em;
	right: inherit;
	margin-top: -1.4em;
	background-color:#eee;
	color:#333;
	border-color:#eee;
}
 
.ui-navbar li.ui-state-active > a > .ui-li-count {
	background-color:#333;
	color:white;
}

.ui-navbar li.ff-completed > a > .ui-li-count {
  background-color: #33aa33;
  color: white;	
}
		
/* Header (Breadcrumbs) */

.ui-header .parent {
	margin-top:.1em;
	padding:0;
	text-decoration:none;
	color:white !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.1em;
}
.ui-header .crumbs {
	margin:0 0 .1em;
	padding-right:.5em;
	text-decoration:none;
	color:white !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.8em;
}
.ui-header .crumbs a, .ui-header .parent a {
	color:white !important;
	text-decoration: none;
}		.ui-navbar .ui-li-count {
	left: .7em;
	right: inherit;
	margin-top: -1.4em;
	background-color:#eee;
	color:#333;
	border-color:#eee;
}
 
.ui-navbar li.ui-state-active > a > .ui-li-count {
	background-color:#333;
	color:white;
}

.ui-navbar li.ff-completed > a > .ui-li-count {
  background-color: #33aa33;
  color: white;	
}
		.masonry {
	 margin: 0 auto;
	 min-width:360px;
	 xwidth:720px;
	 max-width:100%;
	 background-color:white;
}

.masonry .masonry-item {
	 float:left;
	 width:170px;
	 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.33);
	 margin:0 5px 10px;
	 padding:.2rem;
	 background-color:white;
}

.masonry img {
	background:#ddd;
	margin-top:-.2rem;
	margin-left:-.2rem;
}

.masonry .masonry-item > a {
	 color:black;
	 text-decoration:none;
}

.masonry .masonry-item .ff-image-wrapper {
	 margin: 0 auto;
}

.masonry .masonry-item > a h4 {
	margin:.5em 5px .1em;
}

.masonry .masonry-item > a .subtext {
	text-align:right;
	color:#333;
	font-style:oblique;
	font-weight:normal;
	font-size:.7em;
	margin:0 5px .5em;
}

.masonry .plus-sign {
	width:100px;
	height:100px;
	position:relative;
	margin-left:15px;
}

.masonry .plus-sign:before, .masonry .plus-sign:after {
	position:absolute;
	background:#aaa;
	content:"";
}

.masonry .plus-sign:before{
	width:100px;
	height:5px;
	top:62.5px;
	left:15px;
}

.masonry .plus-sign:after{
	width:5px;
	height:100px;
	top:15px;
	left:62.5px;
} 

.masonry .button-group button.tiny {
	margin-bottom:0;
	padding: 0.65rem 1.0rem 0.65rem 1.0rem;
}
.masonry .button-group.lookbook-edit a {
	margin-bottom:0;
	margin-top:0.875rem;
}
		.masonry-item .ff-inthover {
    position: absolute;
    margin-left: -.2rem;
    margin-top: -2.5rem;
    width:0;
    display:none !important;
}

.no-touch .masonry-item:hover .ff-inthover {
	display:block !important;
    width: 100%;
}
		ul.off-canvas-list ul.f-dropdown li a {
    border-bottom: none;
    color: #555;
}
ul.off-canvas-list div.search {
    max-width:13rem;
}
.search form i {
	font-size: 140%;
    top: 0.1rem;
    left: -0.9rem;
    position: relative;
}
.top-bar-section .search form i {
	font-size: 120%;
    top: 0;
    right: 0.85rem;
    position: relative;
}

.left-submenu .search form button {
    height:2.2rem;
}
.left-submenu .search form i {
	font-size: 130%;
    top: 0;
    left:-1.3rem;
    position: relative;
}		.ff-facebook {
	background-color:#3b5998 !important;
}

.ff-twitter {
	background-color:#00aced !important;
}

.ff-pinterest {
	background-color:#cb2027 !important;
}

.ff-email {
	background-color:#117711 !important;
}

.ff-google {
	background-color:#4285F4 !important;
}

/* light version */

.ff-facebook.light {
	color:#3b5998 !important;
	background-color:#fff !important;
}

.ff-twitter.light {
	color:#00aced !important;
	background-color:#fff !important;
}

.ff-pinterest.light {
	color:#cb2027 !important;
	background-color:#fff !important;
}

.ff-email.light {
	color:#117711 !important;
	background-color:#fff !important;
}

.ff-google.light {
	color:#4285F4 !important;
	background-color:#fff !important;
}		.ff-subheader {
	position:relative;
}

.ff-subheader div.breadcrumbs {
	padding:0;
	min-height:2.3rem;
}

.ff-subheader div.breadcrumbs >*:before {
	content: "";
	margin:0;
}

.ff-subheader .tag-filter-wrapper {
	padding-right: 65px;
	width: 100%;
}

.ff-subheader .tag-filter-wrapper ul.tag-filter {
	padding: 0 0.2rem;
	margin: 0;
}
/* make scrollable on touch devices */
.touch .ff-subheader .tag-filter-wrapper ul.tag-filter {
	padding: 0 0.2rem;
	white-space:nowrap;
	overflow-x: scroll;
	margin: 0;
}

.ff-subheader .tag-filter-wrapper .tag-filter li {
	display:inline;
	float:initial;
	margin:0;
}

.ff-subheader .tag-filter-wrapper .tag-filter li span {
	/* .5625rem */
	display: inline-block;
}

.ff-subheader .tag-filter-wrapper .tag-filter li a {
	/* .5625rem */
	display: inline-block;
	background: #999;
	color: white;
	font-size: 0.6875rem;
	border: .1rem solid #858585;
}

.ff-subheader .tag-filter-wrapper .tag-filter li a:nth-of-type(1) {
	/* .5625rem */
	padding: 0.2rem;
	margin: 0.25rem 0 0.25rem 0.25rem;
	border-right:0;
}

.ff-subheader .tag-filter-wrapper .tag-filter li a:nth-of-type(2) {
	/* .5625rem */
	margin: 0.25rem 0;
	padding: 0.35rem 0.2rem 0.4rem 0;
	border-left:0;
}

.ff-subheader ul.button-group {
	position: absolute;
	top:0;
	right:0;
	left:initial;
}
/*
.ff-subheader ul.button-group .button {
	margin:0;
	padding: 0.50rem .8rem 0.55rem .8rem;
}
*/
.ff-subheader .filter-dropdown {
	left:initial !important;
	right:0.5rem !important;
	max-width: 90vw !important;
	width:20rem !important;
}
.ff-subheader .filter-dropdown.open:before {
	left:initial !important;
	right:2px !important;
}
.ff-subheader .filter-dropdown.open:after {
	left:initial !important;
	right:1px !important;
}
.ff-subheader .filter-dropdown .accordion-navigation > a {
	padding: 0.6rem;
	border-top: 1px solid #ccc;
}
.ff-subheader .filter-dropdown .accordion-navigation > a:after {
	font-family: "ff-icon-set";
	content: "\e829";
	padding-left: 5px;
	float: right;
	font-size: 20px;
	color: #aaa;
}
.ff-subheader .filter-dropdown .accordion-navigation.active > a:after {
	content: "\e82f";
}


/* Breadcrumb version */

.ff-subheader .tag-filter-wrapper ul.crumbs {
	padding: 0 0.2rem;
	margin: 0;
}

/* make scrollable on touch devices */
.touch .ff-subheader .tag-filter-wrapper ul.crumbs{
	padding: 0 0.2rem;
	white-space:nowrap;
	overflow-x: scroll;
	margin: 0;
}

.ff-subheader .tag-filter-wrapper .crumbs li {
	display:inline;
	float:initial;
	margin:0;
}

.ff-subheader .tag-filter-wrapper .crumbs li span {
	/* .5625rem */
	display: inline-block;
}

.ff-subheader .tag-filter-wrapper .crumbs li a {
	/* .5625rem */
	display: inline-block;
	font-size: 0.6875rem;
}

.ff-subheader .tag-filter-wrapper .crumbs li:after {
	/* .5625rem */
	font-family:'ff-icon-set';
	content:"\E866";
	color:black;
	font-size:0.75rem;
}

.ff-subheader .tag-filter-wrapper .crumbs li:last-of-type:after {
	content:"";
}

.ff-subheader .tag-filter-wrapper .crumbs li a:nth-of-type(1) {
	/* .5625rem */
	padding: 0.2rem;
	margin: 0.25rem 0 0.25rem 0.25rem;
	border-right:0;
}

.ff-subheader .tag-filter-wrapper .crumbs li a:nth-of-type(2) {
	/* .5625rem */
	margin: 0.25rem 0;
	padding: 0.35rem 0.2rem 0.4rem 0;
	border-left:0;
}		#ff-avatar {
	text-align:center;
}

#ff-avatar img {
	max-width:120px;
}				.ff * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.mobi .ff-nomobi {
	display:none;
}

ul.ff-image-auto li {
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
}

ul.ff-image-auto li a {
	display:block;
}

ul.ff-image-auto li a img {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 5px;
    display: initial;
    max-width: 100%;
    max-height: 200px;
    margin: 0;
    padding: 0;
    padding-top:5px;
}

.ff iframe {
    height: 400px;
    width: 100%;
    border: 0;
    margin-top: 10px;
}

.ff-table input, .ff-table select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0;
}

.ff-table select {
	line-height:2em;
}

.ff-table button {
	height:34px;
}

.ff-options {
	position:absolute;
	right:10px;
	top:1.2em;
}
.ff-comment-item .ff-options {
	top:inherit;
}
.ff-hide {
	display:none;
}
.ff-pointer:hover {
	cursor:pointer;
}

.ff-delete {
	font-size:11px;
	opacity:0.2;
}

.ff-comment-item:hover .ff-delete {
	opacity:1;
}

.ff-close {
    font-family:inherit;
    padding:0px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .7;
    line-height:16px;
}

.ff-close:after {
	font-size:16px;
	font-weight:bold;
	content: "\d7";
	display:table;
}

button.ff-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.ff-comment-item:after {
    content: ' ';
    display: table;
    clear: both;
}


.ff-table {
	display:table;
	position:relative;
	border-collapse:separate;
}

.ff-cell, .ff-cell-min {
	position:relative;
	vertical-align:middle;
	white-space:nowrap;
	border-collapse:separate;
	display:table-cell;
	width:100%;
}

.ff-cell-min {
	width:1%;
}

#ff-subenter {
	top: 2px;
    position: relative;
}


.ff .alert, .ff-alert {
	position:relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ff .alert-danger, .ff .alert-box, .ff-alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.ff-alert .chead2 {
	background-color:#FF0099;
	color:white;
}

.ff-square, .ff-square-left {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

.ff-square, .ff-square-right {
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}

.ff-square-bottom {
	border-bottom-right-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

.ff-square-top {
	border-top-right-radius:0 !important;
	border-top-left-radius:0 !important;
}

.ff-chatbox .cbody2 {
	background-color:#EEEDF7;	
}
.ff-comment-time {
    font-size: 11px;
    color: #428bca;
    font-style: italic;
    color: #aaa;
    padding-left: 2px;
    padding-right: 2px;
}
.ff-user span {
	margin-right:5px;
}

.ff-img img {
    top: 3px;
    position: relative;
}
.ff-comment {
	color:#444;
    line-height: 20px;
    white-space:pre-line;
    word-wrap:break-word;
}
.ff-comment-item {
	font-size:13px;
	margin-left:-10px;
	margin-right:-10px;
	padding:10px;
	position:relative;
}
.ff-comment:first-child {
	padding-top:0;
}
.ff-comment:last-child {
	border-bottom:0;
	padding-bottom:0;
}

.ff-chatbox button {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	color: #fff;
    background-color: #ff0099;
    border-color: #e6008a;    
}
.ff-icon-heart {
    background-image: url('//static.famousfix.com/img/icons/like_black.png');
    width:12px;
    height:11px;
    display:inline-block;
    background-size: 12px 11px;
    background-repeat: no-repeat;
    opacity:0.2;
}

.ff-icon-flag {
    padding: 0px 3px;
    position: relative;
    opacity:0.2;
    top: 3px;
    width: 11px;
    height: 14px;
    display:inline-block;
    background-size: 11px 14px;
    background-repeat: no-repeat;
    background-image: url('//static.famousfix.com/img/icons/flag_black.png');
}

.ff-icon-search {
    top: 3px;
    width: 14px;
    height: 14px;
    display:inline-block;
    background-size: 14px 14px;
    background-repeat: no-repeat;
	background-image: url('//static.famousfix.com/img/icons/search_black.jpg');
}

.ff-icon-flag.ff-selected {
    background-image: url('//static.famousfix.com/img/icons/flag_red.png');
    opacity:1;
}

.ff-comment-item:hover .ff-icon-heart, .ff-comment-item:hover .ff-icon-flag {
	opacity:1;
}
.ff-icon-heart.ff-selected {
    background-image: url('//static.famousfix.com/img/icons/like_pink.png');
    opacity:1;
}

.ff-flagged {
	color:red;
}
.ff-comment-wrapper {
	margin:-10px -10px 10px;
}
#ff-comment-text {
	height: 70px;
    min-height: 70px;
	font-family: inherit;    
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:0;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    
}
.ff-bullet:before {
    content: '\2022';
    color: #c2c9d4;
    margin-left: 2px;
    margin-right: 4px;
    font-size: 12px;
    position: relative;
    top: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
		.alert {
	margin:.5em;
}

.alert-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
		
.ff-unselectable {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.ff-is-mobile {
	visiblity:hidden;
}

html.platform-mobile .ff-is-mobile {
	visibility:visible;
}

.ff-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    /*border-radius: 0;*/
    /*border-style: solid;*/
    /*border-width: 0;*/
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*padding: 1rem 2rem 1.0625rem 2rem;*/
    background-color: #008CBA;
    /*border-color: #007095;*/
    color: #fff;
    transition: background-color 300ms ease-out;
}

.ff .right {
	float:right;
}

.ff .left {
	float:left;
}

.ff-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.ff-btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

label.ff-error {
	color: #f04124;
	font-weight: bold;
}

.ff-fieldset small.ff-error, .ff-fieldset span.ff-error {
	display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin: -1rem 0 1rem;
    padding: 0.375rem 0.5625rem 0.5625rem;
    background: #f04124;
    color: #fff;
}
		

.ff-alert-container {
	position:fixed;
	max-width:100%;
	z-index: 9999;
}

.ff-alert-container .ff-alert {
	position:relative;
    padding: 1.0rem 1.75rem 1.0rem 1.0rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
	margin:0 auto 0.1rem;
}

.ff-alert-container .ff-alert .icon-remove {
	position:absolute;
	right: 0.2rem;
	top:0.2rem;
}

	.ff-alert-container .ff-alert.ff-alert-message {
	    color: #4f4f4f;
	    background-color: #e7e7e7;
	    border-color: #c7c7c7;
	}
	.ff-alert-container .ff-alert.ff-alert-error {
	    color: #ffffff;
	    background-color: #f04124;
	    border-color: #de2d0f;
	}
	.ff-alert-container .ff-alert.ff-alert-info {
	    color: #4f4f4f;
	    background-color: #a0d3e8;
	    border-color: #74bfdd;
	}
	.ff-alert-container .ff-alert.ff-alert-success {
	    color: #ffffff;
	    background-color: #43AC6A;
	    border-color: #3a945b;
	}
	.ff-alert-container .ff-alert.ff-alert-pink {
	    color: #ffffff;
	    background-color: #ff0099;
	    border-color: #ff0099;
	}

/* Arrows for outside element alerts */
		
			.ff-alert-container .ff-alert:last-of-type.ff-outside-top {
		    margin-bottom:10px;
		}
		
	.ff-alert-container .ff-alert:last-of-type.ff-outside-top:before, .ff-alert-container .ff-alert.ff-outside-top:after {
	    content:'';
	    position: absolute;
	    top: 100%;
	    left:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-top:before {
		border-top: 8px solid #c7c7c7;
		 
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			margin-left: -8px;
			}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-top:after {
		border-top: 7px solid #e7e7e7;
		 
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			margin-left: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-top:before {
			border-top: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-top:after {
			border-top: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-top:before {
			border-top: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-top:after {
			border-top: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-top:before {
			border-top: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-top:after {
			border-top: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-top:before {
			border-top: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-top:after {
			border-top: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-top:before {
			border-top: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-top:after {
			border-top: 7px solid #ff0099;
		}
			
			.ff-alert-container .ff-alert.ff-outside-right {
		    margin-left:10px;
		}
		
	.ff-alert-container .ff-alert:last-of-type.ff-outside-right:before, .ff-alert-container .ff-alert.ff-outside-right:after {
	    content:'';
	    position: absolute;
	    right: 100%;
	    top:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-right:before {
		border-right: 8px solid #c7c7c7;
					border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			margin-top: -8px;
			}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-right:after {
		border-right: 7px solid #e7e7e7;
					border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			margin-top: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-right:before {
			border-right: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-right:after {
			border-right: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-right:before {
			border-right: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-right:after {
			border-right: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-right:before {
			border-right: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-right:after {
			border-right: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-right:before {
			border-right: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-right:after {
			border-right: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-right:before {
			border-right: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-right:after {
			border-right: 7px solid #ff0099;
		}
			
			.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom {
		    margin-top:10px;
		}
		
	.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom:before, .ff-alert-container .ff-alert.ff-outside-bottom:after {
	    content:'';
	    position: absolute;
	    bottom: 100%;
	    left:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom:before {
		border-bottom: 8px solid #c7c7c7;
		 
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			margin-left: -8px;
			}
	
	.ff-alert-container .ff-alert:first-of-type.ff-outside-bottom:after {
		border-bottom: 7px solid #e7e7e7;
		 
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			margin-left: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-bottom:before {
			border-bottom: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-bottom:after {
			border-bottom: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-bottom:before {
			border-bottom: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-bottom:after {
			border-bottom: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-bottom:before {
			border-bottom: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-bottom:after {
			border-bottom: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-bottom:before {
			border-bottom: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-bottom:after {
			border-bottom: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-bottom:before {
			border-bottom: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-bottom:after {
			border-bottom: 7px solid #ff0099;
		}
			
			.ff-alert-container .ff-alert.ff-outside-left {
		    margin-right:10px;
		}
		
	.ff-alert-container .ff-alert:last-of-type.ff-outside-left:before, .ff-alert-container .ff-alert.ff-outside-left:after {
	    content:'';
	    position: absolute;
	    left: 100%;
	    top:50%;
	    width: 0;
	    height: 0;
	}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-left:before {
		border-left: 8px solid #c7c7c7;
					border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			margin-top: -8px;
			}
	
	.ff-alert-container .ff-alert:last-of-type.ff-outside-left:after {
		border-left: 7px solid #e7e7e7;
					border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			margin-top: -7px;
			}
	
			.ff-alert-container .ff-alert.ff-alert-message.ff-outside-left:before {
			border-left: 8px solid #c7c7c7;
		}
	
		.ff-alert-container .ff-alert.ff-alert-message.ff-outside-left:after {
			border-left: 7px solid #e7e7e7;
		}
			.ff-alert-container .ff-alert.ff-alert-error.ff-outside-left:before {
			border-left: 8px solid #de2d0f;
		}
	
		.ff-alert-container .ff-alert.ff-alert-error.ff-outside-left:after {
			border-left: 7px solid #f04124;
		}
			.ff-alert-container .ff-alert.ff-alert-info.ff-outside-left:before {
			border-left: 8px solid #74bfdd;
		}
	
		.ff-alert-container .ff-alert.ff-alert-info.ff-outside-left:after {
			border-left: 7px solid #a0d3e8;
		}
			.ff-alert-container .ff-alert.ff-alert-success.ff-outside-left:before {
			border-left: 8px solid #3a945b;
		}
	
		.ff-alert-container .ff-alert.ff-alert-success.ff-outside-left:after {
			border-left: 7px solid #43AC6A;
		}
			.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-left:before {
			border-left: 8px solid #ff0099;
		}
	
		.ff-alert-container .ff-alert.ff-alert-pink.ff-outside-left:after {
			border-left: 7px solid #ff0099;
		}
	
.ff-alert-container .ff-alert.ff-small {
    padding: 0.5rem 0.875rem 0.5rem 0.5rem;
	min-width: 20%;
	max-width: 100%;
	width: 200px;
}

.ff-alert-container .ff-alert.ff-medium {
	min-width: 40%;
	max-width: 100%;
	width: 320px;
}

.ff-alert-container .ff-alert.ff-large {
	min-width: 60%;
	max-width: 100%;
	width: 500px;
}

.ff-alert-container .ff-alert.ff-xlarge {
	min-width: 80%;
	max-width: 100%;
	width: 750px;
}
		ff-auto .inputor {
	position:relative;
	border-radius:2px;
	border:1px solid #ccc;
	height:auto;
	box-shadow:none;
	min-height:64px;
	white-space:pre;
	width:100%;
	outline:0 none;
	padding:5px;
	background-color:white;
	display:block;
	color:#555;
}

.ff-auto.ff-grid .inputor.ff-minp {
    display: inline-block;
    height: 140px;
    width: 140px;
    margin-right: 10px;
}

.atwho-view {
  max-height: 440px;
}

.atwho-view ul {
    list-style: none;
    padding: 0;
    margin: auto;
    text-align:left;
}

.ff-auto .inputor span {
    position: absolute;
	background-color: white;
    right: 0;
    padding-right: 2rem;
    margin-right: 1px;
    padding-left: .2rem;
}

.ff-auto .inputor em, .atwho-view em {
    color:#ccc;
    font-size:13px;
}

.ff-auto .inputor a, .atwho-view a {
	display:inline-block;
    margin-top: 2px;
    color:#ddd;
}

.ff-auto div.inputor:hover, .ff-auto input:hover:not(.inputor), .atwho-view-ul li:hover {
	cursor:pointer;
}

.ff-auto div.inputor.ff-active:hover {
	cursor:inherit;
}

.ff-auto div.inputor label {
	cursor:inherit;
}

.atwho-view-ul li div {
	display:inline-block;
	margin-left:.5rem;
}

.atwho-view-ul li small, .ff-auto small {
	display:inline-block;
	margin-left:.5rem;
}

.atwho-view span {
	position:absolute;
	right:.5rem;
	margin-top:3px;
}

.atwho-view a:hover, .ff-auto .inputor a:hover {
	color:#555;
}

.atwho-view .cur {
    background: #3366FF;
    color: white;
}

.atwho-view .cur a {
	color:white;
}

.atwho-view ul li {
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;	
  line-height: 25px;
  border-bottom: 0;
  padding:5px 8rem 5px 5px;
  -webkit-tap-highlight-color: #666;
}

.atwho-view img {
  vertical-align: top;
  width: 25px;
  height: 25px;
}

.atwho-container.ff-medium .atwho-view ul li {
	line-height:50px;
}

.atwho-container.ff-medium .atwho-view img {
	width:50px;
	height:50px;
}

.atwho-view ul i {
  display: inline-block;
  vertical-align: top;
  padding-top:3px;
}

.ff-auto {
  position: relative;
  /* rich postbox */
}
.ff-auto span.atwho-query {
  border-bottom: 1px dashed #ccf;
}

.ff-auto .nav.nav-sm > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ff-auto .nav-tabs > li {
  border-color: #ccc;
}
.ff-auto .nav-tabs {
  border-bottom-color: #aaa;
}
.ff-auto .nav-tabs > li > a {
  border-color: transparent;
}
.ff-auto .nav-tabs > li > a:hover {
  background-color: transparent;
}
.ff-auto .nav-tabs > li.active > a, .ff-auto .nav-tabs > li.active > a:hover, .ff-auto .nav-tabs > li.active > a:focus {
  border-color: #aaa;
  background-color: #f3f3f3;
  border-bottom-color: transparent;
}
.ff-auto .inputor {
  white-space: pre;
  min-height: 33px;
  height: auto;
  width: 100%;
  border: 1px solid #dadada;
  padding: 5px 7px;
  padding-right: 32px;
  outline: 0 none;
  margin: 0 0 10px 0;
  background: white;
  font-size: inherit;
}
.ff-auto .inputor .icon-remove {
	position:absolute;
    right: 0;
    top: .1rem;	
}

.ff-auto .inputor.ff-minp {
	position:relative;
}

.ff-auto .inputor.ff-minp input {
	border-color:transparent;
	background-color:white;
}

.ff-auto input.token {
  border: 0;
  padding: 0;
  height:20px;
  display:inline-block;
  box-shadow:none;
  background-color:white;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  font-style: normal;
}

.ff-auto .inputor input.token {
	background-color:white;
}

.ff-auto.ff-medium input.token {
	height:40px;
	background-color:white;
}

.ff-auto .ff-create {
	border:1px solid #E6C3C3;
	border-radius:5px;
	background-color:#fee;
	padding: .5rem .5rem 0;	
}

.ff-auto input.token:focus {
  border-bottom: 1px dashed #555;
}

.ff-auto .ff-mcontainer input.token:focus {
	border-bottom: 1px solid transparent;
}

.ff-auto .ff-mcontainer div.inputor.ff-active input.token {
	font-weight:bold;
}

.ff-auto textarea.inputor {
	resize: none;	
}

.ff-auto input.token.timg {
  padding-left: 23px;
  background-size: contain;
  background-repeat: no-repeat;
}

.ff-auto.ff-medium input.token.timg {
	padding-left:43px;
}

.ff-auto [contentEditable=true]:empty:not(:focus):before {
  content: attr(data-placeholder);
}

.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    color: black;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 120px;
    overflow: auto;
    z-index: 11110 !important;
}

div.inputor .ffw-media {
    border-top: 1px solid #ddd;
    margin-top:5px;
	margin-right: -32px;
    margin-left: -8px;
    padding: 0 10px;
    display:none;
}

div.inputor.ff-active .ffw-media {
	display:block;
}

div.inputor.ff-minp.ff-active {
	box-shadow: rgba(169, 131, 155, 0.74902) -2px 3px 3px 0px;	
}

.ff-auto .inputor span.ff-move {
	bottom:-1em;
	color:#eee;
	right:0;
	display:none;
}

.ff-auto .inputor:hover span.ff-move {
	display:inline;
}

.ff-auto .inputor span.ff-move:hover {
	cursor:move;
}

.atwho-view .ff-move {
	display:none !important;
}

/* next/prev */
.atwho-view li.ff-auto-i-2, .atwho-view li.ff-auto-i-3 {
    text-align: center;
    padding-right: 5px !Important;
    padding-bottom: 10px !important;
}

.atwho-view li.ff-auto-i-2 span, .atwho-view li.ff-auto-i-2 small, .atwho-view li.ff-auto-i-2 div, atwho-view li.ff-auto-i-3 span, .atwho-view li.ff-auto-i-3 small, .atwho-view li.ff-auto-i-3 div  {
	display:none;
}

.atwho-view li.ff-auto-i-2 i, .atwho-view li.ff-auto-i-3 i {
	display:block;
}

.atwho-view li i.ff-disabled {
	color:#ccc;
}

.atwho-view.ff-auto-paging li.cur {
	background-color:inherit;
	color:inherit;
}

.atwho-view li.cur i.ff-disabled {
	background-color:inherit;
	color:#ccc;
}




/* med render on mobile */
html.platform-mobile .atwho-container.ff-medium .atwho-view-ul li small {
	margin:0;
	display:block;
} 

html.platform-mobile .atwho-container.ff-medium .atwho-view-ul li span {
	margin-top:-40px;
}

html.platform-mobile .atwho-container.ff-medium .atwho-view ul li {
	line-height:33px;
}


html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view-ul li small {
	vertical-align:bottom;
}

html.platform-mobile .atwho-view ul li {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #eee;
	width:100%;
	line-height:32px;
}

/*html.platform-mobile .atwho-view ul li, html.platform-mobile .atwho-view ul li *  {
  	-webkit-tap-highlight-color: rgba(255,0,0,0);
}*/


html.platform-mobile .atwho-view ul {
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-tap-highlight-color: transparent; /* For some Androids */	
}

html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view img {
	width:32px;
	height:32px;
}

html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view-ul li span {
	margin-top:-10px;
}

html.platform-mobile .atwho-container:not(.ff-medium) .atwho-view em {
	font-size:10px;
}
		ul.ff-crud {
	margin:0;
	display:inline;
	padding:0;
	list-style:none;
}

ul.ff-crud li {
	float:left;
	background-color:#eee;
	margin:0;
	padding:0;
}

ul.ff-crud li.ff-crud-opt {
	float:right;
}

ul.ff-crud li a {
	padding:.5rem 1rem;
	font-size:0.8125rem;
	color:#555;
	text-decoration:none;
	display:block;
	border-right:1px solid #ccc;
}

ul.ff-crud li:not(.ff-crud-opt):last-child a {
	border:0;
}


ul.ff-crud li.ff-crud-opt:last-child a {
	border:0;
}

ul.ff-crud li a:hover {
	background-color:#ccc;
}

ul.ff-crud li.ff-active a {
	background-color: #777;
    color: white;	
}		.ff-datalist {
	width: 100%;
	float:left;
	position: relative;
	margin-bottom: 2.0rem;
	margin-top: 2.5rem;
}
.ff-datalist.ff {
	margin-top: 0;
}
.ff-datalist-header {
	width: 100%;
	padding: 0.25rem;
}
.ff-datalist-header .row {
	margin-bottom: 0.4rem !important;
}
.ff-datalist-header .ff-select {
	min-width: 150px;
}
.ff-datalist-header .ff-select label {
	padding:0.35rem 0.2rem 0.35rem 0;
}
.ff-datalist-header .ff-select select {
	padding:0.15rem;
	height:1.9rem;
	font-size:0.9rem;
	background-image: none;
}
.ff-datalist-header .ff-searchable input, .ff-datalist-header .ff-searchable span {
	padding:0.15rem;
	height:1.9rem;
	font-size:0.9rem;
	margin: 0;
}
.ff-datalist-footer {
	position:absolute;
	bottom: -1.8rem;
	width: 100%;
}
.ff-datalist .ff-data {
	float:left;
	text-align:center;
}
.ff-datalist .ff-data-grid, .ff-datalist .ff-data-list {
	display: none;
}
.ff-datalist.ff-data-grid .ff-data-grid {
	display:block;
}
.ff-datalist.ff-data-list .ff-data-list {
	display:block;
}
.ff-datalist-header .ff-display .button {
	margin: 0;
} 
.ff-datalist-header .ff-display .button.active {
	background-color: #b9b9b9;
	color: #333;
} 
.ff-datalist-footer .ff-pagenum {
	padding:0 0.25rem;
} 

.ff-data {
	display: none;
}
.ff-data-fill {
	display: initial;
}
.ff .ff-data {
	display: initial;
}
.ff .ff-data-fill {
	display:none;
}		.ff-edit {
	float:right;
	color:#999;
}

.ff-edit:hover {
	cursor:pointer;
	color:#399;
}

.ff-popover .ff-collapsible-content {
	background-color:#f3f3f3;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 0.5rem 1rem .5rem 1.7rem;	
}
.ff-popover .ff-collapsible-full {
	margin:0 -1.2rem 1rem;
}

fieldset > .ff-edit {
    color: #333;
    z-index: 2;
    position: relative;
    padding: .4rem .4rem 0;
    margin-top: 1rem;
}
		.ff-panel input {
	margin-right:1em;
}

.ff-panel input:last-child {
	margin-right:0;
}		.ff-interaction:hover, .ff-interaction.ff-active {
	color: #ff0099;
	background-color: initial;
	cursor: pointer;
}

select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}		.ffw-media {
	margin-bottom:1em;
}

.ff-auto .ffw-media input:hover {
	cursor:inherit;
}

.ff-media-list .ff-media-img  {
    vertical-align: top;
    display: inline-block;
    width: 54px;
    height: 66px;
    text-align: center;
    position: relative;
}

.ff-media-list .ff-media-img span {
    text-align: center;
    display: block;
    line-height: 12px;
    font-size: 8px;
    width: 50px;
    overflow: hidden;
}

.ff-media-list .ff-media-img img {
	margin:0 auto;
}

.ff-media-list div.selector {
    position: absolute;
    background-color: transparent;
    color: #cc0099;
    margin: auto;
    height: 90px;
    line-height: 70px;
    text-align: center;
    width: 56px;
    top: -30px;
    display: none;
}

.ff-media-list .ff-media-img img {
    max-width: 50px;
    max-height: 50px;
    background-color: #eeeeee;
    display: block;
    vertical-align: middle;
    border: 0;
}

.ff-gal {
	width:595px;
	position:relative;
}

.ff-gal span.ff-pagination {
    position: absolute;
    right:0;
    top:-8px;
    padding: 0;
    padding-right: .2rem;
    background-color:transparent;    
}

.ff-gal span.ff-page {
    background-color:transparent;    
	position:relative;
	right:auto;
	top:-3px;
	margin-left:4px;
	margin-right:4px;
	padding:0;
	color:#555;
	display:inline-block;
}

.ff-pagination .ff-next {
	display:inline-block;
	font-size: 20px;
    padding: 3px 0 3px 3px;	
    border:1px solid transparent;
}

.ff-pagination .ff-prev {
	display:inline-block;
	font-size: 20px;
    padding: 3px 3px 3px 0;	
    border:1px solid transparent;
}

.ff-pagination .ff-next:hover, .ff-pagination .ff-prev:hover {
	background-color: #ddd;
    border-radius: 10px;
    cursor:pointer;
    border:1px solid #ccc;
}

.ff-pagination .ff-disabled, .ff-pagination .ff-disabled:hover {
	background-color:transparent;
	cursor:inherit;
	border:1px solid transparent;
	color:#aaa;
}

.ff-gal-im, .ff-gal-im-placeholder {
	border:1px solid #ccc;
	border-radius:2px;
	display:table;
	text-align:center;
	float:left;
	width:80px;
	height:80px;
	margin:0 5px 5px 0;
	position:relative;
	background-color:#ddd;
}

.ff-gal-im-placeholder {
	background-color:#ff00cc;
	opacity:0.5;
}

.ff-gal-im-placeholder:after {
    content: ' ';
    display: table;
    clear: left;
}
.ff-gal-im.ff-active {
}

.ff-gal-im.ff-active img {
	opacity:0.7;
}

.ff-gal-im img {
	max-width:100%;
	max-height:100%;
	position: absolute;
	top: 50%;
	left: 50%;                         
	transform: translate(-50%, -50%);
	margin-right:-50%;
}


.ff-media-selected {
	display:none;
}

.ff-media-selected h4 {
	font-size:1em;
}

.ff-gal-im i, .ff-gal-im span.icon-remove {
	position:absolute;
	top:0;
	left:0px;
	color:white;
	opacity:0.9;
	display:none;
	z-index:2;
	padding:2px;
}

.ff-gal-im span.icon-remove {
	left:inherit;
	color:red !important;
	right:0;
	top:0 !important;
	padding-top:1px;
	padding-bottom:3px;
}

.ff-gal-im:hover i, .ff-gal-im:hover span.icon-remove {
	display:block;
}

.ff-gal-im.ui-sortable-helper i, .ff-gal-im.ui-sortable-helper span.icon-remove {
	display:none;
} 

.ff-gal-im:hover {
	cursor:pointer;
}

.ff-gal-im i:hover, .ff-gal-im i.ff-pin, .ff-gal-im span.icon-remove:hover {
	background-color:#333;
	color:#eee;
	display:block;
}

.ff-preview img {
	max-width:100%;
}

.ff-tab-page.ff-preview {
	max-height:inherit;
}

.ff-selected-items {
	margin-right:-10px;
}

.ff-selected-items .ff-gal-im, .ff-selected-items .ff-gal-im:hover {
	cursor:move;	
}

.ff-selected-items .ff-gal-im:hover i:hover, .ff-selected-items .ff-gal-im:hover span:hover {
	cursor:pointer;
}

.ff-gal-images {
	position:relative;
}

/* .ff-youtube */
.ff-gal-im b {
	display: table-cell;
    vertical-align: middle;
    font-size:50px;
}

.ff-gal-im b.icon-ok {
	color:green;
	display:none;
	position: absolute;
    width: 100%;
    top: 10px;
}

.ff-gal-im b.icon-remove {
	left:-2px;
	top:3px;
	display:block;
	position:absolute;
	color:red;
	font-size:40px;	
}

.ff-gal-im.ff-active b.icon-ok {
	display:table-cell;
	position:absolute;
	z-index:1;
}

		.ff-online {
	width:100%;	
}

.ff-online h2 {
	margin-top:1rem;
	font-size:2rem;
}

.ff-online ul {
	float:left;
	width:33.333333%;
	margin:1rem 0 0 0;
}

.ff-online ul:after {
	content: ' ';
	display:table;
	clear:both;
}

.ff-online li {
	text-align:left;
	list-style-type:none;
	padding:.25rem .5rem .25rem 2rem;
	font-size:12px;
}

.ff-online li a > span {
    float: left;
    padding-right: 1rem;
    line-height: 40px;
    width:2rem;
    font-size:14px;
    color:black;
    text-align:right;	
}

.ff-online li img {
	width:40px;
	height:40px;	
	float:left;
}

.ff-online li a > div {
	position:relative;
	margin-left:1rem;
	display:inline-block;
}

.ff-online .ff-rank {
	left:1rem;
	text-align:left;
	position:relative;	
}

.ff-online .ff-panel > div {
	text-align:center;
}

.ff-online .ff-status {
	color:black;
}		.ff-popover {
	right:-100%;
	position: fixed;
	padding:20px;
	border:1px solid #ccc;
	border-radius:3px;
	background-color:white;
	z-index:902;
	color:black;
}

.ff-popover form {
	padding:1em;
}

.ff-popover .ff-form-buttons {
	margin: 1em 0;
}

.ff-popover form button {
	color:white;
}

.ff-popover form p {
	padding-bottom:1em;
}

.ff-popover-canvas {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity:0.7;
	background-color:#333;
	z-index:901;
	display:none;
}

.ff-popover-canvas.ff-dark {
	opacity:0.92;
}

.ff-popover img {
	/*max-width: 75%;
	max-height: 75%;*/
	max-width:100%;
	max-height:100%;
}

.ff-popover-browser {
	top: 0;
	left: 0;
	padding: 10px;
	position: fixed;
	z-index:903;
}

.ff-popover-navigate {
	z-index:903;
	position:fixed;
	bottom:10px;
	text-align:center;
	width:100%;
}

.ff-popover-browser .ff-inner, .ff-popover-navigate .ff-inner {
	border:1px solid #ccc;
	border-radius:3px;
	padding:10px;
	background-color:white;
}

.ff-popover-navigate .ff-inner {
	display:inline-block;
}

.ff-popover-browser .ff-inner:after {
	content: ' ';
	display:table;
	clear:left;
}

.ff-popover iframe {
	border:0;
	width:70%;
	height:70%;
}

.ff-popover.ff-small {
	min-width: 20%;
	max-width: 100%;
	width: 200px;
}

.ff-popover.ff-medium {
	min-width: 40%;
	max-width: 100%;
	width: 320px;
}

.ff-popover.ff-large {
	min-width: 60%;
	max-width: 100%;
	width: 500px;
	text-align:left;
}

.ff-popover.ff-xlarge {
	min-width: 80%;
	max-width: 100%;
	width: 750px;
}

.ff-popover.ff-full {
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index:2000;
	left: 0;
    top: 0;
    right: auto;
    position: relative;
    
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: black;
    color: white;
}

.ff-popover .ff-close-link {
	position:absolute;
	right:0;
    padding-top: 1px;	
	top:0;
	font-size:.8rem;
}
.ff-popover .ff-close-link i {
	margin-left:.5rem;
	font-size:1rem;
}

.ff-popover.ff-full .ff-close-link {
    width: 100%;
    background: black;
    height: 20px;
    text-align:center;
}

.ff-popover.ff-full .ff-close-link i {
	display:inline;
	float:none !important;
}

.ff-popover.ff-minimal {
	min-width: 570px;
	max-width: 570px;
	width: 570px;
	padding:0;
	border:0;
}

.ff-popover.ff-minimal .ff-close-link i {
	margin:.2rem;
	color:white;
}

		.ff-scroll > ul > li {
    float: left;
    width: 120px;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 0;
    background: white;
    color: #555;
    text-align: center;
    cursor: pointer;
}
.ff-scroll > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 20px;
}

.ff-scroll > ul:before, .ff-scroll > ul:after {
    content: " ";
    display: table;
}

.ff-scroll {
    height: 196px;
    line-height: 196px;
    overflow: hidden;
}

.ff-scroll .ff-top, .ff-scroll .ff-bottom {
	display:block;
	height:20px;
	line-height:20px;
	white-space:nowrap;
	text-align:center;
	font-size:.8rem;
	text-overflow: ellipsis;
    overflow: hidden;
}

.ff-scroll .ff-top {
	background-color:#eee;
}

.ff-scroll .ff-mid img {
	background-color:#ccc;
}

.ff-scroll .ff-bottom {
	font-size:.7rem;
	color:#333;
	background-color:transparent;
}

.ff-scroll .ff-mid {
	height:156px;
	display:table;
	line-height:156px;
	width:100%;
	position:relative;
}

.ff-scroll .active .ff-top {
	background-color:#ddd;
}

.ff-scroll .active .ff-bottom {
	text-decoration:underline;
}

.ff-scroll .ff-mid .ff-placeholder {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.ff-scroll .ff-xsmall {
	position:absolute;
	bottom:5px;
	right:5px;
	border:1px solid #eee;
}

.ff-scroll li.ff-scroll-notouch {
	background-color:transparent;
}

		.ff-social.ff-btn {
	color: white;
	text-align:center;
	display:inline-block;
	margin:0 1.666%;
}

.ff-social.facebook {
	background-color: #3b5998;
}

.ff-social.twitter {
	background-color: #00aced;
}

.ff-social.pinterest {
	background-color: #cb2027;
}

.ff-social.google {
	background-color: #4285F4;
}
.ff-gossip-blast-feedback {
	overflow:auto;
	height:75%;
	max-height:250px;
}		.ff-tabs {
    margin-top: 1em;
}

.ff-tab {
	background-color:#f3f3f3;
	color:#aaa;
	xborder:1px solid #eee;
	font-size:12px;
	padding:4px 8px;
	display:inline-block;
	xborder-radius:2px;
	margin-top:2px;
	border-right:1px solid #ddd;
}

.ff-tab:last-child {
	border-right:0;
}

.ff-tab.ff-active {
	background-color:#999;
	color:white;
}

.ff-tab-page {
	display:none;
    padding: 10px;
    overflow-y: auto;
    border: 3px solid #999;
    background-color:#eee;
}

.ff-popover .ff-tab-page {
	min-width: 636px;
    max-height: 300px;
}

.ff-tab-page input, .ff-auto .inputor.ff-minp .ff-tab-page input {
	cursor:inherit;
	color:black; 
    border: 1px solid #ccc;
}

.ff-tab-page input[type="file"], .ff-auto .inputor.ff-minp input[type="file"] {
	background-color: transparent;
    border: 0;
    color: transparent;
}

.ff-tab-page.ff-active {
	display:block;
}

.ff-tab-page.ff-tab-library {
	overflow:hidden;
}

.ff-layouts {
	font-size:12px;
	text-align:right;
	color:#666;
}

.ff-layouts i:hover {
	color:black;
}

.ff-show-active {
	display:none;
}

.ff-active .ff-show-active {
	display:block;
}

.ff-active {
	background-color:#eee;
}

.ff-tab {
	cursor:pointer;
}

.ff-tab-page label {
	cursor:inherit;
}
				.ff-wiki-action {
    border-top:1px solid #ccc;
    margin-top:1rem;
}

.ff-wiki-action div {
    display: inline-block;
    width: 5.7rem;
    text-align: center;
    height: 5rem;
    line-height: 1rem;
    border: 1px solid #ccc;
    vertical-align: top;
    border-radius:5px;
    position:relative;
    margin-right:.2rem;
    color:#999;
    margin-bottom:1rem;
}

.ff-wiki-action > p {
    margin: 0;
    margin-bottom: .5rem;
    font-size: .8rem;
    padding: 0 .5rem;
    background-color: #eee;
    display: inline-block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ff-wiki-action > span {
	content:'';
	display:table;
	clear:both;
}

.ff-wiki-action div:hover {
	cursor:pointer;
	color:black;
}

.ff-wiki-action div p, .ff-wiki-action div i {
	font-size:3rem;
	line-height:3rem;
	margin:0;
	padding:0;
	position:relative;
	top:.5rem;
}

.ff-wiki-action div span {
	font-size:.6rem;
	display:block;
	margin-top:.5rem;
	text-transform: uppercase;
}

input.ff-wiki-heading, textarea.ff-wiki-text {
    border: none;
    transition: none;
    box-shadow: none;
}

input.ff-wiki-heading, textarea.ff-wiki-text, .ff-wiki-container .ff-tab-page {
	margin-top:.3rem;
	margin-bottom:.3rem;
}

input.ff-wiki-heading {
	margin-top:.6rem;
	font-size:2rem;
}

.ff-wiki-container .ff-tab-page span.icon-remove {
	display:none;
}

textarea.ff-wiki-text {
	min-height:2.5rem;
}

.ff-wiki-container .ff-tab-page {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding-bottom: 7px;
}

.ff-wiki-container .ff-tab-page:hover, .ff-wiki-container .ff-tab-page:hover .ff-gal-im {
	cursor:pointer;
}		table.dataTable.ff-table {
	width:100%;
	margin-bottom:0 !important;
}

table.ff-table tr th {
	padding-right:15px;
	padding-left:1rem;
	white-space:nowrap;
}
table.ff-table tr th {
	font-size:0.77rem;
}

table.ff-table tr td {
	padding:0.2rem 1rem 0.2rem 1rem;
	border-right:1px solid #ddd;
}

table.ff-table tr td:last-child {
	border-right:0;
}

table.ff-table tbody tr td:first-child, table.ff-table thead tr th:first-child {
	padding-left:0.5rem;
}

table.dataTable.ff-table.ff-detailed {
}

table.ff-table tr th.ff-hdr-check {
	padding:0;
	width:1%;
}

.top-bar {
	padding-left: 2.8rem;	
}

@media only screen and (min-width: 40em) {
  .top-bar {
    text-align: center; 
  }

  ul.center-buttons {
    display: inline-block; 
  }

  .logo {
    left: 5px;
    top: -2px;
    position: absolute; 
  } 
}

.ff-table tr:hover {
	background-color:#eee;
	cursor:pointer;
}

.ff-table tr.active, .ff-table td.active {
	background-color:#008CBA;
}

.ff-table tr.active td, .ff-table tr.active td a, .ff-table tr td.active, .ff-table tr td.active a {
	color:white;
}

.logo {
  max-width: 2rem;
  margin-top: -3px;
  margin-left: 5px; 
}

.menu-icon {
  padding-top: 1.2rem; 
}

.top-bar.expanded {
  background: #333333; 
}

.logo {
  margin-top: .5rem;
}

div.dataTables_wrapper {
	margin-bottom:0;
}
div.dataTables_wrapper > .row {
	margin:0;
	max-width:100%;
}
div.dataTables_wrapper .small-6.columns {
	float:right;
	padding:0;
}
div.dataTables_filter label {
    width: 100% !important;
    top: -1.2rem;	
	height:1.2rem;
	position:absolute;
	right:2rem;
}
.ff-table input.ff-check {
	width: 1rem;
	margin:0;
    position: relative;	
}
div.dataTables_filter input {
    width: 100% !important;
	border:0;
    padding: 0 0 0 .5rem;
    font-size:0.8rem;
    height: 1.7rem;
    line-height: 1.7rem;
    margin:0
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-left: .5rem;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;    
}