/*
 *
 * HTML tag declarations including headers, paragraphs, and links
 *
 */

body {
  font-family : "Cambria", "Georgia", "Times New Roman", Times, sans-serif;
  font-size   : 14px;

  background : #EEEEEE;
  color      : #333333;

  text-align : center; /* For Internet Explorer */

  margin  : 20px auto;
  padding : 0px;
}

h1 {
  color          : #333333;
  font-size      : 24px;
  letter-spacing : 0.2em;

  margin  : 0px;
  padding : 0px;
}

h2 {
  color          : #333333;
  font-size      : 16px;
  letter-spacing : 0.1em;

  margin  : 20px 0px 20px 0px;
  padding : 0px;
}

h2.nomargin {
  color          : #333333;
  font-size      : 16px;
  letter-spacing : 0.1em;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

h3 {
  color          : #333333;
  font-size      : 14px;
  letter-spacing : 0.1em;

  margin  : 20px 0px 20px 0px;
  padding : 0px;
}

h3.nomargin {
  color          : #333333;
  font-size      : 14px;
  letter-spacing : 0.1em;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

p {
  font-size : 14px;
  
  line-height : 1.45em;

  color : #333333;

  margin  : 0px;
  padding : 0px;
}

p.withmargin {
  font-size : 14px;
  
  line-height : 1.45em;

  color : #333333;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

.middle {
  text-align : center;
}

a:visited {
  color : #3366CC;

  text-decoration : none;
}

a {
  color : #3366CC;

  text-decoration : none;
}

table {
  margin  : 0px;
  padding : 0px;
}

table.nomargin {
  margin  : 0px;
  padding : 0px;
}

table.top_margin {
  margin  : 20px 0px 0px 0px;
  padding : 0px;
}

table.bottom_margin {
  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

td {
  font-size : 14px;
  
  line-height : 1.45em;

  color : #333333;
}

td.colorchart {
  height : 60px;
}

table.colorchart {
  border-spacing : 3px;

  border : 0px;

  background-color : #333333;

  margin : 0px 0px 20px 0px;
}

b {
  font-size : 14px;
  
  font-weight : bold;
}

form {
  margin : 20px 0px 0px 0px;

  padding : 0px;
}

img {
  display : block; /* For IE to remove unnecessary bottom margins... */

  margin  : 20px 0px 0px 0px;
  padding : 0px;
}

img.icon {
  display : block; /* For IE to remove unnecessary bottom margins... */

  margin  : 20px 0px 0px 0px;
  padding : 0px;

  background : #FFFFFF;

  border : 0px;
}

img.plain {
  display : block; /* For IE to remove unnecessary bottom margins... */

  margin  : 0px 0px 10px 0px;
  padding : 0px;

  background : #FFFFFF;
}

img.separator {
  display : block; /* For IE to remove unnecessary bottom margins... */

  margin  : 20px 0px 0px 0px;
  padding : 0px;

  background : #FFFFFF;

  border : 0px;
}

img.screenshot {
  display : block; /* For IE to remove unnecessary bottom margins... */

  margin  : 0px 0px 20px 0px;
  padding : 0px;

  background : #CCCCCC;
 
  border : 1px solid #CCCCCC;
}

/*
 *
 * Div declarations including top, header, body, and footer divs
 *
 */

div#frame {
  width : 840px;

  margin  : 0px auto; /* For Friefox, Safari ... */

  text-align : left; /* For the text-align of the body for Internet Explorer */

  background : #EEEEEE;
}

div#header {
  background : #EEEEEE;

  margin  : 0px;
  padding : 0px;

  height : 120px;
}

div#header h1 {
  font-size      : 24px;
  font-weight    : normal;
  letter-spacing : 0.2em;

  position : relative;
  top      : 40px;
  left     : 20px;

  margin  : 0px;
  padding : 0px;
}

div#header p {
  margin  : 0px;
  padding : 0px;

  position : relative;
  top      : 60px;
  left     : 20px;
}

div#header a {
  margin  : 0px;
  padding : 0px;

  text-decoration : none;
  color           : #333333;
}

div#picture {
  margin  : 0px 0px 20px 0px;
  padding : 0px;

  //background : url('pictures/framelite.png');

  border-top    : 1px solid #CCCCCC; 
  border-left   : 1px solid #CCCCCC; 
  border-right  : 1px solid #CCCCCC; 
  border-bottom : 1px solid #CCCCCC;

  height : 250px; 
}

div#picture img {
  margin  : 0px;
  padding : 0px;

  //background : url('pictures/framelite.png');

  border : 0px;

  height : 250px; 
}

div#picture h1 {
  color          : #FFFFFF;
  font-size      : 24px;
  letter-spacing : 0.2em;

  position : relative;
  top      : 80px;
  left     : 20px;

  margin  : 0px;
  padding : 0px;
}

div#picture p {
  color : #FFFFFF;	

  margin  : 0px;
  padding : 0px;

  position : relative;
  top      : 100px;
  left     : 20px;
}

div#content {
  margin  : 0px 0px 20px 0px;
  padding : 20px;
  
  background : #FFFFFF;
  color      : #333333;

  border : 1px solid #CCCCCC;
}

div#screenshot {
  width : 1200px;

  margin  : 0px auto; /* For Friefox, Safari ... */

  text-align : left; /* For the text-align of the body for Internet Explorer */

  background : #EEEEEE;
}

div#footer {
  text-align : center;
}

div#box {
  color      : #333333;
  background : #EEEEEE;
	  	     
  padding : 15px;
  margin  : 0px 0px 20px 0px;

  border : 1px solid #CCCCCC;
}

div#banner {
  color      : #333333;
  background : #EEEEEE;
	  	     
  padding : 20px 20px 20px 20px;
  margin  : 0px;

  border : 1px solid #CCCCCC;
}

div#banner h1 {
  color          : #333333;
  font-size      : 24px;
  letter-spacing : 0.2em;

  margin  : 0px 0px 20px 0px;
  padding : 0px;
}

div#source {
  font-family : Monaco, Courier New, Courier;
  font-size   : 12px;

  color      : #333333;
  background : #EEEEEE;
	  	     
  padding : 20px 20px 20px 20px;
  margin  : 20px 0px 20px 0px;

  border : 1px dashed #CCCCCC;
}

.box_header {
  color       : #333333;
  font-weight : bold;

  padding : 0px;
  margin  : 0px 0px 10px 0px;
}

.box_plain {
  padding : 0px;
  margin  : 0px 0px 10px 0px;
}

.box_list {
  padding : 0px;
  margin  : 0px 0px 10px 0px;

  text-align : left;
}

.comment {
  font-size   : 14px;

  color      : #FFFFFF;
}

.textfield {
  width : 300px;

  color      : #333333;
  background : #EEEEEE;

  border : 1px solid #CCCCCC;

  padding : 4px;
}

.textareafield {
  width : 400px;

  color      : #333333;
  background : #EEEEEE;

  border : 1px solid #CCCCCC;

  padding : 4px;
}

.selectfield {
  width : 250px;
}

.button {
  font-family : Verdana, Tahoma, Helvetica, Georgia, Arial;
  font-size : 14px;

  color      : #FFFFFF;
  background : #3366CC;

  border : 1px solid #EEEEEE;
  
  margin  : 0px;
  padding : 5px 10px 5px 10px;
}

.top_row {
  color : #FFFFFF;

  background : #333333;
}

.odd_row {
  background : #EEEEEE;
}

.even_row {
  background : #FFFFFF;
}

.pos_item {
  background : #E8FFE8;
}

.neg_item {
  background : #FFE8E8;
}

.assigned_row {
  background : #E8E8FF;
}

.open_row {
  background : #FFE8E8;
}

.solved_row {
  background : #E8FFE8;
}