/* General */
html, body, table {
  margin: 0; 
  padding: 0; 
  color: #000;    
}

body {
  width: 100%;
  min-width: 600px;
  border: 0;
  text-align: left; 
  font-family: arial, helvetica, sans-serif; 
  font-size: 14px;
  background-color: #00B2BE;
  /* background-image: url('/images/background.jpg'); */
  /* background-repeat: repeat-x; */
}


/* Header */
#header {
  clear: both;
  width: 100%; 
  height: 80px;  
  background-image: url('/images/header.png');
  background-repeat: repeat-x; 
}


/* Main */
.main {
  position: relative;
  clear: both;
  float: left;
  width: 100%; 
  margin-top: 10px;
  overflow: hidden;
}

.mainwrap {
  position: relative;
  float: left;
  left: 230px;
  width: 200%;
}

.colmainwrap {
  position: relative;
  float: right;
  right: 230px;
  width: 50%;
  padding-bottom: 0;
}

.colmain {
  position: relative;
  right: 100%;
  margin: 0 15px 0 230px;
  overflow: hidden;
}

.colmenu {
  position: relative;
  float: left;
  right: 215px;
  width: 200px;
}

	
/* Footer */
#footer {
  color: #333;
  font-size: 10px;
  text-align: center;
}


/* Dialog */
.dialog {
  position: relative;
  min-width: 50px; 
  max-width: 700px; 
  margin: 0 auto; 
  margin-left: 12px;
  margin-bottom: 4px;
  color: #333;
  z-index: 1;
}

.dialog .dialogcontent,
.dialog .dialogtop,
.dialog .dialogbottom,
.dialog .dialogbottom div {
  background: transparent url('/images/dialog.png') no-repeat top right;
}

.dialog .dialogcontent {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 12px 12px 0 0;
}

.dialog .dialogtop {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 100%;
  _height: 1600px;
  margin-left: -12px;
  background-position: top left;
}

.dialog .dialogbottom {
  position: relative;
  width: 100%;  
  height: 12px;
  font-size: 1px;
  background-position: bottom right;
}

.dialog .dialogbottom div {
  position: relative;
  width: 12px;
  height: 12px;
  font-size: 1px;
  margin-left: -12px;
  background-position: bottom left;
}


/* General content wrapper */

.wrapper {
  position: static;
  max-height: 250px;
  border-width: thin;
  border-style: solid;
  border-color: #666;
  margin-top: 6px;
  padding-left: 4px;
  padding-bottom: 4px;  
  overflow: auto;  
}


/* Dialog content: General */

a {
  color: #900;
  text-decoration: none;  
}                

a:hover {
  color: #000;
  text-decoration: none;
}

p, h1, h2, h3, h4, ul, form {
  margin: 0;
}

p {
  padding: 0 0 0.3em 0;
}

/* Topic title / Corresponds to the ===== ===== tag. */
h1 {
  color: #336;
  font-size: 20px;
  padding: 1em 0 0.5em 0;    
}

/* Corresponds to the ==== ==== tag. */
h2 {
  color: #336;
  font-size: 16px;
  padding: 1em 0 0.3em 0;    
}

/* Corresponds to the === === tag. */
h3 {
  color: #336;
  font-size: 14px;
  padding: 1em 0 0.3em 0;  
}

/* Corresponds to the == == tag. */
h4 {
  color: #336;
  font-size: 12px;
  padding: 1em 0 0.2em 0;    
}

.small { 
  font-size: 12px; 
}

.highlight { 
  color: #990000; 
}

.quote { 
  padding: 0.3em 1em 0.3em 1em;
  font-style: italic;
  font-family: times;   
}

.colmain ul {
  padding: 0 0 0.3em;
  list-style-type: none;
}

.colmain ul ul {
  padding: 0 0 0 1em;
}
.colmain ul ul ul {
  padding: 0 0 0 2em;
}

.colmain li {
  background-image: url('/images/listitem.gif');
  background-repeat: no-repeat;
  padding-left: 14px;
  background-position: 0 0.2em;  
}


/* Menu */

.menu {
}

.menu ul {
  font-size: 12px;
  list-style-type: none;
  padding: 0 0 .1em 0;
}

.menu  ul li {
  padding: 0 0 0.1em 0;
}

.menu  ul li li {
  padding: 0;
}
  
.menu ul li  a {
  display: block;
  text-decoration: none;
  color: #336;
  border-bottom: 1px solid #666666;
  width: 165px;
}

.menu ul li a:focus {
  outline: none;
} 
  
.menu ul ul li  a {
  border: 0;
  color: #000;
  width: 100%;
}

.menu ul ul li a:hover {
  color: #900;
}

.menu ul ul {
  padding: 0.1em 0 0 0.5em;
}

.menu ul ul ul {
  padding: 0.1em 0 0 1em;
}

.menu .active {
  color: #900;
}

/* Images */

img { 
  border: none; 
}

.border { 
  border: 1px; 
  border-style: solid; 
  border-color: #666666;    
}

.left {
  float: left; 
  margin-right: 8px; 
  margin-bottom: 8px; 
}

.leftborder {
  float: left; 
  margin-right: 8px; 
  margin-bottom: 8px; 
  border: 1px; 
  border-style: solid; 
  border-color: #666666;
}

.right {
  float: right; 
  margin-left: 8px; 
  margin-bottom: 8px; 
}

.rightborder { 
  float: right; 
  margin: 0 0 8px 8px; 
  border: 1px; 
  border-style: solid; 
  border-color: #666666; 
}

.middle {
  margin-bottom: 8px;
}

.middleborder {
  margin-bottom: 8px; 
  border: 1px; 
  border-style: solid; 
  border-color: #666666;
}
  

/* Main column formatting */

.div_main  {
  padding: 0 0 12px 0
}

.div_main > h1:first-child {
  padding: 0 0 0.5em 0;    
  margin: 0
}

/* Forum components:
 New                 : The "new" mark used in the footer of topics.
 Title               : The title within a frame.
 Footer              : The footer within a frame.
 ContinueReading     : The continue reading here link added at the end of a clipped topic.
*/
.new {
  color: #ff0000
}
.footer {
  margin-top: 4px;
  font-size: 10px;
}

.continuereading   {
  font-weight: bold;
}

/* Form components: */

.fielderror  {
  color: #990000;
}

.editbutton {
  width: 16px; 
  height: 16px; 
  border: 0
}

input {
  font-family: Tahoma;
  font-size: 8pt;
}
select  {
  font-family: Tahoma;
  font-size: 8pt;
}
textarea {
 font-size: 9pt;
}


/* Content frames:
*/

.center {
  text-align: center;
}

.redbox  {
  border: 1px solid #660000;
  background: #E8E6D3;
  padding: 10px;
}
.sql {
  border: 1px solid #660000;
  background: #F5F6D5;
  padding: 4px;
  font-family: Courier;
  font-size: 10pt;
}

table.border  {
  border: 1px solid #660000;
  font-size: 10pt;
}
table.border td {
  padding: 4px
}  

table.padded  {
}
table.padded td {
  padding: 4px
}