/*
cBBFC CSS Screen Document
(c) The British Board of Film Classificiation 2006
*/

* { margin: 0px; padding: 0px; border: 0px; }
html,body {
width: 100%;
}

body {
color: #ffffff;
background-color:  #000000; 
text-align: left; 
margin: 10px 0 10px 0;
font-family: "Kidprint", "Comic Sans MS", fantasy, Arial ; 
/* font-family:  "Arial", "Comic Sans MS", fantasy, Verdana, Arial, Helvetica, sans-serif ; */
font-size: 17px;
font-weight: normal;
}

p { margin-bottom: 1em; }
.fl { float: left; }
.fr { float: right; }
.cr { clear: right; }
.cl { clear: right; }
.inpl { margin: 0 8px 8px 0 }
.inpr { margin: 0 0px 8px 8px }

small { font-size: 0.8em; color: #cccccc;}
a {
	color: #5BA5D9;
	font-weight: normal;
	text-decoration:none;
}

a:link {
	text-decoration: none;
}

a:visited {
}

a:hover {
	text-decoration: none;
	color: #ffff00;
}

a:active {
	color: #ff00ff;
	text-decoration: none;
}

.filmstripheader {
text-align:center;
font-size: 28px;
color: #FFFFFF;
font-weight: bold;
background: url(/img/flimstrip.gif) repeat-x;
height: 60px;
margin: 10px 0 0 0;
padding: 15px;
}

h1 {
font-size: 20px;
color: #eeee00;
font-weight: bold;
margin-top: 8px;
}

h2, .heading {
font-size: 18px;
color: #eeee00;
font-weight: bold;
margin-top: 8px;
}

h3 {
font-size: 16px;
color: #cccc22;
font-weight: bold;
padding: 10px 0 0 0;
margin: 0;
margin-top: 8px;
}

h4 {
	font-size: 14px;
	color: #eeee00;
	font-weight: bold;
	margin-top: 4px;
}

h5 {
font-size: 12px;
color: #eeee00;
font-weight: bold;
margin-top: 8px;
}

h6 {
font-size: 10px;
color: #eeee00;
font-weight: bold;
margin-top: 8px;
}

#leftbar {
float: left;
width: 184px;
padding: 0 8px;
}

#leftbar ul { list-style: none;  margin: 0; padding: 0; margin: 20px 0 0 0;}
#leftbar li { padding: 4px; width: 170px; list-style: none; font-size: 18px;	margin: 0 0 0 0;}

#content {
color: #dddddd;
text-align:left;
position: relative;
width: 760px;
margin: 0 0 0 200px;
}

/* #content img {
padding: 7px 7px 7px 7px;
}
*/

ul>li { font-size: 14px; list-style: disc outside; margin-top: 4px; margin-left: 2em;}
ul>li ol>li{ font-size: 14px; list-style: lower-alpha outside; margin-left: 3em;}

.highlighted {
background-color:#FFFF00;
color:#000000;
}

.thumbnailleft {
margin: 3px 15px 5px 0;
}

.imgborder {
border: hidden;
margin: 3px;
padding: 0;
}


.copyright {
margin: 20px auto 0 auto;
width: 760px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
}

.credits, .credits a {
margin: 0px auto 0 auto;
width: 760px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
}

.greyborderbox {
border: 2px #666666 solid;
margin: 0 !important;
padding: 0 !important;
}

.smallinfo {
position:absolute;
left:0;
top:0;
width:470px;
height:36px;
visibility: hidden;
line-height:12px;
font-size:11px;
}

.errorText {
	color:#FF0000 !important;
	font-weight:bold !important;
}

.imgleft {
border: hidden 0px;
float: left;
margin: 0 10px 0 0;
}

.imgright {
border: hidden 0px;
float: right;
margin: 0 0 0 10px;
}

#dictionarynav {
text-align: center;
margin: 0 0 0 20px;
background: url(../img/dictionarytopbg.jpg) no-repeat fixed;
font-size:10px;
width: 319px;
height: 38px; 
padding: 5px 0 0 0;
}

#dictionary {
background: url(../img/dictionarybg.jpg) no-repeat fixed top left;
height: 396px;
width: 254px;
overflow: auto;
padding: 5px 20px 5px 45px;
margin: 0 0 0 20px;
font-size: 12px;
color:#000000;
}

.smallinfo {
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;

}
.smallinfoblk {
	font-size: 12px;
	color: #000000;
	text-align: justify;

}
.smallinfoblkTitles {
	font-size: 12px;
	color: #000000;
}
.outNowStyle {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}

.dvdOutNow {
	color:#00FF00;
	font-size:14px;
	font-weight:bold;
}

hr {border-bottom: 1px dotted #FFFFFF;
	margin-top: 3px;
}

.searchLinks a {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

.searchLinks a:link {
	text-decoration: none;
}

.searchLinks a:visited {
}

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

.searchLinks a:active {
	text-decoration: none;
}

.yellowheader {
	font-size: 16px;
	color: #FFFF00;
	font-weight: bold;
}

.film 
{
    border-bottom: solid 1px grey;
    margin: 0 0 10px 0;
    padding: 5px;
    }
.trailerbtn 
{
    width: 180px;
	height: 150px;
    float: left;
	background-repeat: no-repeat;
    text-align: center;
    margin: 0 10px 0 0;
    border: none 0;
    font-size: 10px;
	padding: 0;
    }
.trailerbtn img { border: none 0; }

.genre {float: none; font-size: 12px;}
.genre ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none;}
.genre li {margin: 0 5px 0 0; padding: 0 3px; float: left; background-color: #333333; list-style: none;}

.distributor 
{
    font-size: 12px;
}

.released 
{
    font-size: 12px;
}

.FilmTitle
{
    color: Yellow;
    font-size: 18px;
}

.filmheading
{   
    margin: 10px 0 0 0;
    padding: 0;
    color: Yellow;
    font-size: 20px;
}

.descriptionblock 
{
    border-bottom: solid 1px grey;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

/* Viewing room */

.trailer_container { background-image:url(../img/clipbg.jpg); width: 760px; height: 554px; }
.trailer {margin-left: 70px;width: 620px; height: 400px; }

#ratingspanel {

position:relative;
margin: 2px auto 12px auto;
width: 740px;
height: 36px; 
text-align:left;
}

.ratingsbox {
	float: right;
}

.ratingsbox img {width: 30px; height: 30px; padding-right: 4px; }

/* My Movies Feed */
.film p { font-size: 12px; margin-top: 1em; }

/* forms */
input, textarea, select { padding: 2px; border: 1px solid #cccccc; width: 500px; background-color: #444444; color: white; margin-bottom: 0.8em;}
input:focus, textarea:focus, select:focus  { background-color: #666666; }

input.auto { width: auto; background-color: inherit; border: inherit;}
input.button { color: #ffffff; 
font-family: "Kidprint", "Comic Sans MS", fantasy, Arial ; font-weight: bold; padding: 4px 8px; background-color: #888888; border: 1px solid #444444; }

.validationfailed {
	color: #FF9999;
	background-color: #FF9999;
}

.validateFailed {
	background-color: #aa6666;
}

.validateFailed:focus {
	background-color: #aa8888;
}