html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, tbody, th, td {
 margin: 0px;
 padding: 0px;
}

img{
 border:0;
 margin:0;
 padding:0;
}

span {
 margin: 0;
 padding: 0;
}


/* section */
div.content-section {
 margin-top: 0.1em;
 margin-bottom: 0.2em;
}

div.message {
 margin: 0.2em 1em;
 font-size: 1em;
 color: #cc3333;
}

div.result {
 margin: 0.2em 1em;
 font-size: 0.8em;
}

div.image-left {
 float: left;
 margin: 10px 20px 10px 0px;
}

div.image-right {
 float: right;
 margin: 10px 0px 10px 20px;
}

span.section-title {
 margin-left: 1em;
 font-size: 0.8em;
 font-weight: bold;
}

span.page-no {
 margin-left: 1em;
 font-size: 0.8em;
}

.clear {
 clear: both;
}
.float-left {
 float: left;
}
.float-right {
 float: right;
}

.center {
 text-align: center;
}
.left {
 text-align: left;
}
.right {
 text-align: right;
}

.top {
 vertical-align: top;
}
.middle {
 vertical-align: middle;
}
.bottom {
 vertical-align: bottom;
}

.nowrap {
 white-space: nowrap;
}
.hidden {
 overflow: hidden;
}

.underline {
 text-decoration: underline;
}

.display-none {
 display: none;
}

.visibility-hidden {
 visibility: hidden;
}

/* debug */
div.debug-info-pnl {
 height:400px;
 margin: 10px;
 padding: 2px;
 background-color: #ffffee;
 border-color: #606000;
 border-width: 2px;
 border-style: solid;
 overflow: scroll;
 text-align: left;
}