@media print
{
	div.corner-top-left,
	div.corner-top-right,
	div.corner-bottom-left,
	div.corner-bottom-right
	{
		display: none;
		visibility: hidden;
	}
}

@media screen
{
	/* Corner Images */
	div.corner-top-left,
	div.corner-top-right,
	div.corner-bottom-left,
	div.corner-bottom-right
	{
		position: absolute;
		background-repeat: no-repeat;
	}
	div.corner-top-left
	{
		left: -1px;
		top: -1px;
		width: 5px;
		height: 5px;
		background-image: url(images/corner-tl.png);
		background-position: top left;
	}
	div.corner-top-right
	{
		margin-left: 100%;
		right: -1px;
		top: -1px;
		width: 5px;
		height: 5px;
		background-image: url(images/corner-tr.png);
		background-position: top right;
		z-index: 1;
	}
	div.corner-bottom-left
	{
		left: -1px;
		bottom: -1px;
		width: 152px;
		height: 5px;
		z-index: 2;
		background-image: url(images/corner-bl.png);
		background-position: bottom left;
	}
	div.corner-bottom-right
	{
		margin-left: 100%;
		right: -1px;
		bottom: -1px;
		width: 5px;
		height: 5px;
		z-index: 2;
		background-image: url(images/corner-br.png);
		background-position: bottom right;
	}
	
	/* Content Box */
	div.contentBox
	{
		position: relative;
		border: 1px solid #c0c0c0;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	div.contentBox h4.contentBoxHeader
	{
		margin: 0px;
		padding: 0px;
		height: 28px;
		font-size: 17px;
		cursor: default;
		overflow-y: hidden;
	}
	div.contentBox h4.contentBoxHeader span.title-left,
	div.contentBox h4.contentBoxHeader span.title-right
	{
		display: none;
		visibility: hidden;
	}
	div.contentBox h4.contentBoxHeader span.title-text
	{
		display: block;
		/* font-family: Arial Rounded MT Bold, Arial, Helvetica, sans serif; */
		line-height: 24px;
		height: 28px;
		color: white;
		background-color: black;
		background-image: url(images/boxhead-bg.png);
		background-position: top left;
		background-repeat: repeat-x;
		padding: 2px 10px 2px 5px;
	}
	div.contentBox div.contentBoxFooter
	{
		display: none;
		visibility: hidden;
	}
	div.contentBox div.contentBoxContent
	{
		position: relative;
		margin: 0px;
		padding: 5px;
	}
	
	/* Content Box - Main */
	div.contentBox.mainContent
	{
		border-right: none;
		border-bottom: none;
	}
	div.contentBox.mainContent h4.contentBoxHeader span.title-text,
	div.contentBox.mainContent h4.contentBoxHeader span.title-right
	{
		float: left;
	}
	div.contentBox.mainContent h4.contentBoxHeader span.title-right
	{
		display: block;
		visibility: visible;
		background-color: white;
		background-image: url(images/boxhead-right.png);
		background-position: top left;
		background-repeat: no-repeat;
		width: 150px;
		height: 28px;
	}
	
	div.contentBox.mainContent div.corner-top-right
	{
		height: 200px;
		background-image: url(images/corner-tr-2.png);
	}
	div.contentBox.mainContent div.contentBoxContent
	{
		min-height: 215px;
	}
	
	/* Content Box - Footer */
	div.contentBox.footerContent h4.contentBoxHeader span.title-text,
	div.contentBox.footerContent h4.contentBoxHeader span.title-right
	{
		float: left;
	}
	
	div.contentBox.footerContent h4.contentBoxHeader span.title-right
	{
		display: block;
		visibility: visible;
		background-color: white;
		background-image: url(images/boxhead-right-2.png);
		background-position: top left;
		background-repeat: no-repeat;
		width: 394px;
		height: 28px;
	}
	
	/* Option Buttons */
	div.optionButton
	{
		position: relative;
		border: 1px solid #c0c0c0;
		margin: 2px;
		padding: 4px;
		color: white;
		background: black url(images/menubg.png) top left repeat-x;
		text-align: center;
		cursor: pointer;
	}
	div.optionButton a
	{
		color: white;
		text-decoration: none;
	}
	div.optionButton a:active,
	div.optionButton a:hover
	{
		text-decoration: underline;
	}
	div.optionButton div.corner-top-right,
	div.contentBox.mainContent div.optionButton div.corner-top-right
	{
		background-image: url(images/corner-tr-2.png);
		height: 5px;
	}
}