#MainContainer
		{
		position: relative;
		left: 50%;
		margin-left: -482px;
		width: 964px;
		font-family: "arial";
		font-size: 9pt;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.TopBar
		{
		border-top: 1px solid white;
		background: #0024D9;
		color: #ffffff;
		text-align: right;
		padding: 3px;
		font-size: 9pt;
                margin-right: 0px;
		border-bottom: 1px solid white;
		}

#calendarDiv .topBar  /* !!!!!!!!!! NEEDED BECAUSE CALENDAR CSS CONTAINS A .topBar !!!!!!!!!! */
		{
		border:1px solid #317082;
		background: #317082;
		color: #ffffff;
		text-align: right;
		padding:2px;
		font-size: 10px;
                margin-right: 0px;
		border-bottom: 1px solid #317082;
		}

.PageHeaderBar
		{
		background: #C0C0FF;
		text-align: left;
		padding: 6px;
		font-size: 9pt;
                margin-right: 0px;
		border-bottom: 1px solid white;
		}

.PageHeaderBar .PageHeaderTitle
		{
		font-weight: bold;
		}

.PageHeaderBar .PageHeaderDescription
		{
		}

.SubPageBar
		{
		background: #C0C0FF;
		text-align: right;
		padding: 6px;
		font-size: 9pt;
                margin-right: 0px;
		margin-bottom: 1px;
		}

.SubPageBar .CurrentSubPage
		{
		background: #000000;
		color: #ffffff;
		font-weight: bold;
		border: #808080 1px solid;
		padding-left: 4px;
		padding-right: 4px;
		}

.SubPageBar a
		{
		color: #000000;
		text-decoration: none;
		border: #808080 1px solid;
		padding-left: 4px;
		padding-right: 4px;
		}

.SubPageBar a:hover
		{
		background: #0024D9;
		}


.InputBoxBar
		{
		background: #E4E4FF;
		text-align: left;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 9pt;
                margin-right: 0px;
		margin-bottom: 1px;
		}

.InputBoxTable
		{
		width: 100%;
		}


.InputBoxLabel
		{
		padding: 3px;
		width: 30%;
		font-family: "arial";
		font-size: 9pt;
		vertical-align: top;
		}

.InputBox
		{
		width: 60%;
		font-family: "arial";
		font-size: 9pt;
		}

.TextBox	{
                border: #00aaaa 1px solid;
		width: 90%;
		}

.CheckBox	{
                border: #00aaaa 1px solid;
		}

.TextArea	{
		font-family: "arial";
		font-size: 9pt;
                border: #00aaaa 1px solid;
		width: 90%;
		Height: 80px;
		}

.LargeTextArea	{
		font-family: "arial";
		font-size: 9pt;
                border: #00aaaa 1px solid;
		width: 90%;
		Height: 200px;
		}

.SelectBox	{
                border: #00aaaa 1px solid;
		width: 90%;
		}

#calendarDiv .selectBox /* !!!!!!!!!! NEEDED BECAUSE CALENDAR CSS CONTAINS A .selectBox !!!!!!!!!! */
		{
                width: auto;
		}


.LabelBoxTable
		{
		width: 90%;
		}
.LabelBoxLeft
		{
		width: 40%;
		}
.LabelBoxMid
		{
		width: 20%;
		text-align: center;
		}
.LabelBoxRight
		{
		width: 40%;
		}

.LabelBox	{
                border: #00aaaa 1px solid;
		width: 100%;
		}

.DateBox	{
                border: #00aaaa 1px solid;
		width: 73px; 
		padding-left: 2px; 
		cursor: pointer;
		}

.TextLabel
		{
		font-family: "arial";
		font-size: 9pt;
		font-weight: bold;
		}
.TextLabel a
		{
		color: #000000;
		text-decoration: none;
		}

.TextLabel a:hover
		{
		text-decoration: underline;
		}

.SubmitBar	{
		background: #C0C0FF;
		text-align: right;
		padding: 6px;
		font-size: 9pt;
                margin-right: 0px;
		margin-bottom: 1px;
		}

.Button		{
                border: #ffffff 1px solid;
		color: #ffffff;
		background: #0024D9;
		font-family: "arial";
		font-size: 12px;
		width: 80px;
		}



.UserDataLink, .LogInLink, .LogOutLink, .RegisterLink, .LibraryHomeLink, .BackLink, .NewLibraryItemLink, .KeywordManagementLink, .UserManagementLink, .NewUMLink, .KMNewLink, .KeywordSearchLink, .TextSearchLink, .ItemsPerYearLink, .TagCloudLink, .EditItemLink, .DeleteItemLink
		{
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		}

.UserDataLink:hover, .LogInLink:hover, .LogOutLink:hover, .RegisterLink:hover, .LibraryHomeLink:hover, .BackLink:hover, .NewLibraryItemLink:hover, .KeywordManagementLink:hover, .UserManagementLink:hover, .NewUMLink:hover, .KMNewLink:hover, .KeywordSearchLink:hover, .TextSearchLink:hover, .ItemsPerYearLink:hover, .TagCloudLink:hover, .EditItemLink:hover, .DeleteItemLink:hover     
		{
		text-decoration: underline;
		}


.Separator
		{
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		}

.LibraryGroupBar
		{
		background: #0024D9;
		color: #ffffff;
		text-align: left;
		padding-left: 6px;
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 9pt;
                font-weight: bold;
                margin-right: 0px;
		margin-bottom: 1px;
		}

.LibraryItemTitle
		{
		padding-left: 20px;
		font-size: 12pt;
                font-weight: bold;
		}

.LibraryItemTitleLink
                {
                color: #000000;
                Text-decoration: None;
                }


.LibraryItemTitleLink:hover
                {
                color: #000000;
                Text-decoration: Underline;
                }


.LibraryItemOptions
		{
		padding-left: 20px;
		font-size: 10px;
                font-weight: 10;
		}

.LibraryItemKeywords
		{
		padding-left: 50px;
		font-size: 10pt;
		}

.ItemKeywordLink
                {
                color: #0000cc;
                Text-decoration: None;
                }

.ItemKeywordLink:hover
                {
                color: #0000cc;
                Text-decoration: Underline;
                }

.ItemYearLink
                {
                color: #000000;
                Text-decoration: None;
                }

.ItemYearLink:hover
                {
                color: #000000;
                Text-decoration: Underline;
                }


.TagCloud
		{
		padding-left: 200px;
		padding-right: 200px;
		padding-bottom: 40px;
		padding-top: 40px;
                font-weight: 600;
                text-align: center;
		}

.TagCloudKeyword
		{
                color: #000000;
                Text-decoration: None;
		}

.TagCloudKeyword:hover
		{
                color: #000000;
                Text-decoration: Underline;
		}




/* ================================ Librarys.asp =========================================================== */





/* ========================================================================================================= */









/* ================================ UserManagement.asp =========================================================== */



.UMItemBar
		{
                margin-right: 0px;
		margin-bottom: 1px;
		width: 100%;
		overflow: hidden;
		}

.UMItem 
		{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

.UMItem li 
		{
		display:inline
		}

.UMItem .UMItemStatus 
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #996ECA;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 

		font-weight: bold;
		font-size: 9pt;
		width: 10%;
		text-align: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;

		}
.UMItem .UMItemAccountName
		{
		float: right;
		text-decoration: none;
		color: white;
		font-weight: bold;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 17%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.UMItem .UMItemAccountName:hover 
		{
		background-color: #583587;
		}

.UMItem .UMItemFullName
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 33%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.UMItem .UMItemReplys
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px;
		overflow: hidden;

		font-size: 9pt;
		width: 10%;
		text-align: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}


.EditUMLink
		{
		float: right;
		text-decoration: none;
		font-weight: bold;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 58px;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.RemoveUMLink
		{
		float: right;
		text-decoration: none;
		font-weight: bold;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 78px;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.EditUMLink:hover, .RemoveUMLink:hover
		{
		background-color: #583587;
		}

.UMHeaderBar
		{
                margin-right: 0px;
		margin-bottom: 1px;
		width: 100%;
		overflow: hidden;
		}

.UMHeader 
		{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

.UMHeader li 
		{
		display:inline
		}

.UMHeader .UMHeaderStatus 
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding-top: 6px;
		padding-bottom: 6px;
		border-right: 1px solid white;

		font-weight: bold;
		font-size: 9pt;
		width: 10%;
		text-align: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;

		}
.UMHeader .UMHeaderAccountName
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding: 6px;
		border-right: 1px solid white;

		font-weight: bold;
		font-size: 9pt;
		width: 17%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.UMHeader .UMHeaderFullName
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding: 6px;
		border-right: 1px solid white;

		font-weight: bold;
		font-size: 9pt;
		width: 33%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}


.UMHeader .UMHeaderReplys
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding: 6px;
		border-right: 1px solid white;
		text-align: center;

		font-weight: bold;
		font-size: 9pt;
		width: 10%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}





.UMHeader .UMHeaderOptions
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding-top: 6px;
		padding-bottom: 6px;
		border-right: 0px solid white;

		font-weight: bold;
		font-size: 9pt;
		width: 136px;
		text-align: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}





/* ========================================================================================================= */





/* ================================ GroupManagement.asp =========================================================== */



.KMItemBar
		{
                margin-right: 0px;
		margin-bottom: 1px;
		width: 100%;
		overflow: hidden;
		}

.KMItem 
		{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

.KMItem li 
		{
		display:inline
		}

.KMItem .KMItemKeywordName
		{
		float: right;
		text-decoration: none;
		color: white;
		font-weight: bold;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 60%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.KMItem .KMItemKeywordName:hover 
		{
		background-color: #583587;
		}

.KMItem .KMItemAssignments
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px;
		overflow: hidden;

		font-size: 9pt;
		width: 10%;
		text-align: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}


.KMEditLink
		{
		float: right;
		text-decoration: none;
		font-weight: bold;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 58px;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.KMDeleteLink
		{
		float: right;
		text-decoration: none;
		font-weight: bold;
		color: white;
		background: #996ECA;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid white;
		height: 20px; 
                overflow: hidden;

		font-size: 9pt;
		width: 78px;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}

.KMEditLink:hover, .KMDeleteLink:hover
		{
		background-color: #583587;
		}

.KMHeaderBar
		{
                margin-right: 0px;
		margin-bottom: 1px;
		width: 100%;
		overflow: hidden;
		}

.KMHeader 
		{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

.KMHeader li 
		{
		display:inline
		}


.KMHeader .KMHeaderKeywordName
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding: 6px;
		border-right: 1px solid white;

		font-weight: bold;
		font-size: 9pt;
		width: 60%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}


.KMHeader .KMHeaderAssignments
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding: 6px;
		border-right: 1px solid white;
		text-align: center;

		font-weight: bold;
		font-size: 9pt;
		width: 10%;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}


.KMHeader .KMHeaderOptions
		{
		float: right;
		text-decoration: none;
		color: white;
		background: #583587;
		padding-top: 6px;
		padding-bottom: 6px;
		border-right: 0px solid white;

		font-weight: bold;
		font-size: 9pt;
		width: 136px;
		text-align: center;
		box-sizing: border-box;
		 -moz-box-sizing: border-box;
		}





/* ========================================================================================================= */