blockquote.comment_confirmation_quote:before {
    content: open-quote;
}
blockquote.comment_confirmation_quote:after {
    content: close-quote;
}

div.comment_confirm_button, div.comment_delete_button {
    display: table-cell;
}

table.join_form tr.join_form td.join_form_submit {
    text-align: right;
}

table.user_list td.user_properties {
    font-size: 10pt;
}

table.user_list td.user_properties div.user_property {
    display: table-row;
}

td.user_properties table.db_table {
    padding: 0px;
}

td.user_properties table.db_table th {
    font-size: 10pt;
}

div.search_form {
    display: table-row;
}
div.search_form div {
    display: inline;
    padding: 3px;
}
td.search {
    white-space: nowrap;
}

div.module_upload_file, div.module_upload_name, div.module_upload_button {
    display: table-row;
    text-align: left;
}

div.module_upload_file_label, div.module_upload_file_field, div.module_upload_name_label, div.module_upload_name_field {
    display: table-cell;
}

div.module_upload_file_label, div.module_upload_name_label {
    font-weight: bold;
}

div.rss_user_feed {
    text-align: left;
}

div.rss_user_feed div.rss_feed_item div.pubDate, div.rss_user_feed div.rss_feed_item div.title {
    display: inline-block;
    font-weight: bold;
    padding-left: 10px;
}
div.rss_user_feed div.rss_feed_item, div.rss_user_feed div.rss_feed_item div.description {
    display: table-row;
}
div.rss_user_feed div.rss_feed_item div.pubDate {
    float: left;
}

div.rss_edit_user_feed, div.rss_new_user_feed
{
    text-align: left;
    display: table-row;
}
div.rss_edit_user_feed div, div.rss_new_user_feed div 
{
    display: table-cell;
}
div.rss_edit_user_feed div.title
{
    width: 25%;
}
div.rss_edit_user_feed div.url
{
    width: 70%;
}

ul.resource_list {
    text-align: left;
}

th.pr_form_label {
    font-weight: normal;
    text-transform: none;
    text-align: left;
    width: 50%;
    vertical-align: top;
}
td.pr_form_field {
    width: 50%;
    vertical-align: top;
}
td.pr_form_field input {
    width: 100%;
}

div.browser {
    text-align: left; 
    vertical-align: middle;
}
div.browser_body {
    display: inline-table;
    text-align: left; 
}
div.file_list {
    display: table;
}
div.file_list div.file, div.browser_upload_form {
    display: table-row;
}
div.file_list span, div.browser_upload_form span {
    display: table-cell;
    padding: 5px;
}

img {
    border: none;
}
.message {
	 font-style: italic;
	 text-align: center;
}
.db_message {
	 font-style: italic;
	 text-align: center;
}
.error {
       font-style: italic;
       color: red;
       font-weight: bold; 
       text-align: left;
}
.db_error {
       font-style: italic;
       color: red;
       font-weight: bold; 
       text-align: center;
}

table.join_form_structure {
		height: 100%;
		width: 100%;
}
td.join_form_structure {
		       vertical-align: middle;
		       text-align: center;
}
.join_form {
}
.join_form_info {
		font-style: italic;
		font-size: 10pt;
}
table.join_form th {
    font-weight: bold;
    font-size: 11pt;
}

table.login_form_structure {
		height: 100%;
		width: 100%;
}
td.login_form_structure {
		       vertical-align: middle;
}
.login_form {
    vertical-align: top;
}
.login_form_info {
		font-style: italic;
		font-size: 10pt;
}

input.openid {
    width: 300px;
}
th.mini_login_form, td.mini_login_form {
		font-style: italic;
		font-size: 8pt;
		font-weight: normal;
}

input.mini_login_form {
		width: 100%;
		font-size: 8pt;
}

.search_form {
	     font-size: 10pt;
}

.search_results {
}
ul.search_results {
}
p.search_results {
}
a.search_result img {
		vertical-align: bottom;
}

table.tag_button {
		vertical-align: middle;
		padding: 1px;
		display: inline; 
}
table.tag_button:active {
		vertical-align: middle;
}
span.tag_button, span.db_submit, span.db_link, button.db_submit {
		background: #DDDDDD;
		border: 1px outset;
		height: 30px;
		padding: 6px;
		padding-left: 3px;
		font-family: sans-serif;
		font-size: 10pt;
		white-space: nowrap;
}
span.tag_button:active, span.db_submit:active, span.db_link:active, button.db_submit:active {
		border: 1px inset;
		padding-top: 8px;
		padding-left: 4px;
		padding-bottom: 4px;
		padding-right: 4px;
}

span.tag_button img, span.db_submit img, span.db_link img, button.db_submit img {
		border: 0;
		vertical-align: middle;
		padding-right: 3px;
}
span.tag_button a, span.db_submit a, span.db_link a, span.tag_button a:hover, span.db_submit a:hover, span.db_link a:hover {
    color: black;
    /* prevent custom styles for 'a:hover' affecting language links  */
    text-decoration: none;
    border: none;
    background: transparent;
}

input.form_button, button.form_button {
		background: #DDDDDD;
		border: 1px outset;
		height: 30px;
		font-family: sans-serif;
		font-size: 10pt;
}
button.form_button label {
    vertical-align: middle;
}

input.form_button:active {
		border: 1px inset;
}

input.db_link, input.db_submit, button.db_submit {
		background: #DDDDDD;
		border: 1px outset;
		font-family: sans-serif;
		font-size: 10pt;
		padding-top: 1px;
		padding-bottom: 1px;
}
input.db_link:active, button.db_submit:active {
		border: 1px inset;
		padding-top: 2px;
		padding-left: 2px;
		padding-bottom: 0px;
		padding-right: 0px;
}

td.search {
	  padding: 3px;
}
table.menu_block_horizontal {
	width: 100%;

}
table.menu_block_horizontal td.menu_block_item, table.menu_block_horizontal td.menu_block_item_selected {
    vertical-align: top;
    text-align: center;
}

td.menu_block_horizontal_selected, td.menu_block_vertical_selected {
    font-weight: bold;
}

table.menu_block_vertical {
	width: 100%;
	border-spacing: 0px;
}
td.menu_block_vertical, td.menu_block_vertical_selected {
	text-align: left;
	white-space: nowrap;
	padding: 0px;
}

table.comments td {
	       font-size: 9pt;
	       vertical-align: top;
}
.comment_datetime, .comment_author {
		  font-style: italic;
}
.comment_input {
	       min-width: 300px;
	       height: 50px;
	       width: 100%;
}
table.user_tabs {
		width: 100%;
		border-spacing: 0px;
}
td.user_tab_none_left {
		      width: 0px;	
		      border-bottom: #555599 solid 1px;
}
td.user_tab_active {
		   border-top: #555599 solid 1px;
		   border-left: #555599 solid 1px;
		   border-right: #555599 solid 1px;
		   border-bottom: none;
		   white-space: nowrap;
		   padding: 5px;
}
td.user_tab_inactive {
		     border-top: #AAAADD solid 1px;
		     border-left: #AAAADD solid 1px;
		     border-right: #AAAADD solid 1px;
		     border-bottom: #555599 solid 1px;
		     white-space: nowrap;
		     padding: 5px;
}
td.user_tab_none_right {
		       width: 100%;
		       border-bottom: #555599 solid 1px;
}

table.user_notifications td {
  padding: 5px;
}

td.db_form_link {
    text-align: center;
}

.db_form_label_required:after, .form_label_required:after, .join_form_required:after {
   content: '*';
}

span.db_style_field span.setting {
    white-space: nowrap;
}

.notification {
    font-style: italic;
    font-size: 8pt;
    font-weight: normal;
}

input.notifications_email {
    width: 100%;
    font-size: 8pt;
}

input.notifications_option {
}

div.block_language {
    text-align: left;
}

div.block_language img {
}

div.block_language a:hover {
    /* prevent custom styles for 'a:hover' affecting language links  */
    text-decoration: none;
    border: none;
    background: transparent;
}

table.htmlui_multilingual {
    padding: 0px;
    border-collapse: collapse;
    border: 0px;
}
table.htmlui_multilingual td {
    padding: 0px;
    vertical-align: top;
}

table.user_link_avatar {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
}
table.user_link_avatar td {
    padding: 0px;
    font-size: 10px;
    text-align: center;
}

img.avatar {
    vertical-align: top;
}

table.feed_list td {
    padding-left: 10px;
}
table.feed_list td.feed_last_sent {
    font-style: italic;
}

@media print
{
    td.leftblock, td.topblock, td.rightblock, td.bottomblock, span.tag_button {
	display: none;
    }
}

td.gallery_previous_link {
    text-align: right;
    width: 33%;
}
td.gallery_edit_link {
    text-align: center;
    width: 33%;
}
td.gallery_next_link {
    text-align: left;
    width: 33%;
}
div.popup_panel {
    position: absolute;
    z-index: 2;
    background: #FDFDFD;
    color: #555555;
    border: outset 1px silver;
}
div.popup_button {
    display: table;
}
div.popup_button img.popup_button, div.popup_button div.popup_button_text {
    display: table-cell;
    vertical-align: middle;
}

div.menu_block, div.menu_block_vertical, div.menu_block_horizontal {
    width: 100%;
    display: table-row;
    text-align: center;
}

.menu_block_item_selected {
    font-weight: bold;
}

.leftblock div.menu_block .menu_block_item, .leftblock div.menu_block .menu_block_item_selected, .rightblock div.menu_block .menu_block_item, .rightblock div.menu_block .menu_block_item_selected, .leftblock div.menu_block .menu_block_item, .leftblock div.menu_block .menu_block_item_selected, div.menu_block_vertical .menu_block_item, div.menu_block_vertical .menu_block_item_selected {
    display: block;
    vertical-align: top;
    text-align: left;
    padding: 1px;
}

.topblock div.menu_block .menu_block_item, .topblock div.menu_block .menu_block_item_selected, .bottomblock div.menu_block .menu_block_item, .bottomblock div.menu_block .menu_block_item_selected {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 3px;
    width: 1%;
}


table.user_properties {
    width: 300px;
}

table.popup_menu {
	background: #DDDDDD;
	padding: 5px;
	border-left: #EEEEEE solid 1px;
	border-right: #BBBBBB solid 1px;
	border-bottom: #BBBBBB solid 1px;
}
tr.popup_menu_item {
	background: #DDDDDD;
}
td.popup_menu_item:hover {
	background: #EEEEEE;
}
th.popup_menu_item {
	font-style: italic;
}
td.popup_menu_item {
    text-align: left;
    white-space: nowrap;
}

td.popup_menu_item a {
    text-decoration: none;
    color: black;
}

span.inputmultivalue_option {
    white-space:nowrap;
}

div.share_site {
    vertical-align: middle;
    padding-right: 5px;
}
td.rightblock div.share_site, td.leftblock div.share_site {
    display: table-row;
}
td.topblock div.share_site, td.bottomblock div.share_site {
    display: table-cell;
}
tr.db_deleting_row, tr.db_deleting_row td input, tr.db_deleting_row td select, tr.db_deleting_row td textarea {
    text-decoration: line-through;
    color: silver;
}

tr.db_deleted_row {
    display: none;
}

div.login_method_selectors {
   padding: 5px;
}

span.login_method_selector {
    font-weight: normal;
    white-space: nowrap;
    padding: 5px;
}
span.login_method_selector_active {
    font-weight: bold;
    white-space: nowrap;
    padding: 5px;    
}
div.login_method {
    padding: 5px;    
}
div.block input[type='email'], div.block input[type='text'] {
    width: 100%;
}

div.db_table {
    padding: 0px;
}
div.db_table div.db_record {
    border-bottom: solid black 1px;
    padding-bottom: 10px;
}
div.db_table div.db_row {
    text-align: left;
}
div.db_table div.db_row span.db_cell {
    text-align: left;
    white-space: nowrap;
}
div.db_table div.controls {
    text-align: right;
    white-space: nowrap;
    padding-right: 5px;
}
div.db_table div.controls {
    text-align: right;
    white-space: nowrap;
    padding-right: 5px;
}
div.db_table div.controls button {
    padding: 5px;
}
div.db_table div.controls img {
    height: 16px;
    padding-right: 5px;
}
span.db_cell label {
    padding-right: 5px;
}

span.db_cell {
    width: 100%;
    display: inline-block;
    padding-right: 10px;
}
span.db_cell label {
    width: 25%;
    display: inline-block;
}
span.db_cell input, span.db_cell select, span.db_cell textarea {
    width: 70%;
}
span.db_cell select.inputdatetime, span.db_cell input[type=checkbox] {
    width: auto;
}
span.db_value {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 100px;
}


/* Wide display */
@media all and (min-width: 640px) {
    span.db_cell {
        width: inherit;
        display: inline;
    }
    span.db_cell label {
        width: inherit;
        display: inherit;
    }
    span.db_cell input, span.db_cell select, span.db_cell textarea {
        width: auto;
    }
    span.db_value {
        width: auto;
    }
    div.db_record {
    }
    div.db_row {
        display: flex;
        flex-wrap: wrap;
    }
    div.db_row span.db_cell {
        display: inline-block;
    }
    div.db_row span.db_cell label {
        display: inline-block;
        min-width: 100px;
    }
    .colspan_1 { flex: 1; }
    .colspan_2 { flex: 2; }
    .colspan_3 { flex: 3; }
    .colspan_4 { flex: 4; }
}