/* b_layout.css - Layout, positioning, margins, padding, and so on */

html, body, form
{
	height: 100%;
}

#pagecontainer
{
	/*width: 1000px; 	Resized to 985px to avoid horizontal scroll bar in IE and FF 	Their page display area is 987px (IE) or 991px (FF)*/
	width: 985px;
	margin: 0 auto;
}

#header
{
	padding: 5px 10px 10px 16px;
	min-height: 120px;
	height: 7.15em; /*height: 114px;*/
}

#subheader
{
    padding: 5px 5px 5px 35px
}

#pagecontent, #footer
{
	padding: 5px 5px 10px 5px;
}

#navigation, #logo
{
	min-height: 66px;
	height: 4.1em;
}

#logo
{
	float: left;
	position: relative;
	/*width: 168px;*/
}

/* Top Menu */
#topmenu
{
	padding: 0em 0.3em 0em 0.3em;
	min-height: 31px; /*this + padding + #bottommenu height to equal #navigation height*/
	height: 1.95em;
	width: 500px; /*this + padding + #logo width to equal #pagecontainer width*/
	float: right;
	text-align: right;
}

#navigation #topmenu ul
{
	list-style: none;
	display: inline;
}

#navigation #topmenu li
{
	display: inline;
	padding-left: 0.25em;
}

/* Bottom Menu */
#bottommenu
{
	padding: 0.1em 0.3em 0em 0.3em;
	min-height: 32px; /*this + padding + #topmenu height to equal #navigation height*/
	height: 2.05em;
	width: 975px; /*this + padding + #logo width to equal #pagecontainer width*/
	float: right;
}

#userinfo
{
	float: left;
	text-align: left;
}

.right
{
	float: right; /*used by bottom menu (menu)*/
}

.hidden
{
	visibility: hidden;
}

.visible
{
	visibility: visible;
}

/* Footer */
#footer
{
	text-align: center;
}

#pagecontent
{
}

#footer
{
	clear: both;
	height: 90px;
}

/* GridView Control Styles*/
.GridViewControlStyle
{
	margin: 0 auto;
}

.HeaderStyle th
{
    /* spacing between header labels for headers of gridviews*/
	padding: 0em 0.5em;
}

/*Training Matrix*/
#TrainingContainer, #TrainingMatrix, #TrainingQuickLookup, #TrainingAddPosition, #TrainingAddRequirement, #TrainingRemovePosition, #TrainingRemoveRequirement, #Distribute, #ZeroQuestChecklist, #ZeroQuestProgress
{
	padding: 10px;
}

#TrainingMatrix
{
}

/*After ID of TrainingContainer: clear both floats, add a period, display that period as a block, give it a height of zero and just make it hidden*/
/*this forces the floats back into document flow*/
#TrainingContainer:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

#TrainingAddPosition, #TrainingRemovePosition
{
	float: left;
	/*width: 100%; */
}

#TrainingAddRequirement, #TrainingRemoveRequirement
{
}

/*Textbox Watermark Styles*/
.unwatermarked
{
	height: 18px;
	width: 275px;
	padding: 2px 0 0 2px;
}

.watermarked
{
	height: 18px;
	width: 275px;
	padding: 2px 0 0 2px;
}

/*Auto Complete - Flyout */
.autocomplete_completionListElement
{
	margin: 0px;
	padding: 0px;
	max-height: 300px;
	cursor: default;
	list-style-type: none;
}

/*Auto Complete - Highlighted item */
.autocomplete_highlightedListItem
{
	padding: 1px;
}

/*Auto Complete - Item */
.autocomplete_listItem
{
	padding: 1px;
}

.ModalDeleteUserPanel
{
	width: 200px;
}

.ModalEditUserPanel, .ModalPanel
{
	width: 400px;
}

.ModalDeleteUserPanel, .ModalEditUserPanel, .ModalPanel
{
	padding: 10px;
}

.FadingTooltip
{
	width: auto;
	height: auto;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
}

.Popup, .PopupBlueBack
{
	visibility: hidden;
	position: absolute;
	padding: 5px;
}

.collapsePanel
{
	width: 100%;
	height: 0px; /*only put this on if panel is collapsed by default*/
}

.collapsePanelHeader
{
	width: 99%;
	height: 20px;
	float: left;
	padding: 5px;
	cursor: pointer;
	vertical-align: middle;
}