/* Conserved Real Estate for Sale */
.cp_delete_link {
  text-align: right;
  padding-right: 5em;
}

#conserved_properties_images {
  float: right;
  padding-right: 4em;
  border: 0;
}

#conserved_properties_images img {
  border: 0;
}

.conserved_property {
  margin: 1em 0 1em;
  min-height: 100px;
}

.conserved_property.alternate {
  background-color: #f7f1de;
}

.conserved_property .photo {
  float: left;
  width: 100px;
}

.conserved_property .photo img {
  border: 0;
}

.conserved_property .description {
  margin-left: 110px;
}

.optional {
  color: green;
  font-weight: bold;
}

.warn {
  color: #800000;
  font-size: 80%;
  font-weight: bold;
}

/* Workshop creation */
#empty_fields_note {
  background-color: #FFD8D8;
  border: 1px solid red;
  padding: 10px;
  margin: 0 2em 1em 2em;
}

/* Workshop/proposal administration */
.workshop_proposal {
  margin: 1em 0px;
}

.workshop_proposal p {
  margin-right: 170px;
}

.workshop_proposal .status {
  width: 150px;
  padding: 5px;
  float: right;
  background-color: #f7f1de;
  font-size: 80%;
  margin-left: 10px;
}

.workshop_proposal .status table {
  width: 100%;
}

a.controls:hover {
  text-decoration: none;
}

.workshop_short_description, .workshop_long_description, .presenter_bio {
  font-size: 90%;
  color: #5a5a5a;
}

.workshop_updated_at {
  text-align: right;
  font-style: italic;
}

/* Manage Automatic Emails */
#email_template, #email_preview {
  width: 100%;
  height: 300px;
}

#email_preview {
  border: 1px solid gray;
  overflow: auto;
}

#email_preview pre {
  /* Browser specific styles to make preformatted text wrap */
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* search results page */
#search_results .result .site_name {
  padding-left: 1em;
  font-style: italic;
  color: gray;
}

/* Sorting articles */
#article_list {
  padding-left: 0;
}

#article_list .visibility {
  float: right;
  padding-left: 10px;
  padding-top: 0.25em;
}

#article_list h3 {  
  padding-top: 1em;
}

#article_list p {
  margin: 0;
}

#article_list li {
  padding-top: 0.5em;
}

#article_list .handle {
  padding-top: 1.6em;
  float: left;
}

#article_list .title_blurb {
  margin-left: 45px;
}

/* User info form */
fieldset {
  margin: 0.5em 0 1em 0;
  padding: 1em 0 0.5em 0;
}

/* Archive page */
#article_archive h2 {
  margin-top: 1.5em;
}

#article_archive .date {
  min-width: 75px;
  text-align: center;
}

#article_archive .buttons {
  min-width: 200px;
}

/* CEAP */
div#ceap_admin_link {
  float: right;
  border: 2px solid #82aad8;
  padding: 2px;
  font-weight: bold;
}

div#ceap_admin_link:hover, div#ceap_admin_link:hover a {
  background: #82aad8;
  color: #fff !important;
}

div#ceap_admin_link a:hover {
  color: #fff !important;
  text-decoration: none;
}

table.grantapp {
  width: 100%;
}

table.grantapp tr.section, table.grantapp tr.group  {
  background-color: #92a5d8;
  font-size: larger;
  color: #fff;
}

table.grantapp tr.group {
  background-color: #526598;
}

table.grantapp tr {
  background-color: #e2e5ff;
}

table.grantapp tr.section th {
  text-align: left;
}

table#conservancies tr td {
  padding: 0.7em 0;
  border-bottom: 1px dotted #aeaeae;
}

table#conservancies .no_manager {
  color: #f88;
}

table#report td {
  white-space: nowrap;
}
table#report tr.totals td, tr.averages td {
    font-weight: bold;
}
table#report tr.totals {
  border-top: 1px solid black;
}

table.grantapp h2 {
  color: #fff;
  padding: 5px 0;
  margin: 0;
}

table.grantapp input[disabled='disabled'] {
  background-color: #d3d3d3;
}

/* ROR inserts a div as the first child of a form */
/* we want that div to display inline so we can display forms inline */
form > div:first-child {
  display: inline;
}

form {
  display: inline;
}

/* Topics page */

.topic_buttons a, .category_buttons a {
  text-decoration: none;
  color: #A0A0A0;
}

.topic_buttons a:hover, .category_buttons a:hover {
  color: #000000;
  background-color: #FFFFFF;
}

.topic_name a, .category_name a {
  text-decoration: none;
}

.topic_name a:hover, .category_name a:hover {
  background-color: #ccc;
}

.topic_library_items {
  font-style: italic;
  margin-left: 10px;
}

.node_toggle_button {
  cursor: pointer;
}

.node_toggle_button_expanded {
  cursor: pointer;
}


/* Assign topics page */

#assign_topics_main {
  position: relative;
  width: 710px;
  height: 500px;
}

#assign_topics_topics_list {
  position: absolute;
  overflow: auto;
  width: 350px;
  height: 500px;
}

#assign_topics_topics_list  > ul {
	margin: 0;
	padding: 0;
}

#assign_topics_topics_list li.no_bullet {
	margin-left: 12px;
	text-indent: -12px;
}

.topic_hierarchy_library_items li {
	margin-left: 22px;
	text-indent: -12px;
}

#assign_topics_library_items_list, #assign_topics_tools_list {
  position: absolute;
  left: 360px;
  overflow: auto;
  width: 350px;
  height: 500px;
}

#assign_topics_zero_topics, #assign_topics_multiple_topics {
  overflow: auto;
  width: auto;
  height: 80px;
}


.library_item_topics, .tool_topics {
  margin-left: 1em;
  font-size: 80%;
  font-style: italic;
}

li.no_bullet {
  list-style-type: none;
}

.assign_topics_topic_name {
  font-weight: bold;
}

.draggable, .clickable {
  cursor: pointer;
}

.highlight_me {
  background-color: #FFFBC1;
}

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

#library_navigation li {
  margin: 5px;
  padding: 0;
  margin-left: 13px;
  text-indent: -13px;
}

#library_navigation li.top_level {
  margin-bottom: 10px;
}

#library_item_author_id, #library_item_organization_id {
  max-width: 64%;
}

.indented {
  margin-left: 2.5em;
}

/* for app/views/library_items/_form.html.erb */
#content-main #top_level_nodes ul {
  margin-bottom: 0;
}

.deleted {
  color: red;
  text-decoration: line-through;
}

#library_search_button {
  position:relative;
  top:5px;
}

/* The Rails "Flash" section; messages displayed to users on their [usually] subsequent request */
div#flash {
    color: blue;
}

div#flash_error {
    color: red;
}

/* The default Rails error message styles */
div.errorExplanation {
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.errorExplanation h2 {
    display: block;
}

div.errorExplanation h2 + p {
    clear: left;
}

div.fieldWithErrors {
    border: 1px dashed #f99;
}

div.fieldWithErrors div.fieldWithErrors {
    display: inline;
    border: none;
}

/* Use headertop to lay out tables when the row of <th>'s (even if it's not present) appears at the top. This "fixes" some poor (IMO - Paul) defaults in HTML tables. Using this class allows us to uniformly improve the look of every table matching this description while still making it possible to override later on when this definition no longer suits us. */
table.headertop {
    border-collapse: collapse;
    width: 100%;
}

table.headertop th {
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
}

table.headertop td {
    vertical-align: top;
    text-align: left;
}

/* As with headertop, headerleft is used to lay out tables where the <th>'s appear in a left-hand column, as is usually done in forms. Again, this "improves" poor HTML table defaults, and is easily overrideable using the CSS cascade. */
table.headerleft th {
    vertical-align: top;
    text-align: right;
    padding-right: 1em;
    white-space: nowrap;
}

table.headerleft td {
    vertical-align: top;
}

/* horizpadd is used to give a bit of space between columns */
table.horizpadd td, th {
    padding-right: 1em;
}

table.my_photos {
    margin: 0 50px;
}

table.my_photos td {
    width: 146px;
    margin-right: 12px;
    padding-bottom: 15px;
}

tr.alternate {
    background-color: #eaeaea;
}

tr.row:hover {
  background-color: #ffa;
}

/* link_error is for the metadata system */
span.link_error {
    font-size :smaller;
    color: red;
}

/* "value" and "label" are used like they are in an Excel spreadsheet; values (numeric) are aligned right and labels (text) are aligned left. */
th.value, td.value {
    text-align: right !important;
}

th.label, td.label {
    text-align: left;
}

/* This "hint" class is typically used in a form to give a data entry hint to a user. A typical overriding of "hint" might reduce the font size. */
span.hint {
    display: block;
}

/* Some good defaults for forms so we can use labels rather than tables */
form {
}

span.field {
    display: block;
    padding-bottom: 3px;
    /* clear:  left; - not entirely sure why this was here in the first place - do we need it? */
}

span.field span.row_controls {
    clear: left;
    float: left;
    width: 51px;
}

span.field span.row_controls + label {
    width: 70px;
    padding-right: 0.7em;
    padding-left: 14px;
    clear: none;
}

span.field input, span.field select {
}

.field {
	display: block;
	/* clear: left; - see note above */
	margin: 0 0 15px;
}

.field label {
	float: left;
	width: 145px;  
	margin: 0 15px 0 0;
	text-align: right;	
}

.field .submit {
	margin: 0 0 0 160px;
}

.nogap .field, .nogap.field {
    margin: 0;
}

.nolabel {
	margin-left: 160px !important;
}

.required {
    color: #f00;
}

.greyed {
    color: #888;
}

/*********************************************************
 * Some visual design I like to use on multiple projects *
 *********************************************************/

.prettybox_top div {
    /*background: url("/images/lm/tl.gif") no-repeat top left;*/
}

.prettybox_top {
    /*background: url("/images/lm/tr.gif") no-repeat top right;*/
}

.prettybox_bot div {
    /*background: url("/images/lm/bl.gif") no-repeat bottom left;*/
}

.prettybox_bot {
    /*background: url("/images/lm/br.gif") no-repeat bottom right;*/
}

.prettybox_top div, .prettybox_top, .prettybox_bot div, .prettybox_bot {
    font-size: 1px;
    height: 7px;
    width: 100%;
    display:none;
}

div.prettybox_inside {
    position: relative;
    margin-left: 1em;
    margin-right: 1em;
    padding-top:0px;
    padding-left:10px;


}

/* classes are named after colours because the purpose is generic */
div.prettybox_blue {
    background: url("/images/lm/blue.gif") repeat-x;
}

div.prettybox_simpleblue {
    background-color: #8dbcff;
}

div.prettybox_bluelight {
    background: url("/images/lm/blue-light.png") repeat-x;
}

div.prettybox_blush {
    background: url("/images/lm/blush.gif") repeat;
}

div.prettybox_green {
    background: url("/images/lm/green.gif") repeat-x;
}

div.prettybox_simplegreen {
    background-color: #beff8d;
}

div.prettybox_greenlight {
    background: url("/images/lm/green-light.png") repeat-x;
}

div.prettybox_limegreen {
    background: url("/images/lm/limegreen.gif") repeat;
}

div.prettybox_grey {
    background: url("/images/lm/grey.gif") repeat;
}

div.prettybox_bottomgrey {
    background: url("/images/lm/grey.gif") bottom repeat-x;
}

div.prettybox_palegreen {
    background: url("/images/lm/palegreen.gif") repeat;
}

div.prettybox_raspberry {
    background: url("/images/lm/raspberry.gif") repeat-x;
}

div.prettybox_simpleraspberry {
    background-color: #ff8da9;
}

div.prettybox_raspberrylight {
    background: url("/images/lm/raspberry-light.png") repeat-x;
}

div.prettybox_skyblue {
    background: url("/images/lm/skyblue.gif") repeat;
}

div.prettybox_yellow {
    background: url("/images/lm/yellow.gif") repeat-x;
}

div.prettybox_simpleyellow {
    background-color: #ffdd8d;
}

div.prettybox_yellowlight {
    background: url("/images/lm/yellow-light.png") repeat-x;
}


/* Library-related CSS specific to ConserveLand */

.field input[type="text"][size="80"], .field textarea {
  width: 70%;
}

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

/* also defined in lm_extensions.css so this file must be included after that one */
tr.alternate {
    background-color: #F2EBDA;
}

/* Override some of the widths defined in palta_library.css so the assign topics
   page fits better in conserveland's narrower layout */
#assign_topics_main {
  width: 580px;
}

#assign_topics_topics_list {
  width: 280px;
}

#assign_topics_library_items_list {
  left: 300px;
  width: 280px;
}

/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/

   IMPORTANT:
   Canonical version stored in the palta_library module -
   version in public/stylesheets will get overwritten
*/

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: left; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

.starbox .indicator { font-size: 80%; }

div#puddle {
  background-image:url(/images/rain/background.png);
  width:800px;
  height:600px;   
  display:none;
  color: #fff;
  padding:55px;
}

div#puddle div.close {
  background-image:url(/images/rain/close.png);
  position:absolute;
  right:5px;
  top:5px;
  cursor:pointer;
  height:28px;
  width:28px;
}

#puddle .panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#puddle .panel strong {
  margin: 3px;
}

#puddle .panel {
  background: white;
  color: black;
  position: relative;
  z-index: 100;
  padding-top: 5px;
  height: 400px;
  overflow: scroll;
}

#puddle .panel ul {
  cursor: pointer;
}

#puddle .panel ul li {
  background: url(/images/folder.png) no-repeat;
  margin-left: 3px;
  padding: 3px;
  padding-left: 22px;
  font-size: 14px;
}

#puddle .panel ul.library_items li {
  background: none;
}

#puddle .panel ul li strong {
  border-bottom: 1px solid black;
  display: block;
  margin-bottom: 4px;
}
#puddle .panel ul.images li {
  background: none;
  padding: 0;
}


#puddle .panel .close {
  cursor:pointer;
}

#puddle .rain_fields {
  clear: both;
  height: 170px;
}

#puddle div.rain_field {
  float: left;
  width: 300px;  
  height: 170px;
}

#puddle div.rain_field h2 {
  color: white;
  margin: 0;
  margin-bottom: 2px;
  border-bottom: 1px solid #ddd;
}

div.fullview {
  margin: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #eee;
}

div.fullview div.original, div.fullview div.changes {
  background-color: #fff;
  border: 1px solid #ccc;
  padding:3px;
}

div.fullview div.original {
  margin-bottom: 5px;
}

#puddle #uri_edit_warning {
  position: absolute;
  left: 350px;
}

/* Comment editing textarea */
#comment_body {
  width: 100%;
}