body {
  margin: 0px;
}

a {
  color: #3366ff;
  text-decoration: none;
  font-weight: 800;
}

a:hover {
  text-decoration: underline;
}

table.datatable tr td {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  padding: 5px;
}

table.datatable {
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}

ul {
  color: #526178;
}

a.menu {
 color: #526178;
 font-family: 'Courier New', courier;
 text-decoration: none;
 font-size: 13px; 
 display: block;
 padding-top: 1px;
 padding-bottom: 1px;
}

a.menu:hover {
  border-top: 1px solid white;
  border-bottom: 1px solid white;  
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

a.download {
  color: #526178;
  font-family: 'Courier New', courier;
  text-decoration: none;
  font-size: 13px;
  text-decoration: underline;  
}

a.download:hover {
  color: gray;
}




table.menu tr td {
  padding-left: 20px;
}

table#topmenu {
  z-index: 5;
  position: absolute;
  top: 73px;
}

.red {
  color: red;
  font-weight: bold;
}

td {
  font-family: 'Courier New', courier;
  font-size: 12px;
  color: #666666;
}

#logo_img {
  z-index: 2;
  position: absolute; 
  top: 0;
  left: 0;
}

#top_bar {
  position: absolute;
  left: 0;
  top: 43;
  z-index: 1;
  background-color: #cccccc;
  border-top: 3px solid #526178;
  border-bottom: 1px solid #526178;
  height: 50px;
}

#main_body_table {
  position: absolute;
  left: 0;
  top: 90;
  z-index: 1;
}

#main_body_border_top {
  background-color: green;
  width: 800px;
  height: 1px;
}

#main_body {
  border-left: 20px solid #cccccc;
  border-right: 20px solid #cccccc;
  width: 800px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

div.h2 {
  color: gray;
  font-size: 21px; 
  margin-top: 45px;
  margin-bottom: 15px;
  border-bottom: 1px solid gray;
  font-weight: 800;
}


.code {
  border: 1px dashed #cccccc;
  padding-left: 10px;
  padding-bottom: 15px;
  margin-top: 10px;  
  margin-bottom: 10px;
}

pre {
 margin: 0;
 padding: 0; 
}

#tutorial_content {
  color: #666666;
}

#comment_preview {
  display: none;
}

#comment_submit {
  display: none;
}

.code_result {
  border: 1px solid #697d9a;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 10px;  
  margin-bottom: 10px;  
}

.code_result h1 {
  font-family: 'Courier New', courier;
  font-size: 14px;
  color: black;
  margin: 0;
  padding: 0;
}

.comment {
  border: 1px solid #697d9a;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 10px;  
  margin-bottom: 10px;  
}


div.h1 {
  color: white;
  font-size: 21px; 
  margin-bottom: 15px;
  border-bottom: 1px solid gray;
  padding-left: 5px;
  padding-top: 5px;
  margin-top: 15px;
  background-color: #697d9a;
  font-weight: 900;
  letter-spacing: -1px;
}