body 
{ 
  background-color: #fff; color: #302E32; 
  margin:0;
  font-size: 10pt;
  line-height: 1.5em;
  font-family: georgia, times, serif;
  }

p, ol, ul, td {
  font-family: georgia, times, serif;
  font-size:   1em;
  line-height: 1.5em;
}

p
{
  margin-top:0;
  margin-bottom:.50em;
}

h1
{
  font-size:1.5em;
  margin:0 0 1em 0;
}


h2
{
  font-size:1.25em;
  margin:1.5em 0 1em 0;
}

h3
{
  font-size:1.1em;
  margin:1em 0 1em 0;
}

a { color: #2B3856; }
a:visited { color: #2B3856; }
a:hover { color: #2B3856; background-color:#F7F4E1; }

.buttons a, a.button, button
{
/*  background-color:#444246;;
  border-color:#A0A0A0 #202020 #202020 #A0A0A0;*/
  border-color:rgb(229, 234, 215) rgb(153, 152, 149) rgb(153, 152, 149) rgb(229, 234, 215);
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  display:block;
  float:left;
  font-weight:bold;
  line-height:120%;
  margin:0pt 4px 0pt 0pt;
  padding:2px 5px 2px 2px;
  text-decoration:none;
  white-space:nowrap;
}
.buttons a:hover, a.button:hover, button:hover
{
    color: #2B3856; background-color:#F7F4E1;
}



#top_nav a.button
{
  background-color:#FFFFFF;
  border-color:rgb(153, 152, 149) rgb(35, 40, 25) rgb(35, 40, 25) rgb(153, 152, 149);
  margin-top:5px;
  color: #2B3856;
}
#top_nav a.button:hover
{
    border-bottom:1px solid rgb(35, 40, 25);
    color: #2B3856; background-color:#F7F4E1;
}

IMG
{
  border:0;
}

button img, a.button img, .buttons a img, buttons2 a img
{
  border:medium none !important;
  height:16px;
  margin:0pt 1px -3px 0pt !important;
  padding:0pt !important;
  width:16px;
}

DIV#header_buttons
{
  height:2em;
}

OPTION
{
  font-size:.93em;
}

DIV#left_column
{
  position:absolute;
  top:0;
  left:0;
  width:130px;
}

DIV#color_bar
{
  position:absolute;
  top:0;
  left:0;
  width:10px;
  height:3em;
  /* background:#444246; */
}

IMG#logo
{
  margin-left:10px;
}

#centered_content
{
  width:900px; 
  margin: 0 auto;
  position:relative;
}

DIV#right_column
{
  margin-left:130px;
  padding-left:3em;
  width:575px; 
  min-width:36em;
  
}

DIV#top_nav
{
  height:2.5em;
  padding-top:.5em;
}

DIV#top_nav P
{
  font-weight:normal;
  font-size: 1em;
  padding:0 0 0 3em;
}

#links
{
  margin-left:130px;
  background-color:#fff;
  height:2.25em;
  padding-top:.25em;
  border-bottom: 2px solid #444246;
  min-width:40em;
}

#crossbar
{
  position:absolute;
  left:0px;
  height:2.5em;
  padding-top:.5em;
  width:100%;
  background:#444246;
  border-bottom: 2px solid #444246;
}

#crossbar.content
{
  background:#FFFFFF;
  height:2.25em;
  border-top: .25em solid #444246;
}

DIV#top_nav SPAN, DIV#top_nav A
{
  margin-right:1em;
}

DIV#top_nav SPAN.active
{
  border-bottom: 6px solid #16494A; color:#16494A;
}


DIV#top_nav A
{
  color:#444246; text-decoration:none; background-color:#fff;
}
DIV#top_nav A:hover
{
  border-bottom:6px solid #16494A; color:#16494A;
}

DIV#top_nav H1
{
  color:#FFF;
  font-weight:normal;
  font-size: 1.5em;
  line-height: 1.60em;
  margin:0 0 0 130px;
  padding:0px 0 0 2em;
}

DIV#main
{
  position:relative;
  top:2.3em;
}

DIV#doc_list
{
  margin-right: 16em;
}

DIV.doc_list_item
{
  padding-bottom:.5em;
  border-bottom: solid thin #404040;
  margin-bottom:1.5em;
  line-height:1.25em;
}

.hidden
{
  display:none;
}

.notice
{
  color:#4A030D;
}

DIV.doc_list_item .name
{
  font-weight:bold;
  margin-bottom:.25em;
}
DIV.doc_list_item .name A
{
  color: #302E32; 
  text-decoration: none;
}
DIV.doc_list_item .name A:hover
{
  text-decoration: underline;
}


DIV.doc_list_item .controls
{
  margin-top:0.5em;
  height:2em;
}

DIV.doc_list_item .controls A:hover
{
  color:#2B3856;
}
DIV#footer
{
  margin:2em -1.5em 1em -1.5em;
  padding:.5em 1.5em 1em 1.5em;
  border-top:solid 1px #404040;
  background-image: url('/images/ruler_tile.gif');
  background-position: bottom left;
  background-repeat: repeat-x;
  font-size: .875em;
}

DIV#footer #copyright
{
  float:right;
}

DIV#controls_column
{
  float:right;
  width:12em;
  padding-left: 1.5em;
  border-left: thin solid #404040;
  margin-left: 1.5em;
}

DIV#controls_column SELECT
{
  /* width:8em; */
}

DIV#sort_controls
{
  line-height:1.25em;
}

#footer A
{
  margin:0 3em 0 0;
}


DIV.panel
{
  padding:1em;
  border: thin #999999 solid;
  margin-bottom:1em;
}

DIV.listing
{
  margin-top:1em;
}

DIV.controls
{
  margin-top:1em;
  height: 1.5em;
}


FORM#edit_form
{
  margin-bottom:1em;
}

FORM#edit_form SELECT
{
  width:12em;
}

FORM#edit_form .submit_button
{
  margin: 1em 0;
}

#doc_docname
{
  width:20em;
}


div.uploadStatus {
  margin: .25em;
}

div.progressBar {
  margin: .25em;
}

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

div.progressBar div.background {
  background-color: #444246;
  height: 15em;
  width: 0%;
}

TABLE#signup_table TH
{
  text-align:right;
  padding-right:1em;
}

TABLE#students_list TD, TABLE#students_list TH
{
  text-align:left;
  padding-right:2em;
}

#assessments_table_container 
{
  margin: 1em 0;
}

TABLE
{
  margin:1em 0;
}

TABLE#students_list
{
  margin:0 0 1em;
}

.asmt_control
{
  cursor:pointer;
}


TABLE.assessments_table SPAN.controls
{
  white-space: nowrap;
}

TABLE.assessments_table colgroup.subjects
{
  min-width:10em;
}


TABLE.assessments_table colgroup.assessments col
{
  text-align:center;
}

TABLE.assessments_table TD.goal_met
{
  background-color:#e0ffe4;
}

TABLE.assessments_table TD.goal_not_met
{
  background-color:#ffeeee;
}


.assessments_table TD.score.assessment_cell
{
  font-weight:bold;
}

.assessments_table input.editor_field 
{
   width: 3em;
}

.assessments_table TH.point input.editor_field 
{
   width: 6em;
}
.assessments_table TH.subject input.editor_field 
{
   width: 8em;
}

.assessments_table TH.desired
{
  font-weight:normal;
}

.assessments_table TH.actual
{
  border-top:solid 2px black; border-left:solid 2px black; border-right:solid 2px black
}

.assessments_table TD.assessment_cell.score
{
  border-left:solid 2px black; border-right:solid 2px black
}

.assessments_table TD.new_subject
{
  border-top:solid 2px black;
}

TABLE.range_form
{
  margin:0px;
}

TABLE.ranges COL.letter_grade
{
  width:100px;
}
TABLE.ranges COL.number_range
{
  width:120px;
}
TABLE.ranges COL.controls
{
  width:100px;
}

TABLE#grade_range_summary TD
{
  padding:0 5px;
  
}