/* Common font-size and page-level stuff */
body, input, select, textarea {
	font-family: Verdana, sans-serif;
}
input, select, textarea {
	font-size: 100%
}
body {
	font-size: 70%;
}
body, html {
	height: 100%;
}
body, html, form {
	margin: 0px 0px;
	padding: 0px 0px;
}
div#copyright {
	font-size: 90%;
	text-align: right;
	clear: both;
}

/*** Customizable colors *********************************/
	/* Link colors */
		a {
			color: Blue;
		}
		a:visited {
			color: Blue;
		}
		.whiteLinks a {
			color: White;
		}
		.whiteLinks a:visited {
			color:White;
		}
	
	/* Menus */
		div#contentOuterBlock, div#menuBackFillBlock, div#menuBlock {
			/* Menu background color */
			background-color: #EEEEEE;
		}
		div#menuBlock dl dt {
			/* Menu header color */
			color: black;
		}
		div#menuBlock a {
			/* Menu link color */
			color: black;
			text-decoration: none;
		}
		div#menuBlock a:hover {
			/* Menu link hover color */
			color: blue;
			text-decoration: underline;
		}

	div.palette div.siteHeader {
		background-color: navy;
	}
	div#copyright, div#copyright a {
		color: gray;
	}
	td.help {
		background-color: #F8F8F8;
	}
	.neutralBack, .neutralBlock {
		background-color: #EEEEEE;
	}
	.neutralBlock {
		padding: 0.5em 0.5em;
	}
	span.error {
		color: Red;
	}

/*** Page frame blocks ***********************************/
	div#contentOuterBlock {
		/* Fills the menu color when the content is longer than the menu and window */
		border-left: 3px solid white;
		border-right: 3px solid white;
	}
	div#contentMiddleBlock, div#blankContentBlock {
		/* Fills the margin between the middle border and menu background */
		padding-top: 90px;
		margin-left: 180px;
		border-left: 6px solid white;
		background-color: white;
	}
	div#contentInnerBlock {
		/* Draws the middle border when the content is longer than the menu and window */
		background-color: white;
		padding-left: 8px;
		border-left: 1px solid black;
		padding-bottom: 1em;
	}
	div#menuBackFillBlock {
		/* Fills the menu background when the content is too short */
		position: absolute;
		top: 0px;
		left: 3px;
		width: 180px;
		height: 100%;
	}
	div#borderFillBlock {
		/* Draws the middle border when the content is too short */
		position: absolute;
		top: 0px;
		left: 3px;
		width: 186px;
		height: 100%;
		border-right: 1px solid black;
	}
	div#menuBlock {
		/* Contains the menu and fills when the menu is longer than the content and window */
		position: absolute;
		z-index: 1;
		left: 3px;
		top: 90px;
		width: 174px;
		padding-left: 0.5em;
	}
	div#menuBlock dl {
		margin-top: -0.5em;
	}
	div#menuBlock dl dt {
		margin-top: 1.5em;
		margin-left: 0em;
		font-weight: bold;
	}
	div#menuBlock dl dd {
		margin-left: 1em;
		margin-top: 0.5em;
	}
	div#menuBlock a:hover {
		text-decoration: underline;
	}
	div#menuBlock a {
		text-decoration: none;
	}
	div#bannerOuterBlock {
		/* Establishes the margin around the page banner */
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 90px;
		background-color: white;
	}
	div#bannerInnerBlock {
		/* Contains the page banner */
		height: 84px;
		background-color: white;
		margin: 3px 3px;
	}
	div#blankContentBlock {
		margin-left: 0px;
		padding-left: 1em;
		padding-right: 1em;
		border: 0px none black;
	}

	@media print {
		div#menuBlock, div#menuBackFillBlock, div#borderFillBlock {
			display: none;
		}
		div#contentMiddleBlock, div#contentInnerBlock {
			margin-left: 0px;
			border: 0px none black;
		}
		.doNotPrint {
			display: none;
		}
	}

/*** Option palette **************************************/
	@media screen {
		div#optionFloater {
			clear: both;
			width: 180px;
			float: right;
			border-left: solid 1em white;
			margin-bottom: 1em;
		}
	}
	@media print {
		div#optionFloater {
			display: none;
		}
	}
	div.palette {
		position: relative;
		margin-bottom: 1em;
	}
	div.palette div.header, div.palette div.siteHeader, div.palette div.ticketHeader {
		color: white;
		padding: 0.25em 0.25em;
		text-align: right;		
	}
	div.palette div.body {
		background-color: #EEEEEE;
		padding: 0.25em 0.25em;
	}
	div.palette div.body a {
		color: black;
		text-decoration: none;
	}
	div.palette div.body a:hover {
		color: black;
		text-decoration: underline;
	}

/*** Common styles for tickets ***************************/
	.closedTicket, .assignedTicket, .openTicket {
		padding: 0.25em 0.1em
	}
	.closedTicket {
		background-color: white;
	}
	.assignedTicket {
		background-color: pink;
	}
	.openTicket {
		background-color: lightgoldenrodyellow;
	}
	td.ticketSeparator {
		background-color: white;
		height: 5px;
		margin-bottom: 1px;
		border-bottom: solid 1px black;
		font-size: 0px;
	}
	.tableHeader th {
		font-weight: bold;
		text-align: left;
		padding: 0.5em 0.2em 0.2em 0.2em;
	}

/*** Forms ***********************************************/
	td.ctrlbox, td.help {
		padding: 0.5em 0.5em;
	}
	span.error {
		font-weight: bold;
	}