html {
  background-color: #FAFAFF;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}

a {
  color: #0000CD;
  text-decoration: none;
}

a:active {
  color: blue;
}

a:visited {
  color: blue;
}

.default, .default:visited {
  color: #CC0000;
}

img {
  border: none;
}

.editMode {
  color: #002200;
  background-color: #DDDDEE;
  cursor: default;
}h1,h2,h3,h4,h5 {
  color: #225566;
}

h1 {
  font-size: 120%;
  margin-top: 32px;
  margin-bottom: 14px;
}

h2 {
  font-size: 110%;
  margin-top: 30px;
  margin-bottom: 14px;
}

h3 {
  font-size: 110%;
  font-weight: normal;
  margin-top: 28px;
  margin-bottom: 13px;
}

h4 {
  font-size: 100%;
  margin-top: 26px;
  margin-bottom: 12px;
}

h5 {
  font-size: 100%;
  font-weight: normal;
  margin-top: 24px;
  margin-bottom: 12px;
}

p,.subject {
  font-size: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
}

p,.image,.table,.list,.subject {
  margin-left: 20px;
}

li p,li .subject {
  margin-left: 0px;
}

ul,ol {
  padding-left: 15px;
  margin-left: 15px;
}

th {
  font-size: 90%;
  font-weight: bold;
}

.model {
  color: #222288;
  font-size: 80%;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 20px;
}

.entity {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
}

.table_note {
  font-size: 60%;
  margin-top: 2px;
  margin-bottom: 12px;
  margin-left: 10px;
}

.image {
  margin: 12px 10px 12px 32px;
}

.image_note {
  font-size: 60%;
  margin: 1px 10px 12px 10px;
}

.markup_element {
  color: #003399;
}

.markup_attribute {
  color: #006666;
}

.markup_attribute_value {
  color: #009999;
}

.markup_comment {
  color: #666666;
}

.element {
}

.elementContent {
  margin-left: 14px;
  border-left: 2px solid #E8E8FF;
  padding-left: 4px;
}

.elementName {
  color: #0000DD;
}

.attrName {
  color: #005588;
}

.attrVal {
  color: green;
}

.nsPrefix {
  color: #0000DD;
}

.nsUri {
  color: #A52A2A;
}

.math {
  font-family: Courier New, serif;
}

.overview {
  margin-left: 20px;
}

.sequence {
  margin-left: 40px;
}

.test_list {
  margin-left: 40px;
  border-collapse: collapse;
}

.test_list td, .test_list th {
  border: 1px solid gray;
  padding: 0px 4px;
}

.test_list th {
  font-weight: normal;
  background-color: #EEEEEE;
}

.test_list td {
  font-size: 80%;
}

.sorter {
  cursor: pointer;
}

.col_number {
  text-align: right;
}

.todo {
  font-size: 80%;
}

.todo_task td {
  border-top-style: solid;
  border-top-width: thin;
  border-top-color: gray;
}

.todo_priority {
  text-align: center;
}

.todo_title {
  text-align: left;
}

.progress_box {
  width: 90%;
  border: 1px solid black;
  padding: 2px;
  position: relative;
}

.progress_bar {
  background-color: blue;
  font-size: 20%;
  position: relative;
  overflow: hidden;
}

.task {
  margin-left: 20px;
}

.task_p1 {
  background-color: #FFBBAA;
}

.task_p1_label {
  background-color: #FF3D3D;
  color: #FFFFCC;
}

.task_p1_completed {
  background-color: #FBEDEE;
}

.task_p2 {
  background-color: #FFCCBB;
}

.task_p2_label {
  background-color: #FF8A6A;
}

.task_p2_completed {
  background-color: #FBECEB;
}

.task_p3 {
  background-color: #FFDF90;
}

.task_p3_label {
  background-color: #FFBB33;
}

.task_p3_completed {
  background-color: #F9EFDA;
}

.task_p4 {
  background-color: #FCF088;
}

.task_p4_label {
  background-color: #FFE700;
}

.task_p4_completed {
  background-color: #fcf9d6;
}

.task_p5 {
  background-color: #EEE7BB;
}

.task_p5_label {
  background-color: #DDD6AA;
}

.task_p5_completed {
  background-color: #F8F8DD;
}

.task .progress_box {
  width: 80px;
  border: 1px dotted black;
  padding: 1px;
  margin: 2px 0 0 0;
  float: right;
}

.task .label {
	float: left;
  font-size: smaller;
}

.task p {
  margin-left: 4em;
}

.subject.title {
  
}

.subject.content {
  margin-left: 10px;
  font-size: 90%;
}

.test_case h2 {
  color: black;
  border-top: solid #669999 thin;
}

.test_case table {
  font-size: 80%;
  margin-left: 20px;
}

.test_case tbody td {
  border-top: solid gray 1px;
  padding: 1px 4px 1px 0px;
}

.test_failed {
  background-color: #FFD0AA;
}

.src_path_list {
  font-size: 50%;
  margin-left: 30px;
}

.src_loc {
  font-size: medium;
}

.src_loc_title {
  font-family: monospace;
}

.mn_box {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  border: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
  z-index: 2;
}

.mn_menu {
  color: #002200;
  background-color: #BCCFFF;
  position: relative;
}

.mn_menu_disabled {
  color: #999999;
  background-color: #BCCFFF;
  position: relative;
  cursor: default;
}

.mn_over {
  color: #FFFFFF;
  background-color: #000066;
}

.mn_label {
  padding: 2px 4px 2px 4px;
}

.auto_complete {
  display: none;
  position: absolute;
  background-color: #EEEEEE;
  padding: 0px;
  width: 100%;
  left: 0;
  top: 1.5em;
  max-height: 20em;
  overflow: auto;
  font-size: 90%;
  z-index: 4;
}

.ac_item, .ac_choose {
  padding: 2px 2px;
  cursor: pointer;
}

.ac_choose {
  background-color: #000088;
  color: white;
}

.ac_details {
  font-size: 75%;
  margin-left: 10px;
}

#_disable {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #DDDDDD;
	z-index: 2;
}

.windowPanel {
	position: fixed;
	padding: 0px;
	color: #002200;
	background-color: #BCCFFF;
	top: 38%;
	left: 29%;
	width: 40%;
	z-index: 3;
	cursor: auto;
}

.wnd_header {
	margin: 0px 0px 0px 0px;
	background-color: #677BAF;
	color: #CDDFFF;
}

.wnd_header {
  padding: 2px 4px;
  font-size: 70%;
  text-align: left;
  z-index: 100;
}

.wnd_resize {
  width: 8px;
  height: 8px;
  cursor: se-resize;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 100;
}

.contextPanel {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  border: none;
  background-color: #F5F5F5;
  position: absolute;
  z-index: 2;
}

table.DT_picker {
  border: solid 1px gray;
  font-size: 80%;
  text-align: right;
  width: auto;
}

.DT_picker th {
  font-weight: normal;
  font-size: 80%;
  background-color: #E6E6FA;
  padding: 2px 2px 2px 2px;
}

.DT_picker td {
  cursor: pointer;
  background-color: #F5F5F5;
  padding: 2px 6px 2px 6px;
  width: 1.6em;
}

.DT_picker select {
  background-color: #F5F5F5;
  border: none;
  font-size: 100%;
}

.DT_picker .hover {
  color: white;
  background-color: #222299;
}

.DT_picker .blur {
  color: gray;
}

.DT_picker .info {
  text-align: left;
  white-space: nowrap;
}

.DT_picker .close {
  padding-right: 6px;
  cursor: pointer;
}

.DT_input {
  overflow: auto;
}

.DT_input input {
  width: auto;
}

.DT_input input[type="button"] {
  margin: 0px 6px 0px 1px;
  cursor: pointer;
  width: auto;
}

.DT_input img {
  margin: 0px 6px 0px 1px;
  cursor: pointer;
  vertical-align: middle;
}html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
}

.contentPanel {
  margin: 0px;
  padding: 0px;
}

.content {
  margin: 0px auto 100px;
  padding: 0px 1% 100px;
  min-width: 32em;
  max-width: 48em;
}

.toc {
  margin: 0px -8% 0px 0px;
  padding: 0px 0px 4% 2%;
  font-size: 80%;
  float: right;
  color: #6666CD;
  background-color: #FAFAFF;
}

.toc:hover {
  color: #0000CD;
}

.toc p {
  margin: 2px;
  cursor: pointer;
}

.toc p:hover {
  color: #0000CD;
  background-color: #EAEAEE;
}

.tools {
  bottom: 4px;
  position: fixed;
  right: 4px;
}

.tools img {
  vertical-align: bottom;
}

.history {
	padding: 20px 0 60px 2%;
  font-size: 60%;
  float: right;
  color: #557766;
  max-width: 32em;
}

.history:hover {
  color: #224433;
}

p.title, p.context {
  color: #225566;
}

p.context {
  font-size: 150%;
  margin: 0;
  padding: 20px 0px 10px 0px;
  text-align: center;
}

p.title {
  font-size: 160%;
  margin: 10px 0px 14px 0px;
  text-align: center;
}

.contextPanel {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  border: none;
  background-color: #F5F5F5;
  position: absolute;
  z-index: 2;
}

.mn_box {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  border: none;
  white-space: nowrap;
  cursor: pointer;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
  z-index: 2;
}

.mn_menu {
  color: #002200;
  background-color: #BCCFFF;
  position: relative;
}

.mn_menu_disabled {
  color: #999999;
  background-color: #BCCFFF;
  position: relative;
  cursor: default;
}

.mn_over {
  color: #FFFFFF;
  background-color: #000066;
}

.mn_label {
  padding: 2px 4px 2px 4px;
}
.status_display {
	z-index: 1;
	position: fixed;
	display: block;
	top: 0px;
	right: 0px;
	padding: 2px;
	font-size: 60%;
}

.status_msg {
	padding: 2px;
	background-color: green;
	color: white;
}

.status_error {
	padding: 2px;
	background-color: red;
	color: white;
}.editModeToggle {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 11;
  width: 1px;
  height: 1px;
}

.ed_select {
  color: #002200;
  background-color: #DDDDEE;
}

.ed_process {
  color: #999999;
  background-color: #EEEEEE;
  cursor: wait;
}

.selection_display {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	font-size: 60%;
	padding: 1px 4px 2px 32px;
  background-color: #556699;
	color: #FFFFFF;
	z-index: 10;
}

.selectionPanel {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 1px 4px;
	font-size: 54%;
	color: #0A7D14;
  background-color: #DDDDEE;
  white-space: nowrap;
}

.selectionPanel .link {
	color: #0A7D14;
}

.ed_footer {
	margin: 0px 0px 0px 0px;
	background-color: #677BAF;
	color: #CDDFFF;
}

#_richtextToolbar {
	float: left;
	width: auto;
	margin-top: 4px;
	display: none;
}

.link {
	color: #CDDFFF;
	cursor: pointer;
}

.link:hover {
	color: #FFFFFF;
	background-color: #000066;
}

.ed_toolbar {
  cursor: pointer;
  width: 16px;
  height: 15px;
  margin-right: 4px;
  border-left: solid 1px #b7cBfF;
  border-right: solid 1px #b7cBfF;
  background-color: #b7cBfF;
}

.ed_toolbar:hover {
  background-color: #FFFFFF;
}

.ed_footer {
	padding: 0px 2px 0px 4px;
	text-align: right;
}

.ed_body {
	width: 100%;
	margin: 0px;
}

.ed_body td {
	border: none;
}

.ed_label {
	text-align: right;
	width: 10%;
	padding: 0px 0px;
	color: #222277;
	font-variant: small-caps;
	font-size: 80%;
	margin-top: 0px;
}

.ed_entry {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.ed_entry input {
	width: 100%;
	height: 1.2em;
	border: none;
	padding: 0px;
	margin: 0px;
}

.ed_entry textarea {
	width: 100%;
	height: 100px;
	overflow: auto;
	border: none;
	padding: 0px;
}

.ed_entry .iframe {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: #FFFFFF;
	border: none;
	width: 100%;
}

.ed_entry .richtext_input {
	color: black;
	background-color: #FFFFFF;
	font-size: 80%;
	min-height: 2em;
	max-height: 32em;
	overflow: auto;
}

.ed_entry select {
	margin: 0px;
	border: none;
}

.ed_action {
	margin: 4px 2px 4px 2px;
	padding: 0px 4px 0px 4px;
	border: none;
	background-color: #EEEEFF;
	font-size: 66%;
  cursor: pointer;
}

.ed_action:hover {
  background-color: #FFFFFF;
}

.ed_entry .ref_input {
	position: relative;
}

.inlineEdit p {
	margin: 0;
}

.inlnEd_path {
	display: none;
}

.inlnEd_active {
  background-color: #FFFFEE;
  cursor: auto;
}

.inlnEd_inactive {
	color: #BBBBBB;
}
