body {
	background: #333;
}

.navbar {
    pointer-events: none;
}

#mainControls,
#sideControls,
#pageControls
 {
	display: none;
}

html.stickyTabs #topPanel {
	position: fixed;
	min-height: auto;
	height: auto;
	padding-top: 0;
	z-index: 21;
}
html.stickyTabs #content {
	padding-top: 370px;
}
html.stickyTabs #topPanel .byThumbnail {
	height: 50px;
	opacity: 1;
	width: 100%;
	margin-bottom: 0;
	position: relative;
}

html.stickyTabs #editForm {position: relative;}
html.stickyTabs .byFullname,
html.stickyTabs .byLocation,
html.stickyTabs .byWebsite,
html.stickyTabs .byEditLink,
html.stickyTabs .buttonContainerMobile
{
	display: none !important;
	
}
html.stickyTabs #topPanel .userThumbContainer {
	width: 50px;
	top: 9px;
	border-width: 1px;
	height: 50px;
	position: relative;
	overflow: hidden;
	padding-top: 0;
}
.buttonContainerMobile {
	margin-top: 15px;
}

.navbar.expanded,
.navbar.expanded *,
#websiteControls>*,
#userControls>* {
	pointer-events: all;
}

.buttonContainer {
	/* margin-top: 30px; */
	/* margin-bottom: -40px; */
	position: absolute;
	bottom: -50px;
	width: 100%;
}
html.stickyTabs .buttonContainer{
	position: absolute;
	border: 0;
	margin: 0;
	margin-bottom: 0;
	z-index: 1000;
	bottom: -7px;
	height: 50px;
	display: block;
	padding: 10px 0;
	text-align: left;
	padding-left: 66px;
}
html.stickyTabs .buttonContainer .btn{
	color: #f5f5f5;
	border-color: transparent;
	margin-left: -10px;
}
html.stickyTabs #topPanel .followButton.following {
	color: #f5f5f5;
	background-image: url('/assets/img/icons/icon_followed.png');
}
#userTabs {
	width: auto;
	display: inline-block;
	text-align: center;
	position: relative;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
}

#userTabs .nav-tabs li a {
	margin-bottom: 2px;
}
.nav-tabs li {
	margin-right: 12px;
}

.navbar.expanded #userTabs,
.navbar.expanded #userControls {
	display: none;
}

#content {
	transition: filter 200ms;
	min-height: 600px;
	padding-top: 120px;
	background: url('/assets/img/patterns/b_pattern_paper.png') #f5f5f5;
}

#content.blur {
	-webkit-filter: blur(5px);
	/* Safari 6.0 - 9.0 */
	filter: blur(5px);
	pointer-events: none;
}

#content.withoutUserTabs {
	padding-top: 36px;
}

#websiteControls {
	transition: opacity 400ms;
	opacity: 1;
}

#websiteControls.fadeOut {
	opacity: 0;
}

#websiteControls.fadeOut * {
	pointer-events: none;
}

hr {
	border-top-color: #333;
	margin-top: 0px;
}

#topPanel {
	background: url('/assets/img/user/pattern_topPanel.png');
	position: relative;
	overflow: visible;
	width: 100%;
	min-height: 240px;
	z-index: 4;
	transition: height 800ms, max-height 800ms;
	padding-top: 80px;
	/* margin-bottom: 100px; */
}

#topPanel.edit {
	max-height: 100%;
	box-shadow: 0 0 5px #999;
}

#topPanel:not(.edit) .showOnEdit {
	display: none;
}

#topPanel.edit .hideOnEdit {
	display: none !important;
}

#topPanel.edit .tabs {
	display: none;
}
#topPanel .extraLinks {
	text-align: right;
}
#topPanel #createSketchButton {}

#topPanel .title h1 {
	display: none;
	padding-top: 240px;
	margin-bottom: 100px;
	font-size: 5rem;
}

#topPanel .meta {
	padding-bottom: 15px;
	/* padding-top: 120px; */
}

#topPanel #locationLabel {
	display: inline-block;
}

#topPanel.edit #locationLabel {
	display: none;
}

#topPanel.edit label {
	margin-left: 0px;
}

#topPanel .extraLinks a {
	/* margin-left: 50px; */
	margin-top: 6px;
	display: inline-block;
	text-align: center;
}

#topPanel .icon_camera {
	background: url("/assets/img/icons/icon_camera.png") no-repeat;
	background-size: 32px 20px;
	background-position: center bottom -20px;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	transition: background-position 800ms;
	cursor: pointer;
}

#topPanel.edit .icon_camera {
	background-position: center bottom 20px;
}

#topPanel .userThumbContainer {
	width: 100%;
	background-color: #f5f5f5;
	border-radius: 50%;
}

#topPanel .userSetup {
	padding: 0;
	position: relative;
}

#topPanel .userThumb {border: 3px solid #f5f5f5;background: #f5f5f5;}

#topPanel .uploadUserImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	pointer-events: none;
	/*    margin-top: -100%;*/
}

#topPanel.edit .uploadUserImage {
	pointer-events: auto;
	/*    margin-top: -100%;*/
}

input:-webkit-autofill {
	-webkit-text-fill-color: #f5f5f5 !important;
	-webkit-box-shadow: 0 0 0px 1000px rgb(198, 79, 74) inset;
	z-index: 0;
	/*    border-bottom: 1px solid rgba(240, 240, 240, 0.3);*/
	border-bottom: 1px solid #d37f7b;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

.uploadUserImage .cropit-image-preview.cropit-image-loaded {
	cursor: move;
	transition: background-position 0ms;
	border: 3px solid rgb(245, 245, 245);
}

.cropit-gradient {
	/* border-radius: 50%; */
	border: 3px solid #f5f5f5;
	/* width: 100%; */
	/* height: auto; */
	/* position: relative; */
	/* top: 0; */
	background: -moz-linear-gradient(top, rgba(0, 153, 133, 0) 0%, rgba(0, 153, 133, 0.92) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 153, 133, 0) 0%, rgba(0, 153, 133, 0.92) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 153, 133, 0) 0%, rgba(0, 153, 133, 0.92) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
	/* background-color: #888; */
}

.cropit-image-preview {
	background-size: cover;
	border-radius: 50%;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
}

.uploadUserImage input[type=range] {
	display: none;
	margin: 10px 0;
	position: absolute;
	bottom: -40px;
}

.uploadUserImage.imageLoaded input[type=range] {
	display: block;
}

.uploadUserImage .buttons {
	display: none;
	position: absolute;
	bottom: -60px;
	width: 100%;
	text-align: center;
}

.uploadUserImage.imageLoaded .buttons {
	display: block;
}

.uploadUserImage .buttons a {
	display: inline-block;
	border: none;
	width: 21px;
	height: 21px;
	background-repeat: no-repeat;
	background-size: 21px 21px;
}

#confirmUserImage {
	background-image: url(/assets/img/icons/icon_followed.png);
}

#cancelUserImage {
	background-image: url(/assets/img/icons/icon_cancel.png);
}

#topPanel .by .plus {
	right: 10%;
	top: 10%;
	transition: all 600ms 400ms;
	display: block;
	visibility: hidden;
	opacity: 0;
}

#topPanel .by.bePlusMember .plus {
	/* animation: heartbeat 1.5s infinite; */
	display: none;
}

@keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
	}
	10% {
		-webkit-transform: scale(0.95);
	}
	20% {
		-webkit-transform: scale(1.05);
	}
	30% {
		-webkit-transform: scale(0.95);
	}
	90% {
		-webkit-transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

#topPanel .plusMember .plus,
#topPanel .bePlusMember .plus,
#topPanel.edit .plus {
	right: -5%;
	top: -5%;
	visibility: visible;
	opacity: 1;
}

#plusMemberInfo {
	margin-top: 3px;
	/* opacity: 0; */
	/* visibility: hidden; */
	transition: margin-top 200ms, opacity 200ms;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.edit #plusMemberInfo {
	margin-top: -6px;
	opacity: 1 !important;
	visibility: visible !important;
}

#plusMemberInfo a {
	color: #fff;
}

.icon_link {
	top: 2px;
	margin-right: 2px;
}

#plusMemberInfo a.labelLink {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 200ms;
}

.edit #plusMemberInfo a.labelLink {
	visibility: visible;
	opacity: 1;
}

#plusMemberInfo a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

#topPanel .by {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
	transition: padding 200ms;
	padding-left: 0;
}

#topPanel.edit .by {
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-end;
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
}

#topPanel .by>* {
	flex: 1 100%;
}

#topPanel .byThumbnail {
	flex: 1 10%;
	/* width: 20%; */
	max-width: 200px;
	position: relative;
	margin-bottom: -30px;
	opacity: 1;
}

#topPanel .byMeta {
	flex: 2 30%;
	padding-left: 30px;
	position: relative;
}

#topPanel .byFullname {
	flex: 2 80%;
	font-size: 42px;
	/* margin-top: 28px; */
	margin-bottom: 3px;
	line-height: 0.95;
	/* position: relative; */
	/*
    margin-left: 15px;
    margin-right: 15px;
*/
}

#topPanel.edit .byFullname {
	/* margin-left: 15px; */
	/* margin-right: 15px; */
	margin-bottom: 30px;
}

#topPanel .by .byLocation {
	white-space: nowrap;
	display: inline-block;
	margin-right: 20px;
	width: auto;
	margin-bottom: 15px;
	overflow: hidden;
	vertical-align: bottom;
}

#topPanel .by .byWebsite {
	white-space: nowrap;
	display: inline-block;
	width: auto;
	margin-right: 20px;
	margin-bottom: 15px;
	max-width: 220px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom;
}

#topPanel.edit .by .byWebsite {
	width: 43%;
	padding-left: 15px;
	max-width: unset;
	vertical-align: bottom;
	overflow: unset;
	margin-bottom: -15px;
}

#topPanel.edit .by .byWebsite label {
	margin-left: -15px;
}

#topPanel .by .byEditLink {
	white-space: nowrap;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 15px;
	vertical-align: bottom;
}

.edit .byText {
	padding-top: 50px;
}

.edit .byLocation {
	width: 30%;
	/* margin-left: 0 !important; */
	/* padding-left: 0 !important; */
}

.edit .byLocation .hideOnEdit {
	transition: opacity 0ms !important;
}

#saveButton {
	width: 100%;
	/* margin-left: -15px; */
	/* margin-right: -15px; */
	border-color: #f5f5f5;
	/* color: #f5f5f5; */
}

#location {
	display: inline-block;
	/* position: relative; */
	max-width: 260px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom;
}

.edit #location {
	/* display: inline-block; */
	/* margin-top: 30px; */
	/* margin-left: 15px; */
	/* text-align: left; */
	width: 100%;
	max-width: unset;
}

#topPanel.edit #additionalFormFields {
	display: block;
}

#additionalFormFields {
	margin-bottom: 20px;
	/* flex: 1 100%; */
	/* padding-left: 15px; */
	/* padding-right: 15px; */
	display: none;
	margin-top: 20px;
}

#additionalFormFields input {
	/* width: 60%; */
	margin-right: 15px;
}

#topPanel a.labelLink {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	top: 1px;
}

input[label='username'] {
	text-decoration: line-through;
}
#activityFeedContainer .userThumb {
	border-color: #eee;
	background-color: transparent;
}
#feedTemplates {
	display: none;
}
#editForm formItem a,
#editForm formItem a:hover,
#editForm formItem a:active {
	color: #f5f5f5;
}

#editForm formItem {
	margin-bottom: 30px;
	display: block;
	/* padding-left: 0px; */
	/* margin-left: 15px; */
}

#editForm formItem input {
	padding-left: 80px;
	/* margin-left: -15px; */
	/* padding-right: 0; */
}

#changePassword {
	min-height: 29px;
}

#changePassword {}

#changePasswordLink {
	float: left;
	width: 100%;
	height: 30px;
	position: relative;
	display: block;
	padding-left: 80px;
	padding-top: 7px;
	cursor: pointer;
}

.editable.edit,
.selectable.edit,
.toggleable.edit,
.removable.edit {
	padding-left: 80px;
}

.icon_pencil2 {
	top: 2px;
}

#topPanel .followButton {
	position: relative;
	background-size: 21px 21px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	min-width: 75px;
	padding-left: 10px;
}

#topPanel .followButton.follow {}

#topPanel .followButton.following {
	background-image: url('/assets/img/icons/icon_followed_dark.png');
	border-color: transparent;
	background-size: 19px;
	width: auto;
	color: #333;
	padding-left: 23px;
	padding-right: 0;
}

#topPanel .followButton.disabled {
	background: transparent;
	background-image: url('/assets/img/icons/icon_loader.svg');
	background-size: 21px 21px;
	background-position: center center;
	background-repeat: no-repeat;
	color: transparent;
	border-color: transparent;
}

#topPanel .followButton.following #followLink,
#topPanel .followButton.follow #followingLink {
	display: none;
}

#topPanel .followButton.follow #followLink,
#topPanel .followButton.following #followingLink {
	display: inherit;
}

#userActionsPopover .description.text-left {
	text-align: left;
	position: relative;
	left: 0;
	padding-left: 0;
	padding-right: 0;
}

#topPanel .icon_caret_down_small_red {
	top: 50%;
	position: absolute;
	margin-left: 8px;
}
.sketchActionsTooltip-theme {
	width: auto;
}

.userActionsTooltip-theme {
	width: 300px;
}

.edit #editButton {
	position: fixed;
}

@keyframes followingAnimation {
	from {
		left: 30px;
		top: 80px;
		opacity: 0;
	}
	to {
		left: -10px;
		top: 60px;
		opacity: 1;
	}
}

#topPanel #description {
	display: none;
	margin-top: 40px;
	margin-bottom: 40px;
}

#topPanel.edit #description {
	display: none;
}

#topPanel .descriptionBorder {
	border-top: 1px solid #f5f5f5;
	margin-left: 0;
	margin-bottom: 20px;
}

#topPanel .descriptionText {
	text-indent: -5%;
	padding-left: 5%;
	padding-right: 14.28%;
}

#topPanel .description question {
	font-style: italic;
	padding-right: 5px;
}

#topPanel .description answer {
	font-weight: bold;
	padding-right: 5px;
}

#topPanel .tabs {
	padding-top: 10px;
	/* bottom: 21px; */
	/* width: 100%; */
	/* height: 15px; */
}

.nav-tabs {
	display: inline-block;
	float: none;
	border-bottom: none;
	bottom: -4px;
	position: relative;
	user-select: none;
}

.sidePane>div {
	margin-bottom: 80px;
}

.sidePane .tag::before {
	content: 'Code Challenge';
	background: #F8E71C;
	font-size: 14px;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-weight: 400;
	padding: 3px 0;
	display: inline-block;
	clear: right;
	width: 100%;
	border-radius: 0;
	margin-bottom: 4px;
	color: #aaa;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.progressBarContainer {
	height: 25px;
	display: block;
	background-color: #E6E6E6;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.progressBar {
	width: 0%;
	height: 100%;
	position: absolute;
	display: block;
	background-color: #73E87A;
	opacity: 1;
	transition: width 2s ease-in-out;
	left: 0px;
	top: 0;
	z-index: 0;
}

.progressBarContainer::after {
	content: attr(title);
	display: inline-block;
	padding: 3px 5px;
	z-index: 3;
	position: relative;
	font-weight: bold;
}

/*INTERVIEW*/

#interview {
	display: none;
	margin-top: 300px;
	border-top: 1px solid;
	padding-top: 50px;
}

#interview h1 {
	font-size: 3em;
	padding-top: 0px;
}

#interview hr {
	border-color: #f5f5f5;
}

#interview ul {
	list-style: none;
	padding: 0;
}

#interview li {
	margin-bottom: 30px;
}

#interview question,
#interview answer {
	display: block;
	margin-bottom: 0px;
}

#interview question {
	font-style: italic;
}

#interview answer {
	border-bottom: 1px dotted #f5f5f5;
	margin-left: 60px;
	padding-left: 5px;
}

/***SKETCHES****/

#sketchesContainer {
	position: relative;
	overflow: hidden;
}

#listToggle {
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 17px;
	height: 17px;
	background: url(/assets/img/icons/icon_list_small@2x.png) center no-repeat;
	background-size: 17px;
	display: block;
}

#listToggle.listView {
	background: url(/assets/img/icons/icon_grid_small@2x.png) center no-repeat;
	background-size: 17px;
}
.sketchList.listView .sketchLi {
    margin-bottom: 39px;
}
.sketchList.listView hr {
    display: none;
}
.sketchList.listView .sketchLabel {
    /* border: none; */
    /* padding: 0; */
}
.sketchList.listView .gram {
    padding: 0;
}
.gram .sketchLabel {
	display: block;
}
.mainSketches,
.collection {
	margin-bottom: 125px;
	/* width: 100%; */
	padding: 0 30px;
}
.mainSketches .newSketchLi {
	display: none;
}

.tab-pane {
	background: inherit;
	padding-top: 41px;
	padding-bottom: 60px;
}
/*
.sketchThumbContainer.newSketch {
    background: url('/assets/img/icons/icon_plus_large_dark.svg') center center no-repeat;
    background-size: 40% 40%;
}
.sketchThumbContainer.newSketch .sketchLabel {
    text-align: center;
    opacity: 1;
    background: none;
    height: auto;
}
*/

#heartsFeedContainer h2 img {
	height: 30px;
	margin-right: 5px;
}

ul#heartsFeed {
	padding: 0px 15px;
}

#heartsFeed li {
	list-style: none;
	padding: 0;
}

#heartsFeed .sketchThumbContainer {
	min-width: 100%;
	min-height: auto;
}

#followerContainer,
#followingContainer {
	padding-top: 100px;
}

#followerContainer li,
#followingContainer li {}

#followerContainer .bgCaret,
#followingContainer .bgCaret {
	background: url('/assets/img/icons/icon_caret_right_dark.png') center center no-repeat;
}

#followerContainer .bgImage {
	width: 450px;
	top: -200px;
	position: absolute;
	left: 0px;
}

#followingContainer .bgImage {
	width: 450px;
	top: -200px;
	position: absolute;
	right: 0px;
}

#followerList,
#followingList {
	list-style: none;
	padding: 0;
}

#followerList .userThumbContainer,
#followingList .userThumbContainer {
	min-width: 100%;
	/* min-height: 100%; */
	margin-bottom: 30px;
}

/*HEARTS PANEL*/

#heartsList {
	list-style: none;
	padding: 0;
}


/* CLASSES PANEL */
#content {
}
#classesMeta img {
	width: 100%;
}
#classesMeta .classesMetaMetric{
	font-size: 54px;
	margin-top: -15px;
	margin-right: 6px;
}
#classesMeta .classesMetaMetric,
#classesMeta .classesMetaLabel
{
	float: left;
}
#classesMeta .classesMetaActions {
	margin-top:15px;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
#classesList,
#curationsList {
	list-style-type: none;
	padding: 0 15px;
	margin: 0;
}

#classesList li,
#curationsList li {
	padding: 0 0 0 15px;
	margin-bottom: 40px;
	position: relative;
	list-style: none;
}

#classesList li.private:before,
#curationsList li.private:before {
	content: '';
	display: block;
	position: absolute;
	left: -5px;
	top: 8px;
	background: url('/assets/img/icons/icon_locked_dark@2x.png') no-repeat center center;
	background-size: 13px 16px;
	width: 13px;
	height: 16px;
}


#classesContainer .institution, #classesContainer .classTitle, #curationsList .curationTitle
 {
	font-size: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#curationsList .curationTitle
{
	display: block;
}
#curationsList .curationDescription {
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.icon_caret_right_dark {
	background: url('/assets/img/icons/icon_caret_right_dark.png') center center no-repeat;
	background-size: 7px 14px;
	height: 14px;
	top: 12px;
}

@media (max-width: 767px) {
	html,
	body {
		overflow-x: hidden;
	}
	#followerContainer,
	#followingContainer {
		padding-top: 30px;
	}
	#topPanel {
		text-align: center;
		margin-bottom: 0;
	}
	#topPanel.edit {
		text-align: left;
	}
	#topPanel .byThumbnail {
		max-width: 30%;
		flex: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: -40px;
	}
	#topPanel.edit .by .byWebsite,
	#topPanel.edit .by .byLocation
	 {
		flex: none;
		width:100%;
		display: block;
	}
	#topPanel.edit .by .byLocation
	 {
		margin-bottom: 30px;
	}
	#topPanel .by .byWebsite {
		display: block;
		width: 100%;
	}
	#topPanel .by {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}
	#topPanel .tabs {
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -1px;
		margin-top: 0;
	}
	#topPanel .tabs li {
		margin-right: 6px;
		font-size: 0.85em;
	}
	#topPanel .tabs li#classesTab {
		display: none;
	}
	#topPanel .tabs li #classesTab.show {
		display: block;
	}
	#topPanel #listToggle {
		display: none !important;
	}
	#topPanel .by>* {
		flex: 1 100%;
	}
	#topPanel .extraLinks {
		
		/* margin-left: -15px; */
		margin-top: 40px;
	}
	#topPanel .extraLinks a {
		display: inline;
		text-align: center;
	}
	.createSketchButton {
		display: none;
	}
	#topPanel .followButton {
		/* color: #f5f5f5; */
		/* background-color:  transparent; */
	}
	#topPanel .followButton.following {
		background-image: url('/assets/img/icons/icon_followed@2x.png');
		background-color: transparent;
		color: #f5f5f5;
	}
	#topPanel .followButton {
		background-color: transparent;
		color: #f5f5f5;
		border-color: #f5f5f5;
	}
	#topPanel .byMeta {
		flex: none;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		margin-top: 60px;
	}
	html.stickyTabs #topPanel .byMeta {
		margin-top: 0;
	}
	html.stickyTabs #topPanel .byThumbnail {
		display: none;
	}
	#topPanel .by .byLocation {
		margin-right: 0;
	}
	
	ul.sketchList>li.gram {
		padding: 0;
	}
	#content {
		padding-top: 15px;
	}


}