/***********************************************************************/
/* This stylesheet applies only to screen mode, where we don't display */
/* print-only items                                                    */
/***********************************************************************/

.print_only       { display: none; }


/***********************************************************************/
/* JavaScript Checking                                                 */
/***********************************************************************/

#javascript_disabled {
  border: 3px solid red;
  margin-top:    1em;
  margin-bottom: 1.5em;
  padding: 0 1em;
  color: #990000;
  background-color: #99CCCC;
}


/***********************************************************************/
/* Message Box styling                                                 */
/***********************************************************************/

#messages {
  border: 2px solid;
  margin-top:    1em;
  margin-bottom: 1.5em;
}

#messages ul {
  margin: 0 1em;
  padding: 0.5em 1em;
}

#messages .warning,
#messages .error {
  font-weight: bold;
}


/***********************************************************************/
/* Calendars with forward/backward arrows are centered                 */
/***********************************************************************/

#single_adjustable_schedule table {
  margin: 0 auto;
}

div#single_adjustable_schedule {
  margin-bottom: 1.5em;
}

#demo_login {
  margin-top: 4em;
  border: 2px solid;
  padding: 1em;
}

#demo_login p {
  font-style: italic;
  font-size: 11px;
}

.calendar_table {
  margin-bottom: 2em;
}


/***********************************************************************/
/* Styling for generic tabular forms                                   */
/***********************************************************************/

.table_form_table {
  margin-bottom: 1em;
}

td.table_form_explanation {
  font-style: italic;
  font-size: 10px;
  padding: 0 0 1.5em 2em;
  line-height: 1.1em;
}


/***********************************************************************/
/* Styling for the Password Hint box                                   */
/***********************************************************************/

.password_hint {
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
}


/***********************************************************************/
/* Styling for the drag-and-drop form areas                            */
/***********************************************************************/

.drag_drop_form form {
  margin-top: 2em;
  padding:    1em;
}

.ass_sorter {
  margin-bottom: 1.5em;
}

div.sorting_source {
  float: right;
}

.sorting_source_box,
.sorting_receiver_box {
  border: 2px solid;
  width: 240px;
  cursor: move;
}

.sorting_source_box {
  height: 20.8em;
  position: relative;
  overflow: auto;
}

.choice {
  margin: 0 8px;
  line-height: 170%;
  font-size: 12px;
  font-weight: bold;
}

.choice span {
  border: 1px solid;
  padding: 1px 2px;
}

.sorting_receiver_box {
  min-height: 3.5em;
  margin-bottom: 0.5em;
}

/* IE hack to make the following visible to IE, but not to Firefox or Safari */
* html div .sorting_receiver_box {
  height: 3.5em;
}


/***********************************************************************/
/* This table styling is used all over                                 */
/***********************************************************************/

.simple_table table {
  border-top:    1px solid;
  border-right:  1px solid;
  margin-bottom: 2em;
}

.simple_table th,
.simple_table td {
  border-bottom: 1px solid;
  border-left:   1px solid;
  padding:       0.1em 0.4em;
}


/***********************************************************************/
/* Random miscellaneous                                                */
/***********************************************************************/

.outlook_kludge {
  font-style: italic;
  font-size: 10px;
}

#person_controls {
  width: 30%;
  float: right;
}

.button_link {
  font-size:   13px;
  line-height: 26px;
  font-weight: bold;
  border:      2px solid blue;
  padding:     0.2em 0.6em;
  margin:      0 10px;
  color:            blue;
  background-color: white;
  text-decoration:  none;
}


/***********************************************************************/
/* Lesson Plan styling                                                 */
/***********************************************************************/

div.lesson_plan {
  margin: 2em 0;
  padding: 1em 1em 0;
  border: 2px solid;
}

.lesson_plan label {
  font-weight: normal;
  font-size: 9px;
}

.lesson_plan .plan_details th,
.lesson_plan .plan_details td {
  padding: 0 1em;
  text-align: left;
}

.lesson_plan .project_choice th,
.lesson_plan .project_choice td {
  padding: 0 1em;
  text-align: left;
}


/***********************************************************************/
/* Must be at the end of this file                                     */
/***********************************************************************/

.lesson_plan table.no_border,
.lesson_plan .no_border th,
.lesson_plan .no_border td {
  border: none;
  padding: 0;
  margin: 0;
}