#U {
   position:   absolute;
   top:        0px;
   left:       0px;
   visibility: hidden;
}

#D {
   position:   absolute;
   top:        0px;
   left:       0px;
   visibility: hidden;
}

#C {
   position:   absolute;
   top:        0px;
   left:       0px;
   visibility: hidden;
}


.show {
   display: block;
}

.hide {
   display: none;
}

.scroll {
   overflow: scroll;
}

.title {
   font-size: 16pt;
   color:     red;
}

.fill {
   background: brown;
   border:     1px solid brown;
}

.fillout {
   background: lightgrey;
   border:     1px solid brown;
}

.blank {
   border:     1px solid black;
}

#mainbox {
   height:   625px;
   width:    1012px;
   overflow: scroll;
}

.group_seed {
   display:            inline-block;
   width:              95%;
   margin:             5px;
   padding:            2px;
   background:         beige;
   -moz-box-shadow:    rgba(0,0,0,0.3) 2px 2px 0 2px, rgba(0,0,0,0.2) 1px 1px 0 1px;
   -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 0 2px, rgba(0,0,0,0.2) 1px 1px 0 1px;
   box-shadow:         rgba(0,0,0,0.3) 2px 2px 0 2px, rgba(0,0,0,0.2) 1px 1px 0 1px;
   -moz-border-radius: 8px;
   border-radius:      8px;
}


.group_box {
   display:               inline-block;
   width:                 980px;
   height:                603px;
   margin:                2px;
   padding:               4px;
   background:            palegoldenrod;
   -moz-box-shadow:       rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   a-webkit-box-shadow:    rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   box-shadow:            rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   -moz-border-radius:    8px;
   -webkit-border-radius: 8px;
   border-radius:         8px;
}


.cluster_docs {
   display:               inline-block;
   width:                 465px;
   margin:                2px;
   padding:               4px;
   background:            cornsilk;
   -moz-box-shadow:       rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   a-webkit-box-shadow:    rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   box-shadow:            rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   -moz-border-radius:    8px;
   -webkit-border-radius: 8px;
   border-radius:         8px;
   vertical-align:        top;
   height:                586px;
   overflow:              scroll;
}


.classified_docs {
   display:               inline-block;
   width:                 465px;
   margin:                2px;
   padding:               4px;
   background:            papayawhip;
   -moz-box-shadow:       rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   a-webkit-box-shadow:    rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   box-shadow:            rgba(0,0,0,0.1) 2px 2px 0 2px inset, rgba(0,0,0,0.2) 1px 1px 0 1px inset;
   -moz-border-radius:    8px;
   -webkit-border-radius: 8px;
   border-radius:         8px;
   vertical-align:        top;
   height:                586px;
   overflow:              scroll;
}

.doc_attr {
   display: none;
}

#login {
   position:              absolute;
   top:                   200px;
   left:                  200px;
   right:                 200px;
   bottom:                200px;
   text-align:            center;
   vertical-align:        middle;
   zIndex:                1000;
   padding:               40px;
   background:            darkkhaki;
   -moz-box-shadow:       rgba(0,0,0,0.3) 2px 2px 0 2px, rgba(0,0,0,0.2) 1px 1px 0 1px;
   -webkit-box-shadow:    rgba(0,0,0,0.3) 2px 2px 0 2px, rgba(0,0,0,0.2) 1px 1px 0 1px;
   box-shadow:            rgba(0,0,0,0.3) 2px 2px 0 2px, rgba(0,0,0,0.2) 1px 1px 0 1px;
   -moz-border-radius:    8px;
   -webkit-border-radius: 8px;
   border-radius:         8px;
}

#usr {
 width: 200px;
}

#pw {
 width: 200px;
}