body, td, th, a, .normal {
  font-family: Verdana, sans-serif;
  font-size: 9pt;
}

a {
  text-decoration:none;
}

h1, h1 a {
  font-size:16pt;
  margin: 0;
}

th, div.cell.header {
  font-style:italic;
  text-align:left;
  border:1px solid #EEE;
  font-weight:normal;
}

td {
  vertical-align:top;
}

.centred {
  margin-left:auto;margin-right:auto;
}

.hideMe {
  display:none;
}

.movable {
  position: absolute;
  display:none;
}

.movable.window {
  background: #FDFDFF url( '/images/titlebg2.png' ) repeat-x;
  padding:0;
  border: 1px solid #EEE;
  top: 160px;
  left: 160px;
}

.window {
  background: url( '/images/window_bg.png' ) repeat-x;
  border: 1px solid #EEF;
  /*border: none;*/
  padding:2px;
  overflow:auto;
  margin:5px 5px 0 0;
}

.icon_editor_copy, .window, div.popupable {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.movable .window_titlebar {
  color: white;
  border: none;
}

.window_titlebar, .immobile .window_titlebar {
  background-image: none;
  font-weight: bold;
  padding-left: 5px;
  color:#557;
  white-space:nowrap;
}

.window_titlebar span {
  position:relative;
  bottom:2px;
}

div.icon_editor.window {
  min-height:inherit;
}

button.imgButton span, a.imgButton span {
  position:relative;
  bottom:1pt;
  margin-left:5px;
}

button.imgButton img, a.imgButton img {
  position:relative;
  bottom:-1pt;
}

.window_titlebar span, .window_titlebar img {
  padding:0;
  margin:0;
}

div.popupable {
  background: white;
  border: 3px solid #333;
  z-index: 10;
  position: absolute;
  display: none;
  top: 160px;
  left: 160px;
}

.popupable.showing {
  display:block;
}

span.clickable, div.clickable, a, a:visited {
  color:#3333bb;
  cursor:pointer;
  text-decoration:none;
}

div.helpWindow {
  background: #FFE url( '/images/yellow_titlebar.png' ) repeat-x;
  color:black;
}

.tos h1 {
  font-size:130%;
  font-weight: bold;
}

.tos .sub {
  padding-left:2em;
}

.tos .subsub {
  padding-left:4em;
}

.tos .term {
  border-bottom:1px dotted gray;
}

div.sixty-ems, table.sixty-ems {
  width:60em;
}

div.forty-ems {
  width:40em;
}

div.twentyfive-ems {
  width:25em;
}

div.twelve-ems {
  width:12em;
}

table.helpful {
  width:40em;
  border-collapse:separate;
  border-spacing:1px;
  margin:5px;
  empty-cells:show;
}

table.helpful .helpfulText {
  padding-bottom:10px;
}

div.bgColourChooser div {
  display:inline-block;
  min-height:40px;
}

.icon_editor {
  margin:10px;
  position:relative;
  width: 256px;
  height: 256px;
  background: url( /images/bg.png ) repeat;
}

.icon_editor_canvas {
  margin:10px;
  background: url( /images/bg.png ) repeat;
}

.icon_editor_cell {
  width:16px;
  height:16px;
  position:absolute;
}

.extrasmall, .extrasmall td, .extrasmall th, .extrasmall table td, .extrasmall input, .extrasmall a, .extrasmall span, .extrasmall div, .extrasmall select, .extrasmall textarea {
  font-size:7pt;
}

.fav, .smallish, .smallish td, .smallish th, .smallish table td, .smallish input, .smallish a, .smallish span, .smallish div, .smallish select, .smallish textarea {
  font-size:7pt;
}

.normal, .normal td, .normal th, .normal table td, .normal input, .normal a, .normal span, .normal div, .normal select, .normal textarea {
  font-size:9pt;
}

.smallish input, .smallish select {
  border: 1px solid #CCC;
}

.smallish button, .smallish input[type=submit] {
  border: 1px solid #CCE;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background:#F8F8F8 url('/images/window_bg.png');
}

.extrasmall input, .extrasmall select {
  border: 1px solid #EEF;
}

.extrasmall button {
  border: none;
}

.extrasmall form {
  display: inline;
}

div.action_row {
  clear:both;
}

body.verboseMode #verbose_action, body.conciseMode #concise_action {
  display:none;
}

body.verboseMode .ifConcise, body.verboseMode .actionItem.ifConcise {
  display:none;
}

body.conciseMode .ifVerbose {
  display:none;
}

body.conciseMode .logoaction .ifVerbose, body.conciseMode .navaction .ifVerbose {
  display:inline;
}

body.verboseMode .actionItem {
  display:block;
  clear:both;
}

.logoaction .actionItem img, .navaction .actionItem img {
  float:none;
}

body.verboseMode .logoaction .actionItem span, body.verboseMode .navaction .actionItem span {
  bottom:3pt;
}

body.verboseMode .logoaction .actionItem, body.conciseMode .logoaction .actionItem {
  display:block;
  overflow:auto;
}

body.verboseMode .navaction .actionItem, body.conciseMode .navaction .actionItem {
  display:inline;
}

.iconList {
  /*border:1px solid #DDD;*/
  border:0;
  /*margin:1px 1px 0 0;*/
  padding:2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.iconList:hover {
  /*border:2px solid #99E;*/
  /*padding:1px;*/
  background:#CCF;
}

.actionItem span {
  margin-left:2px;
  position:relative;
  bottom:3pt;
}

.actionItem {
  display:inline;
  white-space:nowrap;
  overflow:visible;
}

.actionItem.tool.selected .iconList, .actionItem.tool.selected .iconList:hover {
  border: 2px solid black;
  margin: 0 0 -1px -1px;
  padding:2px;
}

.iconExplorer tr {
  height:5em;
}

.iconExplorer tr.current {
  height:10em;
}

.iconExplorer td div {
  height:80%;
  padding:5px;
  border:1px solid #CCF;
  margin:1px;
  position:relative;
}

.iconExplorer td div.current {
  border:2px solid blue;
  margin:0;
}

.iconExplorer td {
  vertical-align:top;
  width:10em;
}

img.versionImage {
  padding:1px;
  margin:2px;
  display:block;
}

img.versionImage.selected {
  border:2px solid black;
  margin-left:2px;
}

.iconExplorer .explorerMoreLink {
}

.iconExplorer tr.explorerLinks {
  height:16px;
}

.iconExplorer td.explorerLink {
  text-align:center;
  vertical-align:middle;
  width:16px;
}

.iconExplorer col.explorerLink {
  width:16px;
}

.attention {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background:#FFC;
  padding:0.5em;
  margin:0.5em;
}

.warning {
  padding:5px;
  border:1px solid red;
  color:black;
  background:#FFC;
  margin: 5px;
}

.upgrade-hint {
  padding:5px;
  border:1px solid red;
  color:black;
  background:#F8F8FF;
  margin: 5px;
}

.message {
  padding:5px;
  border:1px solid green;
  background:#CFF;
  margin: 5px;
}

.movable.showing {
  display: block;
}

body.free .ifPaid, body.free .ifPaid.showing {
  display:none;
}

body.paid .ifFree, body.paid .ifFree.showing {
  display:none;
}

.colourChooserCell {
  width:6px;
  height:100%;
  display:inline-block;
  padding:0 0 0 3px;
  font-weight:bold;
  margin:0;
}

.colourChooserRow {
  overflow:visible;
  height:13px;
  width:320px;
}

tr.clusteringGroup:hover {
  background:#EEF;
}

tr.clusteringGroup.selected {
  background:#BBF;
}

tr.hoverable:hover {
  background:#EEF;
}

tr.odd, .alternate.odd {
  background:#FCFCFF;
}

tr.even, .alternate.even {
  background:white;
}

.mono, .mono td {
  font-family:monospace;
}

.hit_row_action span, .hit_row_error span, .hit_row_static span   {
  padding: 3px;
  border-bottom:1px solid gray;
  empty-cells:show;
}

.hit_row_error {
  background-color:#FCC;
}

.hit_row_static {
  background-color:#CCC;
  color:#888;
}

div.table {
  display:table;
}

div.row {
  display: table-row;
}

div.cell {
  display: table-cell;
  vertical-align:top;
}

.motto {
  font-size:14pt;
  text-align:center;
  padding-left:1em;
  padding-right:1em;
  display:inline;
}

.beta {
  font-size:10pt;
  color:red;
  font-style:italic;
  font-weight:normal;
}

div#library_content {
  position:relative;
  width:40em;
  padding-left:10px;
  padding-bottom:10px;
}

img#iconMenu_image, img#animation_result, .blueBorder {
  float:left;
  margin:10px;
  border:2px solid blue;
  padding:10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#iconfu_logo {
  margin: 4px;
  cursor:pointer;
}

#iconfu_logo:hover {
  padding: 2px;
  border: 2px solid #AAE;
  margin: 0;
}

#blue_levels {
  border-bottom:1px solid #CCC;
}

#red_levels, #green_levels, #blue_levels {
  padding: 2px;
  display:block;
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}

body.conciseMode #level_tool_panel, body.conciseMode #channel_swap_actions {
  width:16em;
  margin: 1em auto;
  text-align:center;
}

body.verboseMode #level_tool_panel, body.verboseMode #channel_swap_actions {
  margin: 1em 0;
}

.bigmargin {
  margin:25px;
}

caption {
  font-weight:bold;
}

.inlineForm {
  display:inline;
}

.linklike input[type=submit] {
  border:none;
  background:none;
  color:blue;
  cursor:pointer;
  font-size:110%;
  margin:0;
  width:auto;
  padding:0;
}

div.wow {
  border:5px solid #EEF;
  background: #FCFCFF url( '/images/yellow_titlebar.png' ) repeat-x;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin:5px;
  padding-left:5px;
  padding-right:5px;
}

div.wow h1 {
  margin-top: 1px;
  margin-bottom: 5px;
}

#demo_message_area {
  margin:10px;
  border:5px solid #004;
  padding:12px;
}

#demo_message_content {
  font-size:large;
  font-weight:bold;
}

#demo_controls {
  width:100%;
  text-align:center;
  font-size:large;
  font-weight:bold;
}

#demo_text {
  min-height:4em;
  width:40em;
}

.comment.admin {
  border: 3px solid #44C;
}

.comment, .collection {
  border: 1px solid #CCF;
  padding:1em;
  margin:1em;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.collection h2 {
  margin:0;
}

.hit_params {
  border-spacing:1px;
}

.hit_params td {
  border:1px solid gray;
  padding:3px;
}

.tab-button button.selected {
  background-color:blue;
  font-weight:bold;
}

.colour-chooser input[type=text] {
  background: white;
  color:black;
  font-weight:bold;
  border:none;
}

.colour-chooser canvas {
  background:url('/images/light-alpha.png');
  width:255px;
  position:relative;
  top:0;
  left:0;
}

.colour-chooser input[type=text] {
  background:none;
}

.pad1em {
  padding:1em;
}

pre.text-content {
  white-space:pre-wrap;
  font-family:Verdana, sans-serif;
}

.syntax-help {
  background:white;
  border:1px solid gray;
  margin:10px;
  padding:3px;
}

.related-tags {
  padding-top:5px;
  overflow:auto;
}

.related-tag {
  margin:2px;
  padding:2px;
}

.related-tag:hover {
  padding:1px;
  border:1px solid #DDD;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.nested-notice {
  padding:5px;
  border:1px solid #EEF;
  margin: 5px;
  overflow:auto;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.resource-table {
  border-collapse:separate;
  border-spacing:5px;
  max-width:80em;
  width:100%;
}

.footer {
  margin:10px;
}

.floatMenu {
  margin-bottom:5px;
  width:75px;
  overflow:auto;
}

body.verboseMode .floatMenu {
  width: 16em;
}