body{background-color:#f0f0f0;}

.preference{position:relative; left:20px; font: normal 10px arial;}
.preference div{float:left; margin: 2px;}

.row-fields{width:200px; height:400px; border: 1px solid black; background-color: white;}
.data-fields{width:300px; height:400px; border: 1px solid black; background-color: white;}
.filter-fields{width:510px; height:10%; border: 1px solid black; background-color: white;}
.filter-marker{position:absolute; top: 20px; width: 500px; text-align:center;font-size:10px;}
.marker{position:absolute; top: 200px; width: 200px; text-align:center}

.fields{width:300px; height:400px; position:relative;}
.fields div{clear:left;}
.fields .fi{}

.fields h3 a{text-decoration:none; color:black; font: bold 10px arial;}
.fields .pane{}

.buttons div{clear:left;}
.buttons div input{width:120px; font: normal 11px arial;}
.buttons select{width:80px; font: normal 11px arial;}

.tip{clear:left;}

.gbi, .mei, .fi, .filter{}
.item{clear:left; width:180px; height:20px; border: 2px outset #f0f0f0; background-color:#f0f0f0;}


.measure div,select,label{font: normal 11px arial;}
.measure{position:relative;}
.measure div{float:left; margin: 4px;}
.measure .properties{position:relative;}
.measure .properties div{clear:both;}
.measure .properties label{width: 100px;}
.measure .properties .heading{position:relative;}
.measure .properties .heading div{float:left;}
.measure .properties .heading div hr{width: 100px;}
.measure .operation select{width: 250px;}
.measure .buttons div{clear:both;}