/* FORMATS FOR PAGE IN GENERAL */

#webAppHost_loginForm {
	margin: auto;
	display: table;
}

form {
	display: inline;
}

a { 
	color: #0099cc; 
	text-decoration: none 
}

a:focus, a:hover, a:active { 
	color: #cc0000; 
	text-decoration: underline 
}

table {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

/* FORMATS FOR PAGE HEADER */

.header { 
	background-color: #fff; 
	margin: 0;
	text-align: left;
}

.headerInfo {
	padding-left: 60px; 
	padding-top: 38px;
	font-size: 10pt;
}

.headerInfo p {
	margin: 0px;
	padding: 0px;
}

.headerInfoLink {
	color: #003366; 
	margin: 0px;
	padding: 0px;
}

.navigationMain  {
	background-image: url(./plaziNaviBooks.gif); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
	text-align: right; 
	margin: auto;
	display: table;
	padding: 0; 
	height: 26px; 
	clear: left;
}


/* FORMATS FOR PAGE'S STRUCTUREAL ELEMENTS */

.navigation { /* class used in code auto-generated by servlet */
	font-size: 10pt;
	text-align: left;
}


.main {
	margin: auto;
	display: table;
	padding: 10px;
	border: solid 1px #9c0;
}


.footer {
	font-size: 10pt;
	text-align: center;
}

/* FORMATS FOR MESSAGES REPORTING THE RESULT OF ACTIONS, OR ERRORS */

.messageTable {
	border: solid 2px #9c0;
}

.messageTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

.messageTableBody {
	background-color: #fff;
}

.message {
	font-size: 8pt;
	text-align: left;
	display: block;
}

.errorMessage {
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}

/* FORMATS FOR TABLES LAYING OUT THE MAIN PART OF THE PAGE */

.mainTable { /* class used in code auto-generated by servlet */
	/*border: solid 2px #9c0;*/
}

.mainTableHeader { /* class used in code auto-generated by servlet */
	background-color: #9c0;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.mainTableBody { /* class used in code auto-generated by servlet */
	background-color: #fff;
	text-align: center;
	align: center;
	font-size: 11pt;
	padding-top:10px;
}

/* FORMATS FOR TABLES LAYING OUT THE LOGIN FORM */

.formTable { /* class used in code auto-generated by servlet */
	border: solid 1px #9c0;
}

.formTableHeader { /* class used in code auto-generated by servlet */
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

.formTableBody { /* class used in code auto-generated by servlet */
	align: center;
	text-align: center;
}


/* FORMATS FOR TABLES LAYING OUT THE DOCUMENT LIST */

.documentTable { /* class used in code auto-generated by servlet */
	border: solid 1px #9c0;
}

.documentTableHeader { /* class used in code auto-generated by servlet */
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.documentTableBody { /* class used in code auto-generated by servlet */
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 4px 2px 4px;
	text-align:	center;
	border-bottom-color: #eee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.documentTableBodyTitle { /* class used in code auto-generated by servlet */
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 4px 2px 4px;
	text-align:	left;
	border-bottom-color: #eee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
/* FORMATS FOR TABLES LAYING OUT THE LIST OF USERS / PERMISSIONS / ETC. */

.dataTable { /* class used in code auto-generated by servlet */
	border: solid 1px #9c0;
	width: 600px;
}

.dataTableHeader { /* class used in code auto-generated by servlet */
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.dataTableBody { /* class used in code auto-generated by servlet */
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 4px 2px 4px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

/* FORMATS FOR BUTTONS */

.submitButton { /* class used in code auto-generated by servlet */
	color: white; 
	background-color: #9c0; 
	border: solid 1px #9c0;
}

/* FORMATS FOR USER DATA EDITOR */

.userDataTable {
	border: solid 1px #9c0;
	width: 500px;
}

.userDataTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.userDataLabelCell {
	width: 200;
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 10px 2px 4px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: right;
}

.userDataFieldCell {
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 4px 2px 4px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.userDataField {
	width: 100%;
}

/* FORMATS FOR BULLETIN BOARD */

.bulletinBoardLinkTable {}

.bulletinBoardLink {
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 7px 2px;
}

.bulletinBoardTable {
	width: 500px;
	border-spacing: 10px;
}

.bulletinBoardCell {
	background-color: #fff;
	padding:  5px 10px 5px;
	margin: 10px 0px 10px;
	border: solid 1px #9c0;
}

.bulletinTitle {
	font-size: 10pt;
	font-weight: bold;
}

.bulletinText {
	font-size: 10pt;
}

.bulletinInfo {
	font-size: 8pt;
	font-weight: bold;
}

.bulletinListLink {
	font-size: 8pt;
}


.bulletinListTable {
	border: solid 1px #9c0;
	width: 500px;
}

.bulletinListCell  {
	background-color: #fff;
	padding:  5px 10px 5px;
	margin: 10px 0px 10px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.bulletinListTitle {
	font-size: 10pt;
	font-weight: bold;
}

.bulletinListInfo {
	font-size: 10pt;
}


.editBulletinTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 20px;
}

.editBulletinTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.editBulletinTableBody {
	font-size: 10pt;
	background-color: #fff;
	padding:  5px 10px 5px;
}

.bulletinTitleField {
	width: 350;
}

.bulletinIsPublicField {}

.bulletinTextField {
	width: 100%;
	height: 150px;
}

.editBulletinButtons {
	text-align:	center;
	padding:  4px 2px 8px;
}

/* FORMATS FOR FORUM */

.forumLinkTable {
	margin-bottom: 20px;
}

.forumLink {
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 7px 2px;
}


.topicListTable {
	width: 500px;
	border: solid 1px #9c0;
	margin-bottom: 10px;
}

.topicListCategory {
	font-size: 10pt;
	font-weight: bold;
	background-color: #9c0;
}

.topicListTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.topicListCell {
	background-color: #fff;
	padding:  5px 10px 5px;
	margin: 10px 0px 10px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.topicListTitle {
	font-size: 10pt;
	font-weight: bold;
}

.topicListInfo {
	font-size: 8pt;
	font-weight: bold;
	margin-left: 10px;
}

.topicListPreview {
	font-size: 10pt;
}

.createTopicTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 10px;
}

.createTopicHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.createTopicTitle {
	font-size: 10pt;
	background-color: #fff;
	padding:  5px 10px 5px;
}

.createTopicTitleField {
	width: 250px;
}

.createTopicCategoryField {}

.createTopicText {
	font-size: 10pt;
	background-color: #fff;
	padding:  5px 10px 5px;
}

.createTopicTextField {
	width: 100%;
	height: 100px;
}

.createTopicButtons {
	text-align:	center;
	padding:  4px 2px 8px;
}


.topicTable {
	width: 500px;
	border: solid 1px #9c0;
	margin-bottom: 10px;
}

.topicTableHeader {
	padding:  5px 10px 5px;
	background-color: #9c0;
	line-height: 150%;
}

.topicCategory {
	font-size: 10pt;
	font-weight: bold;
}

.topicTitle {
	font-size: 11pt;
	font-weight: bold;
}

.topicTableCategory {
	background-color: #fff;
	padding:  5px 10px 0px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.topicTableBody {
	background-color: #fff;
	padding:  5px 10px 5px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.topicText {
	font-size: 10pt;
}

.topicInfo {
	font-size: 8pt;
	font-weight: bold;
}


.addPostTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 10px;
}

.addPostTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.addPostTableBody {
	font-size: 10pt;
	background-color: #fff;
	padding:  5px 10px 5px;
}

.addPostTextField {
	width: 100%;
	height: 100px;
}

.addPostButtons {
	text-align:	center;
	padding:  4px 2px 8px;
}


.createCategoryTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 10px;
}

.createCategoryTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}

.createCategoryTableBody {
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 4px 2px;
}

.createCategoryLabelField {
	width: 180px;
}

.createCategoryDescriptionField {
	width: 350px;
}

.createCategoryButtons {
	text-align:	center;
	padding:  4px 2px 8px;
}


.categoryTable {
	width: 100%;
}
.categoryTableBody {
	background-color: #fff;
	padding:  2px 4px 2px;
}

.categoryLabelField {
	width: 250px;
}

.categoryDescriptionField {
	width: 350px;
}

/* FORMATS FOR MESSAGING */

.messagingLinkTable {
	margin-bottom: 20px;	
}

.messagingLink {
	font-size: 10pt;
	background-color: #fff;
	padding:  2px 7px 2px;
}

.messageListTable {
	width: 500px;
	border: solid 1px #9c0;
	margin-bottom: 10px;
}
.messageListTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}
.messageListTableBody {
	background-color: #fff;
	padding: 5px 10px 5px;
	margin: 10px 0px 10px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.unseen {
	font-weight: bold;
}
.messageListTime {}
.messageListSender {}
.messageListSubject {}
.messageListLink {}

.createMessageTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 10px;
}
.createMessageTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}
.createMessageTableBody {
	font-size: 10pt;
	background-color: #fff;
	padding: 5px 10px 5px;
}

.createMessageRecipientSelector {
	width: 110px;
}
.createMessageRecipientField {
	width: 110px;
}
.createMessageSubjectField {
	width: 420px;
}
.createMessageTextField {
	width: 100%;
	height: 100px;
}

.createMessageButtons {
	text-align:	center;
	padding: 4px 2px 8px;
}

.displayMessageTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 10px;
}
.displayMessageTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}
.displayMessageTime {}
.displayMessageSender {}
.displayMessageSubject {}
.displayMessageLink {}
.displayMessageText {
	padding: 2px 10px 2px;
	margin: 2px 0px 2px;
	font-size: 10pt;
}


/* FORMATS FOR TUTORING */

.createTuteeTable {
	border: solid 1px #9c0;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.createTuteeTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}
.createTuteeTableBody {
	font-size: 10pt;
	background-color: #fff;
	padding: 5px 10px 5px;
}
.createTuteeNameField {
	width: 120px;
}
.createTuteeButtons {
	text-align:	center;
	padding: 4px 2px 8px;
}

.tuteeTable {
	width: 500px;
	border: solid 1px #9c0;
	margin-bottom: 10px;
}
.tuteeTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}
.tuteeTableBody {
	background-color: #fff;
	padding: 5px 10px 5px;
	margin: 10px 0px 10px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}

.inspectDocumentTable {
	border: solid 1px #9c0;
	width: 700px;
	margin-top: 10px;
}
.inspectDocumentTableBody {
	font-size: 10pt;
	background-color: #fff;
	padding: 5px 10px 5px;
}
.inspectDocumentButtons {
	text-align:	center;
	padding: 4px 2px 8px;
}
.tag {
	font-family: Courier;
}
.added {
	font-weight: bold;
}
.removed {
	text-decoration: line-through;
}

.tuteeDocumentTable {
	width: 500px;
	border: solid 1px #9c0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tuteeDocumentTableHeader {
	background-color: #9c0;
	font-size: 10pt;
	font-weight: bold;
	text-align:	center;
	padding: 2px;
}
.tuteeDocumentTableBody {
	background-color: #fff;
	padding: 5px 10px 5px;
	margin: 10px 0px 10px;
	border-top-color: #eee;
	border-top-width: 1px;
	border-top-style: solid;
}
.tuteeDocumentButtons {
	text-align:	center;
	padding: 4px 2px 8px;
}