/* ============= START show and hide features =================
hide and show classes as used by /scripts/showhide.js 

Include this in your main CSS file by using a statement such as:
@import url("showhide.css");

Note: There is a bug with using "background-position: right" in IE6; 
if you have link text that spans 2 or more lines, the background icon 
image will overlap with the link text regardless of how much padding 
you set. Thus we use "background-position: left" instead for the 
icon images
*/

.show-content,
.resources-block dd.show-content {
	display: block;
	color: inherit;
}

.hide-content,
.resources-block dd.hide-content {
	display: none;
}


.show,
.toggle-all-show,
.toggle-all-initial-show {
	display: inline;
	font-weight: bold;	
}

.show-button {
	padding-left: 18px;
	background-image: url("/archive/images/showhide/expandicon11x11.gif");
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.small-show-button {
	padding-left: 14px;
	background-image: url("/archive/images/showhide/expandicon.gif");
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

.small-no-button {	/* used when we want the same amount of padding as when a button shows, in order to line up items in a list for example */
	padding-left: 14px;
}

.hide,
.toggle-all-hide,
.toggle-all-initial-hide {
	display: none;
	font-weight: bold;		
}

.small-hide-button,
.small-hide-initial-button {
	padding-left: 14px;
	background-image: url("/archive/images/showhide/contracticon.gif");
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

.hide-button,
.hide-initial-button {
	padding-left: 18px;
	background-image: url("/archive/images/showhide/contracticon11x11.gif");
	background-position: 0px 3px;
	background-repeat: no-repeat;	
}


.javascript-only-feature { /*style this later */
	
}

/* ============= END show and hide features ================= */