.contentPage fieldset {
	padding: 5px;
	border: 2px solid #BBBBBB;
	background: #FFFFFF;
	margin: 5px;
}

.contentPage legend {
	font-size: 18px;
}

.contentPage div.group {
	padding: 20px;
	border: 2px solid #BBBBBB;
	background: #FFFFFF;
	margin: 5px;
}

.contentPage div.groupLabel {
	font-size: 18px;
	position: relative;
	top: -10px;
	left: -10px;
}

.contentPage label, .filterControl label {
	font-weight: bold;
    font-size: 14px;
	margin: 5px;
	color: #000000;
}

.filterControl label {
	float: left;
}

.contentPage .editConfigFormBlock {
	margin-top: 10px;
}

.contentPage .editConfigFormBlockBottom {
	border-bottom: 1px solid #DEDEDE;
	padding: 10px;
}
.contentPage input,
.filterControl input {
    font-size: 14px;
}
.contentPage input, .contentPage select,
.filterControl input, .filterControl select{
	margin: 5px;
	vertical-align: middle;
}

.inlineBlock {
	display:-moz-inline-stack;/*FF2*/
	display: inline-block;
	*zoom: 1;/*IE7*/
	*display:inline;/*IE7*/
}

.tableControl {
	display:-moz-inline-stack;/*FF2*/
	display: inline-block;
	*zoom: 1;/*IE7*/
	*display:inline;/*IE7*/
	background-color: #DDDDDD;
	border: 1px solid #666666;
	padding: 3px;
	margin: 5px;
}

.tableControl table {
	 background-color: #C0C0C0;
	 border:1px solid #999999;
	 border-collapse: collapse;
}

.tableControl td, .tableControl th {
	border: 1px solid #999999;
	white-space: nowrap;
	padding: 0px;
}

.tableControl th {
	text-align: center;
}

.tableControl td {
	text-align: left;
}

.tableControl td div {
	margin: 5px;
	display: block;
	overflow: hidden;
	white-space: normal;
}

.tableControl thead th[sortType]:hover {
	background-color: #526FA8;
}

.tableControl thead th.Ascending {
	background-image: url("../../../images/sortArrows.png");
	background-position:right 3px;
	background-repeat:no-repeat;
}

.tableControl thead th.Descending {
	background-image: url("../../../images/sortArrows.png");
	background-position:right -27px;
	background-repeat:no-repeat;
}

/*GaleSortOptions CSS*/
.galeSortOptions thead th, .galeSortOptions tfoot th {
	width: 160px;
}
.galeSortOptions thead th + th, .galeSortOptions tfoot th + th {
	width: 160px;
}
.galeSortOptions thead th + th + th, .galeSortOptions tfoot th + th + th {
	width: 160px;
}
.galeSortOptions thead th + th + th + th, .galeSortOptions tfoot th + th + th + th {
	width: 176px;
}

.galeSortOptions tbody td {
	width: 160px;
}
.galeSortOptions tbody td + td {
	width: 160px;
}
.galeSortOptions tbody td + td + td {
	width: 160px;
}
.galeSortOptions tbody td + td + td + td {
	width: 160px;
}


/*BlockedWordManager CSS*/
.blockedWordsManager thead th, .blockedWordsManager tfoot th {
	width: 300px;
}
.blockedWordsManager thead th + th, .blockedWordsManager tfoot th + th {
	width: 130px;
}

.blockedWordsManager tbody td {
	width: 300px;
}
.blockedWordsManager tbody td + td {
	width: 100px;
}


/*NewsFeedsManager CSS*/
.newFeedsManager thead th, .newFeedsManager tfoot th {
	width: 190px;
}
.newFeedsManager thead th + th, .newFeedsManager tfoot th + th {
	width: 350px;
}
.newFeedsManager thead th + th + th, .newFeedsManager tfoot th + th + th {
	width: 240px;
}
.newFeedsManager thead th + th + th + th, .newFeedsManager tfoot th + th + th + th {
	width: 122px;
}

.newFeedsManager tbody td {
	width: 190px;
}
.newFeedsManager tbody td + td {
	width: 350px;
}
.newFeedsManager tbody td + td + td {
	width: 240px;
}
.newFeedsManager tbody td + td + td + td {
	width: 100px;
}

.newFeedsManager tbody td div {
	width: 180px;
}
.newFeedsManager tbody td + td div {
	width: 340px;
}
.newFeedsManager tbody td + td + td div {
	width: 230px;
}


/*BackupFiles CSS*/
.databaseBackupFiles thead th, .databaseBackupFiles tfoot th {
	width: 520px;
}
.databaseBackupFiles thead th + th, .databaseBackupFiles tfoot th + th {
	width: 250px;
}
.databaseBackupFiles thead th + th + th, .databaseBackupFiles tfoot th + th + th {
	width: 118px;
}

.databaseBackupFiles tbody td {
	width: 520px;
}
.databaseBackupFiles tbody td + td {
	width: 250px;
}
.databaseBackupFiles tbody td + td + td {
	width: 100px;
}

.databaseBackupFiles tbody td div {
	width: 500px;
}
.databaseBackupFiles tbody td + td div {
	width: 230px;
}
.databaseBackupFiles tbody td + td + td div {
	width: 80px;
}


/*IPRangeManager CSS*/
.ipRangeManager thead th, .ipRangeManager tfoot th {
	width: 150px;
}
.ipRangeManager thead th + th, .ipRangeManager tfoot th + th {
	width: 150px;
}
.ipRangeManager thead th + th + th, .ipRangeManager tfoot th + th + th {
	width: 270px;
}
.ipRangeManager thead th + th + th + th, .ipRangeManager tfoot th + th + th + th {
	width: 118px;
}

.ipRangeManager tbody td {
	width: 150px;
}
.ipRangeManager tbody td + td {
	width: 150px;
}
.ipRangeManager tbody td + td + td {
	width: 270px;
}
.ipRangeManager tbody td + td + td + td {
	width: 100px;
}


/*BorrowerReviews CSS*/
.borrowerReviews thead th, .borrowerReviews tfoot th {
	width: 30px;
}
.borrowerReviews thead th + th, .borrowerReviews tfoot th + th {
	width: 200px;
}
.borrowerReviews thead th + th + th, .borrowerReviews tfoot th + th + th {
	width: 520px;
}
.borrowerReviews thead th + th + th + th, .borrowerReviews tfoot th + th + th + th {
	width: 178px;
}

.borrowerReviews tbody td {
	width: 30px;
}
.borrowerReviews tbody td + td {
	width: 200px;
}
.borrowerReviews tbody td + td + td {
	width: 520px;
}
.borrowerReviews tbody td + td + td + td {
	width: 178px;
}

/*BranchOptions CSS*/
.branchOptions thead th, .branchOptions tfoot th {
	width: 80px;
}
.branchOptions thead th + th, .branchOptions tfoot th + th {
	width: 460px;
}
.branchOptions thead th + th + th, .branchOptions tfoot th + th + th {
	width: 120px;
}
.branchOptions thead th + th + th + th, .branchOptions tfoot th + th + th + th {
	width: 120px;
}

.branchOptions tbody td {
	width: 80px;
}
.branchOptions tbody td + td {
	width: 460px;
}
.branchOptions tbody td + td + td {
	width: 120px;
}
.branchOptions tbody td + td + td + td {
	width: 120px;
}

/*Gale Database Options CSS*/
.galeDatabaseOptions thead th, .galeDatabaseOptions tfoot th {
	width: 200px;
}
.galeDatabaseOptions thead th + th, .galeDatabaseOptions tfoot th + th {
	width: 120px;
}
.galeDatabaseOptions thead th + th + th, .galeDatabaseOptions tfoot th + th + th {
	width: 60px;
}

.galeDatabaseOptions tbody td {
	width: 200px;
}
.galeDatabaseOptions tbody td + td {
	width: 120px;
}
.galeDatabaseOptions tbody td + td + td {
	width: 60px;
	text-align: center;
}

/*Gale Database Options CSS*/
.worldBookDatabaseOptions thead th, .worldBookDatabaseOptions tfoot th {
	width: 200px;
}
.worldBookDatabaseOptions thead th + th, .worldBookDatabaseOptions tfoot th + th {
	width: 200px;
}
.worldBookDatabaseOptions thead th + th + th, .worldBookDatabaseOptions tfoot th + th + th {
	width: 60px;
}

.worldBookDatabaseOptions tbody td {
	width: 200px;
}
.worldBookDatabaseOptions tbody td + td {
	width: 200px;
}
.worldBookDatabaseOptions tbody td + td + td {
	width: 60px;
	text-align: center;
}

/*PerformedSearch CSS*/
.perfomedSearches thead th, .perfomedSearches tfoot th {
	width: 500px;
}
.perfomedSearches thead th + th, .perfomedSearches tfoot th + th {
	width: 200px;
}
.perfomedSearches thead th + th + th, .perfomedSearches tfoot th + th + th {
	width: 207px;
}

.perfomedSearches tbody td {
	width: 500px;
}
.perfomedSearches tbody td + td {
	width: 200px;
}
.perfomedSearches tbody td + td + td {
	width: 190px;
}

/*ResourceLinkclick CSS*/
.resourceLinkClick thead th, .resourceLinkClick tfoot th {
	width: 175px;
}
.resourceLinkClick thead th + th, .resourceLinkClick tfoot th + th {
	width: 175px;
}
.resourceLinkClick thead th + th + th, .resourceLinkClick tfoot th + th + th {
	width: 125px;
}
.resourceLinkClick thead th + th + th + th, .resourceLinkClick tfoot th + th + th + th {
	width: 125px;
}
.resourceLinkClick thead th + th + th + th + th, .resourceLinkClick tfoot th + th + th + th + th {
	width: 307px;
}

.resourceLinkClick tbody td {
	width: 175px;
}
.resourceLinkClick tbody td + td {
	width: 175px;
}
.resourceLinkClick tbody td + td + td {
	width: 125px;
}
.resourceLinkClick tbody td + td + td + td {
	width: 125px;
}
.resourceLinkClick tbody td + td + td + td + td {
	width: 290px;
}


/*LogMessages CSS*/
.logMessages thead th, .logMessages tfoot th {
	width: 285px;
}
.logMessages thead th + th, .logMessages tfoot th + th {
	width: 135px;
}
.logMessages thead th + th + th, .logMessages tfoot th + th + th {
	width: 492px;
}


.logMessages tbody td {
	width: 285px;
}
.logMessages tbody td + td {
	width: 135px;
}
.logMessages tbody td + td + td {
	width: 475px;
}


/*ErrorMessages CSS*/
.errorMessages thead th, .errorMessages tfoot th {
	width: 200px;
}
.errorMessages thead th + th, .errorMessages tfoot th + th {
	width: 120px;
}
.errorMessages thead th + th + th, .errorMessages tfoot th + th + th {
	width: 120px;
}
.errorMessages thead th + th + th + th, .errorMessages tfoot th + th + th + th {
	width: 500px;
}


.errorMessages tbody td {
	width: 200px;
}
.errorMessages tbody td + td {
	width: 120px;
}
.errorMessages tbody td + td + td {
	width: 120px;
}
.errorMessages tbody td + td + td + td {
	width: 500px;
}


/*User Role Manager CSS*/
.userRoleManager thead th, .userRoleManager tfoot th {
	width: 135px;
}
.userRoleManager thead th + th, .userRoleManager tfoot th + th {
	width: 215px;
}
.userRoleManager thead th + th + th, .userRoleManager tfoot th + th + th {
	width: 430px;
}
.userRoleManager thead th + th + th + th, .userRoleManager tfoot th + th + th + th {
	width: 60px;
}
.userRoleManager thead th + th + th + th + th, .userRoleManager tfoot th + th + th + th + th {
	width: 77px;
}


.userRoleManager tbody td {
	width: 135px;
}
.userRoleManager tbody td + td {
	width: 215px;
}
.userRoleManager tbody td + td + td {
	width: 430px;
}
.userRoleManager tbody td + td + td + td {
	width: 60px;
	text-align:center;
}
.userRoleManager tbody td + td + td + td + td {
	width: 60px;
	text-align:center;
}



.pagingControl {
	margin: 5px;
}
.pagingControl .pages {
	text-align: center;
}
.pagingControl .pages span {
	margin: 5px;
	text-decoration: underline;
}
.pagingControl .pages span.currentPage {
	text-decoration: none;
	font-weight: bold;
}

div.flowBox {
	position: relative;
	width: auto;
}

.flowBox > div {
	float: left;
	overflow: hidden;
	text-overflow:ellipsis;
	position: relative;
	margin: 5px;
	width: 215px;/*Create a custon class to control all this*/
}

.flowBox > div input[type=text] {
	width: 198px;
}

#pac_titledetailsconfig {
	display: inline-block;
	background-color:#DDDDDD;
	border:1px solid #666666;
	padding:3px;
}

#pac_titledetailsconfig > div {
	margin-bottom:10px;
}

#pac_titledetailsconfig table {
	 background-color:#F6F6F6;
	 border:1px solid #999999;
}

#pac_titledetailsconfig td, #pac_titledetailsconfig th {
	padding:1px;
	border:1px solid #999999;
}

#configsTable tbody.editing tr {
	background-color: #D4D4D4;
}

#configsTable tbody.editing tr.editing {
	background-color: transparent;
}

.textfield label {
	display: block;
	margin-bottom: 3px;
}

.textfield input {
	width: 250px;
	margin-top: 0px;
}

.editDisplayFieldForm {

}

.editDisplayFieldForm .scrollable {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 5px;
	padding: 1px;
}

.editDisplayFieldForm .scrollable table {
	margin-right: 16px;
}