#outerBox {
  background:   #b3ccff;
  padding-left:  10px;
  padding-right: 10px;
  width:       580px;
  height:      280px;
  margin-left:  auto;
  border:        1px solid;
  z-index:       2;
}

#outerBox2 {
  background:   #b3ccff;
  padding-left:  10px;
  padding-right: 10px;
  width:         auto;
  margin-left:  auto;
  border:        1px solid;
  z-index:       2;
}

#centerBox {
  background:   #f5faff;
  width:        550px;
  height:       200px;
  margin-left:   auto;
  margin-right:  auto;
  border:        1px solid;
  z-index:       2;
}

#centerBox2 {
  background:   #f5faff;
  padding:       20px;
  margin:        20px;
  border:        1px solid;
  z-index:       2;
}
#centerBox2 ul li { white-space: nowrap; }

#centerBox #groups {
  margin-top: 50px;
}

#language {
  text-align: right;
  margin-right: 30px;
  margin-top: 10px;
}

.condition {
  width:        250px;
  margin: 20px auto 20px auto;
  text-align:    center;
}

div.title {
  width: 500px;
  margin-left: 50px;
  text-align: left;
}

select.top-combobox {
  width: 450px;
  margin-left:  auto;
  margin-right: auto;
}


div#top-spacer {
  height: 20px;
}

#endLine {
  width: 630px;
  height: 0px;
  margin-top: 30px;
}


.contentTable  {
  border-collapse: collapse;
}

.contentTable td {
  border: solid 2px black;
  padding-left: 5px;
  padding-right: 5px;
}


td.blank-diff {
  background-color: orange;
}


/*---------------------------------
     Preview / Conetent
  ---------------------------------*/
div.contentbox {
/*   width: 1300px; */
}

div.contentbox div.row-num {
  text-align: center;
/*   width: 1230px; */
}

div.contentbox div.row-num div.col {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div.contentbox div.row-num div.col-middle {
  float: left;
  width: 20px;
}


div.contentbox div.row-num div.col-side {
  float: left;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  width: 400px;
}

div.contentbox div.row-num div.col-center {
  float: left;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  min-width: 200px;
}


div.contentbox table#comment {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 800px;
  min-width: 400px;

  /* max-width, min-width for IE */
  width: expression( document.getElementById('comment').clientWidth < 402 ? "400px"
                   : document.getElementById('comment').clientWidth > 802 ? "800px"
                   : "auto" );

}