html { height: auto; width: auto; }
body { font-family: Verdana; font-size: 8pt; color: #222; line-height: 13pt; height: auto; width: auto; font-family: Arial; background-color: Transparent; }
form { margin: 0; }
a { cursor: pointer; text-decoration: none; }
a:hover { }
h2, h1 { font-family: Calibri; font-size: 20pt; font-weight: bold; margin-bottom: 15px; }
h2 { font-size: 16pt; margin-bottom: 10px; }
h3 { font-weight: bold; font-size: 10pt; text-transform: uppercase; color: #000; }
td { vertical-align: top; }
p { text-align: justify; }
.box-header { font-size: 8pt; }
.box-with-header { display: inline; }
.box-with-header .header { margin: -1px 0 -1px 5px; font-size: 8pt; text-transform: uppercase; margin: 0; padding-left: 5px; }
.box-with-header .box-content { margin: 0 5px 0 5px; border: solid 1px; }

.form { margin: 0; }

.view-body .item { }
.view-body .item .label { float: left; font-weight: bold; width: 100px; display: inline; clear:left;}
.view-body .item .value { }

.form .item { float: left; width: 320px; min-height: 15px; }
.form .item .label { float: left; font-weight: bold; width: 110px; display: inline; font-size: 8pt; }
.form .item .value { float: left; display: inline; width: 200px; }

.form .form-body .item .item-body .whole{width:100%;}
h2 .close-button { float: right; margin: -20px -10px 0 0; }