/* ---COLOUR SCHEME--- */

body, .caption a, .caption a:link, .caption a:visited, .caption a:active,
a.navigationTab, a.navigationTabActive, .navigationTabPage, .navigation a.active,
#Menu li.Highlight a, .button, .button.addCaption, .submitButton,
a.button:link, a.button:visited, a.button:active
													{ color: #333 }

a:link, a:visited, a:hover, a:active,
#topBar h1 a:link, #topBar h1 a:visited,
td a:hover, #topBar h1 a:hover, #topBar h1 a:active,
td.score .voteScore, .captionPageOptions label,
.caption a:hover									{ color: #44B }

.userBox, .userBox:link, .userBox:visited,
.userBox:active										{ color: #ddd }
h1, h2, h3, h4, h5, h6, h1 select.sortCombo, header,
td.score .entriesAdded, .cashPrize, .cashPrize:link, .cashPrize:visited,
.cashPrize:active, .pendingPhotoLink, .pendingPhotoLink:link,
.pendingPhotoLink:visited, .pendingPhotoLink:active
													{ color: #B40 }

a.cashPrize:hover, a.pendingPhotoLink:hover			{ color: #E72 }

.smallInstruction									{ color: #A74 }
.smallInstructionFaded, #tagBar .apply p			{ color: #DB9 }

.navigation a:link, .navigation a:visited,
.navigation a:active								{ color: #EEE }

.negative, 	.rank .down, .rank .down:link,
.rank .down:visited, .rank .down:hover				{ color: #933 }

.positive,
.rank .up, .rank .up:link, .rank .up:visited,
.rank .up:hover, .rank .superUp,
.rank .superUp:link, .rank .superUp:visited,
.rank .superUp:hover								{ color: #393 }
.navigation a.active, .navigation a.active, td		{ color: #444 }
.tip h2, .tip a h2, .imageContainer,
.viewPhotos div.imageContainer a					{ color: #445 }
.viewPhotos div.imageContainer .author				{ color: #ca9 }

.updateBadge1, .updateBadge2, table.statsTable th,
.userBox:hover, .footerNav, .footerNav a			{ color: white }
.updatedBadge       								{ color: #853 }

td.negative											{ color: #F33 }
.userBox .scorePosition, .copyright, .topComment,
.contextClassnames    								{ color: #999 }

.borderedContainer, table.announcements .even,
#UserAudit #content form							{ color: #4F3015 }
.captionCell .timeDate, #tagBar						{ color: #bbb }
.admin												{ color: #c66 }
.error, .messageContainer .error					{ color: #933; background-color: #fdd }
.votesTable .type 									{ color: #999 }
.footerPicard, .footerPicard a:link, .footerPicard a:visited { color: #666 }
.navigation a.active, #Menu li.Highlight a			{ background-color: rgba(255,255,255,0.6); }
body, .votesTable th								{ background-color: #999 }
#pageContainer										{ background-color: #f6f6f6 }
#topBar, #searchForm, #tagBar						{ background-color: #464d56 }
.navigation a:hover									{ background-color: rgba(255,255,255,0.2); }
table.statsTable th, table.statsTable td			{ background-color: #666; color: white }
.even td											{ background-color: #f9d6b6; color: #300 }
.odd td												{ background-color: #f6cfaf; color: #300 }

.competitions th									{ background-color: #363; color: white }
.competitions .even td								{ background-color: #dfd; color: #030 }
.competitions .odd td								{ background-color: #cfc; color: #030 }

table.announcements .odd, .FAQTopicTitle a			{ background-color: #EDF7F1; color: #397D53 }
.semiTransparent, .semiTransparent p,
.borderedContainer									{ background-color: rgba(255,255,255,0.5) }
.imageContainer										{ background-color: #f9f9f9 }
.commentContainer .borderedContainer				{ background-color: #dde }

.captionContainer, .pendingPhotoOptions,
.commentRow td										{ background-color: #eee }

a.navigationTab, a.navigationTabActive, .navigationTabPage, .borderedContainer,
table.announcements .even, #UserAudit #content form, .FAQTopicTitle a:hover,
a.button:hover, .largeCaption .bubble,
.submitButton:hover, .enlargedImage                 { background-color: white }

.button, .submitButton					{ background-color: #ddd }

#FullContact .fullContactInfo, .votersTip .voter { background-color: #cec }
.rank .superUp										{ background-color: #bfb }
.disabled .down										{ background-color: #eee3e3 }
.disabled .up										{ background-color: #e3eee3 }
.disabled .down.myVote								{ background: #ded3d3 }
.disabled .up.myVote								{ background: #d3ded3 }
.tip												{ background-color: #dfdff0 }
.gotComment											{ background-color: #ddf }
a.maptionUpdated									{ background-color: #dcb }
#messageBox, .messageContainer, .newsContainer      { background-color: #FCFDE3; color: #5F6307 }
.blacklisted, .commentContainer .blacklisted		{ background-color: #fdd }
table.dataTable tr.up td							{ background-color: #dfd; border-color: #bdb; color: #383 }
table.dataTable tr.down td							{ background-color: #fdd; border-color: #dbb; color: #833 }
tr.neutral td										{ background-color: #eee; border-color: #ccc; color: #666 }
.tag												{ background-color: #fdc; border-color: #dcb; color: #a63 }
.tagCount, .popupMenu   							{ background-color: #a63; color: white }
.userBox:hover										{ background-color: rgba(255,255,255,0.1); }
#FullContact .fullContactType						{ background-color: #f6e6d6; border-color: #edb }
.disabled											{ border-color: #333; color: #333 }

.commentContainer .borderedContainer				{ border-color: #ccd }
.largeCaption .bubble, #UserAudit #content form		{ border-color: #BBB }

.FAQTopicTitle a, .button,
.submitButton										{ border-color: #fff #ddd #aaa #ddd }

.depressed											{ border-color: #aaa #ddd #fff #ddd }
.up.myVote.depressed								{ border-color: #393 #393 #393 #393 }
.down.myVote.depressed								{ border-color: #933 #933 #933 #933 }
.disabled, .disabled .button						{ border-color: #ddd }
.userBox											{ border-color: #444 #555 #888 #555; background-color: rgba(0,0,0,0.1);	color: #DDD }
.commentContainer .borderedContainer .semiTransparent
													{ border-color: #e0e0e0 }
tr.position											{ background-color: #ffedd6 }
tr.position td.position,
table.statsTable .position							{ background-color: #334E69; color: white }
table.statsTable .lowPosition						{ color: #C2DAF2 }

.position tr th										{ background-color: transparent }
td.voteScore, table.position tr th.voteScore,
td.finderPoints, table.position tr th.finderPoints,

table.statsTable .score								{ background-color: #BCC7B1; color: #467840 }
td.captionCount, table.position tr th.captionCount,
td.photoCount, table.position tr th.photoCount,
td.discoveries, table.position tr th.discoveries,
table.statsTable .count								{ background-color: #B1BCC7; color: #616C97 }
td.vcRatio, table.position tr th.vcRatio,
td.qualityVsAverage,
table.position tr th.qualityVsAverage				{ background-color: #D6C7B1; color: #705343 }
table.statsTable .quota								{ background-color: #BCB1C7; color: #6C6197 }
td.votesPlaced, td.votesNotPlaced, table.position tr th.votesPlaced,
td.votesPlacedAmount, td.totalAmount				{ background-color: #E0D3C3; color: #705646 }
tr.myRow, .mine										{ background-color: #ffffb6  }
tr.position1 td.position,
tr.position2 td.position,
tr.position3 td.position,
tr.position .name a									{ color: #334E69 }
.searchResults, #messageBox, .error, input, .navigation a.inactive,
img.Photo, textarea, select, div.galleryContainer, div.diaryEntryContainer, div.mp3Container,
div.messageContainer, div.progressContainer, pre, .borderedContainer, div.pageSection, #debugInfo,
.semiTransparent, .navigationTab,
.messageContainer, .newsContainer, table.position	{ border-color: #d4d2c1 }





/* ---PAGE FORMATTING--- */

.admin												{ font-size: 7pt }
.stats {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.small, .smallInstruction, .smallInstructionFaded,
.copyright, .updateBadge1, .updateBadge2, tr.sub th,

.charCounter, .browserWarning,
table .button, dd.error   							{ font-size: 9pt }

body, td, th, p, .borderedContainer,
.competitionInstructions							{ font-size: 11pt; font-family: verdana, arial, helvetica, sans-serif }

h1, .searchNext, .searchPrevious,
h1 select.sortCombo									{ font-size: 18pt; font-weight: normal }

h2, .caption p, .caption, #searchForm,
#searchForm input, td.totalAmount, .button, h2		{ font-size: 14pt }

.largeCaption p										{ font-size: 16pt; line-height: 3ex; margin: 0 }

.largeCaption .showCommentList						{ float: right }
a:link, a:visited, a:active							{ text-decoration: none }

.button												{ display: inline-block; line-height: normal }
.button img											{ vertical-align: middle }
.button img:first-child								{ margin-left: -2px }
img													{ border: none }
#pageContainer, div#footer {
	margin-left: auto; margin-right: auto; padding: 0 30px 0 30px
}
#pageContainerBG {
	padding-bottom: 10px;
}
body {
	background-image: url('/coreCaption/images/whitey.png'); background-repeat: repeat
}
#topBar {
	width: 100%; height: 60px; top: 0;
	z-index: 8; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
#topBar td.search { padding: 0 0 0 5px }
div#tagBar { display: none; top: 0; width: 100%; height: 60px; font-size: 11pt }
#tagBarCentered { margin: 12px auto; display: block }
#tagBar .apply p { float: left; margin: -2px 20px 0 0 }
#tagBar .apply { float: right }
#tagBar .cancel { float: right }
#tagBar .instructions { display: none; float: right; margin: 4px 6px }
#tagBar .button { padding: 10px 12px 10px 12px;	margin: 0 10px 0 0; float: right; font-size: 11pt }
#tagBar .remainingSuperVotes { clear: left; display: block }
.tag .star { margin-left: -5px }
.tag .star:first-child { margin-left: 0 }
.tagCount { display: inline-block; padding: 0 3px; margin-right: -4px; text-shadow: 0 -1px 0 #963 }
.browserWarning {
	margin: 20px 0 0 0
}
.browserWarning img {
	float: left; margin: 0 20px 20px 0
}
.browserWarning p {
	font-weight: bold
}
.browserWarning a {
	text-decoration: underline
}
#searchForm, #topBar, #tagBar {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
#topBar table {
	margin: 0 auto 0 auto
}
#topBar .searchButton {
	margin-top: 8px; cursor: pointer
}
#pageContainer {
	padding-top: 70px; margin-bottom: 30px;
	-moz-box-shadow: 0 0 50px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.2);
	-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; border-bottom-left-radius: 10px
}
#searchForm {
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 4px 8px
}
#searchForm img {
	vertical-align: middle
}
#topBar .logo {
	margin-top: 13px; margin-right: 50px; width: 162px
}
.userBox, .navigation a {
	text-shadow: #333 0 1px 1px;
}
.navigation {
	padding-top: 5px; white-space: nowrap
}
.navigation a {
	display: block; float: left; padding: 23px 10px 3px 10px; font-size: 10pt;
	background-repeat: no-repeat; background-position: center 7px;
	margin: 1px 0 0 0
}
.tag, .navigation a.active, .button, .submitButton, .navigation a.active, #Menu li.Highlight a {
	text-shadow: white 0 1px 0;
}
.navigation a.active, .navigation a.active, #Menu li.Highlight a {
	-moz-box-shadow: 0 -1px 0 white; -webkit-box-shadow: 0 -1px 0 white;
}
.tag {
	-moz-box-shadow: 0 0 3px white; -webkit-box-shadow: 0 0 3px white; box-shadow: 0 0 3px white;
}
.navigation a.navCaptionPhoto	{ background-image: url('/coreCaption/images/photos.png'); }
.navigation a.navCaption		{ background-image: url('/coreCaption/images/captions.png'); }
.navigation a.navUser			{ background-image: url('/coreCaption/images/trophy.png'); }
.navigation a.navProfile		{ background-image: url('/coreCaption/images/profile.png'); }
.navigation a.navDiscuss		{ background-image: url('/coreCaption/images/discuss.png'); }
.navigation a.navAdmin			{ background-image: url('/core/images/admin.png'); }
#topBar table td.search {
	padding-top: 14px
}
#topBar {
	position: fixed; margin-top: 0;
}
#searchForm {
	display: block; position: fixed; right: 0
}
#searchForm {
	top: 60px;
}
#tagBar {
	position: fixed; top: 0; z-index: 9
}
#topBar td {
	white-space: nowrap
}
div#footer {
	padding-top: 10px
}
.footerNav {
	margin: 0; clear: both
}
.footerContact .button {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}
.footerContact .button img.social {
	vertical-align: middle;
	margin-top: 3px;
}
.footerContact .button {
	float: none;
	display: inline-block;
	min-height: 2.2ex;
}
.footerContact .button img:first-child {
	margin-left: 0
}
#footer {
	text-align: center;
}
body, div#leftBar {
	margin: 0; padding: 0; line-height: 2.5ex;
}
.rank, .authorCell, .userBox {
	line-height: normal
}
h1,h2,h3 {
	line-height: 2.5ex;
}
.photoCell img { background-color: white; padding: 5px }
#searchForm input { width:400px }
.photoCell { width: 80px; text-align: left; padding-right: 0 }
.caption { margin: 0 }
.largeCaption {
	float: left; width: 360px
}
.largeCaption .bubble {
	padding: 10px 15px 15px 15px; border-width: 1px; border-style: solid;
	margin: 0
}
.bubble div.rank { display: inline-block }
.bubble .button { margin: 0 }
.bubble .tags { float: left; margin: 10px 0 10px 0 }
.largeCaption .author {
	float: right; margin: 8px 21px 20px 0; width: 80px
}
.largeCaption .buttons {
	float: left; width: 200px
}
.largeCaption .actions {
	margin: 0; float: right
}
.speechTriangle {
	float: right; margin: -1px 75px 0 0
}
.sharingOptions {
	float: left; padding-top: 6px
}
.captionPageOptions label { display: inline; font-weight: normal }
table.announcements, .messageContainer, .semiTransparent, .borderedContainer, .navigationTabPage, .newsContainer
	{ border-width: 1px 1px 2px 1px; border-style: solid }
.borderedContainer, .newsContainer, .semiTransparent, .messageContainer {
	padding: 10px 20px;
}
.FAQTopicTitle a {
	padding: 8px 10px;
}
div.newsContainer p {
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
}
.commentContainer .commentContext > p:first-child {
	margin-bottom: 0px; margin-right: -10px;
	margin-top: -10px;
}
.commentContainer .commentContext img {
	opacity: 0.5;
}
.commentContainer .commentContext {
	background-color: white;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 15px -15px -15px -15px;
	padding: 10px 10px 0 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.commentContainer .commentContext p {
	font-size: 9pt;
	margin-bottom: 0;
}
.commentContainer .borderedContainer p {
	margin-top: 0
}
.commentContainer p {
	word-break: break-word;
}

.tag, .captionContainer, .semiTransparent, .messageContainer, .FAQTopicTitle a, .button, .submitButton,
.votesTable td, #FullContact .fullContactType, #FullContact .fullContactInfo, table.statsTable tr td, .tagCount {
	background-image: linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 100%);
}

.borderedContainer, .newsContainer {
	background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255,255,255,1), rgba(255,255,255,0.3));
	background-image: -o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.3));
	background-image: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.3));
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,1)),color-stop(1, rgba(255,255,255,0.3)));
}
.disabled, .disabled .button {
	background-image: none;
}
.depressed, .wait {
	background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.1)),color-stop(0.1, rgba(160,160,160,0.3)));
}
#topBar {
	background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255,255,255,0), rgba(255,255,255,0.2));
	background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.2));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.2));
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,0.2)),color-stop(1, rgba(255,255,255,0)));
}
.photoList {
	align-items: flex-start;
	margin-bottom: 20px;
}
.photoPageHeader, .photoList, .captionFormContainer {
	display: flex; flex-wrap: wrap;
	column-gap: 30px;
}
.photoPageHeader, .photoList {
	row-gap: 30px;
}
.captionFormContainer {
	row-gap: 10px;
}
.photoList {
	justify-content: space-between;
	align-content: stretch;
}
.captionFormContainer {
	justify-content: center;
	align-content: stretch;
}
.captionFormContainer .dataEntry {
	flex-grow: 1;
	margin-bottom: 10px;
}
.photoPageHeader {
	justify-content: space-between;
}

#tagBarCentered, #pageContainer, div#footer, #topBar table {
	min-width: 900px;
	max-width: 1800px;
}

.FAQTopicTitle a, .button, .tag {
	border-width: 1px; border-style: solid;
}
.FAQTopicTitle a, .button, .tag, .submitButton {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.button.maptionUpdated {
	border: 1px outset #F62;
	opacity: 0.7;
}
#topBar a.button.maptionUpdated {
	padding: 5px 5px;
	margin: 11px 0 0 0;
}
#topBar td.maptionUpdated {
	display: none;
}
.adContainer {
	float: right;
	margin: 0
}
.crapUser, .noneOutstanding {
	opacity: 0.5
}
.empty {
	opacity: 0.3
}
.votesTip {
	margin: 0
}
.votesTip td {
	border-bottom-width: 1px; border-bottom-style: solid;
}
.votersTip .voter {
	white-space: nowrap; display: inline-block; margin: 0 2px 1px 0;
	border-radius: 3px; padding: 1px 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3)
}
.votersTip .voter .icon {
	margin-left: -2px; margin-right: 2px;
	height: 20px; width: 15px;
}
.tagText { margin-right: 6px; margin-left: 4px }
.tagText	{ float: left; display: inline-block }
.votesTable .icon {
	width: 15px; height: 20px
}
.votesTable th, .votesTable td, .statsTable th, .statsTable td {
	padding: 2px 5px;
}
.votesTable td:first-child {
	border-left-width: 1px
}
.votesTable td:last-child {
	border-right-width: 1px
}
.votesTable td {
	border-width: 0 0 1px 0; border-style: solid
}
.lockedInPhoto {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.lockedInPhoto .imageContainer {
	margin: 0;
}
.lockedInPhoto .photoList {
	justify-content: center;
}
.lockedInPhoto .counterContainer {
	margin: 0 auto;
}
.pendingPhotoOptions .rank {
	float: right
}
.pendingPhotoOptions {
	clear: both; margin: 0; padding: 5px
}
.pendingPhotoOptions .button {
	margin: 0 0 0 5px
}
.pendingPhotoOptions .maptionButton {
	float: left; margin: 0
}
.button {
	cursor: pointer;
	padding: 7px 15px;
}
.actions {
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: end;
	gap: 10px;
}
.actionsCell .button, .actions .button {
	padding-left: 12px; padding-right: 12px; float: none
}
.voteButton {
	padding: 7px
}
.largeCaption .voteButton {
	margin-right: 10px
}
.imageContainer .button {
	height: 12px; padding: 8px
}
.imageContainer .maptionButton { padding: 8px 8px 9px 10px; height: 20px }
.imageContainer .googleImageSearchButton { padding: 8px 8px 9px 10px; height: 20px; margin-right: 5px; margin-left: 0 }
.captionPageOptions {
	display: block;
	float: right;
	padding-bottom: 20px
}
.updateBadge1, .updateBadge2 {
    pointer-events: none;
	background-repeat: no-repeat; background-position: top center; text-align: center; float: right; font-weight: bold;
	margin-top: -22px; margin-right: -32px; margin-bottom: -30px;
	padding-top: 4px; padding-left: 2px; position: relative; text-shadow: black 0 0 3px
}
.pendingPhotoLink > .updateBadge1, .pendingPhotoLink > .updateBadge2 {
	margin-top: -15px; margin-bottom: -30px; padding-top: 11px;
}
.pendingPhotoLink > .updateBadge2 {
	margin-right: -24px;
}
.pendingPhotoLink > .updateBadge1 {
	margin-right: -17px;
}

.navigation .updateBadge1, .navigation .updateBadge2 {
	padding-top: 6px;
	margin-top: -10px; margin-left: -30px; margin-bottom: -30px; float: left
}
.updatedBadge {
	text-shadow: white 0 0 4px
}
a.maptionUpdated {
	text-shadow: white 0 1px 0
}
.infoBullet {
	margin: 0 5px 0 5px
}
.imageContainer .updateBadge1, .imageContainer .updateBadge2 {
	float: none; margin-left: 228px; margin-right: 0; position: absolute
}
.updateBadge1	{	background-image: url('/core/images/updateBadge1.png'); width: 30px; height: 29px }
.updateBadge2	{	background-image: url('/core/images/updateBadge2.png'); width: 38px; height: 29px }
.updatedBadge1	{ background-image: url('/core/images/updateBadge1-yellow.png'); width: 30px; height: 29px }
.updatedBadge2	{ background-image: url('/core/images/updateBadge2-yellow.png'); width: 38px; height: 29px }

.button, .submitButton, .FAQTopicTitle a, .popupMenu {
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}
.borderedContainer, .newsContainer, .messageContainer, .photoCell img {
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1)
}
.depressed, .disabled .button {
	-moz-box-shadow: none; -webkit-box-shadow: none
}
.depressed { border-width: 1px 1px 1px 1px }
a.maptionUpdated {
	-moz-box-shadow: 0 0 5px rgba(255,100,0,0.4); -webkit-box-shadow: 0 0 5px rgba(255,100,0,0.4)
}
.imageContainer, #FullContact .fullContactType, #FullContact .fullContactInfo {
	-moz-box-shadow: 0 2px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.2)
}
.searchResults .imageContainer {
	float: left; margin: 0 20px 20px 0;
}
#loggedOnDetails { margin: 0 0 0 auto }
#topBar h1 { font-size: 24pt; font-weight: bold; letter-spacing: -3px; margin: 0 0 0 0 }
div.messageContainer { padding: 10px 20px; margin: 0 0 20px 0 }
.borderedContainer, .FAQTopicTitle a {
	margin-top: 5px; margin-bottom: 20px
}
.newsContainer, .messageContainer {
	margin-top: 0; margin-bottom: 0
}

.newsContainer {
	margin-bottom: 30px
}
.borderedContainer, .semiTransparent, .newsContainer, .messageContainer, .FAQTopicTitle a,
.navigation a, .button, .submitButton, .userBox, #FullContact .fullContactType,
#FullContact .fullContactInfo, #Menu li.Highlight a, .pendingPhotoOptions, .popupMenu {
	border-radius: 5px 5px 5px 5px
}
.largeCaption .bubble, #UserAudit #content form {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px
}
.userBox {
	border-width: 1px; border-style: solid; padding: 6px 10px 3px 10px; margin: 11px 0 0 10px;
	float: left; height: 20px; font-size: 10pt
}
.userBox span, .userBox img {
	float: left
}
.userBox img {
	margin-top: 1px
}
.userBox .mailButton {
	margin-top: 3px;
}
.userBox span {
	margin-left: 7px
}
.cashPrize, .pendingPhotoLink {
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px 20px 20px 20px
}
.button { display: block; margin: 0 10px 10px 0; float: left }
.enlargedImageContainer .button { margin: 0 0 0 10px }
.enlargedImageContainer .actions { float: right }
.FAQTopic { display: inline-block; margin: 0 5px 20px 0 }
.FAQTopicList { margin: 20px 0 0 0 }
.FAQTopicTitle .updateBadge1, .FAQTopicTitle .updateBadge2 {
	margin: -20px 0 0 -15px
}
.FAQTopicTitle .actionOptions {
	display: block;
	margin-top: 5px
}
.spacer { clear: both; height: 0 }
.botbuster { display: none }
.error, .messageContainer .error { font-size: 12pt }
.tableMore { cursor: pointer }
.tipsContainer .showCommentList {
	margin: 5px 0; font-weight: normal
}
.showCommentList img {
	margin: 0 5px -5px 0; vertical-align: middle; height: 10px
}


/* ---NON-STANDARD ELEMENTS--- */

.wait { cursor: wait }
.editor .icon { width: inherit; height: inherit } /* fix interaction with vanilla */
.icon, .tag, .tagCount {
	border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
}
.tags .tag { padding: 1px 5px; margin: 0 0 5px 0; display: inline-block; float: right; clear: right; line-height: normal }
.tags { margin: 2px 10px 10px 10px; float: right }
.imageContainer { font-size: 10pt; padding: 5px;
	background-image: url('/coreCaption/images/greyFadeBg.png');
	background-repeat: repeat-x; background-position: top left;
	margin: 0;
}
.extraProfileTabs .photoList .imageContainer, .viewPhotos .imageContainer, .pendingPhotos .imageContainer {
	width: 240px; text-align: center
}
.imageMeta { margin: 5px 0 3px 7px }
.imageMeta .user { padding-top: 12px; padding-left: 5px }
.imageMeta .user .icon { width: 10px; height: 15px }
.CaptionPhoto { margin-bottom: 5px; border: none; border-radius: 5px;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            -webkit-border-radius: 5px; }
.imageContainer a { text-decoration: none }
#content { padding-top: 15px; padding-bottom: 15px }
#content > p:first-child {
	margin-top: 0
}
.recentVisitors { clear: both }
.recentVisitors .icon { margin: 0 5px 0 0 }
.captionContainer { margin-bottom: 5px }
.captionContainer .authorCell	{ padding: 10px 5px 0 5px }
.captionContainer .actionsCell	{ padding: 8px 3px 0 0; text-align: right }
.rank { white-space: nowrap }

.button { line-height: normal; background-repeat: no-repeat;  }

.actions .button, table .button, .actionLink {
	margin: 0; min-height: 18px; padding-top: 12px; padding-left: 12px; padding-right: 12px
}

.captionContainer p { margin-top: 0 }
.captionCell p.smallInstructionFaded { margin-bottom: 0px }
.captionCell { padding-top: 7px; padding-left: 10px }
.commentRow td { padding: 0 }
.commentCell div { margin-right: 10px }
.imageMeta .button { float: right }
.captionContainer { border-top: 1px solid #ddd }
.captionContainer .photoCell img { opacity: 0.7 }
.enlargedImageContainer .borderedContainer { font-size: 10pt }
.enlargedImageContainer .imageContainer { float: left; margin: 0 20px 20px 0 }
div.votesPlaced, div.votesNotPlaced { width: 35px; height: 35px; margin: 0; padding: 0 }
div.votesPlaced {
		display: table-cell; vertical-align: middle;
		background-repeat: no-repeat; background-position: center center
}
.searchNext {
	float: right; margin-right: 30px; background-repeat: no-repeat; background-position: right center; padding-right: 17px;
	background-image: url('/core/images/icons/arrow_r.gif')
}
.searchPrevious {
	float: left; background-repeat: no-repeat; background-position: left center; padding-left: 17px;
	background-image: url('/core/images/icons/arrow_l.gif')
}
th { font-weight: normal }
table.position { border: none; margin-top: -70px }
tr.position td { padding: 0 4px 0 4px; vertical-align: middle; letter-spacing: -0.04em }
tr.position .position { padding: 0 }
tr.position .position .coin {
	height: 35px; font-size: 14pt; width: 40px; padding-top: 0.9ex; text-align: center; line-height: 2.3ex;
	background-repeat: no-repeat; background-position: 2px center; text-shadow: #fff 0 0 8px; vertical-align: middle
}
tr.position1 .position .coin, div.placedVotesUpPosition1 { background-image: url('/core/images/coins/goldCoin.png') }
tr.position2 .position .coin, div.placedVotesUpPosition2 { background-image: url('/core/images/coins/silverCoin.png') }
tr.position3 .position .coin, div.placedVotesUpPosition3 { background-image: url('/core/images/coins/bronzeCoin.png') }
tr.position td { height: 40px; background-image: url('/coreCaption/images/greyFadeBg.png'); background-repeat: repeat-x; background-position: top left }
tr.position td.userIcon img { opacity: 0.7; margin: 0; padding: 0 }
table.position tr th { height: 75px; padding-top: 8px }
table.position tr th, td.captionCount, td.photoCount, td.discoveries, td.finderPoints, td.voteScore, td.votesPlacedAmount, td.vcRatio, td.votesPlaced {
	text-align: center
}
td.finderPoints, td.qualityVsAverage, td.actionsCell, .actions {
	white-space: nowrap
}
td.voteScore, td.finderPoints { font-size: 14pt }

table.position th {
	padding-left: 4px;
}
table.position th h1 {
	writing-mode: vertical-rl;
	margin: 0 auto 0 auto;
	color: white;
	font-weight: bold;
	font-size: 12pt;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

td.votesPlacedGood { background-color: #B0E0B0; color: #060 }
td.votesPlacedOkay { background-color: #E0D3C3; }
td.votesPlacedBad { background-color: #E0B0B0; color: #600; }

.sortOptions {
	float: right; margin-top: 0; font-size: 7pt
}
.personIcons { white-space: nowrap }


/* ---FORMS--- */

input, textarea, select { margin: 4px 5px 5px 0; padding: 1px 0 0 3px; font-size: 14pt }
textarea.detail { height: 20ex }
textarea.bottomText, textarea.topText { height: 12ex }
input.hidden { display: none }
label { display: block; font-weight: bold }

form dl { margin-right: 10px }
dd { margin: 0 }
dl.error { border-radius: 5px }
dd { margin: 0 }

#profileForm { display: none }
#forename_field, #surname_field, #emailAddress_field, #gender_field {
	float: left
}
#bio_field { clear: both; }
textarea#bio { width: 100%; height: 16ex; }
input#username { width: 80px; vertical-align: middle }
.inputGroup {
	margin-bottom: 10px
}
#loggedOnDetails { width: 220px }
#loggedOnDetails .icon { zoom: 0.5; float: none; vertical-align: middle }
input.submitButton {
	float: right; margin: 0 0 5px 0; border-width: 2px
}
table .bigButton, .bigButton {
	font-size: 18pt; padding: 10px 25px 10px 25px;
	font-weight: normal;
}

.CommentForm .bigButton {
	margin: -20px 5px 10px 5px;
}

div.logEntryForm { display: block }
input.aliasName, textarea.detail, textarea.bottomText, textarea.topText { width: 100% }
input.aliasWebsiteURL { width: 200px }
div.logEntryForm, input.title { width: 100% }
input.time { width: 4em }
input.date { width: 6em }
input[type="radio"] { border: none }
.charCounter { padding-top: 0; margin-top: 0 }
#UserAudit #content form {
	float: right; display: block; padding: 15px; border-width: 1px; border-style: solid;
	margin-left: 20px; margin-bottom: 20px
}
#UserAudit #content form input[type='submit'] {	margin: 0 }

#FullContact .fullContactType { width: 250px }
#FullContact .fullContactType, #FullContact .fullContactInfo {
	float: left; padding: 10px; margin: 0 20px 20px 0
}
#FullContact .fullContactType .typeId { float: left; margin: 0 5px 10px 0 }
#FullContact .fullContactType h2 { display: inline; font-weight: normal }
#FullContact .fullContactPhotos { margin-top: 15px }
#FullContact .typeId { vertical-align: top }
#FullContact .auditPhoto { float: left }
#FullContact .fullContactPhoto { width: 60px; height: 60px }
#FullContact label { display: inline }

/* ---TABLES--- */

table { border-collapse: collapse; border-spacing: 0; margin: 0 0 15px 0; padding: 0; clear: both }
table.presenceUsers, table.dataTable, table.comments, table.announcements { width: 100% }
table.presenceUsers tr th { text-align: right }
table.announcements { border: none }

table.competitions td, table.competitions th { padding: 2px 5px }
table.competitions td.rank div.rank {float: right}
table.competitions td.rank {width: 50px}

table.dataTable tr td:first-child, table.dataTable tr th:first-child {
	padding-left: 4px;
}

table, th, td, label, div, pre { vertical-align: top; font-size: 9pt }
table td, th { padding: 2px 3px 2px 0px; margin: 0px; text-align: left }
.timeDate { font-size: 10pt }
tr.action td { font-weight: bold }
table tr.important td { border-bottom: 1px solid #996666 }
.rank, td.actionOptions, th.actionOptions
	{ padding: 0; text-align: right; white-space: nowrap }
.replies { width: 50px }
.replies a {
	font-size: 10px; display: block; background-image: url('/core/images/commentBubble.gif');
	background-repeat: no-repeat; background-position: 3px 5px;
	padding: 6px 0 0 8px; text-decoration: none; width: 50px; height: 20px
}
.replies a:hover {
	background-color: transparent; background-image: url('/core/images/commentBubbleMouseOver.gif');
	background-repeat: no-repeat; background-position: 3px 5px
}

/* ---VOTING--- */

.voteButton {
	display: inline-block;
	font-size: 9pt; vertical-align: middle
}
.voteImage, .commentImage { display: inline-block; background-repeat: no-repeat }
.voteImage		{ background-image: url('/core/images/thumbs2.png'); height: 15px; width: 15px; margin: -2px 5px -3px 0 }
.commentImage	{ background-image: url('/core/images/icons/comment.gif'); padding-left: 10px; background-position: 2px 2px }


.down  .voteImage { background-position: -15px 0 }
.neutral  .voteImage { background-image: none }
.up    .voteImage, .superUp    .voteImage { background-position: 0     0 }
.disabled .down  .voteImage { background-position: -15px -15px }
.disabled .up    .voteImage { background-position: 0     -15px }
.rank .wait  .voteImage { background-position: 0     -30px }
.rank .error .voteImage { background-position: -15px -30px }

/* ---NAVIGATION TABS--- */

.navigationTabContainer { clear: both; margin-top: 20px }
.navigationTab, .navigationTabActive {
	display: inline; width: 100px; padding: 2px 10px 3px 10px; z-index: -1; line-height: normal;
	border-width: 1px 1px 0 1px; border-style: solid; text-decoration: none;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px
}
.navigationTabActive {
	margin-top: -6px; margin-bottom: -5px; padding-top: 5px; padding-bottom: 4px; z-index: 5
}
.navigationTabPage {
	border-width: 1px 1px 2px 1px; border-style: solid; padding: 15px; margin-top: 3px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px
}


/* ---NOTIFICATION--- */

.notificationBar {
	font-size: 12pt; position: fixed; top: 60px; left: 40px; z-index: 9; background-color: white;
	opacity: 0.9; padding: 10px 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 2px 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.7); box-shadow: 0 2px 20px rgba(0,0,0,0.7)
}
.notificationBar img {
	vertical-align: top;
}
.notificationBar .iconImage {
	height: 16px; width: 12px;
}


/* ---CASH PRIZE--- */

.cashPrize {
	padding: 5px 0 0 0;
	background-image: url('/coreCaption/images/prizeBg.png'); font-size: 14pt;
}
.pendingPhotoLink, .cashPrize {
	padding: 10px 15px 10px 15px; text-shadow: 0 1px 0 white;
	text-align: center; border-radius: 20px; border-style: solid; border-width: 1px;
	background-repeat: no-repeat; background-position: center center; background-size: cover;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.viewPhotos .cashPrize, .pendingPhotoLink {
	padding: 5px 0 0 0; width: 250px; height: 80px
}
.pendingPhotoLink {
	background-image: url('/api/CaptionPhoto/pendingMontage');
	padding: 5px 0 0 0; line-height: 1ex;
}
.pendingPhotoLink p {
	color: #b40;
	line-height: 1ex; margin: 18px 0;
}
#nextPhotoCountdown {
	font-size: 20pt; letter-spacing: -0.05em;
}
.pendingPhotoLink p {
	font-size: 14pt
}
header .cashPrize {
	font-size: 24pt;
	line-height: 2.8ex;
}
#CaptionPhoto .cashPrize, .viewPhotos .cashPrize {
	letter-spacing: 0.2em;
}
#CaptionPhoto .cashPrize {
	float: left; margin: 10px 0 0 0; font-size: 10pt; border-width: 1px;
}
.howToEnter a {
	text-decoration: underline
}
.cashAmount {
	font-size: 26pt; letter-spacing: -0.05em; line-height: 2.5ex
}
.captionContainer .cashPrize .cashAmount { font-size: 16pt }
.captionContainer .cashPrize {
	line-height: 2.5ex; padding: 5px 5px; margin-top: 10px;
	background-size: 200%;
}
#CaptionPhoto .cashPrize .cashAmount {
	font-size: 24pt
}

.superVoteHover {
	background-color: #dfd
}
.superVoteHoverable .actionsCell a {
	visibility: hidden;
}
.superVoteHoverable .caption a {
	visibility: visible;
}
table .startSuperVoting {
	padding: 5px 8px; float: none; margin: 11px 0 0 10px
}
a.startSuperVoting {
	display: inline-block;
}
.actionsCell .spinner { margin: 10px 0 10px 0 }
.topComment {
	background-image: url('/core/images/icons/comment.gif');
	background-position: 0 2px;
	background-repeat: no-repeat;
	margin: 5px 10px 20px 50px;
	padding-left: 15px;
	line-height: normal;
}
.topComment .author { font-style: italic; font-size: 7pt }
table.layout, table.layout tbody, table.layout tr, table.layout td {
	margin: 0; padding: 0; background-color: transparent; background-image: none
}
.memeContainer {
	margin-bottom: 10px;
}

div.signIn {
	width: 550px;
	min-width: 550px;
}

@media only screen and (max-width: 950px) {
	.memeContainer canvas {
		max-width: 100%;
	}
	#pageContainer {
		min-width: 550px;
	}
	#pageContainer, div#footer {
		padding-left: 5px; padding-right: 5px;
	}
	#tagBarCentered, div#footer, #topBar table {
		min-width: 520px;
	}
	.photoList, .photoPageHeader {
		justify-content: space-evenly;
		align-content: stretch;
		column-gap: 10px;
	}
	.newsContainer, .messageContainer {
		margin-top: -25px;
		margin-left: -5px;
		margin-right: -5px;
		margin-bottom: 20px;
		border-radius: 0;
		border-width: 0;
	}
	.newsContainer p {
		font-size: 9pt;
	}
	#topBar {
		padding: 0 15px;
	}
	#topBar table td.logo {
		display: none;
	}
}

.quotaRemaining {
	float: left;
}

.popupMenu {
	display: none;
	z-index: 10;
	padding: 5px 10px;
}
.popupMenu[data-show] {
	display: block;
}
.popupArrow,
.popupArrow::before {
	position: absolute;
	width: 8px;
	height: 8px;
	background: inherit;
}

.popupArrow {
	visibility: hidden;
}

.popupArrow::before {
	visibility: visible;
	content: '';
	transform: rotate(45deg);
}
.popupMenu[data-popper-placement^='top'] > .popupArrow {
	bottom: -4px;
}

.popupMenu[data-popper-placement^='bottom'] > .popupArrow {
	top: -4px;
}

.popupMenu[data-popper-placement^='left'] > .popupArrow {
	right: -4px;
}

.popupMenu[data-popper-placement^='right'] > .popupArrow {
	left: -4px;
}