/* These set everything to do with the document as a whole */

	body {
		margin:2px 2px 2px 2px;
		font-size: 7pt;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		}
	
	img{ 
		vertical-align: middle;		
		}
		
	a:link {
		color: #000;
		text-decoration: none;
	}
	
	a:visited {
		color: #000;
		text-decoration: none;
	}
	
	a:hover {
		color: #4D4D84;
		text-decoration: none;
	}
	
	a:active {
		color: #fff;
		background: #4D4D84;
	}

	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
	
/* Determine the positions and styles of the various boxes in general terms */

	#loadingdocument {
		position: absolute;
		left: 40%;
		width: 20%;
		top: 200px;
		color:000;
	}


	#banner {
		position: absolute;
		left: 1%;
		width: 98%;
		top: 10px;
		background:#E0C285;
		height: 22px;
		}	
		
	#infospace {
		position: absolute;
		left:1%;
		width:18%;
		top:33px;
		height:246px;
		background:#ccc;
		}
	
	
	#sortbox {
		position: absolute;
		left:19%;
		width:18%;
		top:33px;
		height:246px;
		background:#aaa;
		color:#fff;
		vertical-align: bottom;
		}
	
	#involvebox1 {
		position: absolute;
		left:19%;
		width:4%;
		top:513px;
		height:20px;
		vertical-align: middle;
		}
	
	#involvebox2 {
		position: absolute;
		left:24%;
		width:12%;
		top:513px;
		height:20px;
		vertical-align: middle;
		}
	
	#wholetext {
		position: absolute;
		left:1%;
		width:18%;
		top:280px;
		height:372px;
		background:#fff;
		}	
				
	
	#histogram {
		position: absolute;
		left:19%;
		width:5%;
		top:280px;
		height:350px;
		background:#626292;
		white-space: nowrap;
		}	
	
	#keywords {
		position: absolute;
		left:24%;
		width:13%;
		top:280px;
		height:350px;
		background:#E5E5E5;
		white-space: nowrap;
		}
	
	#installsection {
		position: absolute;
		left:19%;
		width:18%;
		top:535px;
		height:21px;
		background:#aaa;
		white-space: nowrap;
		}
	
	#suggestions {
		z-index: 99;
		visibility: hidden;
	}
	
	#suggestioncolumn1, #suggestioncolumn2, #suggestioncolumn3, #suggestioncolumn4, #suggestioncolumn5, #suggestioncolumn6, #suggestioncolumn7, #suggestioncolumn8, #suggestioncolumn9, #suggestioncolumn10, #suggestioncolumn11, #suggestioncolumn12, #suggestioncolumn13, #suggestioncolumn14, #suggestioncolumn15, #suggestioncolumn16 {
		position: absolute;
		width:16.4%;
		top:280px;
		height:350px;
		white-space: nowrap;
		padding: 4px;
		}

	#text1, #key1, #pos1, #suggestioncolumn1 {
		position: absolute;
		left:37%;
		}

	#text2, #key2, #pos2, #suggestioncolumn2 {
		position: absolute;
		left:53%;
		}

	#text3, #key3, #pos3, #suggestioncolumn3 {
		position: absolute;
		left:69%;
		}

	#text4, #key4, #pos4, #suggestioncolumn4 {
		position: absolute;
		left:85%;
		}
	
	#text5, #key5, #pos5, #suggestioncolumn5 {
		position: absolute;
		left:101%;
		}
		
	#text6, #key6, #pos6, #suggestioncolumn6 {
		position: absolute;
		left:117%;
		}
		
	#text7, #key7, #pos7, #suggestioncolumn7 {
		position: absolute;
		left:133%;
		}
		
	#text8, #key8, #pos8, #suggestioncolumn8 {
		position: absolute;
		left:149%;
		}
		
	#text9, #key9, #pos9, #suggestioncolumn9 {
		position: absolute;
		left:165%;
		}
		
	#text10, #key10, #pos10, #suggestioncolumn10 {
		position: absolute;
		left:181%;
		}
		
	#text11, #key11, #pos11, #suggestioncolumn11 {
		position: absolute;
		left:197%;
		}
		
	#text12, #key12, #pos12, #suggestioncolumn12 {
		position: absolute;
		left:213%;
		}
		
	#text13, #key13, #pos13, #suggestioncolumn13 {
		position: absolute;
		left:229%;
		}
		
	#text14, #key14, #pos14, #suggestioncolumn14 {
		position: absolute;
		left:245%;
		}
		
	#text15, #key15, #pos15, #suggestioncolumn15 {
		position: absolute;
		left:261%;
		}
		
	#text16, #key16, #pos16, #suggestioncolumn16 {
		position: absolute;
		left:277%;
		}
		
	#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #text11, #text12, #text13, #text14, #text15, #text16 {
		position: absolute;
		width:16.4%;
		top:33px;
		height:400px;
		background:#fff;
		}	

	#key1, #key2, #key3, #key4, #key5, #key6, #key7, #key8, #key9, #key10, #key11, #key12, #key13, #key14, #key15, #key16 {
		position: absolute;
		width:16.4%;
		top:280px;
		height:350px;
		background:#fff;
		white-space: nowrap;
		}

	#pos1, #pos2, #pos3, #pos4, #pos5, #pos6, #pos7, #pos8, #pos9, #pos10, #pos11, #pos12, #pos13, #pos14, #pos15, #pos16 {
		position: absolute;
		width:16.4%;
		top:535px;
		height:21px;
		background:#fff;
		white-space: nowrap;
		border:1px solid #000;
		vertical-align: middle;
		}


	#installsection, #sortbox, #bottomright, #wholetext, #banner, #infospace, #wholetext, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #text11, #text12, #text13, #text14, #text15, #text16, #keywords, #histogram, #key1, #key2, #key3, #key4, #key5, #key6, #key7, #key8, #key9, #key10, #key11, #key12, #key13, #key14, #key15, #key16  {
		border:1px solid #000;
		}

	
	
/* Chunk box style of the selected chunk */

	.textselected {
		padding: 3px;
		background:#C6E4DF;
		}
		
	.containertextselected {
	background:#C6E4DF;
	text-align=right;
	}
	
	.containertextnotselected {
	text-align=right;
	}
	
/* Chunk box style of the chunks that are NOT selected */

	.textnotselected {
		padding: 3px;
		}
/* Keyword box style of the selected keyword */

	.keyselected {
		padding: 2px;
		background:#A0B8E5;
		}
	
/* Keyword box style of the keywords that are NOT selected */

	.keynotselected {
		padding: 2px;
		}
	
/* Keyword box style of the selected keyword in the selected chunk's column */

	.keyselectedtextselected {
		padding: 2px;
		background:#697DA2;
		}
/* Keyword box style of the keyword boxes within the selected chunk's column where there is no selected keyword */

	.keynotselectedtextselected {
		padding: 2px;
		background:#C6E4DF;
		}
	
/* Keyword column style for keywords that are NOT selected */

	.keycolnotselected {
		padding: 2px;
		background: #E5E5E5;
		}
	
/* histogram style */

	.histo {
		padding: 2px;
		background:#626292;
		color:#fff;
		font-weight: normal;
		text-align: right;
		}

/* Makes sure that deselected keywords remain grey even though they are links */

	.keycolnotselectedlink {
		color: #656565;
		}
	
/* The colour of text that is not selectable in the title bar (e.g. "focus on", "shuffle", etc.) */

	.darkgrey {
		font-weight: normal;
		color: #656565;
		}
	
/* The short explanatory text in the thoughtshuffle infobox */

	.explaintext {
		font-weight: normal;
		font-style: italic;
		}
	
/* sortbox text */

	.sortboxtext {
		font-weight: normal;
		font-style: italic;
		color: #fff;
		padding: 5px;
		}
	
	.sortboxtext p {
		font-style: normal;
		font-weight: bold;
		color: #fff;
		}
		
	.sortboxtext a:hover {
		background: #888;
		}
		
	.sortboxtextselected {
		font-style: normal;
		font-weight: bold;
		color: #333;
		}
		
	.sortboxtextnotselected {
		font-style: normal;
		font-weight: bold;
		color: #fff;
		}
		
	.sortboxtextselected a {
		font-style: normal;
		font-weight: bold;
		color: #333;
		}
		
	.sortboxtextselected a:hover {
		background: #888;
		}
		
	.suggestionshow {
		font-style: normal;
		font-weight: bold;
		color: #fff;
		}
		
	.suggestiontext {
		font-weight: normal;
		color: #757575;
		}
			
	.suggestiontext a {
		font-weight: normal;
		color: #757575;
		}
	
	.suggestiontext a:hover {
		background:#ccc;
		}