html {
  margin: 0;
  padding: 0; 
}

body {
  margin-left: 0px auto !important;
  margin-right: 0px auto !important;
  margin: 0px auto !important;
  max-width: 1000px;
  width: 922px;
  background-color:#CCCCFF;
  color:#000000;
}

h1 {
  margin-left: 0px auto !important;
  margin-right: 0px auto !important;
  margin: 0px auto !important;
}

h1.referenceHeader {
  margin: 10;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background-color: #A0A0D0;
}

h3.viewHeader {
  font-family:verdana;
  font-size: 13px;
  text-align:right;
  background-image: none;
  background-color: #dadaf0;
  color: MidnightBlue;
  font-weight: normal;
}

h3.explanation {
  font-family:verdana;
  font-size: 14px;
  color: #339900;
  background-image: none;
}

h3.importantPointsHeader {
  font-family:verdana;
  font-size: 14px;
  color: #CC0033;
  background-image: none;
}

h3.relatedEntriesHeader {
  font-family:verdana;
  font-size: 14px;
  color: #339900;
  background-image: none;
}



.importantPointsStrong {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin-right: 42px;
  display:block;
  color: #CC0033;
  font-family:verdana;
}

.importantPoint {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin-right: 42px;
  display:block;
}


#productProperties {
  color: MidnightBlue;
  font-size: 10px;
}

 a:hover {
 color: green;
}

.definitionTitle {
  font-size: 12px;
  font-weight: bold;
  color: MediumBlue;
}

.definition {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.explanation {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin-right: 42px;
  display:block;
}

.relatedElementsStrong {
  color: Green;
  font-size: 12px;
  font-style: italic;
}

.relatedElementsTitle {
  font-size: 12px;
  color: MediumBlue;
  font-weight: bold;
}


.navigationLink {
  font-size: 12px;
  color: MidnightBlue;
}


li.viewList {
  margin-left: 0px;
  padding-left 0px;
  list-style-type: none;
  margin-top: 0px auto !important;
  margin-bottom: 0px auto !important;
  text-align:left;
  line-height: 0.8
}


.shapeReference {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: MediumBlue;
}

.viewHeader {
  background-color: #A0A0D0;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

#productHeader {
  position: absolute;
  top: 185px;
  float: left;
  width: 410px;
  height: 40px;
}

#maincontainer {
  float: left;
  width: 722px;
  height: 500px;
  background-color: ffffff;
}

#shapeview {
  position: absolute;
  top: 200px;
  width: 170px;
  height: 240px;
}

#diagramview {
  position: absolute;
  top: 200px;
  left: 640px;
  width: 220px;
  height: 240px;
}

#nameview {
  position: absolute;
  top: 420px;
  float: left;
  width: 170px;
  height: 240px;
}

#disciplineview {
  position: absolute;
  top: 420px;
  left: 640px;
  width: 220px;
  height: 240px;
}