/*




*/


/* generics */

/* force a vertical scrollbar to avoid page-shifting */

html {
	overflow-y: scroll;
}

body, textarea, input, button {
	font-family: "helvetica neue", arial, sans-serif;
	font-size: 10pt;
	color: #333;
	line-height: 1.45em;
}

body {
	background-color: #fefefe;
}

a {
	color: #2562dc;
	cursor: pointer;
}

li.story div.details span.link a:visited {
	color: #7395d9;
}

h1 {
	margin: 0px;
	margin-bottom: 0.75em;
	padding: 0px;
	font-size: 14pt;
	font-weight: bold;
}
h2 {
	font-size: 11pt;
}

.clear {
	clear: both;
}

a.tag {
	background-color: #fffcd7;
	border: 1px solid #d5d458;
	border-radius: 5px;
	color: #555;
	font-size: 8pt;
	margin-left: 0.25em;
	padding: 0px 0.4em 1px 0.4em;
	text-decoration: none;
	vertical-align: text-top;
}

a.tag_is_media {
	background-color: #ddebf9;
	border-color: #b2ccf0;
}

a.tag_meta {
	background-color: #eee;
	border-color: #c8c8c8;
}

span.hat {
	border-bottom: 6px solid #bbb;
	border-radius: 4px;
	padding: 1px 8px;
	vertical-align: super;
	white-space: nowrap;
}
span.hat span.crown {
	background-color: #ddd;
	border: 1px solid #eee;
	border-bottom: 0;
	border-radius: 5px 5px 0px 0px;
	font-size: 8pt;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
	vertical-align: text-top;
}

span.hat span.crown, span.hat a {
	color: #777;
	text-decoration: none;
}

span.na {
	color: gray;
	font-style: italic;
}

div.shorten_first_p p:first-child {
	margin-top: 0.5em;
}

pre {
	overflow-x: auto;
}

/* default form styling */

input,
button,
select,
textarea {
	color: #555;
	background-color: white;
	padding: 3px 5px;
}
textarea {
	resize: vertical;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
textarea {
	border: 1px solid #ccc;
}
input:focus, textarea:focus {
	outline-style: solid;
	outline-width: 2px;
}
input[type="checkbox"] {
	margin-top: 0.5em;
}
select {
	border: 1px solid #ccc;
}
input:focus,
textarea:focus {
	border-color: #888;
	color: #303030;
	outline: 0;
}
textarea:disabled {
	background-color: #f0f0f0;
}


input[type="submit"]:focus,
button:focus {
	border-color: #888;
	outline: 1px solid #888;
}

/* these must be separate */
::-webkit-input-placeholder {
	color: #aaa;
	font-style: italic;
}
:-moz-placeholder {
	color: #aaa;
	font-style: italic;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
div.select2-choices,
a.button {
	background-color: #fafafa;
	border-bottom-color: #bbb;
	border: 1px solid #ccc;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	line-height: 18px;
	padding: 2px 10px 2px 10px;
	text-align: center;
	text-decoration: none;
}
button:first-child,
input[type="button"]:first-child,
input[type="reset"]:first-child,
input[type="submit"]:first-child {
	margin-left: 0;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
}

select {
	margin-top: 3px;
	min-width: 100px;
}
select:focus {
	border-color: rgba(160,160,160,.8);
	color: #303030;
	outline: 0;
}
select::-moz-focus-inner {
	border: 0;
	outline: 0;
}

input:disabled,
button:disabled {
	background-color: #e9e9e9;
	color: gray;
}

a.button,
button.deletion,
input.deletion {
  color: darkred;
  border: 1px solid darkred;
}

.totp_code::-webkit-inner-spin-button,
.totp_code::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* outliners */

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;
	min-width: 600px;
	max-width: 900px;
}
div#inside {
	margin-left: 0.25em;
	margin-right: 0.25em;
}


/* header */

#header {
	font-weight: bold;
	padding: 5px 10px;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 18px;
}

#headerleft {
	float: left;
}

#l_holder {
	background-position: center;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	padding: 1px;
	margin-left: 4px;
	margin-right: 11px;
}

#headertitle {
	padding-right: 0.75em;
}
#headertitle a {
	color: #333;
	text-decoration: none;
}

.headerlinks a {
	color: #777;
	text-decoration: none;
	padding-right: 0.75em;
}

#headerright {
	float: right;
	text-align: right;
}

#headerright .headerlinks a {
	padding-right: 0;
	padding-left: 0.75em;
}

#header a.cur_url {
	color: #333;
}

#header a.new_messages {
	color: #ac130d;
}

div#leader {
	padding: 4px 0px;
}

/* footer */

div#footer {
	float: right;
	font-weight: bold;
	margin-top: 1.5em;
	padding-right: 10px;
}
div#footer a {
	color: #999;
	text-decoration: none;
	padding-left: 0.75em;
}


/* other specifics */
div#gravatar {
	border: 2px solid #fff;
	border-radius: 100% 100%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
	float: right;
	height: 100px;
	width: 100px;
}
div#gravatar img {
	border-radius: 50px;
	height: 100px;
	width: 100px;
}

.help {
  margin-top: 2em;
}

/* stories */

ol.stories,
ol.comments,
ol.search_results {
	padding: 0;
	list-style: none;
	margin: 0;
}

ol.comments {
	margin-left: 20px;
	margin-bottom: 0em;
	padding-left: 6px;
}
ol.comments1 {
	margin-left: -20px;
	padding-left: 0;
}
ol.comments.comments1 {
	border-left-color: transparent;
}
ol.comments1 > li.comments_subtree {
	margin-left: 11px;
}

ol.search_results {
	margin-left: 20px;
	margin-bottom: 0em;
	padding-left: 6px;
}

ol.search_results li.story {
	padding-bottom: 0.75em;
}

div.voters {
	float: left;
	margin-top: 0px;
	width: 40px;
}

div.voters div.score {
	color: #aaa;
	font-size: 9pt;
	margin-top: 1px;
	margin-bottom: -3px;
	text-align: center;
}

li.story div.voters div.score {
	font-size: 9.5pt;
	margin-top: 2px;
}

div.voters .upvoter,
div.voters .downvoter {
	border-color: transparent transparent #bbb transparent;
	border-style: solid;
	border-width: 6px;
	text-decoration: none;
	width: 0px;
	height: 0;
	margin-bottom: 0px;
	margin-left: 14px;
	padding: 0;
	display: block;
}

div.voters .upvoter:hover,
.upvoted div.voters .upvoter {
	border-bottom-color: #ac130d;
}

div.voters .upvoter {
	border-bottom-width: 11px;
}

div.voters .downvoter {
	border-color: #bbb transparent transparent transparent;
	border-width: 5px;
	margin-top: 4px;
	margin-left: 15px;
	margin-bottom: -5px;
	border-top-width: 9px;
}
div.voters .downvoter:hover,
.downvoted div.voters .downvoter {
	border-top-color: gray;
}

div.voters .downvoter.downvoter_stub {
	border-color: transparent;
}

li.story {
	clear: both;
}
ol.stories li.story div.story_liner {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.comment {
	clear: both;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 20px;
	position: relative;
}

.comment a {
	color: #666;
}

ol.stories li:first-child div.story_liner {
	padding-top: 0.5em;
}
li div.details {
	padding-top: 0.1em;
}

.negative_1 {
	opacity: 0.7;
}
.negative_3 {
	opacity: 0.6;
}
.negative_5 {
	opacity: 0.5;
}

.comment.bad {
	opacity: 0.7;
}

.comment:target {
	background-color: #fffcd7;
	border-radius: 20px;
}

li .link {
	font-weight: bold;
	vertical-align: middle;
}

li .link a {
	font-size: 11.5pt;
	text-decoration: none;
}

li.story .description_present {
	color: gray;
	padding-left: 0.25em;
	text-decoration: none;
	vertical-align: middle;
}

li.story a.tag, #leader a.tag {
	vertical-align: middle;
}

li .tags {
	margin-right: 0.25em;
}

li .domain {
	color: #888;
	font-style: italic;
	font-size: 9pt;
	text-decoration: none;
	vertical-align: middle;
}

.merge {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAD8GlDQ1BJQ0MgUHJvZmlsZQAAOMuNVd1v21QUP4lvXKQWP6Cxjg4Vi69VU1u5GxqtxgZJk6XpQhq5zdgqpMl1bhpT1za2021Vn/YCbwz4A4CyBx6QeEIaDMT2su0BtElTQRXVJKQ9dNpAaJP2gqpwrq9Tu13GuJGvfznndz7v0TVAx1ea45hJGWDe8l01n5GPn5iWO1YhCc9BJ/RAp6Z7TrpcLgIuxoVH1sNfIcHeNwfa6/9zdVappwMknkJsVz19HvFpgJSpO64PIN5G+fAp30Hc8TziHS4miFhheJbjLMMzHB8POFPqKGKWi6TXtSriJcT9MzH5bAzzHIK1I08t6hq6zHpRdu2aYdJYuk9Q/881bzZa8Xrx6fLmJo/iu4/VXnfH1BB/rmu5ScQvI77m+BkmfxXxvcZcJY14L0DymZp7pML5yTcW61PvIN6JuGr4halQvmjNlCa4bXJ5zj6qhpxrujeKPYMXEd+q00KR5yNAlWZzrF+Ie+uNsdC/MO4tTOZafhbroyXuR3Df08bLiHsQf+ja6gTPWVimZl7l/oUrjl8OcxDWLbNU5D6JRL2gxkDu16fGuC054OMhclsyXTOOFEL+kmMGs4i5kfNuQ62EnBuam8tzP+Q+tSqhz9SuqpZlvR1EfBiOJTSgYMMM7jpYsAEyqJCHDL4dcFFTAwNMlFDUUpQYiadhDmXteeWAw3HEmA2s15k1RmnP4RHuhBybdBOF7MfnICmSQ2SYjIBM3iRvkcMki9IRcnDTthyLz2Ld2fTzPjTQK+Mdg8y5nkZfFO+se9LQr3/09xZr+5GcaSufeAfAww60mAPx+q8u/bAr8rFCLrx7s+vqEkw8qb+p26n11Aruq6m1iJH6PbWGv1VIY25mkNE8PkaQhxfLIF7DZXx80HD/A3l2jLclYs061xNpWCfoB6WHJTjbH0mV35Q/lRXlC+W8cndbl9t2SfhU+Fb4UfhO+F74GWThknBZ+Em4InwjXIyd1ePnY/Psg3pb1TJNu15TMKWMtFt6ScpKL0ivSMXIn9QtDUlj0h7U7N48t3i8eC0GnMC91dX2sTivgloDTgUVeEGHLTizbf5Da9JLhkhh29QOs1luMcScmBXTIIt7xRFxSBxnuJWfuAd1I7jntkyd/pgKaIwVr3MgmDo2q8x6IdB5QH162mcX7ajtnHGN2bov71OU1+U0fqqoXLD0wX5ZM005UHmySz3qLtDqILDvIL+iH6jB9y2x83ok898GOPQX3lk3Itl0A+BrD6D7tUjWh3fis58BXDigN9yF8M5PJH4B8Gr79/F/XRm8m241mw/wvur4BGDj42bzn+Vmc+NL9L8GcMn8F1kAcXi1s/XUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3gQIECAcSXeCTQAAAdhJREFUKM9dkDFoE1Ecxr/vvbvkBiEgFaSDg6uDBBJvEl2kOBaEIrgEAle4xxUKFnGR4mCCLiFZ3MVCBzOIdHBx6CIhgoNKQESsS7GKLVbv8u69v4NNof7Gb/h9fB9FBIPBIAHQwT/uGGMe4z9IkoPB4KKIbAM4BQACOSR4yRjzvtfrtUXkrFJqK8uyMfv9/pUwDF/leS4AWK1WUZbl1bIsL4dheF8phaIoPgFYUmEYvrPWvgyCgGEYoizL5yR3RMR471EUxZ8ois5TeF0lSbLnnLvpvf/ivf86nU5vzc/Pfya5SxIiEllrIZQd1e129crKyncA30jurq6uHiwuLnqSaVmWH0jCe/+oVqttqPF47GaLvfcAgCPBttb6dRAEh1EU3Wu1WoXa3NxEu90+vihJEgA4kc1Q3W5XO3csh7X2RMuM9fV1BJPJxDWbzdPOuTMAEMfx3Gg02ms0GnXn3BKAF8vLy79FBEEcx3PT6fSp1vrckflJvV5/5r2/S1IAPBARDIdDFVhrL1QqlWt5ngOAVCqVBRFZEJGPJG+kafqGJEXEK5I/rbW/tNbQWtM5t++cW1NKxcaYLZIEICShjDFvSd4GsA/ggORalmUP0zT90el0NACZjfwLrcfo3fIgR6gAAAAASUVORK5CYII=) no-repeat;
	width: 11px;
	height: 14px;
	padding-right: 2px;
	display: inline-block;
	vertical-align: middle;
}

li input.comment_folder_button {
	display: none;
}
li .comment_folder {
	display: inline-block;
	font-size: 9pt;
	color: #aaa;
	letter-spacing: 0.1em;
	width: 1.5em;
 	cursor: pointer;
	float: left;
	text-align: center;
	margin-right: -0.3em;
}
li .comment_folder.comment_folder_inline {
	display: none;
	color: inherit;
	width: 1.4em;
	float: none;
	text-align: left;
	margin-right: 0;
}
li .comment_folder.comment_folder_inline.force_inline {
	display: inline-block;
}
li .comment_folder:before {
	content: "[-]";
}
li .comment_folder_button:checked ~ .comment .comment_folder:before {
	content: "[+]";
}
li .comment_folder_button:checked ~ div.comment div.comment_text {
 	display: none;
}
li .comment_folder_button:checked ~ div.comment div.voters {
	visibility: hidden;
	margin-bottom: -15px;
}
li .comment_folder_button:checked ~ ol.comments ol,
li .comment_folder_button:checked ~ ol.comments div.comment,
li .comment_folder_button:checked ~ ol.comments li {
 	display: none;
}

li.comments_subtree {
	position: relative;
}

li .comment_parent_tree_line {
	position: absolute;
	left: 54px;
	border-left: 1px dotted #bbb;
	top: 30px;
	bottom: 0;
}
li .comment_parent_tree_line.score_shown {
	top: 44px;
}
li .comment_parent_tree_line.can_downvote {
	top: 56px;
}
li .comment_parent_tree_line.no_children {
	border-left-color: transparent;
}
li .comment_siblings_tree_line {
	position: absolute;
	left: 28px;
	border-left: 1px dotted #bbb;
	top: 2em;
	bottom: 0;
}
li:last-child > .comment_siblings_tree_line {
	border-left-color: transparent;
}

/* try to force a highlighted comment to stay visible */
div.comment:target div.comment_text,
div.comment:target div.voters {
	display: block !important;
}

li .byline {
	color: #888;
	font-size: 9.5pt;
}
li .byline > img.avatar {
	margin-bottom: -5px;
}
li .byline img.avatar {
	border-radius: 8px;
	height: 16px;
	margin-bottom: 2px;
	margin-right: 2px;
	vertical-align: middle;
	width: 16px;
}
li.story .byline {
	margin-top: 1px;
}
li.story span.byline {
	margin-left: 0.5em;
}
li .byline a {
	color: #888;
	text-decoration: none;
}
/* preserve selection made elsewhere when clicking */
li .byline a.comment_replier {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
span.new_user, a.new_user,
li .byline a.new_user {
	color: green;
}
span.inactive_user, a.inactive_user,
li .byline a.inactive_user {
	color: gray;
	text-decoration: line-through;
}
span.user_is_author, a.user_is_author,
li .byline a.user_is_author {
	color: #6081bd;
}
li .byline a.story_has_suggestions {
	color: #6081bd;
}

li.story.hidden {
	opacity: 0.25;
}
ol.show_hidden li.story.hidden {
	opacity: 1.0 !important;
}
li.story.saved a.saver {
	color: green;
}

li.story.expired {
	opacity: 0.6;
}
li.story.expired a {
	color: gray !important;
}

li div.details,
div.story_content {
	margin-left: 40px;
	margin-right: 40px;
}

div.story_content {
	margin-bottom: 1em;
}
ol.stories.list div.story_content {
	color: #777;
	max-height: 2.6em;
	margin: 0.25em 40px 0.25em 0;
	overflow: hidden;
	text-overflow: clip;
}

div.morelink {
	float: left;
}

div.morelink,
div.page_link_buttons {
	margin-top: 1.5em;
	margin-left: 40px;
}
div.morelink a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
div.page_link_buttons {
	font-weight: bold;
	margin-top: 2em;
}
div.page_link_buttons a,
div.page_link_buttons span {
	border: 1px solid #d0d0d0;
	background-color: #f3f3f3;
	color: #666;
	padding: 0.25em 0.5em;
	font-weight: bold;
	text-decoration: none;
	margin-left: 0.5em;
}
div.page_link_buttons a.cur,
div.page_link_buttons span {
	background-color: transparent;
	border-color: transparent;
	margin-left: 0.25em;
	padding-right: 0.25em;
}


div.story_text {
	margin-bottom: 1.5em;
	max-width: 700px;
	word-wrap: break-word;
}
div.story_text p {
	margin: 0.75em 0;
}
div.story_text img {
	max-width: 100%;
}

div#collapsed_story_text {
	display: none;
}
a#story_text_expander {
	display: block;
}

div.comment_text {
	font-size: 10.5pt;
	max-width: 700px;
	word-wrap: break-word;
	overflow: hidden;
}

div.comment_text blockquote,
div.markdown_help blockquote,
div.story_text blockquote {
	font-style: italic;
	margin: 0.25em 0 0 0.5em;
	padding: 0 0 0 1em;
	border-left: 2px solid gray;
}

/* un-italicize italics inside a blockquote */
div.comment_text blockquote em, 
div.markdown_help blockquote em, 
div.story_text blockquote em {
    font-style: normal
}

div#collapsed_story_text div.story_text blockquote {
	font-style: normal;
}
div.comment_text pre,
div.markdown_help pre {
	margin-left: 1em;
}
div.comment_text ol {
	margin: 0;
	padding: 0 1.5em;
}
div.comment_text ol li {
	padding: 0 !important;
	margin: 0 !important;
}

div.comment_text p {
	margin: 0.5em 0;
}
div.comment_text p:first-child {
	margin-top: 0.3em;
}

div.comment_text code {
	line-height: 1.2em;
}


#downvote_why {
	position: absolute;
	width: 100px;
	border: 1px solid #ccc;
	border-bottom: 0;
	z-index: 15;
}
#downvote_why a {
	background-color: white;
	color: #555;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 3px;
	font-size: 9pt;
}
#downvote_why a:hover {
	background-color: #eee;
}
#downvote_why a.cancelreason {
	background-color: #eee;
	font-size: 8pt;
}

#downvote_why_shadow {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}


div.markdown_help {
	background-color: #f4f4f4;
	border: 1px solid #e0e0e0;
	padding: 0 1em;
	margin-top: 0.5em;
}

div.markdown_help_label {
	float: right;
	font-size: 9pt;
	line-height: 2em;
	color: #aaa;
	text-decoration: underline;
	cursor: pointer;
}

.comment .preview {
	padding-left: 17px;
}

div#story_preview {
	margin-top: 2em;
	margin-left: 3.5em;
}

div#story_box input#story_url {
	width: 508px;
}
div#story_box button#story_fetch_title {
	padding-top: 1px;
	padding-bottom: 1px;
}
div#story_box input#story_title,
div#story_box input#story_moderation_reason,
div#story_box input#story_merge_story_short_id {
	width: 600px;
}
div#story_box .title-reminder {
	display: none;
}
div#story_box #story_tags_a {
	width: 624px;
}
div#story_box textarea {
	width: 600px;
}
div#story_box .actions {
	margin-left: 7em;
	width: 610px;
}

div.comment_form_container {
	margin-left: -11px;
}

div.comment_form_container form {
	margin-left: 40px;
	max-width: 700px;
}

div.comment_form_container textarea {
	box-sizing: border-box;
	width: 100%;
}

span.comment_unread {
    color: #ac130d;
    font-weight: 600;
}

/* trees */

.tree,
.tree ul {
	margin: 0 0 0 0.5em;
	padding: 0;
	list-style: none;
	position: relative;
}

.tree ul {
	margin-left: 0.5em;
}

.tree:before,
.tree ul:before {
	border-left: 1px solid #bbb;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}

.tree li {
	margin: 0;
	padding: 0 1.1em;
	position: relative;
}

.tree li:before {
	border-top: 1px solid #bbb;
	content: "";
	display: block;
	height: 0;
	left: 0;
	margin-top: -1px;
	position: absolute;
	top: 0.8em;
	width: 8px;
}

.tree li:last-child:before {
	background-color: #fefefe;
	border-left: 0;
	bottom: 0;
	height: auto;
}

li.noparent:before,
ul.noparent:before {
	border-top: 0 !important;
	border-left: 0 !important;
}

ul.user_tree {
	color: #888;
}

/* /mod dashbaord */

.modmodlog .mod td:first-child {
	border-left: 2pt solid #ac130d;
}
.nominal {
	color: #ac130d;
	font-size: 2em;
	text-align: center;
}

/* data tables */

table.data th {
	background-color: #eaeaea;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	text-align: left;
}
table.data th img {
	vertical-align: middle;
	margin-bottom: 5px;
}

table.data th.r, table.data td.r {
	text-align: right;
	padding-right: 3px;
}

table.data th,
table.data td {
	padding: 0.25em 0.5em;
}

table.data tr.bold td {
	font-weight: bold;
}

table.data.zebra tr:nth-child(even) td {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eaeaea;
}
table.data.zebra tr:nth-child(odd) td {
	background-color: #f5f5f5;
	border-bottom: 1px solid #eaeaea;
}
table.data tr.nobottom td {
	border-bottom: 0px;
	padding-bottom: 0px;
}
table.data.tall td {
	vertical-align: top;
}

table.data td p:first-child {
	margin-top: 0;
}
table.data td p:last-child {
	margin-bottom: 0;
}
table.data pre {
	overflow-x: scroll;
	max-width: 800px;
}


/* boxes */
.box {
	border: 0;
	margin: 0 40px;
	padding: 0;
}

.box .legend {
	margin-bottom: 1em;
	padding: 0;
	font-weight: bold;
	font-size: 11pt;
}
.box .sublegend {
	font-size: 9.5pt;
	font-weight: normal;
	font-style: italic;
	color: gray;
}
.box .legend.right {
	float: right;
}

.box label {
	display: block;
	float: left;
	margin-bottom: 4px;
}

.box label.required {
	font-weight: bold;
}
.box img {
	vertical-align: middle;
}
.box label,
.box span,
.box select,
.box br {
	line-height: 2em;
}
.box br {
	clear: left;
}
.box .boxline {
	clear: both;
	margin-bottom: 0.5em;
}
.box p {
	margin-top: 1em;
}

.box textarea {
	margin-bottom: 4px;
	width: 75%;
}

.box label {
	width: 7em;
	line-height: 2em;
	vertical-align: middle;
}
.box div.d {
	margin-left: 7em;
}

.box input.normal,
.box label.normal {
	display: inline;
	float: none;
	vertical-align: middle;
}

.box span.d label,
.box td label,
.box .legend label,
.box div.d label {
	display: inline;
	float: none;
	vertical-align: baseline;
}

.box span.d a.tag {
	vertical-align: middle;
}

.hint {
	color: gray;
	font-style: italic;
	margin-left: 1em;
}

.box.wide label {
	width: 12em;
}
.box.wide div.d {
	margin-left: 12em;
}


/* for flash_notices() and flash_errors() */

div.flash-error,
div.flash-notice,
div.flash-success,
div.downvoteWarning,
div.errorExplanation {
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	background-color: #eedc94;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #fceec1, #eedc94);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #eedc94 #eedc94 #e4c652;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
div.flash-error a,
div.flash-notice a,
div.flash-success a,
div.errorExplanation a {
	font-weight: bold;
	color: #404040;
}
div.flash-error p a,
div.flash-notice p a,
div.flash-success p a {
	color: #ffffff;
}
div.flash-error p,
div.flash-notice p,
div.flash-success p,
div.errorExplanation p {
	margin-bottom: 0;
}
div.flash-error div,
div.flash-notice div,
div.flash-success div,
div.errorExplanation div {
	margin-top: 5px;
	margin-bottom: 2px;
	line-height: 28px;
}
div.flash-error,
div.errorExplanation {
	background-color: #fdcfcc;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: none;
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
div.flash-success {
	background-color: #dff0d8;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #62c462, #57a957);
	text-shadow: none;
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
div.flash-notice {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

div.flash-error h2,
div.flash-notice h2,
div.flash-success h2,
div.errorExplanation h2 {
	font-size: 1.25em;
	margin: 0;
}


/* for error_messages_for() */
div.fieldWithErrors {
	display: inline;
}


/* select2 deuglification */

.select2-container-multi.select2-container-active .select2-choices {
	border: 1px solid rgba(160,160,160,.8);
}
.select2-container .select2-results .select2-highlighted {
	background: darkred;
	color: #fff;
}

.select2-container-multi .select2-choices {
	border-color: #ccc;
	background-image: none;
	padding-top: 2px;
}

.select2-container-multi.select2-container-active .select2-choices {
    box-shadow        : none;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	box-shadow        : none;
}

.select2-dropdown-open .select2-choice {
	border: 1px solid #aaa;
	border-bottom-color: transparent;
	box-shadow        : none;
}

.select2-container .select2-results li em {
	background: none;
	color: #aaa;
	font-style: italic;
	padding-left: 0.5em;
}


/* pushover */
.pushover_button {
	box-sizing: border-box;
	background-color: #eee;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAJQCeAPHNVUx7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wEPAh02ee0QVwAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAABqElEQVQ4y62TvUtbURjGf+fek2vQpMF2ED9QkfpR6VLaDoIEF0UKWQRBQ+yQP6GDU0Xw4y/obOgg6dDSJVS61MlBcXFQB6M1BsF+IES9NnrzcRy8xpvrBwH7bOflfc553+d5jsCF9tiRDwgBEaDXLi8B80AiGQ2Yzn7hIo8Cce5HOBkNfLo6aA7ydAVkgLjdez3BrS8rRbBJEmyU+AyBVVDE1i1SJ6psEmHvfOLktj0SjL/2snKQx8wpNg+LBJt0RjoN+j6bqOvN/ZotWAldtYK5gWpmV84YbPUw2ePlb7bI73+Kep+OLFONkGarXcK7l16+7+V57BW8qJMs7Ob5k4VQm4fVXzlyquyGiHRYBcC+WWQxnSP63AAgtn7O0FNJ9xOd0W+nbkF7pbsytXxOQw30N0t2MgX6Wzy8qtMJL5zy81jdsETaIXnjLL7trkLqGl+2svxI5/mwZt1l6ZJmJ6yEGqkYbveQOioQ2yiz7TbMa0DCWRnuMPBXaXzcsJx23YWEZmc7fJkqxdgzg8xZka/bFhVE2hSuKL+nMswko4GJ//KZxEO/8wVmfpjJTWeCTQAAAABJRU5ErkJggg==) 2px 2px no-repeat, linear-gradient(#FFF, #DEDEDE);
	border: 1px solid #CCC;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	font: 11px/18px "Helvetica Neue",Arial,sans-serif;
	font-weight: bold;
	cursor: pointer;
	height: 22px;
	padding-left: 20px;
	padding-right: 5px;
	overflow: hidden;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	text-decoration: none;
	vertical-align: middle;
}