/* CSS Document */
/*Interactive Dendrogrammer production version 1.0.0*/
/*David Allan Robb March-August 2011 */
/* Based on Cascading Style Sheet by David A Robb */
/* For TT280 ECA December 2010 */

/*############################################
# Containers
############################################*/

body {
  margin-left: 0px; 
  padding: 0px;
  border: 0px;
  margin-top: 0px; 
  margin-right: 0px;
  text-align: center;
  color: rgb(153,0,51); 
  font-size: 11pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif
  }

/* This id style is for the purpose of centering all of the content horizontally*/
/* I have decided to remove this centering from the ap to allow the edge of the page */
/* to be featureless. This helps in zooming the page.*/
#wrapperForCentring {	
	/*so the div to have no effect asside from text alignment and colour
  */
  background-color:rgb(255,255,255);
	text-align: left;
}
/*main div for content */
#centre {
	position:static;	
	margin: 5px;
  }

/*data div sits inside content and holds the cluster div and program data div */
#data { 
	position:static;	
	height: 6em;/* allows its two contained divs to float left and right of eachother*/
				 /* while keeping the following div below*/
	
  /*This is purely a container div so have nothing outside/inside the actual size*/			 
	margin: 0px;
	padding: 0px;
	border: 0px;
  }

.block {
	/*This is purely a container div class 
	//so set defaults for these to have nothing outside/inside the actual size*/	
	position:static;	
	width: 49%;/*These take part in forming a 2-column div layout*/	
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	font-size: 90%; 
}


/*clusterData div for table. sits inside data div */
#clusterData { 
  position:static;
  float: left;/* makes it in the left hand column of the containing div*/ 	
  margin: 0px;
	padding: 0px;
	border: 0px;
  }

/*programData div for table. sits inside data div */
#programData { 
	position:static;
	float: right;/* makes it in the right hand column of the containing div*/
  margin: 0px;
	padding: 0px;
	border: 0px;
  }
/*output div for output from cluster double events and such like */
.output {
	border: 1px solid black;
	border-color:rgb(153,0,51);
}

/*output div for output from cluster double-click events */
.outputSummary {
	border: 1px solid black;
	border-color:rgb(153,0,51);
}

/*graph div for table. sits inside data div */
#graph { 
	position:static;	
  margin: 0px;
	padding: 0px;
	border: 0px;
  }
  
/* specific container for diagrammer */
#canvas_container { 
	position:static;	
  margin: 0px;
	padding: 0px;
	border: 0px solid #aaa; 	
	}

/* style the input adjuster items */
.adjusterInputs {
	float: left;
}

#adjusterToolbar {
		padding: 10px 4px;
		font-size: 75%; 
	}

#groupsNoSetToolbar {
		padding: 10px 4px;
		font-size: 75%; 
	}

/*############################################
# jQuery UI specific styling
############################################*/

/*for animated appearance on the progress bar*/
.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }

/*might not be using this now*/

/*############################################
# Styling for draggable objects
############################################*/
#draggable { cursor: move; }

/*############################################
# Additional style to allow tabs to notify a change
############################################*/
.highlight {
	color:red;
}

/*############################################
# Text, Headings, Lists
############################################*/

/*Body text */ 
p {
	margin-left: 5px; 
	background-color: inherit;
  }
  
/*Headings */ 
.theHeading {
	color: rgb(80,80,80);
	font-weight: bold; font-size: 14pt;
}

h1 {
	color: rgb(80,80,80);
	font-weight: bold; font-size: 18pt;  
  }
  
h2 {
	color: rgb(80,80,80);
	font-weight: bold; font-size: 14pt; 
  }
  
h3 {
	color: rgb(80,80,80);
	font-weight: bold; font-size: 12pt; 
  }

/*Bulleted list style */ 
ul{
	list-style-type: square; 
	padding: 10px;
	margin: 5px; 
}

/* Classes for text */       
.dimension {
	font-weight: bold; font-size: 120%;
}

/*############################################
# Tables
############################################*/
table{
	border: 1px  #ff9900;
	border-spacing:0;
	font-size: 75%;
}

td{
	padding: 1px 1px; 
	border: 1px solid #ff9900;
	margin-left: 5px; 
}

th{
	padding: 4px 6px; 
	border: 1px solid black;
	margin-left: 5px; 
}

table.invisible{
	border: 0px;
	border-spacing:0;
}

td.invisible{
	padding: 2px;
	border: 0px;
}