body {
	background-color: #ddd;
	font-family	:	sans-serif;
	margin: 0px;
	font-size: 1em;
}

/* SuckerFish CSS drop down style */

/**
* Main menu bar for top level items
*/
#nav, #nav ul {
	list-style: none;
	margin : 0;
}

#nav a {
	display: block;
	padding-right: 16px;
	padding-bottom: 1px;
	padding-left: 4px;
}

/**
* Container for the drop downs
*/
#nav li {
 list-style: none;
 padding: 0 1em 0 0;
 float: left;
 margin: 0;
 position: relative;
 left : 0;
 z-index: 20; 
}

/**
* Top level menu items
*/
#nav li a {
 text-decoration: none;
 padding: 0 2em 0 0.1em;
 margin: 0;
}

/* SuckerFish CSS drop down style */

/**
* Sub-menu items
*/
#nav li ul {
 position: absolute;
 width: 12em;
 margin: 0;
 left: -999em;
 top: 1.4em; 
 padding: 1px;
 border	: 1px solid #ddd;
 background-image: url(images/halfwhite.png); 
}

#nav li ul li {
	clear: both;
}

#nav li ul a {
 width: 11.8em;
 display: block;
 padding: 0 0 0 0.3em;
 margin: 0;
}

#nav li:hover ul, #nav li.over ul {
 display: block;
 top: 1em;
}

#nav li.sfhover ul {
 display: block;
 top: 1em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 999;
}

#menu_iframe {
    z-index: 10;
    position: absolute;
    display: none;
}
/* End Suckerfish Style */

A:visited, A:link, A:active {
	text-decoration	:	none;
	color		:	black;
	background	:	transparent;
}
A:hover {
	text-decoration	:	none;
	background	:	#ff9900;
	color		:	white;
}

/* normal links and paging links */
A.link:visited, A.link:link, A.link:active, A.page:visited, A.page:link, A.page.active {
	text-decoration	:	none;
	color		:	blue;
	background	:	transparent;
}
A.link:hover, A.page:hover {
	text-decoration	:	none;
	background	:	#ff9900;
	color		:	white;
	border		:	none;
}
/* resource links for resource URLs */
A.rLink:visited, A.rLink:link, A.rLink:active {
	text-decoration	:	none;
	background	:	transparent;
}
A.rLink:hover {
	text-decoration	:	none;
	background	:	#ff9900;
	color		:	white;
	border		:	none;
}
/* image links */
A.imgLink:visited, A.imgLink:link, A.imgLink:active {
	text-decoration	:	none;
	background	:	transparent;
}
A.imgLink:hover {
	text-decoration	:	none;
	background	:	transparent;
}
/* hyperlinking for browsing creators, collections, publishers, categories and keywords.   Colour and size are defined in-line so should not appear here */
A.browseLink:visited, A.browseLink:link, A.browseLink:active{
	text-decoration	:	none;
	background	:	transparent;
}
A.browseLink:hover{
	background	:	#ff9900;
	color	:	white;
}
/* The enclosing paragraph for the browsing above. */
.browseParagraph{
	background	:	white;
	color	:	black;
}
/* When viewing lists of resources, display a hyperlink to a pop-up window to generate a CMS (Content Management System) 'replacement tag' for each resource */
A.cmsLink:visited, A.cmsLink:link, A.cmsLink:active{
	text-decoration	:	none;
	color	:	green;
	font-size: 0.7em;
	background	:	transparent;
}
A.cmsLink:hover{
	background	:	#ff9900;
	font-size: 0.7em;
	color	:	green;
}
/*****
*  .titleTable:  the table containing the title bar
*****/
.titleTable {
	width:	90%;
	margin-left: 5%;
	background-color: white;
	border: 1px solid #999;
	margin-bottom: 5px;
}
/*****
*  .menuTable:  the table containing the drop-down menus
*****/
.menuTable {
/*	font-size: normal;*/
/*	background-color: black; */
	background-image: url(menuback.png);
	height: 30px;
	margin-bottom: 10px;
/*	margin-top: -16px;
*/
	padding: 0px;
}
/*****
*  .menuLi:  text-color in list items of the drop-down menus
*****/
.menuLi {
	color		:	#111;
	padding-top: 4px;
}
/*****
*  .mainTable:  the table containing the main content of WIKINDX
*****/
.mainTable {
	
	background-color:	white;
	border: 1px solid #bbb;
	width		:	90%;
	padding		:	0.2em;
	clear		:	both;
}
/*****
*  .pluginTopTable:  the table containing any plug-in output that is printed above the mainTable of WIKINDX
*****/
.pluginTopTable {
	background-color:	white;
	border: 1px solid #bbb;
	width		:	90%;
	padding		:	0.2em;
	clear		:	both;
}
/*****
*  .pluginBottomTable:  the table containing any plug-in output that is printed below the mainTable of WIKINDX
*****/
.pluginBottomTable {
	background-color:	white;
	border: 1px solid #bbb;
	width		:	90%;
	padding		:	0.2em;
	clear		:	both;
}
/*****
*  .styleTable:  the table containing administration of bibliographic styles
*****/
.styleTable {
	border		:	#bbb 1px groove;
	width		:	100%;
	padding		:	0.2em;
	clear		:	both;
}

/*****
*  .footerFooter:  footer information at end of script - part of a table
*****/
.footerTable  {
        font-size	:	0.6em;
	color		:	gray;
	width		:	90%;
}
/*****
* .error: <p>error messages</p>
*****/
.error {
	background	:	red;
	color		:	black;
}
/*****
* .success: <p>success messages</p>
*****/
.success {
	background	:	#33ff00;
	color		:	black;
}
/*****
*	.small: small text
*****/
.small, .hint {
	font-size	:	0.8em;
}
/*****
*	.hint: text hints given to provide further information usually on form input.  Often used in conjunction
*		with .small and usually the class of <span>....</span>
*****/
.hint	{
	color		:	grey;
}
/*****
*	alternate background colours and font sizes for <td>resources</td> in a bibliographic list
*****/
.alternate1 {
	background	:	#f8e8cc;
/*	background	:	#f8efdf; */
	font-size	:	0.9em;
}
.alternate2 {
/*	background	:	#ede5d8; */
	background	:	#ead9be;
	font-size	:	0.9em;
}
/*****
*	when searching/selecting metadata, the resource details are displayed above the metadata in a table cell with these properties
*****/
.metaResourceDetails {
	background	:	#ffd9be;
	font-size	:	0.9em;
	font-weight	:	100;
	padding		: 	0 0 0 5em;
	border-top-width	:	3px;
	border-top-color	:	#ffd900;
	border-top-style	:	solid;
}
/*****
*	.highlight:	highlight <span>search terms</span> in text
*****/
.highlight {
	background	:	yellow;
}
/*****
*	.required:	highlighting for <span>required</span> form input elements.
*****/
.required {
	color		:	red;
}
/*****
*	.linkCite:	style for the Cite link. Often used in conjuction with .link, and can be used to override those styles
*		This style is dynamically assigned to appropriate links on page load if the user agent supports JavaScript.
*****/
.linkCite {
 display:inline; /* used to show to JavaScript supporting user agents */
}
/*****
*	.linkCiteHidden:	style for the Cite link. Often used in conjuction with .link, and can be used to override those styles
*		This is the default style applied to Cite links.
*****/
.linkCiteHidden {
display:none; /* used to hide from non-JavaScript user agents */
}

/**
* Javascript Format Bar for the SUWP (Single-User Word Processor)
*/
.imageButton {
	background-color: #ffb871;
	border: outset 2px #c0c0c0;
	width: 24px;
	height: 24px;
	padding: 0;
/*	margin: 1px;	*/
	text-align: center;
	vertical-align: middle;
}

.formatSelect {
  height: 24px;
  width: 56px;
  font-size: 9px;
  font-weight: bold;
  background: #ffb871;
  color : #800040;
}

.formatSelectOptgroup {
  height: 24px;
  width: 56px;
  font-size: 9px;
  font-weight: bold;
  background: #ffb871;
  color : #800040;
}

#formatBar {
  border-width: 3px;
  border-style: ridge;
  background: url("images/formatBarBackground.png");
  opacity: 0.80;
}

#formatBarDiv {
  position: absolute; top: 0px; left: 4%;
  width: 94%;
	height: 1%;
}

#pageContents {
	width: 99%;
	top: 63px;
	overflow: auto;
	position: absolute;
	bottom: 0;
  clear: left;	
}
/* End Javascript Format Bar */

/* iFrame for the WYSIWYG word processor 
Not all settings are handled by IE 
Height and width of suwpOuter are set in the code
*/
.suwpOuter {
	padding : 2px;
	background : rgb(255,184,113);
	border 	: 0; /* curses on Bill Gates */
	margin : 1%;
}
.suwpInner {
	padding : 0px;
	background : #f9f9f9;
	border 	: 0; /* curses on Bill Gates */
	width : 98%;
	margin : 1%;
	color : black;
}