/** theme: shiny
*
* @package   StatusNet
* @author    Samantha Doherty <sammy@status.net>
* @copyright 2010 StatusNet, Inc.
* @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
* @link      http://status.net/
*/

/* Modified for RDN by RedEnchilada and Bit Shift */

/* Font-Awesome for icons and stuff - grabbed from http://fontawesome.io */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen, projection, tv {
/* General site-wide style resets */

* {margin: 0; padding: 0; vertical-align: baseline;}
option {padding-bottom: 0px;}
textarea {overflow:auto;}
input.submit{cursor: pointer;}
a abbr {border-bottom: 0; cursor: pointer;}
table {border-collapse: collapse;}
ol, ul {list-style-position: inside;}
fieldset {border: none;}
legend {font-weight: bold; font-size: 1.2em;}
p {margin-bottom: 1.4em;}
li p {margin-bottom: 0;}

select {
margin-right: 10px;
padding-bottom: 0px;
margin-top: 0px;
}

/* 1.0.1 introduces extendible menus; this hides the extra menu options until some JS removes this class
(IMO it's kind of a hack, but it works, so I'm not going to fuss with it - the site's 120% dependent on
having JS enabled anyway) */

.extended_menu {display: none}
.see_all {font-style: italic; text-align: center;}

/* Headings */

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin-bottom: 15px;
margin-top: 10px;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/* Main body */

body {
background: no-repeat fixed 50% 100%;
background-color: #58C;
font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
font-size: 89%;
color: #111;
line-height: 1.4;
}

textarea {
font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
font-size: 90%;
color: #111;
line-height: 1.4;
}

button {font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;}

/* Link styles */

a {
color: #0A3D76; 
text-decoration: none; 
outline: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
text-decoration: none;
}

/* Wrapper */

#wrap {
border: 0;
width: 976px;
margin: 0px auto -80px;
padding: 0px;
position: relative;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
} /* No background - Header+core+footer should completely fill wrap */

/* Header block */

#header {
position: relative;
background-color: #B4C8EF;
z-index: 9;
}

/* Logo */

address {
float: left;
margin: 0;
margin-right: -1000px;
height: 100px;
max-width: 600px;
position: relative;
}

address img {float: right; height: 100px;}

/*.logo.photo{height: 70px;}*/

address img + .fn {display: none;}

.clm_float {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	padding: 4px 8px;
	border-bottom-right-radius: 4px;
	color: white;
	background-color: #222;
	background-color: rgba(34, 34, 34, 0.4);
	display: none;
}
.clm_float:hover {
	background-color: rgba(200, 200, 200, 0.4);
	text-decoration: none;
}

address:hover .clm_float {display: block;}

/* I seriously can't find a single place this is used in the theme. I'm gonna look for it, and if I don't find it I guess I'm removing this declaration? TODO */
.poweredby {
display: block;
width: auto;
background: url(../images/sn-tiny.png) no-repeat top left;
height: 40px;
font-size: 0.8em;
color: #fff;
line-height: 16px;
padding-left: 50px;
position: absolute;
top: 0px;
left: -10px;
z-index: 99;
font-style: normal;
}
.poweredby a {
color: #fff !important;
font-weight: bold;
display: block;
clear: left;
} /* TODO ??????? */

/* The user info card, located opposite the logo along the topmost section of the page */

#user_info_card {
float: right;
width: 380px;
height: 60px;
margin: 24px 28px 16px;
text-align: right;
padding: 0;
position: relative;
}

#user_info_card img {float: right; margin-left: 8px; border-radius: 2px; border: 1px solid #888; box-shadow: 2px 3px 0 rgba(0,0,0,0.4)}

#usercard_avatar a {
display: none;
}

#usercard_avatar:hover a {
display: block;
width: 16px;
height: 16px;
white-space: nowrap;
overflow: hidden;
float: right;
margin-right: -56px;
opacity: 0.75;
}

#usercard_avatar a:hover {opacity: 1;}

#usercard_avatar a:before {
font-family: FontAwesome;
content: '\f040';
font-size: 14px;
margin-right: 40px;
display: block;
float: left;
margin-left: 2px;
}

#user_info_card a {color: #123}

#user_info_card p {font-weight: bold; font-size: 13pt; margin-bottom: 8px; width: 321px; overflow: hidden; white-space: nowrap}

#user_info_card > ul {
width: auto;
float: right;
}

#user_info_card > ul > li {
margin: 0;
list-style-type: none;
float: left;
width: 16px;
height: 16px;
margin-left: 4px;
position: relative;
}

#user_info_card > ul > li > a {
display: block;
opacity: 0.6;
text-align: center;
text-decoration: none;
cursor: pointer;
}

#user_info_card > ul > li > a:before{
  display: inline-block;
  speak: none;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
font-size: 16px;
}
#user_info_card > ul > li > a:hover {opacity: 1}

#usercard_personal > a:before {content: "\f015";}
#usercard_replies > a:before {content: "\f112";}
#usercard_favorites > a:before {content: "\f004";}
#usercard_dmcounter > a:before {content: "\f0e0";}
#usercard_watched > a:before {content: "\f06e";}
#usercard_account > a:before {content: "\f013";}
#usercard_logout > a:before {content: "\f011";}

#usercard_account {margin-left: 18px !important}

#user_info_card > ul > li > a > span {
display: none;
}

#dmcounter {
display: block!important;
width: 20px;
height: 20px;
text-align: center;
vertical-align: center;
color: #FFF;
background-color: red;
font-weight: bold;
border-radius: 10px;
border-top-left-radius: 0;
font-size: 80%;
position: absolute;
left: 14px;
top: 16px;
line-height: 1.6;
}
#dmcounter:empty {display:none!important;}
#usercard_dmcounter a:hover{text-decoration: none;}

#nav_usercard {
position: absolute;
top: 20px;
left: 0;
list-style-type: none;
display: none;
background-color: #222;
width: 150px;
overflow-x: hidden;
text-align: left;
}
#nav_usercard.opened {display: block}

#nav_usercard h3 {
color: #CCC;
text-shadow: 1px 1px 0 black;
font-size: 11pt;
margin: 12px 6px 2px;
}

#nav_usercard li:first-child h3 {
margin-top: 4px;
}

#nav_usercard li {
width: 100%;
list-style-type: none;
}

#nav_usercard li li a {
display: block;
color: white;
padding: 2px 6px;
}

#user_info_card li li a:hover {
background-color: black;
text-decoration: none;
}

/* When no user is logged in, the usercard shows a login form and register button */

#user_info_card form {margin-top: -22px; margin-left: 43px}

#user_info_card label.checkbox {width: 200px}

#user_info_card form li {margin-bottom: 2px}

#user_info_card form li:last-child {margin-left; 42px;}

#user_info_card #nickname,
#user_info_card #password {width: 47%;}

#user_info_card .submit {position: absolute; right: -12px; top: -10px; padding: 6px 15px 6px 16px; width: 75px;}

#usercard_register {
position: absolute;
right: 8px;
top: 24px;
border-radius: 4px;
background: url("../images/overlay25.png") repeat-x scroll left top #69B;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8);
color: white !important;
font-size: 1em;
width: 55px;
padding: 6px 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#usercard_register:hover {
text-decoration: none;
background-color: #9BC;
}

/* Primary navigation */

#site_nav_global_primary {
padding-top: 8px;
padding-bottom: 0px;
height: 28px;
letter-spacing: 0.1em;
font-size: 0.8em;
background: url(../images/global_bg.png) repeat-x top left #888;
width: 976px;
clear: both;
z-index: 9999 !important;
}

#site_nav_global_primary ul.nav {
width: 715px;
text-transform: uppercase;
margin: 0 8px;
white-space: nowrap;
float: left;
}

#header-search {
float: right;
margin-right: 8px;
margin-top: -2px;
}

#header-search #search-q {
background-color: #111;
border-radius: 4px;
border: 1px solid #111;
border-bottom-color: #666;
border-left-color: #666;
padding: 2px;
color: white;
font-size: 9pt;
width: 170px;
margin-top: 1px;
padding-right: 20px;
}

#header-search button {
width: 18px;
height: 18px;
background-color: transparent;
border: none;
opacity: 0.7;
position: relative;
top: 0px;
right: 24px;
margin-right: -24px;
}

#header-search button:hover {
opacity: 1;
cursor: pointer;
}

#header-search button:before {
font-family: FontAwesome;
font-size: 14px;
content: '\f002';
color: #AAA;
}

#site_nav_global_primary ul.nav > li {
display: inline;
margin-right: 0px;
margin-left: 0px;
}

#site_nav_global_primary ul.nav > li > a,
li.nav_dropdown > span {
padding: 4px 8px;
line-height: 1.8em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff !important; /*FIXME seems to be unnecessary*/
text-shadow: 0px 1px 0px rgba(0,0,0,0.8);  
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
white-space: nowrap;
}

#site_nav_global_primary ul.nav > li > a:hover,
li.nav_dropdown:hover > span,
li.nav_dropdown.opened > span {
color: #fff;
background-color: #000;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
text-decoration: none;
}

li.nav_dropdown {
position: relative;
}

#site_nav_global_primary li.nav_dropdown li {
float: none;
}

li.nav_dropdown > ol {
position: absolute;
top: 18px;
left: 0px;
list-style-type: none;
text-align: left;
border-top: 1px solid #666;
display: none;
}

li.nav_dropdown:hover > ol,
li.nav_dropdown.opened > ol {
display: block;
}

li.nav_dropdown a {
color: white;
text-decoration: none;
}

li.nav_dropdown ol a {
background-color: #333;
display: block;
padding: 6px 8px;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}

li.nav_dropdown a:hover {
background-color: black;
}

/* Site notice (this has kind of been cannibalized for TotW, and modifications have been made to reflect that) */

#site_notice {
padding: 8px;
border-top: 1px solid #888;
background-color: #334;
color: white;
box-shadow: 0 6px 4px -4px black inset;
}

#totw_title {display: inline;font-weight: bold}

#totw_title:after {content: ': '}

#site_notice a {color: white; text-decoration: underline;}

#site_notice p{
margin-bottom: 6px;
}

#site_notice p:last-child{
margin-bottom: 0;
}

#site_notice ul {
margin-left: 15px;
}

/* New user ad (I could theoretically separate this into a CSS file for the plugin, but... no) */

#please_join_our_site {
	padding: 16px;
	width: 944px;
	float: left;
	background: url(../images/newuserad.png) no-repeat top left #89A;
}

#please_join_our_site p {
	margin: 0;
	clear: both;
}

#please_join_our_site li {
	width: 280px;
	float: left;
	list-style-type: none;
	padding: 167px 15px 15px;
}

/* This is a small and self-explanatory section of the CSS */

#videosync_btn {
border: none !important;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding: 3px;
cursor: pointer;
position: absolute;
left: 363px;
top: 111px;
background-color: rgba(34,34,34,0.4);
width: 250px;
height: 25px;
color: white;
margin: 0;
z-index: 999 !important;
}
#videosync_btn:hover {background-color: rgba(200,200,200,0.4)}

iframe#videosync_box {
width: 640px;
background-image: url(../images/streambg.png);
padding: 0 168px;
margin-bottom: -6px;
}

.videosync_module {float:left;width:100%;padding:6px 0; border-top: 1px dotted #CCC}
.videosync_module img {float: left; margin-right: 10px;}
.videosync_module h2 {margin:0;}
.videosync_vidinfo {float: left;}
.videosync_vidoptions {float:right}
.videosync_vidoptions form,.videosync_vidoptions button {float:left}
.videosync_vidoptions input,.videosync_vidoptions button {height: 24px}
.videosync_update-form {margin:20px 0;float:left;width:100%;display:none}
.videosync_add-form {margin-top: 20px;float:left}

.form_switchvideo input.submit {
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: normal;
font-size: 1em;
background-color: rgba(105, 106, 141, 0.6);
color: white;
z-index: 999;
margin: 0px;
}

#videosync_aside {
display: none;
float: left;
position: absolute;
top: 152px;
right: 8px;
margin: 0px;
width: 150px;
background: rgba(237, 234, 235, 0.7);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#videosync_aside input {
display: none;
}

#videosync_aside:hover input {
display: inline;
}

/* Core block */

#core {
display:inline;
float: left;
position: relative;
clear: both;
margin: 0px;
width: 976px;
}

/* Inner navigation */

#site_nav_local_views {
position: relative;
z-index: 2;
float: right;
margin: 0px;
width: 290px;
}

#site_nav_local_views h3 {display: none}

#site_nav_local_views li {
display: inline;
width: 100%;
margin-right: 0;
margin-bottom: 0px;
text-align: right;
}

#site_nav_local_views a {
background: none;
display:block;
padding-right: 10px;
border: 1px solid #fff;
border-color: rgba(230, 230, 230, 0.3);
border-right-width: 0;
padding-top: 4px;
padding-bottom: 4px;
font-size: 1.1em;
font-weight: normal;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-left: none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
text-decoration: none;
}

#site_nav_local_views li.current a,
#site_nav_local_views a:hover {
background: none;
display: block;
box-shadow: 2px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 1px 2px rgba(0,0,0,0.3);
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
background-color: #EDEAEB;
text-decoration: none;
position: relative;
}

/* Content block */

#content {
display:inline;
float: left;
position: relative;
padding: 14px 10px 20px 10px;
width: 666px;
min-height: 300px;
background-color: #EDEAEB;
}
/* The illusion of equal column heights is finally within my grasp! [cackles evilly] */
#core:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 686px;
display: block;
content: ' ';
background-color: #EDEAEB;
}

/* Small style rules */

body#doc #content li{
margin-bottom: 12pt;
}

#content h1 {
letter-spacing: 0.2em;
font-size: 1.5em;
font-weight: normal;
text-shadow:0 1px 0 rgba(255,255,255,0.4);
margin: -4px 0px 15px 0px;
clear: both;
}

/* Sidebar */

#core {background-color: #DAE2EA;} /* Anything of core not blocked by content is assumed to be aside, so this is how we set BG color of aside */

#aside_primary {
float: right;
clear: right;
padding: 30px 0px 40px;
position: relative;
width: 280px;
}

#aside_primary .section {
position: relative;
clear: both;
margin: 6px 21px 32px;
width: 248px;
float: right;
}

#aside_primary .section H2 {
font-size: 1.1em;
font-weight: normal;
letter-spacing: 0.2em;
margin-bottom: 10px;
margin-left: -4px;
padding: 6px;
margin-top: 2px;
line-height: 1.1em;
}

#aside_primary .notice {
background: none;
border: none;
}

.promoted-tag:before {
content: '#';
float: left;
}

.promoted-tag a {
float: left;
}

.notice.has-promoted-header {
margin-left: 10px;
}

.promoted-tag, .promoted-group {
float: left;
width: 100%;
font-style: italic;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: -10px;
}

.promoted-tag + *, .promoted-group + * {clear: both;}

.section ul.entities {
width: 270px;
}

.section .entities li {
margin-right: 13px;
margin-bottom: 10px;
width: 24px;
}

#aside_primary td {
padding-right: 10px;
padding-bottom: 10px;
}

.section tbody td {
padding-right:18px;
padding-bottom:11px;
}

.section ul.entities {
float:left;
width:100%;
}

.section .entities li {
list-style-type: none;
float: left;
margin-right: 3px;
margin-bottom: 8px;
display: inline;
}
.section .entities li .photo {
margin: 0;
}
.section .entities li .fn {
display: none;
}

.aside .section p,
.aside .section .more {
clear:both;
}

.section .vcard .photo {
margin-right:7px !important;
margin-bottom:0;
margin-top: 7px;
}

.section .notice {
padding-top:7px;
padding-bottom:7px;
border-top:0;
}

.section .notice:first-child {
padding-top:0;
}

#aside_primary ol.notices {
list-style-type: none;
float: left;
position: relative;
margin-bottom: 10px;
width: 100%;
}

#aside_primary .notices li {
margin-bottom: 8px;
}

#aside_primary .notice {
min-height: 24px;
}

.section p {margin-bottom: 0;}

/* Tag clouds */

.tag-cloud {
list-style-type:none;
text-align:center;
}
.aside .tag-cloud {
font-size:0.8em;
word-wrap:break-word;
}
.tag-cloud li {
display:inline;
margin-right:7px;
line-height:1.25;
}

.tag-cloud li:before {
content:'\0009';
}

.aside .tag-cloud li {
line-height:1.5;
}
.tag-cloud li a {
text-decoration:none;
}
#tagcloud.section dt {
text-transform:uppercase;
font-weight:bold;
}
.tag-cloud-1 {
font-size:1em;
}
.tag-cloud-2 {
font-size:1.25em;
}
.tag-cloud-3 {
font-size:1.75em;
}
.tag-cloud-4 {
font-size:2em;
}
.tag-cloud-5 {
font-size:2.25em;
}
.tag-cloud-6 {
font-size:2.75em;
}
.tag-cloud-7 {
font-size:3.25em;
}

#publictagcloud #tagcloud.section dt {
display:none;
}

/* Stuff FIXME this desperately needs sorted properly */

.processing { 
background-image:url(../../base/images/icons/icon_processing.gif);
background-repeat:no-repeat;
background-position:47% 47%;
}

.error {
background-color: #F7E8E8;
}
.success {
background-color: #f2f2f2;
}

.system_notice dt {
display:none;
}

#page_notice {
clear:both;
margin-bottom:18px;
}

.entry-content .success {
padding: 6px;
}

.system_notice ul,
.instructions ul {
margin-left:1em;
}
.instructions p,
.instructions ul {
margin-bottom:18px;
}
.help dt {
display:none;
}
.guide {
clear:both;
}

button.close,
button.minimize {
width:16px;
height:16px;
overflow: hidden;
padding:0;
border:0;
background-color: transparent;
cursor:pointer;
}

.dialogbox {
position:absolute!important;
bottom: -8px!important;
right: 0px!important;
z-index:9;
float:none;
padding:11px;
border-style:solid;
border-width:1px;
background: #fff;
color: #000;
width: 200px !important;
height: auto !important;
opacity: 1 !important;
}
.dialogbox:before {display:none!important}

.dialogbox fieldset {
width:100%!important;
margin-right:0!important;
margin-bottom: 0 !important;
}

.dialogbox legend {
display:block !important;
margin-right:18px;
margin-bottom:18px;
}

.dialogbox button.close {
position:absolute;
right:3px;
bottom:3px;
}

.dialogbox .form_guide {
font-weight:normal;
padding:0;
}

.dialogbox .submit_dialogbox {
font-weight:bold;
text-indent:0;
min-width:46px;
border:none!important;
background-color:#0A3D76!important;
background-image:none!important;
min-height:24px!important;
float:left;
margin-top:-16px!important;
color: white !important;
border-radius: 4px;
cursor: pointer;
opacity: 0.6;
}

.submit_dialogbox:hover {opacity: 1;}

#wrap form.processing input.submit,
.entity_actions a.processing,
.dialogbox.processing .submit_dialogbox {
cursor:wait;
outline:none;
text-indent:-9999px;
}

#pagination {
clear: left;
margin-top: 20px;
padding: 1%;
height: 1em;
}

#pagination dt {
display: none;
}

#pagination li {
display: inline;
}

#pagination .nav_prev {
float: left;
}

#pagination .nav_next {
float: right;
}

.form_settings input {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #bbb;
padding: 4px;
margin-bottom: 4px;
}

.form_settings input:focus {
border: 1px solid #9495b7;
}

.form_settings fieldset fieldset legend {
line-height:0;
font-size: 1.2em;
letter-spacing: 0.2em;
}

#attachment_view img {
max-width:480px;
max-height:480px;
}
#attachment_view #oembed_info {
margin-top:11px;
}
#attachment_view #oembed_info dt,
#attachment_view #oembed_info dd {
float:left;
}
#attachment_view #oembed_info dt {
clear:left;
margin-right:11px;
font-weight:bold;
}
#attachment_view #oembed_info dt:after {
content: ":";
}


.entity_profile {
width: 465px;
}

.entity_actions {
min-width: 140px;
}

.entity_moderation:hover ul,
.entity_role:hover ul {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.pagination {
background: none;
}

.form_settings input.submit:hover {
background-color: #888;
}

#export_data li {
list-style-type:none;
line-height: 2;
}

#entity_statistics dt,
#entity_statistics dd {
display:inline;
margin-right:11px;
}
#entity_statistics dt:after {
content: ":";
}

#jOverlayContent,
#jOverlayContent #content,
#jOverlayContent #content_inner {
width: auto !important;
margin-bottom:0;
}
#jOverlayContent #content {
padding:11px;
min-height:auto;
border: 1px solid #fff;
}
#jOverlayContent .entry-title {
display:block;
margin-bottom:11px;
}
#jOverlayContent button {
position:absolute;
top: 5px;
right: 20px;
}
#jOverlayContent h1 {
max-width:425px;
}
#jOverlayLoading {
top:5%;
left:40%;
}
#jOverlayContent #content {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
}

#jOverlayContent button {
top: 10px;
right: 36px;
}
form label.submit {
display:none;
}

.form_settings {
clear:both;
}

.form_settings fieldset {
margin-top: 10px;
margin-bottom: 30px;
border: none;
}

.form_settings fieldset fieldset {
margin-bottom: 40px;
padding: 10px;
padding-top: 30px;
border-width:1px;
border-style:solid;
background:rgba(240, 240, 240, 0.2);
}

.form_settings fieldset fieldset legend {
line-height:0;
font-size: 1.4em;
font-weight: normal;
}

.form_settings input.remove {
margin-left:11px;
}
.form_settings .form_data li {
width:100%;
float:left;
}
.form_settings .form_data label {
float:left;
}
.form_settings .form_data textarea,
.form_settings .form_data select,
.form_settings .form_data input {
margin-left:1.795%;
float:left;
width:63%;
}
.form_settings .form_data input {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.form_settings .form_data input.submit,
.form_settings .form_data input.checkbox,
.form_settings .form_data input.radio {
width:auto;
}
.form_settings .form_data textarea {
resize: vertical;
}

.form_settings .form_data input.submit {
margin-left:0;
}

.form_settings label {
margin-top:2px;
width:24%;
text-align: right;
}

.form_settings label.checkbox {
text-align: left;
}

.form_actions label {
display:none;
}
.form_guide {
font-style:italic;
}

.form_settings #settings_autosubscribe label {
display:inline;
font-weight:bold;
}

#form_settings_profile legend,
#form_login legend,
#form_register legend,
#form_password legend,
#form_settings_avatar legend,
#newgroup legend,
#editgroup legend,
#form_tag_user legend,
#form_remote_subscribe legend,
#form_openid_login legend,
#form_search legend,
#form_invite legend,
#form_notice_delete legend,
#form_password_recover legend,
#form_password_change legend,
.form_entity_block legend,
#form_filter_bytag legend,
#apioauthauthorize_allowdeny {
display:none;
}

.form_settings .form_data p.form_guide {
clear:both;
margin-left:26%;
margin-bottom:0;
}

.form_settings p {
margin-bottom:11px;
}

.form_settings input.checkbox,
.form_settings input.radio {
margin-top:3px;
margin-left:0;
}
.form_settings label.checkbox {
font-weight:normal;
margin-top:0;
margin-right:0;
margin-left:11px;
float:left;
width:90%;
}
.form_settings label.radio {
margin-top:0;
margin-right:47px;
margin-left:11px;
width:auto;
}

#form_login p.form_guide,
#form_register #settings_rememberme p.form_guide,
#form_openid_login #settings_rememberme p.form_guide,
#settings_twitter_remove p.form_guide,
#form_search ul.form_data #q,
#design_background-image_onoff p.form_guide {
margin-left:0;
}

.form_settings .form_note {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:0 7px;
}

.form_settings input {
margin-right: 20px;
}

#form_search .submit {
margin-left:11px;
}
#form_search .form_data input {
width:auto;
}

.hentry .entry-content .form_settings ul {
margin-left:0;
}
#form_settings_photo .form_data {
clear:both;
}

#form_settings_avatar li {
width:auto;
}
#form_settings_avatar input {
margin-left:0;
}
#avatar_original,
#avatar_preview {
float:left;
}
#avatar_preview {
margin-left:29px;
}
#avatar_preview_view {
height:96px;
width:96px;
margin-bottom:18px;
overflow:hidden;
}

#settings_attach,
#form_settings_avatar .form_actions {
clear:both;
}

#form_settings_avatar .form_actions {
margin-bottom:0;
}

#settings_design_background-image img {
max-width:480px;
max-height:480px;
clear: left;
display: block;
margin-bottom: 10px;
}

#settings_design_background-image .form_guide {
float: left;
margin-top: 10px;
}

#settings_design_color .form_data,
#color-picker {
float:left;
}
#settings_design_color .form_data {
width:400px;
margin-right:1%;
}

#settings_design_color .form_data li {
width:33%;
}
#settings_design_color .form_data label {
float:none;
display:block;
}
#settings_design_color .form_data .swatch {
padding:11px;
margin-left:0;
width:auto;
}

.entity_profile {
position:relative;
width:73%;
min-height:123px;
float:left;
margin-bottom:18px;
margin-left:0;
overflow:hidden;
}

.entity_profile dt,
#entity_statistics dt {
font-weight:bold;
}
.entity_profile dd {
display:inline;
}

.entity_profile .entity_depiction {
float:left;
width:96px;
margin-right:18px;
margin-bottom:18px;
text-align: center;
}

.entity_profile .entity_fn,
.entity_profile .entity_nickname,
.entity_profile .entity_location,
.entity_profile .entity_url,
.entity_profile .entity_note,
.entity_profile .entity_tags,
.entity_profile .entity_aliases,
.entity_profile .entity_statistics {
margin-left:113px;
margin-bottom:4px;
}

.entity_profile .entity_nickname,
.entity_profile .entity_fn {
margin-left:0;
}

.entity_profile .nickname {
font-size:1.4em;
}

.entity_profile .fn {
font-size: 1.2em;
clear: left;
}

.entity_profile .note{
white-space: pre-wrap;
}

.entity_profile .fn:before {
content: "(";
font-weight:normal;
}
.entity_profile .fn:after {
content: ")";
font-weight:normal;
}
.entity_profile .nickname:after,
.entity_profile .nickname:before {
content:"";
}
.entity_profile dt,
.entity_profile h2 {
display:none;
}
.entity_profile .role {
margin-left:11px;
font-style:italic;
}

.entity_actions {
float:right;
margin-left:2%;
/*margin-bottom: 28px;*/
width: 21%;
}

.entity_actions:hover {overflow: visible;}

.entity_actions h2 {
display:none;
}
.entity_actions ul {
list-style-type:none;
}
.entity_actions li {
margin-bottom:7px;
}
.entity_actions li:first-child {
border-top:0;
}
.entity_actions fieldset {
border:0;
padding:0;
}
.entity_actions legend {
display:none;
}

.entity_actions input.submit,
.entity_actions button.submit {
display:block;
text-align:left;
width:100%;
}
.entity_actions a {
text-decoration:none;
font-weight:bold;
display:block;
}

.entity_actions a, .entity_actions input, .entity_actions p, .entity_actions button {
color: #333 !important; /**/
font-weight: normal;
line-height: 1.6em;
}

.entity_actions a {
padding: 3px 4px 4px 28px;
}

.entity_actions input {
padding: 4px 4px 4px 26px;
}

.entity_actions button {
padding: 2px 4px 1px 26px;
}

.entity_actions a, .entity_actions p, .entity_actions button, .entity_actions input {
background-color: #ccc !important; /**/
border: none;
cursor: pointer;
}

.entity_actions p {
padding: 2px 4px 4px 28px;
}

.entity_actions a:hover, .entity_actions p:hover, .entity_actions input:hover, .entity_actions button:hover {
background-color: #f2f2f2 !important; /**/
}

.entity_actions #entity_remote_subscribe a {
padding-right: 6px;
}

.entity_actions .accept {
margin-bottom:18px;
}

.entity_send-a-message {position: relative;}

.entity_send-a-message button,
.entity_send-a-message button:hover {
position:absolute;
top: -2px;
right:-5px;
background-color:transparent !important;
width:16px !important;
height:24px !important;
}
.entity_send-a-message .form_notice button.close:before {
color:white!important;
opacity:0.6;
}
.entity_send-a-message .form_notice button.close:hover:before {opacity:1;}


.entity_send-a-message .form_notice {
width: 410px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 4px;
}

.entity_send-a-message .form_notice fieldset {
width: 410px;
}

.entity_send-a-message .form_notice legend {
display:block;
font-weight: normal;
color: #FFF;
position:absolute;
left:4px;
bottom:2px;
z-index: 99;
font-size: 1em;
}

.entity_send-a-message .form_notice .count {
right:32px!important;
}
.entity_send-a-message .form_notice .count:before {margin-right:0!important;}

.message_to_selector {
position:absolute;
bottom:2px;
right:56px;
z-index:9999;
float:right;
color:white;
}

.entity_send-a-message .form_notice label,
.entity_send-a-message .form_notice select,
.entity_send-a-message #custom_name {
display:none;
}
.entity_send-a-message .form_notice #notice_action-submit {
text-align: center;
color: white !important;
background-color:transparent!important;
}
.entity_send-a-message .form_notice input.submit:hover {background-color:rgb(105, 106, 141)!important;}

.entity_moderation,
.entity_role {
position:relative;
}
.entity_moderation p,
.entity_role p {

padding-bottom:2px;
margin-bottom:7px;
}
.entity_moderation ul,
.entity_role ul {
display:none;
}
.entity_moderation:hover ul,
.entity_role:hover ul {
display:block;
width:110%;
padding:5px 5px 0;
position:absolute;
z-index:1;
border-width:1px;
border-style:solid;
top: 20px;
right: 0px;
background-color: #fff;
}

.entity_tags ul {
list-style-type:none;
display:inline;
}
.entity_tags li {
display:inline;
margin-right:7px;
}
.entity_tags li:before {
content:'\0009';
}

#filter_tags {
margin-top: -1em;
float: right;
}
#filter_tags dt,
#filter_tags legend {
display:none;
}
#filter_tags ul {
list-style-type:none;
}
#filter_tags_for {display: none;}

#filter_tags_item label {
margin-right: 12px;
margin-left: 2px;
}
#filter_tags_item label,
#filter_tags_item input {
float:left;
}

#filter_tags_item input {margin: 4px 0;}

#filter_tags_item p {
display: none;
}
form#form_filter_bymode input.submit {
margin: 0;
font-size: 0.85em;
padding: 0 4px;
}

.peopletag .nickname, .peopletag .tag {font-size: 1.2em;}
.peopletag .author:after {content: ' |';}
.peopletag .tag a:before {content: '@#'}
.peopletag .privacy_mode:before {content: '('}
.peopletag .privacy_mode:after {content: ')'}

.peopletag .updated {display: none;}
.peopletag {list-style-type: none; position: relative; float: left; width: 100%;}

.profile .entity_profile {
margin-bottom:0;
min-height:60px;
}

.profile .form_group_join legend,
.profile .form_group_leave legend,
.profile .form_user_subscribe legend,
.profile .form_user_unsubscribe legend {
display:none;
}

.profiles {
list-style-type:none;
}

.profiles li {
margin-bottom: 20px;
}

.profile .entity_profile .fn.nickname,
.profile .entity_profile .url[rel~=contact] {
margin-left:0;
display:inline;
}

.profile .entity_profile .fn,
.profile .entity_profile .label {
margin-left:11px;
margin-bottom:4px;
width:auto;
clear:none;
}

.profile .entity_profile .note,
.profile .entity_profile .url,
.profile .entity_profile .entity_tags,
.profile .entity_profile .form_subscription_edit {
margin-left:59px;
clear:none;
display:block;
width:auto;
}
.profile .entity_profile .entity_tags {clear: left;}
.profile .entity_profile .entity_tags dt {
display:inline;
margin-right:11px;
}

.profile .entity_profile .form_subscription_edit label {
font-weight:normal;
margin-right:11px;
}
.mark-top {
border-top: 1px solid red;
}

/* FIXME should probably replace with proper line breaking at some point */
.profile_block_description {white-space: pre-wrap; padding: 20px 2%; clear: left; width: 96%;}

#content > .form_notice:first-child {margin-bottom: 12px}

.profile_block {clear: both; padding: 10px; margin: 0 -10px; height: 96px;}

.profile_block .ur_face {float: left; margin-right: 10px;}

.profile_block_name {font-size: 1.5em;}

.profile_block .profile_block_name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.group_alias:after {content: ',';}
.group_alias:last-child:after {display: none;}

.group_alias:before {content: '!';}
.group_alias:first-of-type:before {content: 'AKA !';}

.profile_block_nickname {opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#user_info_card .profile_block_nickname {display: none !important;}

.profile_block_location {margin-bottom: 8px; font-style: italic; overflow: hidden; text-overflow: ellipsis; max-height: 2.8em;}

.profile_block_homepage {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block;}

.user_profile_tags {float: left; clear: both;}

.user_profile_tags dt {float: left; font-weight: bold;}
.user_profile_tags dt:after {content: ':'; margin-right: 10px;}

.user_profile_tags dd,
.user_profile_tags dd > * {float: left;}

.user_profile_tags button:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline-block;
speak: none;
font-size: 14px;
content: '\f040';
}

.user_profile_tags button {
color: #0A3D76;
border: 0px none;
padding: 0px;
background-color: transparent;
cursor: pointer;
opacity: 0.6;
margin: -1px 0;
}

.user_profile_tags button:hover {opacity: 1;}

.user_profile_tags legend,
.user_profile_tags label,
.form_tag_user_wrap form {display: none;}

.form_tag_user_wrap form {margin-top: -2px;}

.form_tag_user_wrap input.submit {
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    font-weight: normal;
    font-size: 1em;
    color: white;
    margin: 0px;
    padding: 0px 6px 0px;
    width: 52px;
    height: 20px;
    background-color: rgba(105, 106, 141, 0.6);
	margin-bottom: -8px;
}

.form_tag_user_wrap input.submit:hover {
    background-color: rgb(105, 106, 141);
}

#core .profile_block_name a, #core .profile_block_nickname, #core .profile_block_location, #core .profile_block_homepage {color: black;}

.profile_block:after {content: ' '; display: block; clear: both; width: 4px; height: 1px; float: left;}

.profile_block {background: url(../images/default_userbanner.png) no-repeat top right #BBB;}

.form_settings input.submit,
#form_filter_bymode input.submit {
border: 1px solid #555;
border-top: none;
border-left: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #666 url(../images/overlay25.png) repeat-x top left;
text-shadow: 0px 1px 0px rgba(0,0,0,0.8); 
color:#fff;
font-weight: normal;
font-size: 1em;
height: 2.2em;
padding-left: 1em;
padding-right: 1em;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

/* TODO sort this shit out, optimize it, and probably rewrite 95% of it because holy FUCK it's so bad */

/* Tab switcher */

.input_forms .input_form {display: block}
.input_forms .input_form.current {display: block}

.input_form_nav_tab {
float: left;
list-style-type: none;
width: 15%;
min-width: 75px;
text-align: center;
margin: 0 5% 6px;
border-bottom: 1px solid transparent;
}

.input_form_nav_tab a {
color: #333;
text-decoration: none;
display: block;
}

.input_form_nav_tab.current,
.input_form_nav_tab:hover {
border-bottom: 1px solid #333;
margin-bottom; 5px;
}

.input_forms {
margin-bottom: 16px;
float: left;
width: 100%;
}

/* Input switcher icons */

.input_form_nav_tab a:before {font-family: FontAwesome; font-size: 14px; margin-right: 4px;}
#input_form_nav_status a:before {content: '\f040';}
#input_form_nav_bookmark a:before {content: '\f02e';}
#input_form_nav_event a:before {content: '\f073';}
#input_form_nav_poll a:before {content: '\f128';}

/* Input placeholder */
.form_notice_placeholder input {
width: 100%;
border: 1px solid rgb(187, 187, 187);
border-radius: 4px;
padding: 6px;
color: #666;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display:none;
}

/* Status form */

.form_notice p {margin-bottom: 0;}

.form_notice {
float: left;
width: 100%;
text-align: right;
}

.form_notice fieldset {
border: 0;
position: relative;
width: auto;
margin: 0;
}

.form_notice legend {display: none;}

.form_notice textarea {
padding: 6px;
margin: 23px 0;
width: 100%;
height: 100px;
border: 1px solid #bbb;/*
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;*/
resize: vertical;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: top; /* screw you Chrome */
}
.form_notice textarea:focus {border-color: #9495b7;}
.form_notice.warning textarea {border-color: #B00;}
.form_notice.warning textarea:focus {border-color: red;}

.form_notice fieldset:after {
content: ' ';
background-color: #A5A6BB;
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-bottom-left-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
height: 24px;
}

#notice_data-text-label {display: none}

.form_notice .count {
color: black;
font-size: 0.8em;
position: absolute;
top: 6px;
right: 6px;
}

.form_notice.warning .count {
color: #ff0000;
}

.form_notice .count:before {
content: '(';
}

.form_notice .count:after {
content: ')';
}

label.notice_data-attach {
display: block;
width: 24px;
height: 24px;
overflow: hidden;
position: relative;
text-align: left;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
border-radius: 4px;
white-space: nowrap;
}
label.notice_data-attach:hover {background-color: rgb(105, 106, 141);}
label.notice_data-attach:before {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
margin-right: 30px;
color: white;
  display: inline-block;
  speak: none;
content: "\f0c6";
width: 16px;
height: 16px;
padding: 2px 4px;
text-align: center;
vertical-align; center;
}

input.notice_data-attach {
height: 28px;
cursor: pointer;
opacity: 0;
position: absolute;
right: 0;
top: 0;
}

.notice_data-geo_wrap {display:inline;}
.notice_data-geo_wrap label {position: absolute; left: 28px; bottom: 0; height: 24px; width: 24px; z-index: 1; overflow: hidden; border-radius: 4px;}
.notice_data-geo_wrap label:before {
text-decoration: none;
  display: inline-block;
  speak: none;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 24px;
font-size: 16px;
width: 24px;
height: 24px;
text-align: center;
content: '\f0ac';
color: white;
line-height: 24px;
}
.notice_data-geo_wrap label:hover {background-color: rgb(105, 106, 141);}
.notice_data-geo_wrap label.checked {background-color: rgba(32, 142, 36, 0.6);}
.notice_data-geo_wrap label.checked:hover {background-color: #208E24;}
/*.notice_data-geo_wrap label.checked:before {color: #0F0}*/
.notice_data-geo_wrap input {display: none;}

.to-selector {display: inline;}

#notice_to {
position: absolute;
right: 50px;
bottom: 3px;
width: 160px;
z-index: 99;
}

label[for=notice_to] {
position: absolute;
right: 227px;
bottom: 4px;
font-size: 0.8em;
color: white;
z-index: 99;
}

.checkbox-wrapper input {display: none;}

.checkbox-wrapper label {
position: absolute;
right: 58px;
top: 100%;
display: block;
width: 78px !important;
height: 0px;
line-height: 22px;
text-align: left;
border-bottom-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
z-index: 99;
color: white;
background-color: #A5A6BB;
overflow: hidden;

transition: height 0.4s;
-moz-transition: height 0.4s;
-webkit-transition: height 0.4s;
-o-transition: height 0.4s;
-ms-transition: height 0.4s;
}
.checkbox-wrapper.visible label {height: 22px;}
.checkbox-wrapper.checked label {background-color: rgba(32, 142, 36, 0.6);}
.checkbox-wrapper.checked label:hover {background-color: #208E24;}
.checkbox-wrapper label:hover {background-color: rgb(105, 106, 141);}

.checkbox-wrapper label:before{
text-decoration: none;
  display: inline-block;
  speak: none;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
font-size: 16px;
width: 16px;
height: 22px;
text-align: center;
content: '\f09c';
color: white;
line-height: 22px;
margin: 0 4px;
}
.checkbox-wrapper.checked label:before {content: '\f023';}

.form_notice #notice_action-submit,
#form_new_bookmark #bookmark-submit,
#form_new_event #event-submit,
#form_new_poll #poll-submit {
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: normal;
font-size: 1em;
color: white;
z-index: 999;
margin: 0px;
padding: 0 6px 2px;
width: 52px;
height: 24px;
background-color: transparent;
position: absolute;
right: 0;
bottom: 0;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.form_notice #notice_action-submit:hover,
#form_new_bookmark #bookmark-submit:hover,
#form_new_event #event-submit:hover,
#form_new_poll #poll-submit:hover {background-color: rgb(105, 106, 141);}

#header #form_notice-direct label {
margin-bottom: 4px;
}

.form_notice #notice_data-attach_selected button.close {
float:right;
font-size:0.8em;
}

.form_notice #notice_data-attach_selected {
position: relative;
z-index: 9999;
width: 300px;
max-height: 184px;
overflow-y: auto;
float: right;
margin-right: 94px;
}

.form_notice #notice_data-attach_selected  img,
.form_notice #notice_data-attach_selected  div {
display: none;
}

.form_notice #notice_data-attach_selected:hover  img,
.form_notice #notice_data-attach_selected :hover div {
display: block;
}

.form_notice #notice_data-attach_selected code {
font-size: 1.2em;
padding-right: 2em;
}

/* Event form */

    #form_new_bookmark, #form_new_event, #form_new_poll {position: relative}

    #form_new_bookmark fieldset, #form_new_event fieldset, #form_new_poll fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }
    
    #form_new_bookmark li, #form_new_event li, #form_new_poll li {
        display: inline;
        float: none;
        width: auto;
    }
    
    #form_new_bookmark li label, #form_new_event li label, #form_new_poll li label {
        width: 150px;
        padding: 2px 6px;
        margin-right: -161px;
		margin-bottom: -7px;
        text-align: left;
        color: #777;
        z-index: 2;
        position: relative;
        pointer-events: none;
        display: block !important;
    }
    
    #form_new_event label[for=event-startdate],
    #form_new_event label[for=event-enddate] {
        opacity: 1 !important;
    }
    
    #form_new_event label[for=event-starttime],
    #form_new_event label[for=event-endtime] {
        display: none !important;
    }
	
    #form_new_event label[for=event-location] {clear: both;}
    
    #event-startdate, #event-enddate {
        text-align: right;
    }
    
    #form_new_bookmark li p, #form_new_event li p, #form_new_poll li p {display: none;}
    
    #form_new_bookmark li input, #form_new_event li input, #form_new_poll li input {
        width: 25%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 0 -1px -1px;
        border-radius: 0;
    }
    
    #form_new_event li select {
        width: 25%;
        margin: 0;
        height: 25px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
		padding: 4px 0;
        line-height: 1.7 !important;
		margin-bottom: -1px;
    }
    
    #form_new_bookmark li input, #form_new_poll li input, #form_new_event #event-title {width: 100%;}
    
    #form_new_bookmark #bookmark-description, #form_new_event #event-description {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 -1px 24px;
        border-radius: 0;
        resize: vertical;
        padding: 4px;
		border: 1px solid #9697B7;
    }
    
    #form_new_event #event-location,
    #form_new_event #event-url
	{width: 50%;}
    
    #form_new_event #event-location {border-right-color: white;}
    
    #form_new_bookmark #bookmark-url, #form_new_event #event-title, #form_new_poll #question {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #A5A5BA;
        background-color: #A5A5BA;
        color: white;
        border-top-width: 1px;
    }
    
    #form_new_bookmark #bookmark-url:hover, #form_new_event #event-title:hover, #form_new_poll #question:hover {
        background-color: #696A8D;
        border-bottom-color: #696A8D;
    }
    
    #form_new_bookmark label[for=bookmark-url], #form_new_event label[for=event-title], #form_new_poll label[for=question] {
        color: #FFF;
        font-style: italic;
    }
    
    #form_new_bookmark #bookmark-url:focus, #form_new_event #event-title:focus, #form_new_poll #question:focus {
        color: #000;
        background-color: white;
        border-bottom-color: rgb(148,149,183);
    }
    
    #form_new_bookmark li input:focus, #form_new_event li input:focus, #form_new_poll li input:focus {position: relative;}
	
    #form_new_bookmark:before, #form_new_event:before, #form_new_poll:before {
        content: ' ';
        display: block;
        background-color: #A5A6BB;
        width: 100%;
        height: 24px;
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
	
	#form_new_poll fieldset {margin-bottom: 24px; padding-bottom: 0.1px;}

/* 1.x notice forms */

/* end 1.x notice forms */

.form_notice .error,
.form_notice .success,
.input_form .form_response {
clear: left;
float: left;
line-height: 1.2em;
padding: 2px 2px 2px 5px;
border: 2px solid #ccc;
margin-left: 0px;
position:absolute;
left: 0; right: 0; top: 100%;
overflow:auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: left;
z-index: 999999;
}
.input_form form {position: relative;}

/* Everything related to notices, streams, etc */

#notices_primary {
padding-top: 2px;
clear: both;
}

#notices_primary h2 {
display: none;
}

#content .notices .notice {
border-top: 1px dotted #bbb;
padding: 7px 0;
margin-bottom: 0;
}

.notice {
list-style-type: none;
margin-bottom: 25px;
clear: left;
min-height: 54px;
padding-bottom: 2px;
line-height: 1.35em;
}

.notice.limited-scope abbr.published:before {
  content: "\f023";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none;
  margin-right: 4px;
}

.notice.mod-scope abbr.published:before {
text-shadow: 0 1px 0 #F91,
0 -1px 0 #F91,
-1px 0 0 #F91,
1px 0 0 #F91,
0.7px 0.7px 0 #F91,
-0.7px 0.7px 0 #F91,
0.7px -0.7px 0 #F91,
-0.7px -0.7px 0 #F91;
color: white !important;
}

.notice, .profile, .application {
position:relative;
clear:both;
float:left;
width:100%;
}

.notice .author {
margin-right: 8px;
}

.fn {
overflow: hidden;
}

.notice .author .fn {
font-weight: bold;
}

#core .vcard .photo {
display: inline;
margin-right: 11px;
float: left;
}

#content .notice .author .photo {
position: absolute;
float: left;
left: 0px;
margin-top: 2px;
}

#content .notice .entry-title {
margin: 2px 7px 0px 59px;
min-height: 26px;
}

#shownotice #wrap .notice .entry-title {
min-height:123px;
}

#showstream h1 { 
display:none;
}

#showstream .notice .entry-title, #showstream .notice div.entry-content {
margin-left: 0;
}

#showstream #content .notice .author {
display: none;
}

#showstream .notice {
min-height: 1em; 
}

#shownotice #wrap .notice .vcard .photo {
margin-bottom: 4px;
}

#shownotice #wrap .notice .entry-title {
margin-left:110px;
font-size:2.2em;
min-height:123px;
font-size: 1.6em;
line-height: 1.2em;
}

#shownotice #wrap .notice div.entry-content {
margin-left:0;
}
/*
.notice div.author {
float: left;
}*/

.notice .addressee {
font-style: italic;
}

.notice .addressees:before {
content: '>> ';
}

.notice .addressees {opacity: 0.75;}
.notice:hover .addressees {opacity: 1;}

.notice .entry-title {
overflow:hidden;
word-wrap:break-word;
}
.vcard .url {
text-decoration:none;
}
.vcard .url:hover {
text-decoration:underline;
}
.notice .entry-title.ov {
overflow:visible;
}

.notice p.entry-content {
display:inline;
}

.dm_sent_to_multiple:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline-block;
speak: none;
color: #0A3D76;
content: '\f0c0';
font-size: 14px;
margin-right: 4px;
}

.bookmark h3:before {font-family: FontAwesome; content: '\f02e'; margin-right: 0.4em; cursor: default;}

/* stolen from event.css */
.event-tags li { display: inline; }
.event-mentions li { display: inline; }
.event-avatar { float: left; }
.event-notice-count { float: right; }
.event-info { float: left; }
.event-title { margin-left: 0px; }
#content .event .entry-title { margin-left: 0px; }
#content .event .entry-content { margin-left: 0px; }
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.attending-list { list-style-type: none; float: left; width: 100%; }

#form_event_rsvp { clear: left; }

li.rsvp-list { float: left; clear: left; }

li.rsvp-list ul.entities {
    display:inline;
}
li.rsvp-list .entities li {
    list-style-type: none;
    margin-right: 3px;
    margin-bottom: 8px;
    display: inline;
}
li.rsvp-list .entities li .photo {
    margin: 0 !important;
    float: none !important;
}
li.rsvp-list .entities li .fn {
    display: none;
}
/* end copy-paste */

.event-rsvps {
float: right;
width: 180px;
}

#form_event_rsvp span {
font-family: FontAwesome;
position: relative;
width: 16px;
height: 16px;
display: block;
float: left;
opacity: 0.75;
font-size: 14px;
text-align: center;
margin-left: 4px/* !important*/;
}
#form_event_rsvp span:hover {opacity: 1;}

#form_event_rsvp span:before {content: '\f0e2';}
#form_event_rsvp .yes-wrapper:before {content: '\f00c';}
#form_event_rsvp .no-wrapper:before {content: '\f00d';}
#form_event_rsvp .maybe-wrapper:before {content: '\f128';}

#new_rsvp_data {float: left;}
#form_event_rsvp {float: right;}

#form_event_rsvp span input {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
opacity: 0;
}

.rsvp-list {
text-align: right;
float: right/* !important*/;
width: 100%;
}
.rsvp-list:nth-child(2) {display:none}

.rsvp-list ul {
float: left;
width: 100%;
max-height: 24px;
overflow: hidden;
}
#showevent .rsvp-list ul {max-height: 99999px;}

.event h3:before {
font-family: FontAwesome;
content: '\f073';
margin-right: 0.4em;
cursor: default;
}

p.event-description {margin-top: 0.8em;}

.poll-content {margin-left: 58px;}

.poll-question {
font-size: 1.2em;
margin-top: -8px/* !important*/;
margin-bottom: 1.2em/* !important*/;
}
.poll-question:before {
font-family: FontAwesome;
content: '\f128';
margin-right: 0.4em;
cursor: default;
}

#poll-response-submit {
text-shadow: none/*!important*/;
box-shadow:none/*!important*/;
background-image:none/*!important*/;
background-color: rgba(105, 106, 141, 0.75)/*!important*/;
border: none;
}
#poll-response-submit:hover {background-color: rgb(105, 106, 141);}

.poll-results {max-width: 400px;}

.poll-results li {
margin-bottom: 1px;
float: left;
width: 100%;
background-color: #CCC
;overflow:hidden;
}

.poll-option-label {
float: left;
width: 98%;
margin-right: -99%;
margin-left: 1%;
position: relative;
}

.poll-option-amount {text-align: right; width: 100%;}

.poll-block {
float: left;
background: #8aa;
margin-right: -100px;
height: 1.4em;
margin-bottom: -200px;
padding-bottom: 200px;
}
.poll-winner {background: #4af;}

.poll-amount-label {float: right; margin-right: 4px;}

.notice div.entry-content {
clear:left;
float:left;
margin-left:59px;
margin-top: 10px;
font-size: 0.9em;
line-height: 1em;
opacity: 0.6;
}

.notice:hover div.entry-content {
opacity: 1;
}

.notice-options {
float: right;
margin-right: -6px;
margin-top: 7px;
position: relative;
}

.notice-options fieldset {
border: none;
}

.notice-options legend {
display: none;
}

.form_promote, .form_unpromote {
margin-left: -26px;
}

.notice-options form, .notice-options a, .notice-options .repeated {
float: left;
margin-right: 10px;
}

.notice-options input, .notice-options a, .notice-options .repeated {    
/*text-indent: -9999px;*/
outline:none;
display: block;
border: 0;
height: 16px;
width: 16px;
overflow: hidden;
}

.notice-options form:before, .notice-options a:before, .notice-options .repeated:before  {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 16px;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  width: 16px;
  height: 16px;
  text-align: center;
  margin-right: 40px;
  border-radius: 2px;
  color: #0A3D76;
}

.notice-options form {position: relative; width: 16px; height: 16px; overflow: hidden; opacity: 0.6;}
.notice-options form:hover {opacity: 1;}
.notice-options a:hover {text-decoration: none;}
/*
.notice-options form:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  font-size: 14px;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  width: 16px;
  height: 16px;
  text-align: center;
  margin-right: -16px;
  white-space: nowrap;
}*/

.notice-options form input.submit {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
opacity: 0 !important;
/*text-indent: -1234px;*/
}

.notice-options form.form_favor:before{content: "\f004";}
.notice-options form.form_disfavor:before {content: "\f08a";}

.notice-options .notice_reply:before {
content: '\f149';
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
font-size: 16px;
}

.notice-options form.form_repeat:before, .notice-options .repeated:before  {content: "\f079";}
.notice-options .repeated:before {color: #888 !important; color: rgba(120, 120, 120, 0.4) !important;}

.notice-options a.notice_delete:before,
.notice-options form.notice_delete:before {content: "\f014";}

.notice-options form.form_promote:before {content: "\f0c1";}
.notice-options form.form_unpromote:before {content: "\f127";}
/*
.notice-options input.submit, .notice-options a, .notice-options .repeated {
display: block;
border: 0;
height: 16px;
width: 16px;
}*/

.notice-options input.submit, .notice-options a {
opacity: 0.75;
}

.notice-options input.submit:hover, .notice-options a:hover {
opacity: 1;
}

.notice-options .notice_delete {
position: absolute;
right: 0;
}

.inline-attachment
{
max-height: 75px;
overflow: hidden;
}

.inline-attachment img
{
width: auto;
opacity: 0.7;
}

.inline-attachment img:hover
{
opacity: 1;
}

.notice div.thumbnails
{
width: 630px;
max-width: 630px !important;
float: none;
max-height: 160px;
overflow: hidden;
}

.notice .attachment {
position:relative;
}

.notice .attachment.more {
width:16px;
height:16px;
display:inline-block;
overflow:hidden;
vertical-align:middle;
margin-left:4px;
}

#attachments .attachment,
.notice .attachment.more {
padding-left:0;
}

.notice .attachment img {
position:absolute;
top:18px;
left:0;
z-index:99;
}

#shownotice #wrap .notice .attachment img {
position:static;
}

#attachments {
clear:both;
float:left;
width:100%;
margin-top:18px;
}
#attachments dt {
font-weight:bold;
font-size:1.3em;
margin-bottom:4px;
}

#attachments ol li {
margin-bottom:18px;
list-style-type:decimal;
float:left;
clear:both;
}

.entry-content .repeat {
display: block;
}

.entry-content .repeat .photo {
float:none;
margin-right:1px;
position:relative;
top:4px;
left:0;
}

.notice-options a.notice_delete{
position:absolute;
right:0px;
}

.user_in .notice div.entry-content {
max-width: 360px;
}

div.entry-content a.response:before {
content: "(";
}

div.entry-content a.response:after {
content: ")";
}

#content .notice .notice {
width: 98%;
margin-left: 2%;
margin-top: 16px;
margin-bottom: 10px;
}

.threaded-replies {
margin: 15px 4% 5px 10%;
clear: both;
float: left;
background-color: rgba(0, 0, 0, 0.1);
padding: 0 4px;
width: 83%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style-type: none;
}

.threaded-replies:empty {display: none}

.notice-faves {
list-style-type: none;
clear: both;
float: left;
width: 98%;
padding: 4px 0;
}

#content .threaded-replies .notice {
margin: 0;
padding-bottom: 6px;
width: 100%;
}

.threaded-replies .photo {
width: 24px !important;
height: 24px !important; /* Realtime acts weird otherwise */
}

.notice-reply-placeholder {display: none!important;}

.notice.bookmark p.entry-content {
display: none;
}

#content .threaded-replies div.entry-title,
#content .threaded-replies div.entry-content {
margin-left: 29px;
}

.notice .notice {
background-color:rgba(200, 200, 200, 0.050);
}
.notice .notice .notice {
background-color:rgba(200, 200, 200, 0.100);
}
.notice .notice .notice .notice {
background-color:rgba(200, 200, 200, 0.150);
}
.notice .notice .notice .notice .notice {
background-color:rgba(200, 200, 200, 0.300);
}

/* Bookmarklet */

#bookmarklet address {
display:none;
}
#bookmarklet .form_notice {
width:auto;
}
#bookmarklet #wrap {
min-width:0;
}

body#bookmarklet #wrap,
body#bookmarklet #header {
width: 670px !important; /* Not sure what this is*/
height: 150px !important;
margin: 0 !important;
padding: 0 !important;
background-position: 0px 0px !important;
background-size: 100% !important;
background-position: top right !important;
overflow: hidden;
}

body#bookmarklet #header {
padding: 6px !important;
}

#export_data li a.rss:before,
#export_data li a.atom:before,
#export_data li a.foaf:before,
.entity_edit a:before,
.entity_send-a-message a:before,
.entity_nudge p:before,
.form_user_nudge .submit:before,
.form_user_block .submit:before,
.form_user_unblock .submit:before,
.form_group_block .submit:before,
.form_group_unblock .submit:before,
.form_make_admin .submit:before,
.notice .attachment:before,
#new_group a:before,
#pagination .nav_prev a:before,
#pagination .nav_next a:after,
button.close:before,
.form_group_leave .submit:before,
.form_user_unsubscribe .submit:before,
.form_group_join .submit:before,
.form_user_subscribe .submit:before,
.form_remote_authorize .submit:before,
.entity_subscribe a:before,
.entity_moderation p:before,
.entity_sandbox .submit:before,
.entity_silence .submit:before,
.entity_delete .submit:before,
.entity_role p:before,
.entity_role_administrator .submit:before,
.entity_role_moderator .submit:before,
.form_user_makevideosyncadmin .submit:before,
.form_user_removevideosyncadmin .submit:before,
.entity_actions .entity_seize .submit:before,
button.minimize:before,
.form_reset_key .submit:before,
.entity_clear .submit:before,
.entity_flag .submit:before,
.entity_flag p:before,
.entity_subscribe .submit:before,
#realtime_play:before,
#realtime_pause:before,
#realtime_popup:before,
.entity_actions #approve:before,
.entity_actions #cancel:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-right: 8px;
  text-decoration: none;
  display: inline-block;
  speak: none;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #0A3D74;
}

.entity_actions #cancel {margin-top: 8px;}

button.close:before {
content: '\f00d';
}
button.minimize:before {
content: '\f068';
}/*
#export_data li a.rss:before {
content: '\f09e';
background-color: #F80;
color: #FFF;
border-radius: 4px;
}
#export_data li a.atom:before {
background-position:0 -64px;
}
#export_data li a.foaf:before {
background-position:0 1px;
}*/
.form_group_leave .submit:before,
.form_user_unsubscribe .submit:before {
content: '\f068';
}
.form_group_join .submit:before,
.form_user_subscribe .submit:before,
.form_remote_authorize .submit:before,
.entity_subscribe a:before {
content: '\f067';
}
.entity_edit a:before {
content: '\f040';
}
.entity_send-a-message a:before {
content: '\f075';
}
.entity_nudge p:before,
.form_user_nudge .submit:before {
content: '\f0e0';
}
.form_user_block .submit:before,
.form_user_unblock .submit:before,
.form_group_block .submit:before,
.form_group_unblock .submit:before {
content: '\f05e';
}
.form_make_admin .submit:before {
content: '\f007';
}
.entity_moderation p:before {
content: '\f132';
}
.entity_sandbox .submit:before {
content: '\f10c';
}
.entity_silence .submit:before {
content: '\f0e3';
}
.entity_delete .submit:before {
content: '\f014';
}
.entity_sandbox .form_user_unsandbox .submit:before {
content: '\f111';
}
.entity_silence .form_user_unsilence .submit:before {
content: '\f0e3';
color: #CCC;
text-shadow: 0 -1px 0 #0A3D74,
 0 1px 0 #0A3D74,
 1px 0 0 #0A3D74,
 -1px 0 0 #0A3D74,
 -0.7px -0.7px 0 #0A3D74,
 0.7px -0.7px 0 #0A3D74,
 0.7px 0.7px 0 #0A3D74,
 -0.7px 0.7px 0 #0A3D74;
}
.entity_role p:before {
content: '\f0d0';
}
.entity_role_administrator .form_user_grantrole .submit:before {
content: '\f007';
}
.entity_role_moderator .form_user_grantrole .submit:before {
content: '\f005';
}
.entity_role_administrator .form_user_revokerole .submit:before {
content: '\f007';
color: #CCC;
text-shadow: 0 -1px 0 #0A3D74,
 0 1px 0 #0A3D74,
 1px 0 0 #0A3D74,
 -1px 0 0 #0A3D74,
 -0.7px -0.7px 0 #0A3D74,
 0.7px -0.7px 0 #0A3D74,
 0.7px 0.7px 0 #0A3D74,
 -0.7px 0.7px 0 #0A3D74;
}
.entity_role_moderator .form_user_revokerole .submit:before {
content: '\f006';
}
.form_user_makevideosyncadmin .submit:before {
content: '\f03d';
}
.form_user_removevideosyncadmin .submit:before {
content: '\f03d';
color: #CCC;
text-shadow: 0 -1px 0 #0A3D74,
 0 1px 0 #0A3D74,
 1px 0 0 #0A3D74,
 -1px 0 0 #0A3D74,
 -0.7px -0.7px 0 #0A3D74,
 0.7px -0.7px 0 #0A3D74,
 0.7px 0.7px 0 #0A3D74,
 -0.7px 0.7px 0 #0A3D74;
}
.form_reset_key .submit:before {
content: '\f084';
}
.entity_clear .submit:before {
content: '\f0e2';
}
.entity_seize .submit:before {
content: '\f0e7';
}
.entity_flag .submit:before,
.entity_flag p:before {
content: '\f024';
}
.entity_actions #approve:before,
.entity_subscribe .accept:before {
content: '\f00c';
}
.entity_actions #cancel:before,
.entity_subscribe .reject:before {
content: '\f05e';
}
#realtime_play:before {
content: '\f04b';
}
#realtime_pause:before {
content: '\f04c';
}
#realtime_popup:before {
content: '\f045';
}
#realtime_actions button {text-indent: -2px !important; background: none !important; overflow: hidden;}

.notice .attachment:before {
content: '\f0c6';
color: inherit;
opacity: 0.5;
margin-right: 1px;
}
.notice .attachment.more:before {
content: '\f141';
}
#attachments .attachment:before {
display:none;
}
#new_group a:before {
content: '\f067';
}

#pagination .nav_prev a:before {
content: '\f053';
color: inherit;
}
#pagination .nav_next a:after { 
content: '\f054';
color: inherit;
margin-left: 8px;
margin-right: 0;
}

.entity_actions :before {margin-left: -22px; margin-right: 6px !important;}

/* override OStatus plugin style */

#remoteprofile #content_inner > p {
float: left;
}

#form_ostatus_connect.form_settings.dialogbox, #form_ostatus_sub.dialogbox {
width: 76%;
}

#form_ostatus_connect.form_settings.dialogbox legend {
font-size: 1.4em;
font-weight: normal;
padding-bottom: 10px;    
}

#form_ostatus_connect.dialogbox .form_data label,
#form_ostatus_sub.dialogbox .form_data label {
font-weight: normal;
font-size: 1.2em;
width:34%;
}

#form_ostatus_connect.dialogbox .form_data input,
#form_ostatus_sub.dialogbox .form_data input {
float: right;
width: 52% !important; /**/
}

#form_ostatus_connect.dialogbox .form_data .form_guide,
#form_ostatus_sub.dialogbox .form_data .form_guide {
background: none !important; /**/
text-align: right;
margin-right: 16px;
}

.section .entity_actions {
margin-right: 0px !important; /**/
}

.section .entity_remote_subscribe {
color:#000 !important; /**/
padding-left: 26px !important; /**/
background-position: 4px -1183px !important; /**/
}

.entity_send-a-message .form_notice,
.form_settings fieldset fieldset,
.entity_moderation:hover ul,
.entity_role:hover ul,
.dialogbox {
border-color:#DDDDDD;
}

.form_settings input.form_action-primary {
background:none;
}

.form_settings .form_note {
background-color:#9BB43E;
}

.profile_search_wrap {float: left; width: 100%;}
.profile_search_wrap h3 {display: none;}
.form_peopletag_edit_user_search {width: 100%; float: left; margin-top: -4px; margin-bottom: 4px;}
.form_peopletag_edit_user_search legend {display: none;}
.form_peopletag_edit_user_search #q {width: 63%;}
.form_peopletag_edit_user_search label,
.form_peopletag_edit_user_search .form_guide {display: none;}
.form_peopletag_edit_user_search select {width: 23%; margin-right: 0;}
.form_peopletag_edit_user_search input.submit {width: 12%;}
#profile_search_results, .profile-lister {list-style-type: none;}
.entity_removable_profile {
float: left;
width: 95%;
margin-left: 1% !important;
padding: 4px 1.5% 2px !important;
border-top: 1px dotted #BBB;
}
.entity_removable_profile:first-child {border-top: 2px solid #BBB;}
#profile_search_results .entity_actions, .profile-lister .entity_actions {margin-bottom: 0 !important;}

.applications {
margin-bottom:18px;
float:left;
width:100%;
}
.applications li {
list-style-type:none;
}
.application img,
#showapplication .entity_profile img,
.form_data #application_icon img,
#apioauthauthorize .form_data img {
max-width:96px;
max-height:96px;
}
#apioauthauthorize .form_data img {
margin-right:18px;
float:left;
}
#showapplication .entity_profile {
width:68%;
}
#showapplication .entity_profile .entity_fn {
margin-left:0;
}
#showapplication .entity_profile .entity_fn .fn:before,
#showapplication .entity_profile .entity_fn .fn:after {
content:'';
}
#showapplication .entity_data {
clear:both;
margin-bottom:18px;
}
#showapplication .entity_data h2 {
display:none;
}
#showapplication .entity_data dl {
margin-bottom:18px;
}
#showapplication .entity_data dt {
font-weight:bold;
}
#showapplication .entity_data dd {
margin-left:1.795%;
font-family:monospace;
font-size:1.3em;
}
.form_data #application_types label.radio,
.form_data #default_access_types label.radio {
width:14.5%;
}

/* Realtime */

#realtime_actions li {
margin-right: -4px;
}

#realtime_play {
background-position: 0 -2308px;
}
#realtime_pause {
background-position: 0 -2374px;
}
#realtime_popup {
background-position: 0 -1714px;
}

#realtime_play, #realtime_pause, #realtime_popup {
opacity: 0.6;
}

#realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover {
opacity: 1;
}

/*realtime popup*/
body.realtime-popup {
min-width: 100%;
overflow-x: hidden;
}

.realtime-popup #wrap {
padding: 0px !important; /*EXTERNAL OVERRIDE*/
margin: 0px !important; /**/
}

.realtime-popup #content {
padding: 4px !important; /**/
margin: 0px !important; /**/
width: 100% !important; /**/
border-top-right-radius: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Footer */

#footer {
clear: both;
padding: 16px 2%;
background-color: #B4C8EF;
}

#site_nav_global_secondary {
margin-bottom: 1.2em;
text-align: center;
}

#site_nav_global_secondary li {
display: inline;
margin-right: 10px;
}

#site_nav_global_secondary li:before {content: '|'; margin-right: 10px;}

#site_nav_global_secondary li:first-child:before {display: none;}

#licenses dt {
display: none;
}

#licenses dd {
margin-top: 10px;
}

#site_content_license_cc {
margin-bottom:0;
}
#site_content_license_cc img {
display:inline;
vertical-align:top;
margin-right:4px;
}
form ul li {
list-style-type:none;
margin:0 0 18px 0;
}

/* Highlight and tooltip for specific tags */
span a[href$="/tag/nsfw"]
{
color: red !important;
}

span a[href$="/tag/nsfw"]:hover:after
{
/* This should be moved out of the CSS at some point*/
content:"This post contains a link to NSFW material. Viewer discretion is advised.";
background-color: #FFAAAA;
border: 1px dotted red;
padding: 1px;
font-size: 8pt;
width: 120pt;
position:absolute;
margin: 8pt 8px;
z-index: 999;
}

span a[href$="/tag/spoiler"],
span a[href$="/tag/spoilers"]
{
color: #008000 !important;
}

span a[href$="/tag/spoiler"]:hover:after,
span a[href$="/tag/spoilers"]:hover:after
{
/* This should be moved out of the CSS at some point*/
content:"This post contains or links to a spoiler. Decode or click at your own risk.";
background-color: #80C080;
border: 1px dotted #008000;
padding: 1px;
font-size: 8pt;
width: 120pt;
position:absolute;
margin: 8pt 8px;
z-index: 999;
}

}/*end of @media screen, projection, tv*/

@media print {
a:after { background-color:#FFFFFF; }
a:not([href^="#"]):after { content:" <"attr(href)"> "; }
img { border:none; }
p { orphans: 2; widows: 1; }

#site_nav_global_primary,
#site_nav_local_views,
#form_notice,
.pagination,
#site_nav_global_secondary,
.entity_actions,
.notice-options,
#aside_primary,
.form_subscription_edit .submit {
display:none;
}
.timestamp dt, .timestamp dd,
.device dt, .device dd {
display:inline;
}
.profiles li,
.notices li {
margin-bottom:18px;
}

}/*end of @media print*/
