/* forms */

/*
 * Forms
 */

.placeholder {
  color: #aaa;
}

.form {
  margin: 1em 0;
  padding: 0;
}

.form .field_hint {
  color: #888;
  font-size: 8.5pt;
  margin-top: 5px;
}

.form .quote {
  background: #e0e8ef;
  margin: 6px 0;
  padding: 10px;
}  

.form .fieldWithErrors {
  padding: 2px;
  background-color: red;
}

.form .field_with_errors {
  padding: 10px;
  border: solid 2px #f50;
}

.form .field_with_errors .field_error_message {
  color: #f50;
  font-weight: bold;
  margin-bottom: 5px;
}

.form .errors {
  background: #fee;
  padding: 2px 5px;
  margin: 0;
  margin-bottom: 4px;
  border: solid 1px #e99;
}  

.form .errors li.error {
  list-style: none;
  color: #a00;
  margin: 2px 0;
  list-style: none;
}  

.form .warnings {
  background: #ffe;
  padding: 2px 5px;
  margin: 6px 0;
  border: solid 1px #ee9;
}  

.form .warnings li.warning {
  color: #a00;
  margin: 2px 0;
  list-style: none;
}  

.form .field label {
  font-weight: normal;
  font-size: 11pt;
  font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
  color: #6a6;
  display: block;
  margin: 0;
  margin-bottom: 0.2em;
  padding: 0;
}

.form .help {
	float: right;
	font-size: 10px;
	color: #555;
	padding: 0px;
	margin: 0;
	width: 210px;
	padding-left: 20px;
}

.form .charter {
	border: 1px solid #696;
	padding: 8px;
	background-color: #fff;
}

.form ul.checkboxes {
  padding: 0;
  margin: 0.75em 0.5em;
}

.form ul.checkboxes li {
  list-style: none;
}

.form .field.required label {
  /* TODO */
}  

.form .field {
  margin: 20px 0;
  clear: left;
}

.form .field .sub_field {
  margin: 6px 0;
  margin-left: 40px;
}  

.form .column_fields .field
{
  float: left;  
}

.form .tags {
  width: 96%;
}  

.form textarea {
  width: 96%;
}  

.form .big {
  font-size: 20px;
}

.form input[type=submit].big {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 8px;
  vertical-align: bottom;
}

.form .buttons {
  clear: left;
  margin-top: 0.8em;
}  

.form .fieldWithErrors textarea {
  margin: 1px;
  border: solid 1px #c88;
}

.form .textile_help {
  border: dotted 1px #ccc;
  margin: 4px 0;
  padding: 4px;
}  

.form .textile_help tr.odd {
  background: #fff;
}

.form .textile_field_label label {
  line-height: 25px;
}

.form .textile_field_tools {
  margin-top: 4px;
  font-size: 8pt;
}

.form .textile_field_tools .textile_field_help_link {
  float: right;
}

.form .textile_field_tools .textile_field_upload_status {
  border-left: solid 1px #ddd;
  padding: 0 9px;
  margin: 0 5px;
  color: #888;
  font-weight: bold;
}

.form .textile_field_tools .textile_field_image_browse {
  padding: 2px;
  padding-left: 4px;
}

.form .textile_field_images {
  margin-top: 5px;
  border: dotted 1px #ddd;
  padding: 5px 5px 0 5px;
}

.form .textile_field_images small {
  font-size: 8pt;
  margin: 0 0 5px 0;
  display: block;
  color: #888;
}

.form .textile_field_images ul {
  margin: 0;
  padding: 0;
}

.form .textile_field_images li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

.form .textile_field_images li img {
  border: solid 1px #ddd;
  padding: 3px;
  cursor: hand;
  width: 48px;
  height: 48px;
}

.form .textile_field_images li img:hover {
  border: solid 1px #888;
  opacity: 0.7;
}

.form .textile_field_images li img:active {
  border: solid 1px #ddd;
  opacity: 1.0;
}

.form .textile_field_errors {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 8pt;
  color: #c40;
  font-weight: bold;
}

/*
 * Previews
 */

.form .preview {
  margin-top: 15px;
}  

.form .preview_content {
  background: white;
  padding: 8px;
  margin: 0px;
  border: dotted 1px #ccc;
}

.form .preview_content div.post,
.form .preview_content .post {
  margin-bottom: 3px;
}

/*
 * Buddy icon form
 */
 
#buddy_icon_form .field {
  float: left;
  clear: none;
  width: 202px;
}

#buddy_icon_form .field label {
  display: inline;
}

#buddy_icon_form .field .sub_field {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}  

#buddy_icon_form #upload_field {
}  

#buddy_icon_form #upload_field input {
}  

#buddy_icon_form table.buddy_icon_preview {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
}  

#buddy_icon_form table.buddy_icon_preview td,
#buddy_icon_form table.buddy_icon_preview th {
  padding: 0px;
  vertical-align: middle;
}

#buddy_icon_form table.buddy_icon_preview th {
  font-size: 10px;
  font-weight: normal;
  text-align: right;
  padding-right: 8px;
}

#buddy_icon_form table.buddy_icon_preview td {
  text-align: center;
  width: 48px;
  height: 48px;
  border: solid 1px #ccc;
  background: white;
  overflow: hidden;
}

/*
 * Textile image form
 */

/*
 * This is here to preset the size when expanding the selector.
 */
.image_upload_container {
  width: 460px;
  opacity: 0.9;
}

.textile_image_form {
  width: 460px;
  z-index: 1000;
  border: solid 1px #ccc;
  background: #fff;
  padding: 0;
  display: block;
}

.textile_image_form .field
{
  padding: 0;
  margin: 0;
}

.textile_image_form .textile_image_file_field {
  background: #f3f3f3;
  padding: 0.5em;
  border-bottom: solid 1px #ccc;
}

.textile_image_form .textile_image_selector {
  margin: 0;
  padding: 0;
  height: 170px;
  overflow: auto;
}

.textile_image_form .textile_image_selector ul.photos {
  margin: 0;
  padding: 0;
}

.textile_image_form .textile_image_selector ul.photos li img {
  padding: 8px;
}

.textile_image_form .textile_image_insertion_field {
  background: #f3f3f3;
  padding: 0.5em;
  border-top: solid 1px #ccc;
}

.textile_image_form .textile_image_insertion_field ul {
  margin: 0; 
  padding: 0;
}

.textile_image_form .textile_image_insertion_field li {
  line-height: 120%;
  font-size: 8pt;
  list-style: none;
  margin: 0.5em 0;
  padding-left: 20px;
  background-color: transparent;
  background-image: url(http://underskog.no/images/bullet_blue.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.textile_image_form .textile_image_insertion_field li pre {
  margin-left: 2em;
}

/*
 * Autocompletion
 */

.autocomplete ul {
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 1px #ccc;
}

.autocomplete li {
  margin: 0;
  padding: 0;
  list-style: none;
  border: solid 1px white;
  font-size: 9px;
}

.autocomplete li.odd {
  background: #eee;
}

.autocomplete li.selected {
  background: #ccc;
}

.moderator_message {
  background: #def;
	padding: 4px;
	width: 98%;
}

/* Bulletin form */

#bulletin_form .link_dupes_warning {
  border: solid 2px #f50;
  padding: 10px;
}

#bulletin_form .link_dupes_warning h4 {
  margin: 0 0 5px 0;
  font-size: 11pt;
  font-weight: normal;
  color: #f50;
  line-height: 130%;
}

#bulletin_form .link_dupes_warning dl {
  margin: 10px 0;
  border-top: dotted 1px #ddd;
  border-bottom: dotted 1px #ddd;
}

#bulletin_form .link_dupes_warning dl dt {
  margin-top: 10px;
  margin-bottom: 5px;
  xfont-weight: bold;
}

#bulletin_form .link_dupes_warning dl dd {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

#bulletin_form .link_dupes_warning dl ul {
  margin: 0;
  margin-left: 20px;
  padding: 0;
}

#bulletin_form .link_dupes_warning dl li {
  list-style: none;
  padding-left: 20px;
  background: url(http://underskog.no/images/bullet_blue.png) no-repeat left top;
  margin: 10px 0;
}

#bulletin_form .link_dupes_warning dl li .link_dupes_warning_meta {
  color: #888;
  font-size: 8.5pt;
}

#bulletin_form .link_dupes_warning dl li .link_dupes_warning_title {
  font-weight: bold;
}

#bulletin_form .link_dupes_warning dl li .link_dupes_warning_toggler {
  font-size: 8.5pt;
  float: right;
}

#bulletin_form .link_dupes_warning .link_dupes_warning_sample {
  border: solid 1px #ddd;
  padding: 10px;
  margin-top: 5px;
}

#bulletin_form .link_dupes_warning .link_dupes_warning_ignorement input {
  vertical-align: middle;
  position: relative;
  top: -1px;
}

#bulletin_form .link_dupes_warning .link_dupes_warning_ignorement label {
  display: inline;
  color: inherit;
  font-weight: bold;
}

/* Autosearch form */

.autosearch_creation {
  margin: 20px 0;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}

.autosearch_creation h2 {
  font-size: 12pt;
  font-weight: bold;
}

.autosearch_form .field_columns .field input {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.autosearch_form .field_columns .field {
  float: left;
  width: 290px;
  margin-top: 5px;
  margin-right: 10px;
  clear: none;
}

.autosearch_form .field .field_hint strong {
  background: #eee;
}

.autosearch_form button {
  background: #f0f0f0;
  border: solid 1px #ccc;
}

.autosearch_form button:hover {
  background: #d5d5d5;
  border: solid 1px #999;
  color: #333;
}

.autosearches {
  margin: 20px 0;
  padding-top: 10px;
  border-top: dotted 1px #ddd;
}

.autosearches h2 {
  font-size: 12pt;
  font-weight: bold;
}

.autosearches table {
  clear: both;
  margin-top: 5px;
}

.autosearches table th {
  background: #dfd;
  border-bottom: solid 1px #8a8;
  color: #363;
  font-size: 8.5pt;
}

.autosearches td {
  font-size: 8.5pt;
  border-bottom: dotted 1px #ddd;
}

.autosearches td form {
  display: inline;
  margin: 0;
  padding: 0;
}

.autosearches td .progress_indicator {
  margin: 0;
  padding: 0;
  position: static;
  float: right;
}

.autosearches td strong {
  font-weight: bold;
  font-size: 10pt;
  width: 200px;
  display: block;
}

.autosearches th,
.autosearches td {
  vertical-align: baseline;
  padding: 6px 8px;
}

.autosearches td input {
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.autosearches .autosearch_new {
  float: right;
}

.autosearches td .autosearch_actions {
  white-space: nowrap;
}

/* Miniform */

.miniform .field {
  margin: 4px 0;
}

.miniform .buttons input {
  font-size: 8pt;
}


/* posts */

/*
 * Posts
 */
 
.post {
}

.post_list {
  margin: 0.5em 0;
}

.post_list .post {
  background-color: #fff;
  background-image: url(http://underskog.no/images/gradient_gray2.png);
  background-repeat: repeat-x;
  background-position: top;
  padding: 0.6em;
  overflow: hidden;
}

.post_list .post h2 {
  margin-top: 0;
}

.post_fullcolumn {
  width:300px;
}

.post .body {
  margin: 1em 0;
}

.post h2 a {
  color:#666;	
}

.post .conference_context {
  clear: left;
  display: block;
  margin-top: 0.2em;
	line-height: 1.1em;
  font-weight: normal;
  font-size: 10pt;
  color: #888;
}

.heading_context {
	display: none;
}

/*
 * Big list of posts
 */

.biglist_heading h2 {
	font-weight:normal;
  font-size: 20px;
  color:#666;	
	margin:10px 0px 00px 0px;
}

.biglist_post {
  color: #333;
  margin-top: 3px;
  margin-bottom: 10px;
  margin-left: 2px;
}

.biglist_post p {
  line-height: 20px;
}

/*
 * Affinities
*/

.affinity_selector {
  margin-top: 1px;
}

.affinity_indicator {
  overflow: hidden;
}

.affinity_indicator img.blank {
  border: solid 1px transparent;
  width: 16px;
  height: 16px;
}

.affinity_indicator:hover img.blank,
.affinity_indicator.active img.blank {
  border: solid 1px #ccc;
  opacity: 0.5;
}

.affinity_indicator.affinity_starred img.blank {
  background-image: url(http://underskog.no/images/affinity_microstar_on.png);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

.affinity_indicator.affinity_unstarred img.blank {
  background-image: url(http://underskog.no/images/affinity_microstar_off.png);
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

.affinity_menu {
  position: absolute;
  z-index: 1000;
  border: solid 1px #ccc;
  min-width: 20em;
  white-space: nowrap;
  padding: 0.3em 0.6em;
  font-size: 8pt;
  background: #fff;
  opacity: 0.9;
}

.affinity_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.affinity_menu ul li {
  margin: 0.2em 0;
  padding: 0;
  list-style: none;
  background: none;
  font-size: 8pt;
}

.affinity_menu li .object_unwatch_link {
  background-image: url(http://underskog.no/images/affinity_microstar_off.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 16px;
}

.affinity_menu li .object_watch_link {
  background-image: url(http://underskog.no/images/affinity_microstar_on.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 16px;
}

.affinity_menu li .conference_unwatch_link {
  background-image: url(http://underskog.no/images/stop.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-top: 0.3em;
  padding-left: 20px;
  margin-top: 0.3em;
  border-top: solid 1px #ddd;
  display: block;
}

.affinity_menu li .conference_watch_link {
  background-image: url(http://underskog.no/images/accept.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-top: 0.3em;
  padding-left: 20px;
  margin-top: 0.3em;
  border-top: solid 1px #ddd;
  display: block;
}

.affinity_menu .progress_indicator {
  float: right;
  margin-top: -2px;
}

.threads_block .affinity_selector {
  display: block;
  float: right;
}

.thread_time {
	font-size : 10px;
	color: #ccc;
}

.affinity_action {
	margin-top: 2px;
	margin-right: 4px;
  float:left;
	vertical-align: baseline;
	position: relative;
	top: 1px;
}

.affinity_microstar {
	position: relative;
	top: 2px;
}

.affinity_explanation_text {
  display: none;
}

.affinity_explanation a:link {
  text-decoration: none;
  color: #888;
}

.affinity_explanation a:hover {
  text-decoration: none;
  color: #888;
}

.affinity_explanation a:visited {
  text-decoration: none;
  color: #888;
}

.affinity_explanation:hover .affinity_explanation_text {
  display: inline;
	position: relative;
	top: 0px;
}

.affinity_action a:link {
  color:#999;
}

.affinity_action a:hover {
  color:#f88;
}

.affinity_action a:visited {
  color:#bbb;
}


.conference_affinity_button {
	position: relative;
	top: 2px;
}



/*
 * Conferences
*/



.conference_header {
  color:#666;
  border-top: #d8d8d8 1px solid;
}

.conference_header a:link {
  color: #444;  
}

.conference_header a:visited {
  color: #444;    
}

.conference_header .group {
	color: #777;
}

.conference_header .group a {
	color: #bbb;
}

.conference_header_status {
	font-size: 10px;
	color: #777;
	margin-top: 2px;
	margin-bottom: 8px;
}

.conference_post_box {
}

.conference_affinity_header {
  float:right;
	position: relative;
	top: -2px;
}

.conference_affinity_header a:link {
  color: #999;
}

.conference_affinity_header a:hover {
  color: #f88;
}

.conference_affinity_header a:visited {
  color: #bbb;
}

/*
 * Bulletins
 */

.comment.linked_comment {
  background: url(http://underskog.no/images/w.png) no-repeat 0 center;
  padding-left: 25px;
}

.comment.bulletin_forward_link blockquote {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.comment.bulletin_forward_link blockquote p {
  margin-top: 0;
  padding-top: 0;
}

.comment.bulletin_forward_link .bulletin_forward_link_pointer {
  margin-bottom: 0.5em;
  padding-left: 20px;
  background-image: url(http://underskog.no/images/arrow_right.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #555;
}

.bulletin_back_link {
  background: url(http://underskog.no/images/w.png) no-repeat 0 0.6em;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
  border-bottom: dotted 1px #ccc;
  margin-bottom: 15px;
	font-size: 8pt;
  color: #555;
}

/*
 * Commenting
 */

.comment_pagination_header {
  border: dotted 1px #ccc;
  padding: 5px;
  text-align: center;
  color: #666;
  font-weight: bold;
  font-size: 8.5pt;
  margin-top: 10px;
}

#comments_header {
  margin-top: 1.5em;
}  

#comment_reply {
  margin-top: 20px;
}

#comment_reply .form {
  margin: 0;
}

#comment_reply .comment_linking_link {
  float: right;
  color: #444;
  font-size: 9pt;
  line-height: 24px;
  position: relative;
  top: -3px;
}

#comment_reply .comment_linking_link .progress_indicator {
  position: relative;
  top: 4px;
}

.form.comment_form .field {
  margin: 0;
}

.form.comment_form ul.errors {
  border: none;
}

.post .comment_count {
  font-size: 10px;
  margin: 5px 0;
  display: block;
}  

#unread_comments_header {
  color: #444;
  font-weight: bold;
	font-size: 9pt;
  margin: 0.8em 0;
  padding: 0 0.6em;
  text-align: center;
}

.comment_contents {
  clear: left;
  background-color: #fff;
  background-image: url(http://underskog.no/images/gradient_gray2.png);
  background-repeat: repeat-x;
  background-position: top;
  margin: 0.6em 0;
  padding: 0.6em;
}

.unread .comment_contents {
  background-color: #fff;
  background-image: url(http://underskog.no/images/gradient_sepia.png);
  background-repeat: repeat-x;
  background-position: top;
}

.comment_event_line {
	text-align: left;
	padding: 0.2em 1em;
	color:#aaa;
	font-size:10px;	
	background: #fff;
}

.comment_event_line_divider {
  background: url(http://underskog.no/images/hatch_gray.png) repeat-x top;
	height: 1em;	
}

.comments_truncated {
	text-align: center;
  border: dotted 1px #ccc;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	margin: 1em 0;
	padding: 0.5em 0;
}

.moderator_warning_box {
  margin: 20px 0;
}

/*
 * Tag list
 */
 
.taglist {
  margin:0px;
  padding:0px;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #f80;
}

.taglist a {
  font-weight: normal;
  color: #f80;
}

.taglist a:hover {
	text-decoration: underline;
  font-weight: normal;
  color: #f80;
}

/*
 * Byline
 */

.byline {
  color: #666;
  font-size: 10px;  
  line-height: 18px;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
	clear: both;
}

.byline .byline_by {
  float: left;
  margin-right: 4px;
}  

.byline .byline_user {
}  

.byline .user_image {
  line-height: 18px;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 4px;
}

.byline .byline_block {
  margin-left: 0.25em;
  padding-left: 0.5em;
  border-left: solid 1px #ccc;
}

.byline .byline_perma {
  color: inherit;
}

.kudos_block {
  color: #0d0;
}

.byline .kudos_block {
  margin-left: 1px;
  padding-left: 5px;
  border-left: solid 1px #ccc;
}

.byline .taglist {
  margin-left: 1px;
  padding-left: 5px;
  border-left: solid 1px #ccc;
}

/*
 * Metadata
 */

.metadata_container {
  margin: 10px 0;
}

.metadata.post_metadata {
  border-top: dotted 1px #ddd;
  padding-top: 5px;
  margin: 10px 0;
}

ul.metadata {
  margin: 0;
  padding: 0;
  display: block;
}

ul.metadata li {
  font-size: 11px;
  padding: 0;
  margin: 0.5em 0;
  color: #666;
	list-style: none;
	background: none;
  padding-left: 20px;
  background: url(http://underskog.no/images/bullet_blue.png) no-repeat left top;
}

ul.metadata label {
  font-size: 11px;
  font-weight: bold;
  color: #000;
  display: inline;
}

/*
 * Polling
 */

.post .poll_result_container {
  background: #d8ffd8;
  padding: 0;
  margin: 0.6em 0;
}

.post .poll_result_container p {
  padding: 0.3em 1em;
  margin: 0;
}

.post .poll_result_container table.poll_results {
  margin-top: 0;
  margin-left: 2em;
  margin-right: 2em;
}

.post .poll_result_container table.poll_results td {
  padding: 0 0 0.1em 0;
  vertical-align: baseline;
  color: #787;
}

.post .poll_result_container table.poll_results td.poll_text {
  padding-right: 1em;
  color: #474;
  font-weight: bold;
}

.post .poll_result_container table.poll_results td.poll_text p {
  display: inline;
  margin: 0;
  padding: 0;
}

.post .poll_result_container table.poll_results td.poll_count {
  text-align: right;
  white-space: nowrap;
  padding-right: 0.6em;
}

.post .poll_result_container table.poll_results td.poll_pcnt {
  text-align: right;
  white-space: nowrap;
}

.post .poll_result_container table.poll_results td.poll_graphic {
  text-align: left;
  padding-right: 0.6em;
  width: 250px;
}

.post .poll_result_container table.poll_results td.poll_graphic .poll_bar {
  float: left;
  background: #8f8;
  border-bottom: solid 1px #7d7;
  border-right: solid 1px #7d7;
  overflow: hidden;
  height: 8px;
  display: table-cell;
}

.comment_poll_vote {
  font-size: 9pt;
  background: #d8ffd8;
  padding: 0;
  margin: 0;
}

.comment_poll_vote p {
  padding: 0 1em;
  margin: 0;
}

.form #poll_option_list li {
  margin: 3px 0;
  color: #888;
  font-size: 16px;
}

/* Moderation */

.byline .moderation_toggle {
  margin-left: 1px;
  padding-left: 5px;
  border-left: solid 1px #ccc;
}

.moderation_toggle .toggle_arrow {
	font-size: 8px;
}

.moderation_panel {
	background-color: #fcfcfc;
	border: solid 1px #ddd;
	padding: 5px;
	margin: 0;
	z-index: 1001;
}

.moderator_action {
}

.moderation_panel .form {
	margin: 0;
	padding-right: 5px;
}

.moderation_panel .form label {
	font-size: 10px;
	padding: 0px 0px 0px 0px;
}

/* Spoilers */

.spoiler .spoiler_text {
  background: #222;
  color: #222;
  font-weight: bold;
}

.spoiler .spoiler_text img {
  visibility: hidden;
}

span:hover.spoiler .spoiler_text {
  background: inherit;
  color: inherit;
}

span:hover.spoiler .spoiler_text img {
  visibility: visible;
}

.spoiler .spoiler_note {
  font-size: 80%;
  color: #666;
}


/* users */

/* Users */

.friend_floater 
{
  float:right;
  padding:15px;
  margin:0 80px 0 0;
  display:block;
  width:48px;	
}

.friend_floater div.padding
{
  padding-left:0px;
}

.member_image_inner {
  width: 48px;
  height: 48px;
}

#member_metadata {
	margin-bottom: 1.5em;
}

.user_subheader {
	margin: 4px 0px;
}

.user_realname {
  float: left;
}

.user_troll_status {
  float: left;
  background: url(http://underskog.no/images/troll_badge.gif) no-repeat 0 0.6em;
  padding-left: 28px;
  padding-top: 16px;
  margin-left: 10px;
  height: 27px;
  position: relative;
  margin-bottom: -21px;
  top: -15px;
}

.login_status {
	float: right;
	padding: 5px 8px 0px 0px;	
}

img.season_pass_badge {
  clear: right;
	float: right;
	vertical-align: baseline;
	position: relative;
	top: 2px;
}

.logged_in {
  color: #0a0;
  font-weight: bold;
  font-size: 10px;
}

.not_logged_in {
  color: #a00;
  font-weight: bold;
  font-size: 10px;
}

.page_selector {
  text-align:center;
  margin:5px 0;
  
}

.user_participation_divider {	
	height:40px;
	border-bottom: 1px #bbb dotted;
}

#all_users_container h2 {
  font-size: 20px;
  margin: 10px 0 3px 0;
  padding: 0;
}

.all_users_block {
  float:left;
  width: 49%;
  margin: 0 4px 4px 0;
  height: 28px;
}

.all_users_block .user_image {
  float:left;
  height: 24px;
  width: 24px;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

.all_users_block.even {
}

.all_users_name_and_image {
  width: 130px;  
  float: left;
}

.all_users_username {
  width: 180px;  
  margin: 6px 0 0 0px;
}

.all_users_fullname {
  float: left;
  width: 175px;  
  margin-top:6px;
  white-space: nowrap;
}


#new_users_container {
  margin: 8px 0;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 10px;
}

#new_users_container h2 {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

#new_users_container ul#new_users {
  display: block;
  padding: 0;
  margin: 0;
}

#new_users_container ul#new_users li.user {
  list-style: none;
  float: left;
  width: 19%;
  height: 24px;
  line-height: 24px;
  margin: 3px;
  white-space: nowrap;
}  

#new_users_container ul#new_users li.user .user_image {
  margin: 0 3px;
  float: left;
  width: 24px;
  height: 24px;
}

.user_section {
  margin-top: 10px;
  border-top: dotted 1px #ccc;
  padding-top: 8px;
}  

#contact_container {
  margin: 10px 0;
}

#contact_container ul.contacts {
  display: block;
  padding: 0;
  margin: 0;
}

#contact_container ul.contacts li.contact {
  list-style: none;
  float: left;
  width: 24%;
  height: 48px;
  line-height: 48px;
  margin: 3px;
  overflow: hidden;
  white-space: nowrap;
}  

#contact_container ul.contacts li.contact .username {
  position: relative;
  top: -19px;
}
 
#contact_container ul.contacts li.contact .user_image {
  margin: 0 3px 0 0;
}

#member_contacts_oneline ul.contacts li.contact {
  list-style: none;
  float: left;
  width: 100%;
  height: 24px;
  line-height: 20px;
  margin: 3px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom:10px;
}  

#member_contacts_oneline ul.contacts {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 12px;
}

#member_contacts_oneline {
  padding-top: 9px;
  margin-top: 11px;
  border-top: dotted 1px #ccc;
  margin-bottom: 20px;
}

#member_contacts_oneline ul.contacts li.contact .user_image {
  margin: 0 3px 0 0;
  float: left;
}

#member_contacts_concise {
  margin: 0.8em 0;
}

#member_contacts_concise h3 {
  margin-top: 0;
  margin-bottom: 9px;
}  
  
#member_contacts_concise ul.contacts {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 12px;
}

#member_contacts_concise ul.contacts li.contact {
  list-style: none;
  float: left;
  width: 15%;
  height: 24px;
  line-height: 20px;
  margin: 3px;
  overflow: hidden;
  white-space: nowrap;
}  

#member_contacts_concise ul.contacts li.contact .username {
  position: relative;
  top: -9px;
}

#member_contacts_concise ul.contacts li.contact .user_image {
  margin: 0 3px 0 0;
}

#member_contacts_concise #more_contacts {
	margin-top:10px;
	float: right;
	font-size: 11px;
}

#grant_post_form #users {
  padding: 0;
  margin: 0;
  clear: both;
}

#grant_post_form #users li.user {
  list-style: none;
  display: block;
  float: left;
  line-height: 18px;
  width: 25%;
  padding-left: 45px;
  text-indent: -45px;
}  

#grant_post_form #users li.user .user_image {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-right: 3px;
}

#relation_selector {
  font-size:10px;
  border-bottom: 1px #ccc solid;
  color:#444;
  padding:4px 6px;
  margin: 5px 0px 10px 0px;
}

#relation_selector ul {
  margin: 10px auto; padding: 0;
}

#relation_selector li {
  list-style: none;
  padding:0px;
  margin:0px;
}

#flickr_account_status {
  padding-bottom: 0em;
  margin-bottom: 1.2em;
  border-bottom: dotted 1px #ccc;
}

.user_settings_menu {
  margin: 40px 10px;
  padding: 0;
  color: #888;
  font-size: 8.5pt;
}

.user_settings_menu li {
  width: 270px;
  float: left;
  list-style: none;
  margin: 0 20px 30px 0;  
}

.user_settings_menu li.odd {
  clear: both;
}

.user_settings_menu li a {
  line-height: 120%;
  font-size: 13pt;
  display: block;
  margin: 0;
  margin-bottom: 5px;
}

/* Member show page */

.invitation_grant_link {
  padding-top: 8px;
  font-size: 8pt;
  color: #bbb;
  float: right;
}

.invitation_grant_link a {
  color: inherit;
}


/* messenger_and_inbox */

/*
 * Messages in general.
 */

.user_message_content {
  margin: 0;
}  

.user_message_footer {
  color: #888;
  display: block; 
  font-size: 10px;
}

.user_message_footer .user_image {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.user_message_sender {
}

.user_message_sender,
.user_message_recipient {
  margin-right: 4px;
}

.user_message_compose_box {
  clear: both;
  margin: 0.5em;
  padding-bottom: 0.3em;
}  

.user_message_compose_box .form {
  background: none;
  border: none;
  padding: 0;
  margin: 5px 0;
}

.user_message_compose_box .field {
  margin: 5px 0;
}  

.user_message_compose_box .buttons {
  margin-top: 2px;
}  

.user_message_compose_box .form .field label {
  display: inline;
  color: #888;
  font-weight: bold;
}  

.user_message_compose_box .form .field label,
.user_message_compose_box .form .field textarea,
.user_message_compose_box .form .field input {
  font-size: 8pt;
}

.user_message_compose_box textarea {
  width: 198px;
}

.user_message_compose_box .autocomplete {
	z-index: 1
}

.user_message_compose_box .autocomplete ul {
  width: 200px;
}

.user_message_compose_box .autocomplete li {
  line-height: 24px;
}

.user_message_compose_box .autocomplete li .user_image {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  float: left;
  white-space: nowrap;
}

/*
 * Messenger
 */

#messenger {
  float: right;
  width: 198px;
  padding: 0;
  margin: 0;
}

/* Messages */

.user_message {
  background: #def;
  overflow: hidden;
  padding: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 5px 0;
}  

.user_message .actions {
  margin: 0 0 4px 4px;
  float: right; 
  font-size: 7pt;
  font-weight: bold;
  line-height: normal;
}

.user_message_content {
  margin-top: -6px;
}

.user_message_footer {
  margin-top: -9px;
  margin-right: 0;
  overflow: hidden;
  white-space: nowrap;
}

.user_message_footer img {
  position: relative;
  top: 9px;
}

#messenger .user_message_compose_box {
  margin: 0.4em 0;
}

#messenger #user_unread_icon {
  top: 1px;
  position: relative;
  opacity: 0.5;
}

#messenger #user_unread_count {
  color: #666;
}

#messenger #messenger_header {
  margin-left: 5px;
  font-size: 10px;
  font-weight: normal;
  padding: 0;
}

#messenger h2 {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size: 10pt;
}  

#messenger_inbox {
  margin: 0;
  margin-top: 5px;
  padding: 0;
}

#messenger_status {
  border-top: dotted 1px #ccc;
  margin: 6px 10px;
  padding-top: 6px;
  color: #888;
}

#messenger_status .flash_inline {
  margin: 0;
}  

#messenger_status p {
  margin: 0;
  margin-top: 6px;
  padding: 0;
}  

#messenger_toolbox {
  margin: 3px 0;
}

#messenger_toolbox.actions .action,
#messenger_toolbox.actions .action a {
  font-size: 7pt;
  padding: 0px;
  margin: 0px;
  margin-right: 2px;
}

/*
 * In/outbox
 */

table#user_message_history {
  border-spacing: 10px;
  border-collapse: collapse;
}

#user_message_history th {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 4px;
}  

#user_message_history tr {
}  
 
#user_message_history td {
  margin: 0;
  vertical-align: bottom;
}  

#user_message_history td.empty {
  border: none;
}  

#user_message_history td.divider {
  width: 6px;
}  

#user_message_history td.message {
  padding: 2px 0;
}  

#user_message_history td.message .user_message {
  overflow: hidden;
  width: 300px;
  padding: 4px;
}  

#user_message_history td.message .user_message .user_message_content {
  margin: 0;
  margin-bottom: 4px;
  padding: 0;
}

/* Nudging */

.nudger_form textarea {
  font-size: 8pt;
}

.nudger_form .field,
.nudger_form .buttons {
  margin: 4px 0;
}

.nudger_form .field_hint {
  margin-top: 0;
  margin-bottom: 5px;
}

.nudger_form .nudger_text {
  float: left;
}

.nudger_form .buttons input {
  float: right;
}

#nudger_status {
  margin-bottom: 5px;
  clear: both;
  min-height: 16px;
}

/* Message history */

.user_messages_conversation_page .page_intro {
  margin-bottom: 15px;
}

.user_messages_conversation_page .message_conversations_sidebar {
  margin: 0;
  padding: 10px 0;
  float: left;
  width: 160px;
  border-right: solid 1px #ddd;
}

.user_messages_conversation_page .message_conversations_sidebar .no_results {
  font-size: inherit;
  padding: 10px;
}

.user_messages_conversation_page .message_conversations_sidebar .message_conversations_filter {
  margin: 0;
  padding-left: 10px;
}

.user_messages_conversation_page .message_conversations_sidebar .message_conversations_filter label {
  margin: 0;
  margin-bottom: 3px;
}

.user_messages_conversation_page .message_conversations_sidebar .message_conversations_filter input {
  width: 115px;
  margin-right: 3px;
}

.user_messages_conversation_page .message_conversations_sidebar .message_conversations_filter .message_conversations_filter_clear {
  position: relative;
  top: 3px;
}

.user_messages_conversation_page .message_conversations {
  margin: 0;
  padding: 10px 0;
}

.user_messages_conversation_page .message_conversations li {
  margin: 0;
  list-style-type: none;
  position: relative;
  left: 1px;
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.user_messages_conversation_page .message_conversations li.message_conversation_item_selected {
  background: url(http://underskog.no/images/messages/conversation_background2.png) repeat-y;
  border: solid 1px #ddd;
  border-right: none;
}

.user_messages_conversation_page .message_conversations li.message_conversation_item_selected .message_conversation {
}

.user_messages_conversation_page .message_conversations .message_conversation {
  padding: 10px;
}

.user_messages_conversation_page .message_conversations .message_conversation h3 {
  font-size: 12pt;
  line-height: 100%;
  margin: 0;
}

.user_messages_conversation_page .message_conversations .message_conversation .user_image {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}

.user_messages_conversation_page .message_conversations .message_conversation .message_conversation_time {
  color: #888;
  font-size: 7pt;
  line-height: 120%;
  margin-bottom: -10px;
}

.user_messages_conversation_page .message_conversations .message_conversation .message_conversation_count {
  font-size: 11pt;
}

.user_messages_conversation_page .message_conversations .message_conversation .message_conversation_excerpt {
  display: none;
  font-size: 8.5pt;
  color: #888;
}

.user_messages_conversation_page .message_conversations .message_conversation .message_conversation_excerpt a {
  color: inherit;
}

.user_messages_conversation_page .conversation_messages_pane {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  float: left;
  width: 455px;
}

.user_messages_conversation_page .conversation_messages_container {
}

.user_messages_conversation_page .conversation_messages_container h3 {
  text-align: center;
  padding-top: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

.user_messages_conversation_page .conversation_messages {
  margin: 0;
  margin-top: 15px;
  padding: 0;
}

.user_messages_conversation_page .conversation_messages li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.user_messages_conversation_page .conversation_messages .conversation_message {
  width: 220px;
}

.user_messages_conversation_page .conversation_messages .conversation_message.conversation_message_from_you {
  margin-left: 230px;
}

.user_messages_conversation_page .conversation_messages .conversation_message.conversation_message_to_you {
}

.user_messages_conversation_page .conversation_tools {
  font-size: 8pt;
  text-align: center;
  color: #888;
  padding-bottom: 10px;
  border-bottom: solid 1px #ddd;
}

.user_messages_conversation_page .conversation_tools a {
  color: inherit;
}

.user_messages_conversation_page .conversation_tools .conversation_tools_deletion {
  margin-left: 5px;
  padding-left: 5px;
  border-left: solid 1px #ddd;
}

.user_messages_conversation_page .conversation_messages_container_progress_indicator {
  position: absolute;
  background: url(http://underskog.no/images/spinner.gif) no-repeat 0 0;
  width: 25px;
  height: 25px;
  top: 10px;
  overflow: hidden;
}

/* History page */

.user_messages_history_page .all_messages {
  margin: 0;
  margin-top: 15px;
  padding: 0;
}

.user_messages_history_page .all_messages li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.user_messages_history_page .all_messages .message {
  width: 220px;
}

.user_messages_history_page .all_messages .message.message_from_you {
  margin-left: 230px;
}

.user_messages_history_page .all_messages .message.message_to_you {
}


/* calendar */

/* Calendar bar settings */

.city_selector {
  margin-bottom: 1em;
  padding: 0.5em 0;
  border-bottom: dotted 1px #ccc;
}

.city_selector label {
  display: inline;
  font-size: 10pt;
}

.view_setting_city_filter_id input {
	font-size: 10px;
}

.calendar_bar h2 {
  padding: 0;
  margin-top: 0.8em;
  margin-bottom: 0.3em;
}

.calendar_bar h2,
.calendar_bar h2 a {
  color: #888;
  font-size: 10pt;
  font-weight: bold;
}

.calendar_hint_box {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  border: 1px #aaa solid;
  width: 10px;
  height: 10px;    
}

#hint_recommendations {
  background-color: #f93;  
}

#hint_circle {
  background-color: #3a3;  
}

#hint_user {
  background-color: #a33;  
}

#hint_all {
  background-color: #fff;  
}

/* Private events */

.private_event {
}

.private_event_sign {
	background: url(http://underskog.no/images/private.png) top left no-repeat;
	height:15px;
	width:43px;
	margin-top: 1px;
	margin-left: 0.5em;
	display: block;
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
  float: right;
}

/*
 * Canceled events
 */
 
.canceled_event_sign {
 	background: url(http://underskog.no/images/canceled.png) top left no-repeat;
 	height:15px;
 	width:43px;
 	margin-top: 1px;
	margin-left: 0.5em;
 	display: block;
 	font-weight: normal;
 	font-size: 9px;
 	text-transform: uppercase;
  float: right;
}

/*
 * Time
 */

.time_in_past,
.past_time {
	color: #888;
	background: url(http://underskog.no/images/overstrike.png) left center repeat-x;
}

/* Big List */

.calendar_biglist h2 {
  color: #888;
  font-size: 12pt;
  font-weight: bold;
	margin-bottom:10px;
	margin-top:20px;
  clear: left;
}

.calendar_biglist_entry {
  color: #333;
  margin-top: 3px;
  margin-bottom: 14px;
  padding:0px;
  clear: left;
}

.calendar_biglist_entry h3 {
  font-size: 17px;
	margin-top: 15px;
  margin-bottom: 0px;
  padding: 0;
}


.calendar_biglist_entry .event_time {
  width: 52px;
  /* Extra height to minimize silly-looking wrapping */
  height: 30px;
  float: left;
  display: block;
  overflow: hidden;
}  

.calendar_biglist_entry .private_event_sign {
	float: right;
}

.calendar_biglist_entry .canceled_event_sign {
	float: right;
}
  
.calendar_biglist_entry .participation_status,
.calendar_biglist_entry .byline,
.calendar_biglist_entry .body,
.calendar_biglist_entry .comment_count {
  margin-left: 52px;
}

.calendar_biglist_entry .body {
  margin-top: 0px;
  margin-bottom: 4px;
}

/*
 * Participation status
 */

.participation_status {
  margin-left: 13px;
  color: #888;
  margin: 0.4em 0;
}

.post .participation_status {
  margin: 1em 0;
}  

/*
 * Participation selector
 */

.participation_selector {
  color: #888;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: dotted 1px #ccc;
}

.participation_selector a {
}

.participation_selector .selected {
  color: #272;
}

/*
 * Event post
 */
 
.post .event_time_metadata {
  font-size: 11pt;
  color: #888;
}

.post .event_time {
  color: #777;
}  

/* Month/Year navigator */

.calendar_navigator {
  text-align: left;
  font-size: 12px;
}

.calendar_navigator .year {
  font-size: 10px;
  color: #444;
}

.calendar_navigator .months table {
  margin-bottom: 8px;
}
.calendar_navigator .months table th {
  border: 1px #eee solid;
}

.calendar_navigator .month {
  margin: 9px;
}

.calendar_navigator .month a:link {
  color: #888;
}

.calendar_navigator .month a:visited {
  color: #888;
}

.calendar_navigator .other_year a {
  color: #999;
}

/* cellen som representerer inneværende måned */
.calendar_navigator .current {
  background: #ddd;
}

/* cellen som er valgt av brukeren */
.calendar_navigator .selected {
  border-spacing: 8px;
  border: solid 8px red;
  background: #7c7;
}

.calendar_navigator .selected a:link{
  color: #fff;  
}

.calendar_navigator .selected a:visited{
  color: #fff;  
}

/* skop-velger på kalender */

.scope_selector table {
  width: 100%;
}

.scope_selector table td {
  border: 1px #eee solid;
  text-align: center;
}

.scope_selector a:link {
  color: #888;
}  

.scope_selected {
  background: #7c7;
}

.scope_selected a:link {
  color: #fff;
}

.scope_selected a:visited {
  color: #fff;
}

.participation_bar {
  color: #888;
  display: block;
  margin: 0.5em 0;
}

.participation_bar img {
  margin: 3px 0;
  margin-right: 1px;
}

.participation_summary {  
  display: inline;
  font-size: 7pt;
  color: #888;
}

/* Misc */

#frontpage_calendar {
  background-color: #fff;
  border-right: 1px #bbb dotted;
}


#city_field {
  float: left;
  clear: none;
  padding: 0;
  margin-right: 5px;
}

#venue_field {
  clear: none;
  float: left;
}

#missing_venue_info {
  clear: both;
  font-size: 10px;
  margin-bottom: 7px;
}

.tabbed_menu_calendar {
	float: right;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	margin-top: 8px;
	background-color: #fff;
}

.calendar td, .calendar th {
	font-size: 10px;
	width: 20px;
	border-top: 1px dotted #ddd;
	text-align: center;
	padding: 2px;
}

.calendar th {
	border-top: none;
	font-weight: normal;
	padding-top: 3px;
}

.monthName th{
	border-top: none;
	text-align: right;
	padding-left: 3px;
	display: none;
}

.calendar td a {
	color: #666;
}

td.focusedDay_begin {
	/* background-color: #fdd;*/
	border-left: 2px solid #800;
	padding-left: 0;
	margin: 0;
}

td.focusedDay_end {
	/* background-color: #fdd;*/
	border-right: 2px solid #800;
	padding-right: 0;
	margin: 0;
}

td.focusedDay {
	/* background-color: #fdd;*/
	border-top: 2px solid #800;
	border-bottom: 2px solid #800;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

td.today {
	font-weight: bold;
}

td.today a {
	color: #333;
}

td.weekendDay {
	background-color: #fff1f1;
}

td.otherMonth {
	background-color: #eee;
}

td.otherMonth a {
	color: #bbb;
}

.calendar_header {
	font-size: 10px;
	margin-top: 4px;
}

.month_selector {
	margin-top: 6px;
	font-size: 10px;
	float: left;
	padding-right: 11px;
}

.month_selector .month {
	text-align: right;
	padding-top: 1px;
	padding-right: 10px;
	border-right: 1px solid #ddd;
}

.month_selector .year {
	color: #ddd;
	padding-right: 2px;
	font-weight: normal;
}

.focused_month {
	font-weight: bold;
}

.calendar .weekOfYear {
	border-right: 1px dotted #ddd;
}

.calendar .weekOfYear a {
	font-size: 8px;
	font-weight: bold;
	position: relative;
	left: -4px;
	color: #888;
}

.calendar .weekHeader span {
	font-size: 8px;
	position: relative;
	left: -4px;
}

/*
 * Event form
 */

.form ul#event_instances {
  margin: 0;
  margin-bottom: 0;
  padding: 0;
}

.form ul#event_instances li {
  margin: 0.25em 0;
  list-style: none;
  background-color: #fff;
  background-image: url(http://underskog.no/images/gradient_gray2.png);
  background-repeat: repeat-x;
  background-position: top;
  padding: 0.6em;
  padding-left: 30px;
}

.form ul#event_instances li .remove_icon {
  float: left;
  top: 0.8em;
  position: relative;
  margin-right: 6px;
}

.form ul#event_instances li .cancelation {
  float: right;
  z-index: 1000;
}

.form ul#event_instances li .cancelation label {
  display: inline;
  font-size: 10px;
  color: #666;
}

.form ul#event_instances li .subfields {
}

.form ul#event_instances li .subfields .subfield {
  margin: 5px 0;
  position: relative;
  left: 30px;
  top: -10px;
  width: 470px;
}

.form ul#event_instances li .subfields .subfield label {
  clear: both;
  display: block;
  overflow: hidden;
  float: left;
  color: #888;
  font-size: inherit;
  position: relative;
  width: 5ex;
  top: 0.3em;
}

.form ul#event_instances li .subfields .subfield_value {
  float: left;
  width: 400px;
}

.form ul#event_instances li .collision_warnings {
  clear: both;
}

.form ul#event_instances li .collision_warnings p {
  padding: 0;
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #a33;
}

.form ul#event_instances li .collision_warnings ul {
  border: none;
  padding: 0;
  margin: 0;
  margin-left: 16px;
  float: none;
}

.form ul#event_instances li .collision_warnings ul li {
  float: none;
  border: 0;
  padding: 0;
  margin: 5px 0;
  list-style: none;
  background: url(http://underskog.no/images/bullet_blue.png) no-repeat 0 0.6em;
  padding-left: 20px;
  padding-top: 6px;
}

.form ul#event_instances .venue_search_query {
  position: relative;
  top: -2px;
  font-size: 12pt;
  vertical-align: baseline;
}

.form ul#event_instances .venue_matches ul {
  margin-top: 5px;
  padding: 0;
  overflow: auto;
  max-height: 250px;
}

.form ul#event_instances .venue_matches ul li {
  background: none;
  padding: 2px;
  margin: 0;
}

.form ul#event_instances li .subfields .venue_matches ul li label {
  color: inherit;
  width: auto;
  top: inherit;
  position: static;
  float: none;
  padding: 3px 0;
  vertical-align: baseline;
  display: inline;
}

.form ul#event_instances li .subfields .venue_matches ul li label .venue_title {
  font-weight: bold;
  max-width: 450px;
}

.form ul#event_instances li .subfields .venue_matches ul li label .venue_event_count {
  float: right;
}

.form ul#event_instances li .subfields .venue_matches ul li .venue_match_show_all {
  font-weight: bold;
  margin-left: 10px;
}

.form ul#event_instances li .subfields .venue_matches ul li:hover {
  background: #e8e8e8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.form #more_event_instances {
  padding-left: 10px;
}

.form #more_event_instances #add_instance_icon {
  background-image: url(http://underskog.no/images/plus.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

.form #suggested_ticket_directions {
  font-size: 10px;
}

.form #event_modification_info {
  border: solid 1px #ddd;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 15px;
  margin: 15px 0;
  position: relative;
}

.form #event_modification_info > strong {
  position: absolute;
  left: 15px;
  width: 150px;
  text-align: right;
}

.form #event_modification_info ul {
  position: relative;
  top: -5px;
  margin: 0;
  margin-bottom: -10px;
  padding: 0;
  left: 170px;
  width: 400px;
  font-size: 11px;
}

.form #event_modification_info ul li {
  float: none;
  border: 0;
  padding: 0;
  list-style: none;
  background: url(http://underskog.no/images/bullet_blue.png) no-repeat 0 0.6em;
  padding-top: 6px;
  padding-left: 20px;
  margin: 5px 0 0 0;
  position: relative;
  top: -6px;
}


/* groups */

#group_conference_list {
  padding-top: 9px;
  margin-top: 11px;
}

.conference_entry {
  padding: 1px 3px 1px 3px;
}

.external_site_warning {
 clear:both;
 padding:10px;
 border:1px #aaa dotted;
 margin:5px 0 13px 0;  
}

.external_site_warning li {
  margin-top:2px;
  margin-left:10px;
  font-size: 10px;
}


/* Konferanse-listen i sidebar */ 

ul.conferences {
	margin-left: 0;
	padding-left: 0;
}

ul.conferences li {
  list-style: none;
  list-style-image: none;
}

ul.conferences .role {
	color: #ccc;
	position: absolute;
	left: 250px;
}

ul.conferences li.group {
	margin-top: 4px;
	margin-bottom: 2px;
}

ul.conferences li.group a {
	font-weight: bold;
	color: #333;
}

ul.group_conferences {
	padding-left: 0;
}

ul.group_conferences li {
	margin-left: 15px;
}

#sent_invitations ul li {
  list-style: none;
	padding-left: 1em;
	text-indent: -1em;
  margin-bottom:10px;
}

.pending_invitation {
	border-top: 3px solid #7e7;
	border-bottom: 3px solid #7e7;
	background-color: #e5ffe5;
	padding: 8px;
	padding-top: 4px;
	margin-top: 6px;
	text-align: left;
}

.pending_invitation form {
	text-align: right;
	margin-right: 80px;
}

.pending_invitation h3 {
	margin-left: 80px;
}

.pending_invitation .description {
	width: 450px;
	margin-left: 80px;
	text-align: left;
	font-size: 11px;
	margin-top: 0.5em;
	margin-bottom: 1.4em;
}

a.unban_button {
	color: #f00;
}

/* shopping */

.season_pass_ad {
  border: dotted 1px #7c3;
  padding: 8px 8px 0 8px;
}

.season_pass_blurb {
  float: left;
  width: 300px;
  border-right: dotted 1px #ddd;
  padding-right: 10px;
  margin-right: 10px;
}

.season_pass_top h2 {
  background: url(http://underskog.no/images/pro_tree.png) no-repeat 0 0; 
  padding-left: 80px;
  padding-top: 20px;
  height: 40px;
}

.season_pass_blurb .season_pass_blurb_bullets {
  margin: 10px 0;
}

.season_pass_right_column {
  float: left;
  width: 300px;
}

.season_pass_status {
  margin-bottom: 25px;
}

/* photos_and_images */

#flickr_feed {
  margin-left: 5px;
}

#flickr_feed img {
  margin-right: 8px;
  margin-top: 8px;
}

.post #flickr_link {
  color: #888;
  margin: 0.5em 0;
}

.post #photo {
  margin-top: 1.5em;
}

.post #photostream {
  border-top: dotted 1px #ccc;
  clear: both;
  margin: 2em 0;
}

.post #concurrent_photostream {
  clear: both;
  margin: 2em 0;
}

ul.related_photo_show {
  padding: 0;
  width: 550px;
}

ul.related_photo_show li {
  margin: 4px 4px 4px 0px;
  list-style: none;
  display: inline;
  float: left; 
  width:90px;
  height:90px
}

ul.photostream {
  padding: 0;
  margin: 0;
  width: 550px;
}

ul.photostream li {
  padding: 0;
  margin: 4px 4px 10px 0px;
  list-style: none;
  display: inline;
  float: left; 
}

.photostream .focused {
	border: 3px solid #ccc;
	margin-top: -1px;
}

.image_description {
  font-size: 6pt;
  line-height: normal;
  margin-top: 0.25em;
  text-align: center;
  color: #888;
}

ul.related_photos {
  padding: 0;
  margin: 10px 0;
  width: 550px;
}

ul.related_photos li {
  padding: 0;
  margin: 4px 4px 4px 0px;
  list-style: none;
  display: inline;
  float: left; 
}

.post .photo {
  margin: 8px 0;
}

ul.photos {
  padding: 0;
}

ul.photos li {
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 4px 4px 0;
  background: none;
  position: relative;
  width: 50px;
  height: 50px;
}

ul.photos img {
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
}

ul.photos img:hover {
  width: 100px;
  height: 100px;
  border: solid 3px white;
  position: absolute;
  left: -25px;
  top: -25px;
  z-index: 1000;
}


/* header_and_menu */

/* --- Header and Menu --- */

#browser_warning {
  background: #000;
  color: #ccc;
  overflow: hidden;
}

#browser_warning .wrapper {
  padding: 0.5em 0;
  background-image: url(http://underskog.no/images/firefox-128-onblack.png);
  background-repeat: no-repeat;
  background-position: 100% -50px;
}

#browser_warning a {
  color: #888;
}

#header
{
  color: #333;    
  padding-top:7px;
  padding-bottom: 3px;
  padding-left:0;
  height: 53px;
}

#header a {
  font-weight: normal;
  color: #fff;
}

#header h1 {
  width:160px;
  height:40px;
  font-weight: bold;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 18pt;
 	margin-top:10px;
 	padding-top:8px;
  margin:0px;
  float:left;
}

.opaque_background {
  background: url(http://underskog.no/images/header_background_opaque.png);	
  padding:0px;
  margin:0px;
}

#header h1 a {
}

#login {
  font-family: Helvetica, Arial, Sans-Serif;
  font-weight:normal;
  font-size: 12px;
  padding:0px;
  margin:0px;
  margin-right:10px;
  float:right;
  color:#fff;
}

#login a {
  color:#fff;
  font-weight:bold;
  font-weight:normal;
  text-decoration:none;
}

#login a:hover {
  color:#fff;
  text-decoration:underline;
}

/* --- Menu --- */

#menu
{
  line-height: 100%;
  padding: 0.2em 0;  
  border-bottom: dotted 1px #e0e0e0;
}

#menu ul {
  margin: 0px;
  padding: 0px;  
}

#menu ul li {
  float: left;
  display: block;
  font-size: 8pt;
  margin-right:10px;
  color: #000;
}

#menu a {
  font-weight: normal;  
  background-color: transparent;
  color: #666;
}

.warning {
	font-size: 10px;
	color: #666;
}

#menu .user_image {
  top: -1px;
  position: relative;
  margin-bottom: -6px;
  margin-right: 4px;
}

#menu #user_menu {
  float: right;
}

#menu #conference_menu_item {

}

#menu #conference_navigator_trigger {
  left: 1px;
  width: 12px;
  height: 12px;
  padding: 2px;
  position: relative;
  top: -1px;
  border: solid 1px transparent;
  display: block;
  float: left;
  background-image: url(http://underskog.no/images/bullet_arrow_down.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#menu #conference_navigator_trigger:hover,
#menu #conference_navigator_trigger.active {
  border: solid 1px #ccc;
  opacity: 0.5;
}

#conference_navigator {
  border: solid 1px #ccc;
  padding: 1em;
  font-size: 8pt;
  z-index: 1000;
  background: #fff;
  opacity: 0.9;
  max-height: 30em;
  overflow: auto;
	width: 180px;
}

#conference_navigator ul {
  padding: 0;
  margin: 0.8em 0;
}

#conference_navigator ul li {
  display: block;
  font-size: 8pt;
}

#conference_navigator dl {
  margin: 0;
  padding: 0;
}

#conference_navigator dt {
  margin-bottom: 0.2em;
  font-weight: bold;
}

#conference_navigator dt a:link,
#conference_navigator dt a:visited {
  color: #000;
}

#conference_navigator dd {
  margin: 0;
  padding: 0;
}

#conference_navigator dd ul {
  margin: 0;
  padding: 0;
}

#conference_navigator dd ul li {
  display: block;
  font-size: 8pt;
}

#conference_navigator dd ul li:hover {
  background: #e8e8e8;
}

#conference_navigator #new_forum_menu_item {
  display: block;
  margin-bottom: 0.7em;
  padding-left: 19px;
  background-image: url(http://underskog.no/images/plus.png);
  background-repeat: no-repeat;
  background-position: left center;
}

#header_searchbox {
	padding-top: 7px;
	padding-right: 8px;
	float:right;
}

#header_searchbox a#global_search_form_submit {
  margin-left: 4px;
  padding: 3px 6px;
  background: #222;
}

/* Tabbed menu subheader */

.tabbed_menu_actions {
	float: right;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: px;
	margin-top: 8px;
	background-color: transparent;
}

.tabbed_menu_actions action {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

.tabbed_menu_actions hr {
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
}

.tabbed_menu_actions ul li {
	display: block;
	padding-top: 3px;
}

.tabbed_menu {
	background-color: #fff;
	border-bottom: 1px solid #aaa;
  background: url(http://underskog.no/images/menu_gradient.png) repeat-x bottom;
	padding: 1px;
	margin-bottom: 15px;
}

.tabbed_menu_content {
	padding: 2px 10px 10px 10px;
}

.tabbed_menu ul {
	padding-left: 10px;
	margin: 0px;
	font-size: 10px;
}

.tabbed_menu li.tab {
  display: inline;
	padding: 2px 6px 3px 6px;
	margin: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	background-color: #f0f0f0;
}

.tabbed_menu li.current_tab {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;	
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

.tabbed_menu .tab a:link, 
.tabbed_menu .tab a:visited, 
.tabbed_menu .tab a:hover {
	color: #333;
}

.page_context {
  display: none; /* deferred */
  font-size: 8pt;
  margin-top: 0.3em;
  margin-bottom: 1.5em;
  padding-left: 10px;
	color: #888;
}

.tabbed_menu_info_box {
	margin-left: 13px;
	margin-bottom: 8px;
	padding: 0px 4px 4px 4px;
	border: 1px solid #ddd;
	width: 475px;
}

.tabbed_menu_info_box ul {
	padding-left: 23px;
}

.tabbed_menu_context {
	font-size: 0.8em;
	float:right;
	color: #888;
}

.header_role_description {
	font-size: 0.8em;
	background-color: #9df;
	color: #333;
	padding: 2px;
	padding-left: 13px;
}

.news {
  font-size: 9pt;
  font-weight: bold;
  margin-bottom: 1.25em;
	border-bottom: dotted 1px #ccc;
}

.big_news {
	font-size: 8pt;
	padding: 0.4em 0;
	margin-bottom: 15px;
	color: #444;
	border-bottom: 1px dotted #ddd;
}

#maintenance_message {  
  font-size: 9pt;
  padding: 0.1em 0;
	background: #900;
	color: #fff;
}

/* bars_and_panels */

/* --- SIDEBAR CLASSES --- */

.sidebar
{
  color: #444;  
  font-size:11px;
  line-height:14px;
  padding: 0 5px;
}

.sidebarsubpage
{
  float:right;
  clear:right;
  width: 200px;
}

.calendar_bar_frontpage
{
  float:left;
  width: 210px;
}

.calendar_bar_frontpage .more_link {
  margin-top: 1em;
  text-align: center;
}

.calendar_bar_city
{
	font-size: 10px;
	color: #666;
}

.sidebar_frontpage
{
  float:left;
  width: 200px;
}

.sidebar_frontpage .sidebar {
  padding-right: 0;
}  

.sidebar div.post {
  padding: 3px;
  margin: 0 0 10px 0;
}

.sidebar h2
{
  font-size: 10pt;
  padding: 0;
  margin: 0;
}

.sidebar h3
{
  font-size: 11pt;
  padding: 0;
  margin: 0;
}

.sidebar div#about
{
  margin: 10px 0 10px 0;
  padding: 0 0 5px 2px;
  font-size:11px;  
  line-height:16px;
  background: #fff;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  padding: 7px;
}

.sidebar div.panel {
  font-size: 8pt;
  line-height: normal;
  background: none;
  color: #444;
  clear: both;
}

.sidebar div.panel h2 {
  font-size: 9pt;
  color: #4a4; 
  margin: 0.7em 0 0.2em 0;
  padding: 0;
}

.sidebar div.panel p {
  margin: 0.3em 0;
}

.sidebar .panel ul {
  padding: 0;
  margin: 0;
}

.sidebar .panel ul li {
  list-style: none;
  list-style-image: none;
  background: none;
  font-size: 8pt;
}  

/* Shout actions */

.shout_actions {
  color: #666;
}

.sidebar .panel ul.shout_actions {
  padding: 0;
  margin: 5px 0;
  border-bottom: dotted 1px #ddd;
}

.shout_actions li {
  margin: 5px 0;
}

.shout_actions li .shout_actions_icon {
  float: left;
  margin: 0 9px 0 0;
}

/* Calendar bar */

.calendar_bar {
  padding-right:5px;
}

.calendar_bar h1 {
  font-size:25px;
  color:#444;
}

.calendar_bar h1 a {
  font-size:20px;
  color:#3a3;
  margin-top:10px;
}

.calendar_bar_event {
  margin-top: 6px;
  margin-bottom: 10px;
}

.calendar_bar_event p {
  margin-bottom: 0px;
  line-height: 14px;
}

.calendar_bar_event table {
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
}

.calendar_bar_event table tr {
  padding: 0px;
  margin: 0px;
}

.calendar_bar_event table h2, 
.calendar_bar_event table h3  {
  padding: 0px;
  margin: 0px;
}

.calendar_bar_event td {
  padding: 0px;
  margin: 0px;
  vertical-align: baseline;
  text-align: left;
}

/* Photos */

#photos_panel ul.photos {
  margin: 4px;
}  

#photos_panel ul.photos li.photo {
  margin: 4px;
}  

/* Login history panel */

#login_history_panel ul.login_history_users {
  display: block;
  padding: 0;
  white-space: nowrap;
  margin-left: 3px;
}

#login_history_panel ul.login_history_users li.login_history_user {
  list-style: none;
  float: left;
  height: 24px;
  line-height: 24px;
  margin: 3px 0px;
  display: block;
  overflow: hidden;
  width: 95px;
  white-space: nowrap;
}

#login_history_panel ul.login_history_users li.login_history_user .username {
  position: relative;
  top: -9px;
}

#login_history_panel ul.login_history_users li.login_history_user .user_image {
  margin: 0;
  margin-right: 3px;
}

#login_history_panel ul.login_history_users li.login_history_user.recent .username {
  background: #ffffc0;
  padding: 2px;
  margin-right: 3px;
}  

#login_history_panel #login_count {
  clear: both;
  padding-top: 0.4em;
  margin: 0 0 0.3em 0;
  font-size: 8pt;
}

#login_history_panel #login_count_24 {
  clear: both;
  color: #aaa;
  margin: 0.3em 0;
  font-size: 7pt;
}

/* --- Similar objects --- */

#similar_objects_panel {
}

#similar_objects_panel ul {
  margin: 0;
  padding: 0;
}

#similar_objects_panel ul li {
  list-style: none;
  line-height: 14px;
  margin: 0;
  padding: 6px 4px;
}

#similar_objects_panel ul li.odd {
  background: #eee;
}

#similar_objects_panel ul li h3 {
  line-height: 19px;
}

/* used for selected tags in the cloud */

ul.tag_cloud {
  padding: 0;
  margin: 0;
}  

ul.tag_cloud li {
  list-style: none;
  display: inline;
  margin: 2px;
}  

.tag_cloud {
  margin-bottom: 8px;
  text-align: justify;
  color: #d60;
}

.tag_cloud a:link,
.tag_cloud a:active,
.tag_cloud a:visited,
.tag_cloud a:hover {
  color: #f80;
  font-weight: bold;
}

#tag_cloud_panel .tag_cloud {
  margin: 8px;
}  

#tag_cloud_panel p {
  margin-left: 8px;
}  

/* --- Tasks --- */

#tasks_panel ul {
  padding: 0;
  margin: 0;
}

#tasks_panel h2 {
}

#tasks_panel a {
}

/* --- Panels --- */

#photo_panel_text_small {
  color: #888;
	margin-left:5px;
  font-size: 10px;  
  line-height: 12px;
}

.inline_command {
	font-size: 10px;
  border: solid 1px #bbb;
  background: #f0f8ff;
  padding: 6px;
  margin: 6px 0;
  display: block;
}

/* front page threads panel */

.threads_panel {
  margin: 0.8em 0;
  display: block;
	padding: 0;
}

.thread {
	margin: 0.5em 0;
	font-size: 9pt;
}

.thread .affinity_selector {
  float: left;
  position: relative;
  top: -3px;
}

.thread_context .thread_mark_read {
  float: right;
  font-weight: normal;
}

.progressing .thread_context .thread_mark_read {
  background: url(http://underskog.no/images/spinner.gif) no-repeat left center;
  padding-left: 20px;
  min-height: 16px;
}

.thread_context .thread_mark_read a {
  color: #aaa;
}

.thread_context.thread_with_unread {
  font-weight: bold;
}

.thread_data {
}

.thread_excerpt {
  clear: left;
	font-size: 8pt;
  margin: 0.2em 0 0.8em 0;
	padding-top: 0px;
	padding-left: 20px;
	color: #888;
	line-height: 1.1em;
}

.thread_link *,
.thread_link a:link,
.thread_link a:visited {
	color: #888;
}

.thread_compact_block {
}

.thread_compact {
	font-size: 10px;
	margin: 0;
	padding: 2px 0px 2px 0px;
	line-height: 18px;
}

.thread_bullet {
	color: #888;
	padding-left: 2px;
	padding-right: 2px;
}

.thread_attribution {
	float:left;
	display:none;
	font-size: 10px;
}

.thread_link a {
	color: #555;
}

/* front page section bar */

.major_section {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11pt;
  font-weight:normal;
  line-height: normal;
  margin-bottom: 0.3em;
}

.major_section,
.major_section a {
  color: #595;
}

.conversation_compact {
	line-height: 8px;
	padding-bottom: 20px;
}

.major_section_actions {
  font-size: 7pt;
}

.recent_conversations p {
	padding-bottom: 8px;
}

.recent_conversations {
	margin-top: 16px;
}

.sidebar_taglist a {
  font-weight: normal;
  color: #f80;
}

.micro_comment {
  border-top: solid 1px #bbb;
	padding: 6px;
	line-height: 3px;
	font-size: 10px;
}

.micro_comment p {
	margin: 0px;
	padding: 0px;
}

/* The revision table */
.revision_table table {
		border-spacing: 0px;
}

.revision_table a {
	text-decoration: none;
	color: #555;
}

.revision_table td {
	font-size: 0.9em;
	border-bottom: 2px solid white;
}

.revision_table .indicator {
	width: 15px;
	text-align: center;
}

.revision_table .indicator .selected {
	color: #f00;
}

td.indicator a:hover, td.indicator a:active {
	color: #f00;
	text-decoration: none;
}

td.indicator a,
td.indicator a:hover,
td.indicator a:active {
	color: #f00;
}

.revision_table .time {
	width: 80px;
}

.revision_table .user {
	width: 90px;
}

td.user {
		line-height: 2em;
}

.revision_table .odd {
	background-color: #eee;
}

.revision_table td.version {
	color: #f00;
	width: 15px;
	text-align: left;
}

.revision_table tr {
		padding: 2px;
}

.revision_table .primary {
	background-color: #8f8;
	border: 1px solid #000;
}

.revision_table .secondary {
	background-color: #cfc;
}

.revision_table .regular {
}


.diffdel {
	color: #888;
}

.diffins {
	color: #000;
	background-color: #8f8;
	text-decoration: none;
}

del.diffmod {
	color: #888;
}

ins.diffmod {
	color: #000;
	background-color: #8f8;
	text-decoration: none;
}

.diff_field {
	background-color: #8f8;
}

.content_section {
  margin: 1em 0;
}

/* Rights-box present a.o. on the group/show view */

#rights_box {
  font-weight: normal;
  color: #555;
  font-size: 10px;
  color: #333;
  padding: 0;
	margin: 0px 0px 12px 0px;
}

.rights_box_member {
	background-color: #d0f2d0;
}

.rights_box_visitor {
	background-color: #d0dff2;
}

#rights_inner {
  padding: 0px 10px 0px 10px;
}

.kudos_table {
	margin-bottom: 12px;
}

/* conference selector */

.selector_box {
	float: left;
	overflow: auto;
	width: 250px;
	height: 400px;
	padding: 4px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.preview_box {
	float: right;
	width: 350px;
	padding: 4px;
	margin-bottom: 10px;
}

.selector_box a {
	color: #333;
	padding: 1px 2px 1px 2px;
	margin-left: 4px;
}

.selector_box .selected {
	background-color: #afa;
}

.selector_box .group {
	color: #888;
	text-align: right;
	font-size: 10px;
	float: right;
	padding-right: 2px;
}

.conference_select_button {
	float: right;
}

.group_section {
	text-align: center;
	background-color: #ddd;
	color: #333;
	font-size: 10px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.conference_selector_context {
	width: 250px;
	background-color: #ddd;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 4px;
	font-size: 10px;
}

.read_more {
  text-align: right;
	font-size: 8pt;
}

/* Conference views */

.conference_charter {
	margin-left: 2px;
	margin-top: 4px;
	margin-bottom: 12px;
	font-size: 12px;
	width: 500px;
}

/* textile */

/* Textile help */

.textile_help {
}

.textile_help {
  font-size: 10px;
}

.textile_help table {
  border-spacing: 0;
  width: 100%;
}

.textile_help td,
.textile_help th {
  font-size: 10px;
  vertical-align: top;
  text-align: left;
  padding: 5px;
  width: 33%;
  border-top: solid 1px #eee;
}

.textile_help thead th {
  border-top: none;
}

.textile_help .textile_input,
.textile_help .textile_result {
}

.textile_help tr.odd {
  background: #eee;
}

.textile_help .label {
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}

.textile_help .arrow {
  color: #666;
  font-size: 14px;
  display: none;
}

.textile_help ul,
.textile_help ol {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}  


/* rails */

/* --- RAILS --- */

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.flash,
.flash_inline
{
  color: #590;
}

.flash.error,
.flash_inline.error
{
  color: #f50;
}