﻿body
{
  margin: 0px 0px 0px 0px;
  behavior:url("csshover.htc");
}

.NoLinkWhite
{
	text-decoration: none;
	color: white;
}

.LinkButton
{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
}

.PanelBasket
{
	border-width: 1px;
	background-position: right center;
	position: relative;
	left: 480px;
	top: -15px;
	width: 450px;
	height: 70px;
	border-style: groove;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	/* background-image: url(  'images/ShoppingCart.png' ); */
	background-repeat: no-repeat;
	
}

.ChatButton
{
    font-family: Helvetica, sans-serif;
	font-size: 14px;
    color: #009933;
    font-weight: bold;
    text-decoration: none;
}

.ChatButton:hover
{
    cursor: pointer;
    color: #003300;
}

.RegisterUser
{
	/* background-position: right center; */
	border: 1px solid #000000;
	position: relative;
	left: 360px;
	top: 10px;
	width: 400px;
	height: 400px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E6E6E6; /* background-image: url(  'images/ShoppingCart.png' ); */
	background-repeat: no-repeat;
	z-index: 200;
}

.RegisterUser td
{ 
	font-size: 16px;
}

.RegisterUser h1
{ 
	font-size: 20px;
}


.RegisterUser table
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.PanelBasketButton
{
	/* border-width: 1px;
	background-position: right center; */
	position: absolute;
	left: 400px;
	top: -15px;
	width: 100px;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
}

.PanelHeader
{
    position: relative;
    margin-top: 40px;
	width: 970px;
	background-image: url('Images/HumekoWebHeader970-2.png');
	height: 90px;
	z-index: 2;
}

.PanelMiddle
{
	position: relative;
	width: 970px;
	height: 386px;
	/* background-image: url('Images/Rest001.png');*/
	z-index: 1;
}



.MovieMenu
{
    position: absolute;
    left: 10px;
    top: 10px;
	/* background-color: #C0C0C0;*/
	width: 300px;
	height: 386px;
	z-index: 3;
}

.MovieScreen
{
	padding: 0px;
	margin: 0px;
	border-style: outset;
	border-width: 1px;
	position: absolute;
	left: 280px;
	top: 10px; /*  background-color: #000000; */
	width: 670px;
	height: 350px;
	line-height: 15px;
	overflow: auto;
	z-index: 1;
}

.MovieScreenProductContent
{
	padding: 10px;
	padding-left: 20px;
/*	margin: 25px; */	
	/* border-style: solid;
	border-width: 1px;*/
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 11px;
	margin: 0px;
	z-index: 1;
	/* z-index: 8; */
}

.MovieScreen ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.MovieScreenProductIngress
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 19px;
}

.MovieScreenProductTabs {
  position: relative;
  float: left;
  border-style: solid;
  height: 20px;
  border-width: 1px;
}

.MovieScreenProductImage 
{
	position: relative;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	z-index: 2;
	/* border-style: solid;
	border-width: 1px; */
}

.NewspaperMenu
{
    position: absolute;
    left: 10px;
    top: 60px;
	/* background-color: #C0C0C0;*/
	width: 340px;
	z-index: 1;

}

.NewspaperScreen
{
	border-style: outset;
	border-width: 1px;
	position: absolute;
	left: 320px;
	top: 10px; /*  background-color: #000000; */
	width: 608px;
	padding: 20px;
    /*	height: 350px; */
}

.NewspaperHeader
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.NewspaperScreen h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/* margin: 0px 0px 0px 0px; */
}


.NewspaperAuthor
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 14px;
	font-style: italic;
}

.NewspaperDate
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	font-size: 13px;
	margin-bottom: 20px;

}

.NewspaperIngress
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.NewspaperBody
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif; /* font-family: 'Times New Roman' , Times, serif; */
	clear: left;
	font-size: 15px;
	line-height: 22px;
}


.ProductPrice
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.ProductMonthlyPrice
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}

.ProductMonthlyInfo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
}

.ProductListPrice
{
	font-family: 'Trebuchet MS';
	font-size: 14px;
	font-weight: bold;
}

.ProductAddToBasket
{
}

.ProductAddToBasket:hover
{
	cursor: pointer;
}

.MovieScreenProductContent h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.PanelFooter
{
  width: 975px;	
  z-index: 3;
}

.SideMenu
{
	position: absolute; 
	z-index: 20;
/*	left: 240px; 
	top: 30px	  */
}

.SideMenu2
{
	position: absolute; 
	z-index: 21;
/*	left: 240px; 
	top: 30px	  */
}


.MenuControlItem1
{
 	position: relative;
	border-style: outset;
	border-width: 1px;
	width: 230px;
	height: 80px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	line-height: 80px;
	z-index: 20;
	
}

.MenuControlItem1:hover
{
	cursor: pointer;
	background-color: #CCFFCC;
}

.MenuControlItem2Header
{
	position: relative;
	border-style: outset;
	border-width: 1px;
	width: 200px;
	height: 50px;
	background-color: #336600;
	vertical-align: middle;
	text-align: left;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	/* line-height: 25px; */
	z-index: 21;
}

.MenuControlItem2
{
 	position: relative;
	border-style: outset;
	border-width: 1px;
	width: 200px;
	height: 25px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: left;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 25px;
	z-index: 21;
}

.MenuLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.MenuControlItem2:hover
{
	cursor: pointer;
	background-color: #CCFFCC;
}


.MenuControlItem1Image
{
	position: absolute;
	left: 10px;
	top: 0px;
}

/* Here goes the styles for the CONTENT PICKER and CONTENT PANEL -- 
   these are the controls that show the newest and most popular content
   titles from different categories */
   
.ContentImagePanel
{
	position: absolute;
}

.ContentContainerPanel
{
  width: 310px;
  left: 5px;
  margin-left: 5px;
  padding-top: 150px;
  padding-bottom: 50px; 
  position: relative;
  /* border-style: dotted;
  border-width: 1px;*/
}

.ContentPickerTitleContainer
{
	position: absolute;
	height: 14px;
	width: 235px;
	text-align: center;
	top: 115px;
	background-color: #FFFFFF;
	border-style: outset;
	border-width: 1px;
	padding: 5px;
	line-height: 14px;
}

.ContentPickerTitle
{
	font-family: Verdana;
	font-size: 13px;
	font-style: italic;
}

.HeaderButtons
{
	position: absolute;
	left: 300px;
	top: 54px;
	width: 600px;
	height: 38px;
	/* border-style: solid;
	border-width: 1px; */
}

.MenuControlItemHeader
{
	position: relative;
	float: left;
/*	border-style: outset;
	border-width: 1px; */
/* width: 60px; */	padding-left: 10px;
	padding-right: 10px;
	height: 35px;
/*	background-color: #E8F2FD; */
	vertical-align: middle;
	text-align: center; /* padding-left: 15px; */
	font-family: "Arial Narrow";
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 35px;
	z-index: 2;
}
.MenuControlItemHeader:hover
{
	cursor: pointer;
	background-color: #89803A;
	color: #FFFFFF;
}

.MovieScreenProductTabs
{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F2FFF9;
	color: #000000;
	z-index: 0;
}

.ContentControlNavTab
{
	position: relative;
	float: left; /*	border-style: outset;
	border-width: 1px; */ /* width: 60px; */
	padding-left: 5px;
	padding-right: 5px;
    /*	background-color: #E8F2FD; */
	vertical-align: middle;
	text-align: center; /* padding-left: 15px; */
	font-family: "Arial Narrow";
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	z-index: 1;
}

.ContentControlNavTab:hover
{
	cursor: pointer;
	background-color: #CCFF99;
	color: #FFFFFF;
}

.AdminPanel
{
	padding: 10px;
	background-color: #D2E9FF;
	border-style: solid;
	border-width: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}
