/* Remove browser inconsistencies */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, input, button, textarea { 
  margin                 : 0;
  padding                : 0;
  border                 : 0;
  outline                : 0;
  font-size              : 100%;
  font-family            : Verdana, Arial, sans-serif;
  font-style             : normal;
  line-height            : 1;
  background             : transparent;
}

/* Default is ~16px, lowering to ~12px */
body {
  font-size              : 70%;
  height                 : 100%;
}

table {
  border-spacing         : 0;
  border-collapse        : collapse;
}
h1,h2,h3,h4,h5,h6 { 
  line-height            : 200%;
  margin-top             : 0.5em;
  letter-spacing         : 0.1em;
}
h1 {
  font-size              : 120%;
}
h2 {
  font-size              : 110%;
}
h3 {
  font-size              : 100%;
}
h4 {
  font-size              : 95%;
}
h5 {
  font-size              : 90%;
}
p, li {
  text-align             : justify;
  margin                 : 0.5em 0 0.75em 0;
  line-height            : 1.25;
}
div { 
}
pre {
  font-size              : 90%;
  font-family            : "Typewriter", "Courier New", monospace;
}
small, .small {
  font-size              : 90%;
}
li {
  margin                 : 1em 0 0.5em 2em;
}
fieldset {
  border                 : 1px solid #c0c0c0;
  padding                : 1em;
}
legend {
  font-weight            : bold;
}
input[type=text], input[type=password], textarea {
  border                 : 1px solid #999;
  background             : #f0f0f0;
  padding                : 2px;
}

table.tabular tbody {
  border                 : 1px solid #909090;
}
table.tabular thead {
  padding                : 3px;
  border                 : 1px solid #606060;
}
table.tabular td { 
  padding                : 4px;
}
td {
}
th {
  font-weight            : bold;
  color                  : #000;
  background             : #e0e0e0;
  padding                : 3px;
}
th.sortable { 
  cursor                 : pointer;
  background-repeat      : no-repeat;
}
th.sortable:after { 
  content                : url(/images/th-sortable.gif);
}
th.down:after {
  content                : url(/images/th-dsc.gif);
}
th.up:after { 
  content                : url(/images/th-asc.gif);
}
tr.odd { 
  background             : #eee;
}

body div.centered {
  margin                 : auto;
  width                  : 860px;
}
#body {
  padding                : 10px;
  background             : #fff;
}

.invisible {
  display                : none;
}

.label {
  font-weight            : bold;
  color                  : #f00;
}

.input-form {
  padding                : 5px;
  border                 : 1px solid #d0d0d0;
  background             : #e0e0e0;
}
.submit {
  margin-top             : 10px;
  text-align             : center;
}

.hilite {
  background             : #ddddff;
  cursor                 : pointer;
}

.bordered {
  border                 : 1px solid #999;
}

.field {
  font-weight            : bold;
  color                  : #667;
  margin-bottom          : 5px;
  white-space            : nowrap;
}

.risk5 {
  font-weight            : bold;
  color                  : #f00;
}
.risk4 {
  font-weight            : bold;
  color                  : #f90;
}
.risk3 {
  font-weight            : bold;
  color                  : #990;
}
.risk2 {
  font-weight            : bold;
  color                  : #360;
}
.risk1 {
  font-weight            : bold;
  color                  : #036;
}
.risk0 {
  font-weight            : bold;
  color                  : #666;
}
.risk5-bg {
  background             : #f00;
}
.risk4-bg {
  background             : #f90;
}
.risk3-bg {
  background             : #990;
}
.risk2-bg {
  background             : #360;
}
.risk1-bg {
  background             : #038;
}
.risk0-bg {
  background             : #666;
}
.risk-box {                                                                                                        
  width                  : 10px;                                                                                     
  height                 : 10px;                                                                                     
  border                 : 1px solid #666;                                                                           
}

.myth {
  font-weight            : bold;
  color                  : #800;
}
.fact {
  font-weight            : bold;
  color                  : #080;
}

.tooltip {
  z-index           : 11;
  border            : 1px solid #c0c0c0;
  background        : #f8f8f8;
  padding           : 0.5em;
}
.tooltip-active {
}

/* Error Panels */

.warning, .error {
  font-weight            : bold;
  color                  : #f00;
}
.field.ui-state-error, legend.ui-state-error {
  cursor                 : pointer;
  padding                : 5px;
}

.accordion h2,h3,h4,h5 {
  cursor                 : pointer;
}

img[src$=drag-handle.png] {
  cursor                 : move;
}

label.ui-state-active span {
  font-weight            : bold;
}