﻿/*  ------ main elements ----- */
body
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: smaller;
	background-color: #fff;
	background-image: url(images/bak.jpg);
	background-repeat: repeat-x;
}
#mainForm
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}

h1
{
	margin: 5px 0px 5px 0px;
	padding: 0;
	font-size: large;
}

h2
{
	margin: 5px 0px 5px 0px;
	padding: 0;
	font-size: large;
}

a:link, a:visited
{
	color: #333;
}
a:hover
{
	color: #000;
}
a.disabledLink {
	color: #cecece;
	text-decoration: none;
	cursor: default;
}

a.white:link, a.white:visited
{
	color: #fff;
}
a.white:hover
{
	color: #fc0;
}

/*  ------ blocks and containers ----- */

#wholePage
{
	display: block;
	width: 960px;
	min-height: 550px;
	margin: 0px auto 0px auto;
	padding: 0;
	text-align: center;
	background-color: #fff;
}

#headerRegion
{
	display: block;
	clear: both;
	float: left;
	width: 960px;
	height: 180px;
}
#mainContentRegion
{
	display: block;
	clear: both;
	float: left;
	width: 960px;
	min-height: 260px;
	background-color: #fff;
}
#footerRegion
{
	display: block;
	clear: both;
	float: left;
	width: 960px;
	height: 20px;
	margin-top: 10px;
}

#headerLeft
{
	display: inline;
	float: left;
	width: 700px;
}
#headerRight
{
	display: inline;
	float: right;
	width: 260px;
	text-align: right;
}
#mainNav
{
	display: inline;
	float: left;
	width: 680px;
	text-align: left;
	margin-top: 5px;
	margin-left: 3px;
}
#mainNav2
{
	display: inline;
	float: right;
	width: 258px;
	text-align: right;
	margin-top: 5px;
	padding-right: 3px;
	height: 20px;
	vertical-align:top;
}
#footerNav
{
	display: inline;
	float: left;
	width: 585px;
	text-align: left;
	margin-left: 3px;
}
#footerCredits
{
	display: inline;
	float: right;
	width: 366px;
	margin-right: 3px;
	text-align: right;
	color: #666;
	font-size: smaller;
}
#footerCredits a{color:#666;}

#mainTitle
{
	display: block;
	clear: both;
	float: left;
	margin: 34px 0px 0px 0px;
	text-align: left;
}
#mainContent
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	min-height: 260px;
	margin: 4px 0px 0px 0px;
}
#homeWelcome
{
	margin-left: 1px;
}

#wholePanel
{
	display: block;
	clear: both;
	float: left;
	text-align: left;
	width: 954px;
	margin-left: 3px;
	margin-right: 3px;
	background-image: url(images/box_xl_bak.jpg);
	background-repeat: repeat-y;
}
#rightPanel
{
	display: inline;
	float: right;
	text-align: left;
	margin-right: 3px;
	width: 585px; 
	background-image: url(images/box_lg_bak.jpg);
	background-repeat: repeat-y;
}

#leftPanel
{
	display: inline;
	float: left;
	text-align: left;
	margin-left: 3px;
	width: 366px;
	background-image: url(images/box_sm_bak.jpg);
	background-repeat: repeat-y;
}
#homePanelFilms
{
	display: inline;
	float: left;
	text-align: center;
	margin-left: 3px;
	width: 584px;
}
#homePanelShowreel
{
	display: inline;
	float: right;
	margin-right: 3px;
	text-align: center;
	width: 366px;
}
#homePanelDvdLatestReleases
{
	display: inline;
	float: left;
	text-align: center;
	margin-left: 3px;
	width: 584px;
}
#homePanelAbout
{
	display: inline;
	float: right;
	text-align: left;
	margin-right: 3px;
	width: 366px;
}
#homePanelNews
{
	display: inline;
	float: left;
	text-align: left;
	margin-left: 3px;
	width: 585px;
}
#homePanelLinks
{
	display: inline;
	float: left;
	text-align: center;
	margin-left: 3px;
	width: 585px;
}
.homePanelFilmsContent
{
	display: block; 
	clear: both; 
	min-height: 265px;
	vertical-align:middle; background-color: #000;
	/*background-image: url(images/box_lg_bak.jpg);
	background-repeat: repeat-y;*/
}
.homePanelShowreelContent
{
	display: block; 
	clear: both; 
	min-height: 262px;
	width: 100%;
	text-align:center;
	vertical-align:middle;
	background-color: #000;
}
.homePanelDVDContent
{
	display: block; 
	clear: both; 
	min-height: 130px;
	vertical-align:middle; background-color: #000;
	/*background-image: url(images/box_lg_bak.jpg);
	background-repeat: repeat-y;*/
}
.homePanelAboutContent
{
	display: block; 
	clear: both;
	min-height: 160px;
	background-color: #000;
	color: #fff;
	padding: 0px 10px 0px 10px;
	/*background-image: url(images/box_sm_bak.jpg);
	background-repeat: repeat-y;*/
}
.homePanelNewsContent
{
	display: block; 
	clear: both; 
	min-height: 90px;
	background-color: #fff;
	background-image: url(images/box_sm_bak.jpg);
	background-repeat: repeat-y;
}
.homePanelLinksContent
{
	display: block; 
	clear: both; 
	min-height: 90px;
	background-color: #fff;
	background-image: url(images/box_lg_bak.jpg);
	background-repeat: repeat-y;
}

.homeListTitle
{
	display: block;
	clear: both;
	float: left;
	text-align: left;
	font-weight: bold;
	width: 95%;
	margin-left: 10px;
}
.homeList
{
	display: block;
	clear: both;
	float: left;
	text-align: left;
	width: 95%;
	margin-left: 10px;
}
A.homeListItem:link, A.homeListItem:visited, A.homeListItem:hover
{
	display: block;
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	margin-top: 10px;
}
A.homeListItem:link, A.homeListItem:visited
{
	text-decoration: none;
}
A.homeListItem:hover
{
	text-decoration: underline;
}

.panelTopBlkSM
{
	width: 100%;
	height: 49px;
	background-image: url(images/box_blk_sm_top.jpg);
	background-repeat: no-repeat;
}
.panelTopBlkWhiSM
{
	width: 100%;
	height: 49px;
	background-image: url(images/box_blkwhi_sm_top.jpg);
	background-repeat: no-repeat;
}
.panelTopBlkWhiXL
{
	width: 100%;
	height: 49px;
	background-image: url(images/box_blkwhi_xl_top.jpg);
	background-repeat: no-repeat;
}
.panelTopYelLG
{
	width: 100%;
	height: 49px;
	background-image: url(images/box_yel_lg_top.jpg);
	background-repeat: no-repeat;
}
.sectionTitle
{
	margin-left: 20px;
	margin-top: 10px;
}
.panelContent
{
    width: 95%;
    margin-left: 10px;
    font-size: 90%;
    min-height: 252px;
}
.leftPanelContent, .leftPanelContentBlk
{
    min-height: 260px;
}
.leftPanelContentBlk
{ 
    background-color: #000;
}
.panelContentFull
{
    width: 100%;
    font-size: 90%;
    min-height: 210px;
}

#homeFlash, #homeFlash2
{
	display: block;
	clear: both;
	float: left;
}

.subNav
{
	display: block;
	clear: both;
	float: left;
	font-size: .9em;
	margin-top: 11px;
	margin-left: 15px;
}
.subNav a:link, .subNav a:visited
{
	text-decoration: none;
}
.subNav a:hover
{
	text-decoration: underline;
}
.subNav a.disabledLink {
	color: #cecece;
	text-decoration: none;
	cursor: default;
}

.listItem
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}
DIV.itemPic
{
	display: inline;
	float: left;
	width: 200px;
	min-height: 118px;
	text-align: left;
}
DIV.itemTextLeft
{
	display: inline;
	float: left;
	width: 175px; 
	margin-left: 20px; 
	margin-right: 5px;
	min-height: 118px;
	text-align: left;
}
DIV.itemText, DIV.itemTextBafta
{
	display: inline;
	float: left;
	width: 754px;
	min-height: 118px;
	text-align: left;
}
.itemText A
{
	text-decoration: none;
}

.title
{
	font-weight: normal;
	color: #333;
}
.date
{
	display: block;
	clear: both;
	float: left;
	font-weight: bold;
	color: #f0b600;
	font-size: larger;
	margin-bottom: 4px;
}
.plainContent
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.longtextbox
{
    width: 250px;
}
.labelMed
{
    width: 80px;
    float:left;
}
.labelLarge
{
    width: 135px;
    float:left;
}

/*  ------ generic styling ----- */
.emphasis
{
	font-weight: bold;
}
.emphasis2
{
	font-weight: bold;
	color: #f0b600;
}
.paddingTop
{
	padding-top: 10px;
}
.buffer
{
	clear: both;
	display: block;
	float: left;
	margin-top: 10px;
}
.bufferSmall
{
	clear: both;
	display: block;
	float: left;
	margin-top: 5px;
}
.bufferLarge
{
	clear: both;
	display: block;
	float: left;
	margin-top: 20px;
}
.borderTop
{
	border-top: solid 1px #e6e6e6;
}
.borderBott
{
	border-bottom: solid 1px #e6e6e6;
}
.noPadd
{
	padding: 0;
}
.centered
{
	text-align: center;
}
.justified
{
	text-align: justify;
}
.topMargin
{
	margin-top: 10px;
}
.leftMargin
{
	margin-left: 20px;
}
.bordered
{
	border: solid 1px #333;
}
ul.stills {
  float: left;
  width: 420px;
  margin: 0;
  padding: 0;
  list-style: none;
}
li.stills {
  float: left;
  width: 50px;
  margin: 10px;
  padding: 0;
} 

#loading { 
	width: 100px; 
	height: 100px; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	background: url(images/ajax-loader.gif) no-repeat center #fff; 
	text-align: center; 
	padding: 10px; 
	font: normal 16px Tahoma, Geneva, sans-serif; 
	border: 1px solid #666; 
	margin-left: -50px; 
	margin-top: -50px; 
	z-index: 2; 
	overflow: auto; 
} 

.disabled {
    background-color:gray; 
    filter:alpha(opacity=10); 
    opacity:0.1; 
} 

.screenings span 
{ 
	display: inline-block;
	padding-bottom: 5px;
} 

.screenings input 
{ 
	vertical-align: top;
}

.valsummary 
{
    margin-bottom:10px;
}
.valsummary ul 
{
	display: none;
	visibility: hidden; margin-bottom:10px;
}

.error {
	color: Red;
}