/*

	FRAMEWORK CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-21-2009

*/

body
{
	background-color: Black;
	color: White;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-Serif;
}

	.OuterContainer
	{
		position: relative;
		display: block;
		width: 979px;
		margin: 0px auto 0px auto;
	}

		.InnerContainer
		{
			position: relative;
			width: 979px;
			background-color: #5c594f;
			margin: 0px 0px 10px 0px;
		}

			a.LogoLink
			{
				display: block;
				position: absolute;
				top: 18px;
				left: 18px;
				width: 192px;
				height: 62px;
				z-index: 999;
			}

			a.LogoLink:hover
			{
				text-decoration: none !important;
			}

			.InnerContainer .PageHead
			{
				position: relative;
				background-image: url('../images/head-panel.jpg');
				background-repeat: no-repeat;
				height: 140px;
			}



				
/*

	SEARCH PANEL
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-21-2009

*/

				.InnerContainer .PageHead .SearchPanel
				{
					position: absolute;
					height: 25px;
					width: 235px;
					top: 102px;
					left: 728px;
					line-height: 0px;
					font-size: 0px;
					text-align: right;
					overflow: hidden;
				}

					.InnerContainer .PageHead .SearchPanel .Box
					{
						position: relative;
						display: block;
						float: right;
						vertical-align: top;
						height: 18px;
						width: 100px;
						padding: 3px 3px 2px 3px;
						border: solid 1px #062063;
						font-size: 14px;
						line-height: 16px;
						color: #5c594f;
						font-family: Arial, Helvetica, Sans-Serif;
					}

					.InnerContainer .PageHead .SearchPanel .Button
					{
						position: relative;
						display: block;
						float: right;
						margin-left: 5px;
						vertical-align: top;
					}

					.InnerContainer .PageHead .SearchPanel .HelpButton
					{
						position: relative;
						display: block;
						float: right;
						margin-right: 10px;
						vertical-align: top;
					}




/*

	TOP NAV PANEL
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-21-2009

*/

				.InnerContainer .PageHead .NavPanel
				{
					position: absolute;
					height: 44px;
					width: 730px;
					top: 96px;
					left: 0px;
					line-height: 44px;
					font-size: 15px;
					color: White;
					overflow: hidden;
					vertical-align: middle;
				}

					.InnerContainer .PageHead .NavPanel a
					{
						display: block;
						float: left;
						color: White;
						cursor: pointer;
						font-weight: bold;
						text-decoration: none;
						padding: 0px 25px 0px 10px;
						vertical-align: middle;
						background-image: url('../images/head-panel-triangles.jpg');
						background-repeat: no-repeat;
						background-position: right 17px;
					}

						.InnerContainer .PageHead .NavPanel a:hover
						{
							text-decoration: underline;
						}

						.InnerContainer .PageHead .NavPanel a.First
						{
							padding: 0px 10px 0px 20px;
							background-image: none;
						}

						.InnerContainer .PageHead .NavPanel a.Selected
						{
							background-image: url('../images/head-panel-triangles-selected.jpg');
							background-color: #003c92;
						}

					.InnerContainer .PageHead .NavPanel img
					{
						display: block;
						float: left;
					}





			/*

				SUBMENU PANEL
				-------------------------------------------------------------------------
				Author: Michael Argentini; magic@mezzocode.com
				May-26-2009

			*/

			.InnerContainer .SubmenuPanel
			{
				position: absolute;
				top: 140px;
				left: 0px;
				width: 979px;
				padding-bottom: 9px;
				background-position: left bottom;
				background-repeat: no-repeat;
				z-index: 99;
				display: none;
			}

				.InnerContainer .MenuTable td
				{
					padding-right: 20px;
				}

				.InnerContainer .Shadow
				{
					background-image: url('../images/head-panel-submenu-shadow.png');
				}

				.InnerContainer .Submenu
				{
					background-color: #003c92;
					padding: 20px 20px 10px 20px;
					font-size: 0px;
					line-height: 0px;
				}

					.InnerContainer .Submenu p
					{
						font-size: 13px;
						line-height: 16px;
						padding-bottom: 7px !important;
						margin: 0px !important;
					}

					.InnerContainer .Submenu a
					{
						color: #ABABDE;
					}

						.InnerContainer .Submenu a:hover
						{
							color: White;
						}

					.InnerContainer .Submenu p.MenuHead
					{
						font-size: 14px;
						line-height: 16px;
						color: #FFFF45;
						font-weight: bold;
						padding-top: 3px;
					}

						.InnerContainer .Submenu .PushDown
						{
							padding-top: 10px !important;
						}

				.InnerContainer .Submenu .Links
				{
					position: relative;
					padding-right: 25px;
				}

					.InnerContainer .Submenu .Links .Selected
					{
						font-weight: bold;
						color: Yellow;
					}
				
				.InnerContainer .Submenu .Thumbnail
				{
					position: relative;
					width: 75px;
					height: 113px;
					margin: 5px 20px 0px 0px;
					overflow: visible;
					background-image: url('../images/Submenu-Selector.gif');
					background-repeat: no-repeat;
					background-position: center center;
					border: solid 1px White;
				}

					.InnerContainer .Submenu .Thumbnail img
					{
						width: 75px;
						height: 113px;
						overflow: visible;
					}				
				
				




/*

	STATUS BAR PANEL
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-21-2009

*/

			.InnerContainer .StatusBar
			{
				position: relative;
				background-image: url('../images/status-background.jpg');
				background-repeat: no-repeat;
				height: 44px;
				overflow: hidden;
			}

				.InnerContainer .StatusBar .Breadcrumbs
				{
					/*color: #92918c; */
					padding: 12px 10px 0px 20px;
				}

					.InnerContainer .StatusBar .Breadcrumbs a
					{
						color: White;
					}

					.InnerContainer .StatusBar .Breadcrumbs img
					{
						position: relative;
						top: 3px;
					}

				.InnerContainer .StatusBar .Authenticate
				{
					color: #92918c;
					padding: 12px 20px 0px 10px;
					font-size: 0px;
					line-height: 0px;
				}

					.InnerContainer .StatusBar .Authenticate a
					{
						color: White;
					}

					.InnerContainer .StatusBar .Authenticate span
					{
						font-size: 14px;
						line-height: 20px;
						vertical-align: top;
					}

					.Authenticate input[type=text], .Authenticate input[type=submit], .Authenticate input[type=button], .Authenticate textarea, .Authenticate input[type=password]
					{
						-x-system-font: none;
						background: #FFFFFF none repeat scroll 0 0;
						border: 1px solid #CCCCCC;
						color: #161616;
						font-size: 13px;
						font-size-adjust: none;
						font-stretch: normal;
						font-style: normal;
						font-variant: normal;
						font-weight: normal;
						line-height: normal;
						margin: 0px;
						padding: 1px 2px 1px 2px;
						vertical-align: top;
					}

					.Authenticate input.AuthButton
					{
						font-size: 12px;
						background: #FFFFFF url(../images/ka_buttonbghover.gif) repeat-x scroll 0 100%;
						cursor: pointer;
						padding: 1px 4px 1px 4px;
						vertical-align: top;
						margin: 0px !important;
					}

					.Authenticate input.AuthButton:hover
					{
						background: #FFFFFF url(../images/ka_buttonbg.gif) repeat-x scroll 0 0;
					}















/*

	FOOTER CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-21-2009

*/

		.OuterContainer .Footer
		{
			clear: both;
			position: relative;
			font-size: 12px;
			line-height: 15px;
			color: #5c594f;
			height: 40px;
		}

			.OuterContainer .Footer a
			{
				color: White;
			}

			.OuterContainer .Footer a.Dimmed
			{
				color: #5c594f;
			}



/*

	PREVIEW AREA CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-26-2009

*/

		.InnerContainer .Preview
		{
			position: relative;
			background-color: #403e37;
			width: 552px;
			margin-top: 15px;
			font-size: 0px;
			line-height: 0px;
		}

			.InnerContainer .Preview .SmartNav
			{
				position: relative;
				padding: 10px 10px 10px 10px;
			}

			.InnerContainer .Preview .Actions, .InnerContainer .Preview .CallUs
			{
				position: relative;
				padding: 10px 20px 10px 20px;
				font-size: 12px;
				line-height: 14px;
			}

				.InnerContainer .Preview .CallUs span
				{
					white-space: nowrap;
				}
			
				.InnerContainer .Preview .Actions a
				{
					color: White;
					font-family: Arial, Helvetica, Sans-Serif;
				}

				.InnerContainer .Preview .Actions .Download,
				.InnerContainer .Preview .Actions .Email,
				.InnerContainer .Preview .Actions .Print,
				.InnerContainer .Preview .Actions .Favorite,
				.InnerContainer .Preview .Actions .FavoriteDimmed,
				.InnerContainer .Preview .Actions .Sticky
				{
					white-space: nowrap;
					background-repeat: no-repeat;
				}

				.InnerContainer .Preview .Actions .Download
				{
					padding: 1px 20px 0px 17px;
					background-image: url('../images/action-download.gif');
				}

				.InnerContainer .Preview .Actions .Email
				{
					padding: 1px 20px 0px 21px;
					background-image: url('../images/action-email.gif');
				}

				.InnerContainer .Preview .Actions .Print
				{
					padding: 1px 20px 0px 16px;
					background-image: url('../images/action-print.gif');
				}

				.InnerContainer .Preview .Actions .Favorite
				{
					padding: 1px 20px 0px 18px;
					background-image: url('../images/action-favorite.gif');
				}

				.InnerContainer .Preview .Actions .FavoriteDimmed
				{
					padding: 1px 20px 0px 18px;
					background-image: url('../images/action-favorite-dimmed.gif');
					color: #92918c;
				}

				.InnerContainer .Preview .Actions .Sticky
				{
					padding: 1px 0px 0px 18px;
					background-image: url('../images/action-sticky.gif');
				}

			.InnerContainer .Preview .Portrait
			{
				width: 100px;
				padding: 15px 0px 15px 15px;
				vertical-align: bottom;
			}		

				.InnerContainer .Preview .Portrait a
				{
					display: block;
					margin-bottom: 15px;
				}		

				.InnerContainer .Preview .Portrait .CallUs
				{
					padding: 20px 10px 10px 0px;
				}





/*

	METADATA AREA CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	May-26-2009

*/

		.InnerContainer .Metadata
		{
			position: relative;
			width: 387px;
			margin-top: 15px;
			padding-right: 20px;
			color: #dadada;
		}

			.InnerContainer .Metadata h1
			{
				font-size: 17px;
				line-height: 20px;
				color: White;
				padding: 0px;
				margin: 0px;
			}

			.InnerContainer .Metadata .FavoriteIcon
			{
				margin-right: 7px;
				margin-bottom: 7px;
			}

			.InnerContainer .Metadata .PadBottom
			{
				Padding-bottom: 10px;
			}

			.InnerContainer .Metadata .PadTop
			{
				Padding-top: 10px;
			}

			.InnerContainer .Metadata h2
			{
				font-size: 15px;
				line-height: 18px;
				color: White;
			}

			.InnerContainer .Metadata hr
			{
				border: none;
				height: 1px;
				background-color: #8d8b84;
				margin: 7px 0px 5px 0px;
			}

			.InnerContainer .Metadata a, .InnerContainer .Metadata strong
			{
				color: White;
			}

				.InnerContainer .Metadata a.Enlarge
				{
					font-weight: bold;
					white-space: nowrap;
				}

			.InnerContainer .Metadata .StickyOuter
			{
				position: relative;
				padding: 0px 20px 7px 20px;
				font-size: 0px;
				line-height: 0px;
			}

				.InnerContainer .Metadata .StickyInner
				{
					background-image: url('../images/sticky-tile.gif');
					background-repeat: repeat-y;
					padding: 0px 20px;
					color: Black;
					font-family: "Comic Sans MS", "Comic Sans", Arial, Helvetica, Sans-Serif;
					font-size: 14px;
					line-height: 17px;
				}

				.InnerContainer .Metadata .StickyNote
				{
					margin: 10px 0px 10px 0px !important;
					padding: 5px !important;
					width: 297px;
					height: 55px;
					border: dashed 2px #dcd362;
					font-family: "Comic Sans MS", "Comic Sans", Arial, Helvetica, Sans-Serif;
					font-size: 14px;
					line-height: 17px;
					overflow: auto;
				}

				.InnerContainer .Metadata .StickyButton
				{
					font-size: 11px;
					font-weight: bold;
					background-color: #dcd362;
					padding: 1px 5px 1px 5px !important;
					border: solid 2px #a9a140;
				}

					.InnerContainer .Metadata .StickyButton:hover
					{
						color: White;
						background-color: #a9a140;
						border: solid 2px #797110;
					}

			.InnerContainer .Metadata .Product
			{
				position: relative;
				padding: 0px 10px 7px 0px;
				width: 180px;
			}

				.InnerContainer .Metadata .Product img
				{
					position: relative;
					margin: 2px 7px 0px 0px;
					border: solid 1px White;
					cursor: pointer;
				}

				.InnerContainer .Metadata .Product .Data
				{
					position: relative;
					float: right;
					color: White;
					font-size: 11px;
					line-height: 13px;
					font-family: "Arial Narrow", "Helvetica Condensed", Arial, Helvetica, Sans-Serif;
					width: 95px;
				}

					.InnerContainer .Metadata .Product .Data h3
					{
						font-size: 11px;
						line-height: 13px;
						color: White;
						font-weight: bold;
						padding: 0px;
						margin: 0px;
					}

					.InnerContainer .Metadata .Product .Data p
					{
						padding: 0px;
						margin: 0px;
					}

			.InnerContainer .Metadata .Product .ProductPreview
			{
				position: absolute;
				left: -35px;
				top: -25px;
				border: solid 1px Black;
				display: block;
				z-index: 88 !important;
			}

				.InnerContainer .Metadata .Product .ProductPreview img
				{
					margin: 0px;
					display: none;
				}





/*

	SIGNUP FORM CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	June-14-2009

*/

	.SignupPanel
	{
		padding: 0px 20px 15px 20px;
	}

		.SignupPanel .QuestionGroup
		{
			padding-bottom: 5px;
		}

			.SignupPanel h4
			{
				font-weight: bold;
				font-size: 16px;
			}

			.SignupPanel hr
			{
				border: none;
				height: 1px;
				background-color: #CDCDCD;
			}

			.SignupPanel .QuestionGroup input[type='radio']
			{
				margin: 0px 5px 0px 0px;
			}

			.SignupPanel .QuestionGroup label
			{
				margin-right: 15px;
			}

			.SignupPanel .QuestionGroup span
			{
				font-size: 85%;
			}

		.SignupPanel textarea
		{
			margin-top: 5px !important;
			padding: 2px !important;
		}

		.SignupPanel input[type=text], .SignupPanel input[type=submit], .SignupPanel input[type=button], .SignupPanel textarea, .SignupPanel input[type=password]
		{
			-x-system-font: none;
			background: #FFFFFF none repeat scroll 0 0;
			border: 1px solid #CCCCCC;
			color: #161616;
			font-size: 13px;
			font-size-adjust: none;
			font-stretch: normal;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			line-height: normal;
			margin: 0 0 12px;
			padding: 4px;
		}

		.SignupPanel input.ka_button
		{
			background: #FFFFFF url(../images/ka_buttonbghover.gif) repeat-x scroll 0 100%;
			cursor: pointer;
			margin: 0;
			padding: 2px 4px;
		}

		.SignupPanel input.ka_button:hover
		{
			background: #FFFFFF url(../images/ka_buttonbg.gif) repeat-x scroll 0 0;
		}

		.SignupPanel input[type='text'], .SignupPanel input[type='password'], .SignupPanel select
		{
			margin-top: 5px !important;
			padding: 2px !important;
			width: 150px;
		}

		.SignupPanel .FormRow
		{
			clear: left;
			padding-top: 10px;
		}

			.SignupPanel .FormRow strong
			{
				color: White;
			}

		.SignupPanel .FatButton
		{
			padding: 3px 5px 3px 5px;
		}

	.SignupPanel .PushDown
	{
		margin-top: 20px;
	}

	.SignupPanel input
	{
		font-size: 13px !important;
		line-height: 16px !important;
	}

	.SignupPanel .Submit
	{
		margin-top: 15px;
	}
	
	.SignupPanel .TextBoxLeftIndent
	{
		position: relative;
		left: 25px;
	}

	.SignupPanel .Error
	{
		color: Red;
		font-weight: bold;
	}

	.SignupPanel .ErrorMessage
	{
		font-size: 11px;
		color: Red;
		font-weight: bold;
	}

	.SignupPanel .ErrorMessage2
	{
		display: block;
		padding: 7px 7px 7px 7px;
		margin-bottom: 20px;
		color: White !important;
		font-weight: bold;
		background-color: #990000;
		border: solid 2px White;
	}

	.SignupPanel .Success
	{
		color: Green;
		font-weight: bold;
	}

	.SignupPanel .SuccessMessage
	{
		display: block;
		padding: 7px 7px 7px 7px;
		margin-bottom: 20px;
		color: White !important;
		font-weight: bold;
		background-color: #009900;
		border: solid 2px White;
	}

	.SignupPanel fieldset
	{
		border: 1px solid #CCCCCC;
		margin: 0px !important;
		padding: 10px !important;
	}

	.SignupPanel legend
	{
		font-size: 20px;
		color: White;
		margin: 0px;
		padding: 10px;
	}	

		.SignupPanel input[type=file]
		{
			color: White;
		}	




/*

	COMMON CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	June-10-2009

*/

	.SelectionMenuCollapsed, .SelectionMenuExpanded
	{
		background-color: Black;
		width: 425px;
		height: 18px;
		overflow: hidden !important;
		border: 1px solid White;
		z-index: 10;
		text-align: left;
		display:block;
		line-height: 18px;
	}

		.SelectionMenuPadding
		{
			padding: 7px 10px 7px 10px;
		}

	.SelectionMenuExpanded
	{
		height: 250px;
		overflow-y: scroll !important;
	}

		.SelectionMenuExpanded p
		{
			border-bottom: solid 1px Gray;
			margin-bottom: 10px;
		}

		.SelectionMenuExpanded a
		{
			color: #505050 !important;
			text-decoration: none !important;
		}

			.SelectionMenuExpanded a:hover
			{
				color: White !important;
			}

		.SelectionMenuExpanded table
		{
			position: relative;
			left: 15px;
		}

	.SelectionMenuExpanded table
	{
		padding: 0px !important;
		margin: 5px 0px 15px 0px !important;
	}

	.SelectionMenuExpanded span.NoneFound
	{
		display: block;
		padding: 0px 0px 0px 15px !important;
		margin: 5px 0px 15px 0px !important;
		color: #505050 !important;
	}

		.SelectionMenuExpanded table label
		{
			padding-left: 10px;
		}

	#UsersDiv
	{
		/*
		background-color:#9a9b9c; 
		margin:20px 30px 30px 30px;
		padding:10px 10px 20px 10px;
		*/
	}

		#UsersDiv a
		{
		  color:#fffffF;
		  text-decoration:underline;
		}

	.MessagePanelRed
	{
		display: block;
		width: 400px;
		padding: 7px 7px 7px 7px;
		margin-bottom: 10px;
		color: White;
		font-weight: bold;
		background-color: Red;
	}

	.MessagePanelGreen
	{
		display: block;
		width: 400px;
		padding: 7px 7px 7px 7px;
		margin-bottom: 10px;
		color: White;
		font-weight: bold;
		background-color: Green;
	}

	.MessageBox
	{
		position: fixed;
		text-align: center;
		font-weight: bold;
		top: -50px;
		height: 33px;
		width: 100%;
		left: 0px;
		z-index: 32768;
		background-color: #FFFF75;
		border-bottom: solid 3px #757500;
		padding: 7px;
		color: #555500;
		font-size: 16px;
		line-height: 33px;
	}

	.SmallFont
	{
		font-size: 11px;
	}
	
	.Block
	{
		display: block;
	}

	.PadTop
	{
		padding-top: 10px;
	}

	.NudgeDown
	{
		padding-top: 5px;
	}
	
	.PadBody
	{
		padding: 0px 10px 0px 10px;
	}

	.PadLeft
	{
		padding-left: 20px;
	}

	.MarginLeft
	{
		margin-left: 20px;
	}

	.PadRight
	{
		padding-right: 15px;
	}
	
	.PadBottom
	{
		padding-bottom: 15px;
	}