div.overlaynotepad_overlay {
	z-index:           10000;
	filter:            alpha(opacity=50); /*older IE*/
	filter:            progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*IE*/
	-moz-opacity:      .50; /*older Mozilla*/
	-khtml-opacity:    0.5;   /*older Safari*/
	opacity:           0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:  #000000;
	position:          fixed; 
  top:               0px; 
  left:              0px; 
  width:             100%;
  height:            100%;
  color:             #FFFFFF; 
  text-align:        center; 
  vertical-align:    middle;
}

div.overlaynotepad {
	z-index:           10001;
	background-color:  transparent;
	position:          fixed; 
  top:               0px; 
  left:              0px; 
  width:             100%;
  height:            100%;
  color:             #FFFFFF; 
  text-align:        center; 
  vertical-align:    middle;
  overflow:          auto;
}

div.error_message {
  background-color:  white;
  color:             black;
  width:             50%;
  padding:           1em;
  position:          fixed;
  text-align:        left;
	filter:            alpha(opacity=100); /*older IE*/
	filter:            progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*IE*/
	-moz-opacity:      1; /*older Mozilla*/
	-khtml-opacity:    1;   /*older Safari*/
	opacity:           1;   /*supported by current Mozilla, Safari, and Opera*/
  border:            0.5em solid red;
}

div.processing_message {
  background-color:  transparent;
  color:             black;
  position:          fixed;
  text-align:        center;
}

div.closebutton {
  position:          fixed;
  padding:           1em;
  background-color:  white;
  border:            2px solid black;
  top:               0.5em;
}

div.closebutton img ,
.controls img,
img.controls {
  cursor:            pointer;
}

div.notepad_note {
  width:             26em;
  background-color:  #fcff80;
  padding:           0em;
  display:           block;
  margin:            1em 0 1em 1em;
  color:             black;
  text-align:        left;
}

div.notepad_note div.notepad_note_header, 
div.notepad_note div.notepad_note_body,
div.notepad_note div.notepad_note_modified_container { 
  padding:           0.6em;
}

div.notepad_note div.notepad_note_header { 
  background-color:  #e3e673;
  margin-bottom:     0.5em;
}

div.notepad_note span.notepad_note_header_author { 
  font-weight:       bold;
}

div.notepad_note span.notepad_note_header_created { 
  font-size:         75%;
}

.controls {
  float:             right;
  margin:            0.3em;
}

div.notepad_note div.notepad_note_body { 
  margin-bottom:     0.5em;
  background-color:  #fcff80;
  color:             black;
}

div.notepad_note span.notepad_note_body_left_spacer,
div.notepad_note span.notepad_note_body_righ_spacer { 
  height:            3em;
  width:             0px;
}

div.notepad_note span.notepad_note_body_left_spacer {
  float:             left;
}

div.notepad_note span.notepad_note_body_right_spacer { 
  float:             right;
}

div.notepad_note div.notepad_note_modified_container { 
  width:             23.7;
  margin-top:        0.5em;
  font-size:         75%;
}

div.notepad_note div.filled { 
  border-top:        1px dotted black;
}

.clearonbothsides {
  clear:             both;
}

div.notepad_note textarea.note_form  {
  width:             24.5em;
  height:            3em;
  margin:            0 auto;
}