html, body {
        width:        100%;
        height:        100%;
        padding:    0;
        margin:        0;
        overflow:    hidden !important;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #1e065a;
    }
    /* Using an 'optional-container' instead of 'body', so need body to have a 'height' */
        #optional-container {
        width:            96%;
        height:            94%;
        margin-top:        2%;
        margin-left:    2%;
    }
       hr {
    border: 1px #ccc;
    border-style: none none solid none;
    margin: 20px 0;
   }
   a {
    color: #47326b;
    text-decoration: none;
   }
   a:hover {
    text-decoration: underline;
   }
   a.selected {
    color:#cc0000 ;    
    font-weight: bold;
    text-decoration: underline;
   }
   .numbers {
    line-height: 20px;
    word-spacing: 4px;
   }
    
    
    #sortable { list-style-type: none; margin: 2; padding: 2; }
    #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 140px; font-size: 4em; text-align: center; }
    
    #compare { list-style-type: none; margin: 2; padding: 2; }
    #compare li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 140px; font-size: 4em; text-align: center; }
    
    #basket_container { list-style-type: none; margin: 2; padding: 2; }
    #basket_container li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 140px; font-size: 4em; text-align: center; }
    
    #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 3px; border: dotted; border-width: thin;border-color: silver;}
 
 .pagination {
    font-size: 80%;
 }      
.pagination a {
    text-decoration: none;
    border: solid 1px #47326b;
    color: #47326b;
}
.pagination a:hover {
    text-decoration: none;
    border: solid 1px #C2A64C;
    color: #47326b;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
    border: solid 1px #C2A64C;
}

.pagination .current.prev, .pagination .current.next{
    color:#999;
    border-color:#47326b;
    background:#fff;
}

.needle_input{ 
  height: 25px; 
  font-family: verdana; 
  font-size:28pt; 
  font-weight:normal;
  background-color:#FFFFFF; 
  border-color:#47326b; 
  border-style:inset; 
  border-width:2px; 
  color:#47326b; 
}
.ui-icon {
display: inline-block !important;
}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

#tabs_centre{font-size: 8pt;}