/* standard HTML element styles */
body {
	margin: 0;
	border: 0;
	padding: 1em;
	font: 66% "Trebuchet MS", helvetica, sans-serif;
}
h1 {
	color: navy;
}
table {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	border: none;
	border-bottom: 1px solid rgb(237,242,248);
}
th {
	border: 1px solid white;
	padding: 0.2em 0.5em 0.2em 0.5em;
	text-align: left;
	font-weight: bold;
	color: rgb(228,108,10);
	background-color: rgb(237,242,248);
}
td {
	border: 1px solid white;
	padding: 0.1em 0.5em 0.1em 0.5em;
}
tr ul {
	margin: 0;
	padding: 0.1em;
	list-style-type: none;
}
tr li {
	padding: 0.5em 0 0.5em 0;
}
img {
	margin: 0;
	border: none;
	padding: 0;
}
a:link {
	color: blue;
}
a:hover {
	color: red;
}
a:visited {
	color: purple;
}

/* WorkPad class styles */
.hint {
	font-style: italic;
	font-weight: bold;
	font-size: smaller;
	color: #a6c9e2;  /* ware non-standard color */
}
.logo {
	float: right;
	margin: 2em 1em 0 0;
}
.property {
	display: none;
}
.property-table {
	border-bottom: none;
}
.dialog {
	display: none;
}
.properties-content {
	margin: 0.1em 0.1em 0.1em 0.1em;
}
.properties h4 {
	padding-left: 1em;
	font-style: italic;
	color: maroon;
}
.hidden {
	display: none;
}

/* WorkPad id styles */
#document-cover p {
	max-width: 60em;
	margin-left: 16em;
}
#document-cover h3 {
	color: gray;
}
#document-control {
	max-width: 60em;
	margin-left: 8em;
}
#document-control table {
	width: 100%;
	table-layout: fixed;
	margin: 1em 0 1em 0;
	border: 1px solid gray;
	border-collapse: collapse;
}
#document-control caption {
	padding: 1em 0 0.5em 0;
	text-align: left;
	font-weight: bold;
	color: black;
}
#document-control th {
	border: 1px solid gray;
	padding: 0.1em 0.5em 0.1em 0.5em;
	text-align: center;
	font-weight: bold;
	color: black;
	background-color: silver;
}
#document-control td {
	border: 1px solid gray;
	padding: 0.1em 0.5em 0.1em 0.5em;
	background-color: white;
}
#document-text h4 {
	padding-left: 1em;
	font-style: italic;
	color: maroon;
}

/* Engage */
.add-comment-button {
	float: right; 
	margin: 0.4em 1em -1em 0;
}
.save-comment-button {
	float: right; 
	margin: 0 1em 1em 0;
}
.tabcontent textarea {
	position: relative; 
	height: 60%; 
	min-height: 100px; 
	width: 100%; 
	overflow: auto;
	margin: 0 0 0.1em 0;
	border: 1px solid #a6c9e2; /* ware non-standard color */
	background: none transparent scroll repeat 0% 0%; 
}

#properties-dialog {
	display: none;
	height: 100%; 
	width: 100%; 
	overflow: visible;
	border: 1px solid #a6c9e2; /* ware non-standard color */
	padding: 0;
	background: #fcfdfd; /* ware non-standard color */
}
#email-address {
	margin: 0 0 0.1em 0;
	border: 1px solid #a6c9e2; /* ware non-standard color */
	width: 50%;
}
#message-dialog {
	display: none; 
	width: 100%; 
	margin: 1em 1em -0.5em; 
	font-size: 100%; 
	background: #fcfdfd; /* ware non-standard color */
}

/* vertical tabs styles - modification of jQuery UI 'redmond' style */
.ui-tabs-vertical { margin-left: -12px; width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em 0; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; 0border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

/* print output style */
@media print {

	/* standard HTML element styles */
	body {
		font: 12pt;
		background: white;
	}
	h2 {
		padding-top: 24pt;
	}
	h3 {
		padding-top: 18pt;
	}
	h4, h5, h6 {
		padding-top: 12pt;
	}
	p, ul {
		font-family: "Times New Roman", times, serif
	}
	a {
		color: black;
		text-decoration: none;
	}

	/* WorkPad class styles */
	.menu {
		display: none;
	}

}