/* @override http://localhost:3000/stylesheets/essay_practice.css */

.subprompt { height: 300px; overflow-y:auto; }
.subprompt_footer { border-top: 1px solid grey; font-size: 12px; padding: 4px;}
.subprompt_footer a { padding-right: 4px; }
pre.subprompt { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.supporting { font-weight: normal; font-style: normal; display: block;}
.supporting ul { margin-top: 0px; margin-bottom: 0px }
.drag_handle { display:none; position: absolute; top: 0; right: 0; padding: 2px; margin: 2px; background-color: #b4c7ff;cursor: pointer;}
.ui-sortable .outline_item .drag_handle { display: inline; }
.outline_item.completed { text-decoration: line-through; }

div.writing_hints { background-color: #dedede; padding: 1em; width:295px;display:inline-block;float:right; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
div.writing_hints .title { padding: 6px 4px 6px 4px; text-align: center; background-color: #fef7c5; margin-bottom: 5px; margin-top: 5px;}
.writing_hints .hint { font-size: 13px; margin-bottom: 5px; }
.hint.completed { text-decoration: line-through; }

fieldset.prompt { font-family: Georgia, "Times New Roman", Times, serif; border: 1px dotted #dedede; margin-bottom: 10px; font-size: 16px; background-color:white;}
fieldset.prompt legend { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #7393cf; font-weight: bold; padding: 4px; border: 1px dotted #ccc; font-size: 14px;}

.instructions { background: #FFF9D8 url(/images/tab_note.gif) no-repeat 0% 0%; border: ; margin: 0.25em 0px 1.5em; padding: 1em 1em 0.25em 48px; font-size: 14px; color: #353535; }


.outline_item { font-size: 13px; font-style: normal; margin-top: px; padding: 4px; position: relative; }
.outline_item img { margin-bottom: -.3em; }

fieldset.outline_item { padding: 1em; background-color: #d8e4ff; margin-bottom: 6px; border: 1px dotted #afb0b0; margin-left: 1.5em; width: 470px;}
fieldset.outline_item legend { color: #7393cf; font-weight: bold; padding: 4px; border: 1px dotted #ccc; font-size: 14px; background-color: white; }
fieldset.outline_item .heading { font-weight: bold; font-style: normal; color:  #353535; }
fieldset.outline_item input { width: 460px; }
fieldset.outline_item .detail .heading { display: inline; }
fieldset.outline_item .detail .field { display: inline; }
fieldset.outline_item .detail .field input { width: 296px; }
fieldset.outline_item .buttons { margin-top: 6px; }
.outline_item ul { margin-top: 0px; margin-bottom: 0px;}



.outline { padding: 1em; background-color: #d8e4ff; width:34%;display:inline-block;float:right }
.outline .heading { font-weight: bold; margin-bottom: 5px; text-align: center; }
.outline .major_heading { font-size: 14px; font-weight: bold; font-style: italic; }
.outline.essay { height: 520px;width:34%; }
.outline .section { position: relative; padding: 4px; margin-bottom: 4px; color: #515151;  }
.outline .section.editing { background-color: #86aefa; color: black;}
.outline .section .edit_button { position: absolute; right: 0; z-index: 10; }
.outline.complete .edit_button { display: none; }
.outline.complete .section { color: black; }


div.essay.full{ width: 828px; }
div.essay { background-color: #d8e4ff; padding: 1em; width:495px; display:inline-block; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 400px; overflow-y:auto }
div.essay.grading { width: 600px; height: 150px; overflow-y:auto; overflow-x:none; font-size: 12px; }
div.comments { float: left; margin-top:1em; padding: 1em; background-color:  #FFF9D8 ; font-size: 12px;}
div.comments label, div.grade label { display: block; font-size: 12px; font-weight: bold;}
div.comments textarea { height: 100px; margin-top: .4em; width: 465px; }
div.grade { padding: 1em; float: left; margin-top: 1em; margin-left:  1em; background-color:  #FFF9D8;}
span.grade { display: inline-block; margin-right: 1em; ;}
div.actions { float: right; margin-top: 1em; }
.tab { font-weight: bold; }
.tab.selected { background-color: #d8e4ff; }
div.essay p { text-indent: 50px; font-size: 12px;}
div.comments.complete {  width:495px; }
.print_button { margin-left: 10px; }
.print_button img {  margin-bottom: -5px; }

div.sentence_starters { margin-left: 1.5em; color: #484848; font-size: 14px;}