/* 
Document   : site
Created on : Nov 7, 2008, 2:39:27 PM
Author     : hading
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* General settings */
* {
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

body {
  margin: 0 auto 12px;
  font-size: 11px;
  background-color: #f5f2eb;
  width: 95%;
}

/* basic layout */
.sidebar {
  width: 10em;
  float: left;
  clear: both;
}

#content {
  width: 75em;
  float: left;
  padding: 5px;
}

.overview_sidebar {
  width: 15em;
  float: right;
}

div.clear_both {
  clear: both;
  width: 100%;
}

div.clear_left {
  clear: left;
  display: none;
}

/* global list properties */
ul {
  list-style: none;
}

/* header style */
#header {
  background-color: #eae6ce;
}

#header .title {
  padding-left: 140px;
  padding-bottom: 4px;
  font-size: 2.5em;
  font-weight: bold;
  color: #bf331a;
}

#header_byline {
  padding-left: 140px;
  font-size: 125%;
}

#header_byline .fine_print {
  font-size: 80%;
}

#help_bar {
  float: right;
}

#help_bar li {
  display: inline-block;
}

#help_bar a {
  text-decoration: none;
  background-color: #b0b0a0;
  display: block;
  font-size: 115%;
  color: inherit;
  padding: 2px;
  margin-left: 2px;
}

.header_bar {
  list-style: none;
  width: 80em;
  margin: 0 10em;
  padding: 0em 2em 3em;
  clear: both;
}

.header_bar .label {
  display: inline;
  float: left;
  font-weight: bold;
  font-size: 150%;
  width: 8em;
  padding-right: 2em;
  text-align: right;
}

.header_bar ul {
  float: left;
}

.header_bar li {
  float: left;
}

.header_bar li a {
  text-decoration: none;
  color: inherit;
  padding: 10px 1.3em;
  font-size: 0.91em;
  letter-spacing: 2px;
  color: #fffae6;
  background-color: #b0b0a0;
  display: block;
  margin: 0px 3px 5px;
}

.header_bar li a:hover {
  color: #626455;
  background: #c4c3b3;
}

.header_bar li a.current {
  background-color: #909080;
}

.design_bar {
  padding-top: 2em;
  margin-left: -2.4em;
}

/* sidebar */
.sidebar a {
  display: block;
  width: 9em;
  text-decoration: none;
  color: inherit;
  margin: 2px;
  padding: 1px;
  background-color: #b0b0a0;
}

.sidebar a.current {
  background-color: #909098;
}

.sidebar a:hover {
  color: #626455;
  background: #c4c3b3;
}

.sidebar > div {
  padding: 5px 0px;
}

/* content "header" */
div#content h2 {
  font-weight: bold;
  font-size: 130%;
}

.content_navbar {

}

.content_navbar a {
  display: inline-block;
  background-color: #b0b0a0;
  text-decoration: none;
  margin: 2px;
  color: inherit;
  padding: 1px;
}

.content_navbar a:hover {
  color: #626455;
  background: #c4c3b3;
}

.content_navbar a.current {
  background-color: #909098;
}

.content_navbar .favorite_toggle {
  float: right;
}

/* overview */
.overview_sidebar {
  border: 2px solid black;
  background-color: #bbb;
}

.overview_sidebar .title {
  font-weight: bolder;
  font-size: 115%;
}

.process_icon {
  float: left;
  padding: 1px;
  margin: 3px;
}

/* these for the activity overview */
#overview_list li {
  clear: left;
  padding: 6px 3px;
  border: 1px solid black;
  margin: 2px;
  min-height: 27px;
  background-color: #f5f2eb;
}

#overview_list a {
  display: block;
  text-decoration: none;
  color: blue;
}

/* these for the assessment and objective overviews */
ul.processes li {
  clear: left;
}

ul.processes li li {
  margin-left: 1em;
}

ul.processes a {
  display: block;
  text-decoration: none;
  padding: 6px 3px;
  border: 1px solid black;
  margin: 2px;
  min-height: 27px;
  background-color: #f5f2eb;
  color: blue;
}

ul.processes span.label {
  font-weight: bold;
}

/* view selection bar */
.view_bar {

}

.view_bar .label {
  display: inline;
  font-weight: bolder;
  font-size: 110%;
}

.view_bar a {
  display: inline-block;
  background-color: #b0b0a0;
  text-decoration: none;
  margin: 2px;
  color: inherit;
  padding: 1px;
}

.view_bar a:hover {
  color: #626455;
  background: #c4c3b3;
}

.view_bar a.current {
  background-color: #909098;
}

/* forms */
.submit {
  margin: 1em 0 0;
  padding: 0.5em;
}

.form {
  margin-top: 1.5em;
}

.process select {
  margin: 0.5em;
}

.form label {
  font-weight: bolder;
  width: 10em;
  text-align: right;
  display: inline-block;
}

.form label.inline {
  width: auto;
  display: inline;
}

legend {
  font-weight: bold;
  font-size: 120%;
  padding: 0 0.25em;
}

.form .row {
  padding: 2px 0;
}

.long_edit {
  margin: 2em 0;
}

.short_edit {
  margin: 2em 0;
}

.form hr {
  margin: 3px 0;
}

.form .process label {
  width: auto;
}

.form .last_submit {
  clear: left;
}

/* mode-activity list */
.mode_display .spacer {
  clear: left;
  margin: 0.75em 0;
}

.mode_display li {
  clear: left;
  margin-left: 1em;
}

.mode_display .label {
  font-weight: bolder;
  font-size: 120%;
}

.mode_display .no_activities {
  font-style: italic;
  font-size: 110%;
}

.mode_display .section:first-child {
  padding-top: 2em;
}

/* association editing */
.edit_associations {
  margin: 2em 0;
}

.edit_associations ul {
  margin: 1em 0;
}

.edit_associations label {
  width: 5em;
  display: inline-block;
  margin-right: 1em;
  text-align: right;
}

.edit_associations .association_process {
  clear: left;
  margin: 1.25em 0;
}

.edit_associations .label {
  clear: left;
  font-weight: bolder;
  font-size: 120%;
}

.edit_associations li {
  clear: left;
  margin-left: 2em;
}

.edit_associations li input {
  display: inline;
  float: left;
  margin: 0.25em 0.5em 0.25em 0;
}

.edit_associations .no_items {
  font-style: italic;
  font-size: 110%;
}

/* objective/assessment overview corresponding to activities */
.association_display {
  margin-top: 2em;
}

.association_display li {
  clear: left;
  margin: 2em 0;
}

.association_display > li {

}

.association_display ul li {
  margin-left: 2em;
}

.association_display .root {
  font-size: 130%;
  font-weight: bolder;
}

.association_display .no_associate {
  font-size: 110%;
  font-style: italic;
}

.association_display .child {
  font-weight: bolder;
  font-size: 120%;
}

.association_display .no_child {
  font-style: italic;
  font-size: 120%;
}

.association_display .leaf {
  font-size: 110%;
}

.association_display .no_leaf {
  font-style: italic;
  font-size: 110%;
}

/* learning element metadata editing */
.metadata_set_teacher {
  width: 50%;
  float: left;
}

.metadata_set_student {
  width: 50%;
  float: left;
}

.metadata_set_image {
  margin-top: 6px;
}

/* learning element metadata display */
.metadata_display > div {
  float: left;
  width: 45%;
  padding: 0.5em;
}

.metadata_display div.teacher {
  clear: both;
}

.metadata_display h2 {
  font-size: 130%;
}

.metadata_display h3 {
  font-size: 120%;
}

.metadata_display span.label {
  font-weight:bold;
}

/* learning element index display */
.element_index .thumbnail {
  float: left;
  width: 25%;
}

.element_index hr {
  clear: both;
}

.element_index .description {
  float: right;
  width: 75%;  
}

.element_index .description p {
  padding-top: 4px;
  padding-left: 2em;
}

.element_index .short_fields {
  clear: both;
  padding-top: 1em;
}

.element_index .control_bar {
  min-height: 3em;
}

.element_index .control_bar ul {
  list-style: none;
}

.element_index .control_bar li {
  display: inline-block;
}

.element_index .content_navbar a {
  background-color: #b0b0a0;
  text-decoration: none;
  margin: 2px;
  color: inherit;
  padding: 1px;
}

.element_index .content_navbar a:hover {
  color: #626455;
  background: #c4c3b3;
}

.element_index .content_navbar a.current {
  background-color: #909098;
}

.element_index .label {
  font-weight: bolder;
  font-size: 120%;
}

.element_index .kind {
  float: left;
  width: 30%;
}

.element_index .sort {
  float: right;
  width: 30%;
}

.element_index .number {
  float: left;
  width: 25%;
}

.element_index .sort_field {
  float: left;
  width: 50%;
}

.element_index .sort_direction {
  float: left;
  width: 25%;
}

/* individual display of elements in element index */
.element_index .element .title {
  font-size: 160%;  
}

.element_index .element .author {
  padding-bottom: 8px;
}

/* rails flash notice */
#notice {
  color: green;
  font-size: 130%;
}

.element_index hr {
  margin: 0.25em 0;
}
/* rails error notification */
.fieldWithErrors {
  display: inline;
  border: 3px solid red;
}

/* parallel editing views */
.edit_both .teacher_description {
  float: left;
  width: 28em;
}

.edit_both .student_description {
  float: left;
  width: 28em;
}

/* profile view */
.profile ul {
  margin: 1em 0;
}

.profile > hr {
  margin: 1em 0;
}

.profile h3 {
  font-size: 125%;
  padding-bottom: 1em;
}

.profile .image_section {
  float: left;
  max-width: 30%;
}

.profile .bio_section {
  float: left;
  padding-left: 2em;
  max-width: 65%;
}

.profile li.name {
  font-size: 160%;
}

.italic {
  font-style: italic;
}

.profile li p {
  padding-left: 2em;
  padding-top: 4px;
}

/* profile edit */
div.left {
  float: left;
  width: 10em;
}

#profile_collaborator_invitations {
  margin-top: 1em;
}

#profile_collaborator_invitations li {
  border: 1px solid black;
  padding: 0.25em;
  margin: 0.25em 0;
}

/* collaborator view */
#collaborator_edit {
  margin-top: 1em;
}

#collaborator_edit .label {
  font-size: 130%;
  font-weight: bold;
}

#collaborator_edit > ul {
  margin: 2em 1em;
}

#collaborator_edit > ul > li {
  margin: 0.2em 0;
}

#collaborator_edit ul.display {
  list-style: none;
  clear: both;
  min-height: 2em;
  padding: 5px;
  border: 1px solid black;
  margin: 5px;
}

#collaborator_edit li.titles ul.display {
  border: none;
}

#collaborator_edit ul.display > li {
  display: inline-block;
  min-height: 2em;
  text-align: right;
  float: left;
}

#collaborator_edit li.name {
  width: 15%;
}

#collaborator_edit li.role {
  width: 10%;
}

#collaborator_edit li.role span.inplace_span {
}

#collaborator_edit li.user {
  width: 15%;
}

#collaborator_edit li.email {
  width: 40%;
}

#collaborator_edit li.remove {
  width: 15%;
}

#collaborator_edit .titles li {
  font-size: 110%;
  font-weight: bolder;
}

#collaborator_invitations {
  margin-top: 1em;
}

#collaborator_invitations li {
  border: 1px solid black;
  padding: 0.25em;
  margin: 0.25em 0;
}

#collaborator_invitations li div {
  float: right;
  display: inline;
}

/* editing standards information */
.standards_edit label {
  text-align: left;
}

.standards_edit > * {
  margin-left: 1.5em;
}

.standards_edit .submit {
  margin-bottom: 1em;
}

/* editing copyright information */
.copyright_edit .submit {
  margin-bottom: 1em;
}

.copyright_edit > * {
  margin-left: 1.5em;
}

.copyright_edit fieldset.type {
  width: 30em;
}

.copyright_edit .radio_item {
  margin: 4px 0;
}

.copyright_edit a {
  background-color: #b0b0a0;
  text-decoration: none;
  margin: 6px 0;
  color: inherit;
  padding: 1px;
  display: inline-block;
}

.copyright_edit a:hover {
  color: #626455;
  background: #c4c3b3;
}

#copyright_edit .instructions {
  margin: 6px;
}

.copyright_edit .revision label {
  width: 20em;
  text-align: left;
}


.copyright_edit .revisers > div > div {
  margin: 6px 6px;
}

.copyright_edit div.previous_revisers {
  clear: both;
}

.copyright_edit hr {
  clear: both;
}

.copyright_edit .radio_item {
  margin-left: 6px;
}

.copyright_edit .long_edit {
  margin-left: 6px;
}

.copyright_edit .author label {
  margin-left: 6px;
}



/* site home page (site/index) */
#home_page h1 {
  font-weight: bold;
  font-size: 175%;
  padding: 1em 0;
}

#home_page h2 {
  font-size: 125%;
  padding: 0.5em 0;
}

#home_page ul {
  list-style: disc;
  padding: 0.2em 0;
}

#home_page li {
  margin-left: 2em;
}

#home_page {
  clear: both;
}
#home_page p {
  margin: 0.25em 0;
}

/* form for choosing how to view a learning element */
#show_selection_form fieldset {
  padding: 1em;
}

#show_selection_form .row {
  margin-bottom: 3px;
}

/* help page formatting */
#help_page > div {
  padding: 1em 0;
  clear: both;
}

#help_page p {
  text-indent: 0.5em;
  margin: 0.5em;
}

#help_page .label {
  font-weight: bolder;
  font-size: 110%;
}

#help_page .item_label {
  min-width: 40em;
  font-weight: bolder;
}

#help_page .help_item {
  padding-bottom: 0.3em;
  clear: both;
}

#help_page .help_item > div:first-child {
  width: 10em;
  font-weight: bolder;
  float: left;
  text-align: right;
  padding-right: 1em;
}

#help_page .help_item > div + div {
  margin-left: 12em;
  text-indent: 0;
}

/* short list of creators that may appear in various views */
#short_creator_list {
  clear: both;
}

#short_creator_list ul {
  list-style: none;
  display: inline;
}

#short_creator_list li {
  display: inline;
}

#short_creator_list a {
  background-color: inherit;
  text-decoration: underline;
  color: blue;
}

#short_creator_list a:visited {
  color: purple;
}

/* pathways editing */
.both_pathways {
  float: left;
  width: 28em;
  margin: 1em;
}

/* FAQ formatting*/

dl#faq {
  padding-top: 2em;
}

dl#faq dt {
  padding: 0.5em 0;
  font-style: italic;
  font-weight: bold;
}

dl#faq dd {
  padding-left: 1em;
}

/* File asset management */
div#file_asset_upload {
  padding: 1em;
}

div#file_asset_upload fieldset {
  padding: 0.5em;
}

div#file_asset_upload fieldset div {
  padding: 0.5em 0;
}

div#file_asset_view {
  padding: 1em;
}

div#file_asset_view h3 {
  padding-bottom: 0.5em;
}

div#file_asset_view table {
  border: 2px solid black;
}

div#file_asset_view table th {
  border: 1px solid black;
  margin: 0;
  padding: 2px;
}

div#file_asset_view table td {
  border: 1px solid black;
  margin: 0;
  padding: 2px;
}

div#file_asset_view td.size {
  text-align: right
}

.public_element_index .description img {
  display: none;
  /*
  Alternate change to shrink images rather than take them out entirely.
  The exact values would probably need tweaking.
  max-height: 100px;
  max-width: 200px;
  */
}

/*
Might want to add this back in if we remove the 'Description' label.
.public_element_index .description p:first-child {
  padding-top: 0px;
}
*/

.public_element_index .description span {
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif !important;
  font-size: 100% !important; 
}

/* used in the index displays to allow direct access to displaying an element */
.inline_display_form .button_group {
  padding: 0em 2em;
}

.inline_display_form .button_group span {
  padding: 0em 0.5em;
}

/* div in elements index where there is no thumbnail for an element */
.no_thumbnail_div {
  border: 1px solid black;
  width: 150px;
  height: 120px;
  padding: 3px;
  background-color: #e5e2db;
}

/* general table stuff */
table {
  padding-top: 6px;
}

tr {
  padding: 3px 0px;
}

td {
  padding: 2px;
}