/*############################################
# whole page effects i.e for loading page and for picDiv image overlay display
############################################*/

div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(loading1.gif) no-repeat center #fff;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    border:1px solid #666;
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}

  /*############################################
# Page formatting
############################################*/
.info{
    text-align:  center;
}

.picDisplay{
    text-align:  center;
}

.center{
    text-align:  center;
}
  /*############################################
# control group centering
############################################*/
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
    text-align: center;
}

.ui-field-contain .ui-controlgroup-controls {
    width: auto;
}
  /*############################################
# dialog width 
############################################*/

  /*make dialogs wide enough for the 575 wide images*/
.ui-dialog-contain {
	width: 92.5%;
	max-width: 600px;
	margin: 3% auto 15px auto;
	padding: 0;
	position: relative;
	top: -15px;
}

.imageFullDisplay {
  max-width:500px;
  max-height:500px;
  width: auto;
  height: auto; 
 
 }


  /*############################################
# Tables AND the close image
############################################*/

img.closeCluster{
  border: 2px;
  width=28;
  height=28;
}

table{
	border: 0;
	border-spacing:0;
  padding: 2;
}

table.somTop {
  text-align: center ;/* all the cells to ve centred, but only in top level*/
}

td.closeCell{

  height: 100%;
  vertical-align:top;

}

td.somSubCell{
}