* {
  margin: 0;
  padding: 0;
}

/*
  main panes
*/

#main {
  width: 800px;
  overflow: hidden;
}

#top {
  width: 800px;
}

#leftpane {
  width: 500px;
  float: left;
  padding-bottom: 30020px;
  margin-bottom: -30000px;
}

#rightpane {
  width: 300px;
  float: left;
  background-color: #ffdddd;
  padding-bottom: 30000px;
  margin-bottom: -30000px;
}

#selectField {
  margin: 10px 0;
  padding: 10px 0;
}

#bottompane {
  width: 800px;
  clear: left;
  background-color: #00cc00;
}

/*
  some defaults
*/
img {
  border: 0;
}

h1 {
  margin: 5px;
  font-weight: bold;
  font-size: 20pt;
  text-decoration: none;
  color: #00AA00;
}

h1.headline {
  padding: 10px 10px 5px 50px;
  background-image: url("imgs/headline.png");
  background-position: left bottom;
  background-repeat: no-repeat;
}

h2 {
  margin: 10px 5px;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
  color: #00AA00;
}

h3 {
  margin: 10px 5px;
  color: #00AA00;
}

hr {
  margin: 3px;
  color: #000000;
  background-color: #000000;
  height: 3px;
}

p.about {
  margin: 20px;
}

p.queryid {
  margin: 5px;
  color: #00AA00;
}

p.rightaligned {
  margin: 5px;
  text-align: right;
}

p.rightpanetext {
  margin: 5px;
  /*margin: 0 10px;*/
}

input.atomname {
  font-weight: bold;
  width: 40px;
}

input.radius {
  width: 40px;
}

input.color {
  width: 110px;
}

input.query {
  vertical-align: middle;
  margin: 5px;
}

/*
  Textarea for View
*/
textarea#view {
  padding: 5px;
  width: 470px;
  height: 100px;
  border: 2px solid green;
  margin: 15px;
  overflow: auto;
}

/*
  XML data textfield
*/
textarea#XMLdata {
  padding: 5px;
  width: 470px;
  height: 500px;
  border: 2px solid green;
  margin: 15px;
  overflow: scroll;
}

/*
  Button; get xml data from swf movie
*/
input.wmbutton {
  margin: 5px 5px 0px 20px;
  color: #008800;
  font-weight: bold;
}

input.simple {
  margin: 0px 0px 0px 0px;
  color: #008800;
  font-weight: bold;
}

input.wmbuttonright {
  margin: 0px 0px 0px 0px;
  color: #008800;
  float: right;
  font-weight: bold;
}

/*
  get flash link
*/
p#getflash {
  margin: 5px;
}

/*
  atom table
*/
table#atomtable {
}

/*
  copyright text
*/
p#copyright {
  margin: 5px;
  padding: 5px;
  color: #222222;
}

/*
  ajax related
*/
p#ajaxFileLoaded {
  margin: 5px;
  padding: 5px;
  color: #008800;
}
