/* Style */

body
{
    text-align:  left;
    color:       #BBBBBB;
    font-family: Tahoma, arial, helvetica, sans-serif;
    font-size:   11px;
    background:  #000000;
}

body, span, div, p, h1, h2, h3, h4, h5, li, ul, form
{
    padding: 0px;
    margin:  0px;
}


/*added by ben to style the instructions and cinema pages*/

.header{
	font-weight:bold;
	font-size:14px;
	padding: 5px 0px 20px 0px;
	text-transform:uppercase;
}

	.sub-header{
	font-weight:bold;
	font-size:14px;
	padding: 15px 0px 20px 0px;
	text-transform:uppercase;
}


	.bullet{
	font-weight:bold;
	text-align:left;
	font-size:12px;
	padding: 10px 0px 25px 10px;
	width:250px;
}

div#table_of_images
{
    position: absolute;
    left:     145px;
    top:      245px;
    width:    357px;
}

div#cinema_text
{
    position: absolute;
    left:     190px;
    top:      5px;
    width:    372px;
}


div#main_cinema
{
    background:        url(../images/bgmain_cinema.jpg) top center #000000;
    background-repeat: no-repeat;
    margin:            auto;
    width:             950px;
    height:            750px;
    position:          relative;
}

/*added by ben to style the instructions and cinema pages*/







label
{
    font-weight:bold;
}

p
{
    margin-bottom: 8px;
}

img, a img
{
    border: none;
}

ul
{
    list-style-type: none;
}

a, a:visited
{
    color:           #FFFFFF;
    text-decoration: none;
}
a:hover, a:active
{
    color:           #CCCCCC;
    text-decoration: underline;
}

h1
{
    font-size:     12px;
    font-weight:   bold;
    margin-bottom: 10px;
}

h2
{
    font-size:   11px;
    font-weight: bold;
}


/* Main layout */

div#main
{
    background:        url(../images/bgmain.jpg) top center #000000;
    background-repeat: no-repeat;
    margin:            auto;
    width:             950px;
    height:            750px;
    position:          relative;
}

div#title
{
    position: absolute;
    left:     242px;
    top:      14px;
    width:    474px;
    height:   117px;
}

div#nav
{
    position: absolute;
    left:     132px;
    top:      142px;
    width:    733px;
    height:   32px;
}

div#content
{
    position: absolute;
    left:     155px;
    top:      189px;
    width:    640px;
}

input.textinput
{
    width:         202px;
    height:        18px;
    background:    url(../images/bg_textbox.jpg);
    border:        0;
    padding-left:  5px;
    padding-right: 5px;
}

input.fileinput
{
    width:         212px;
    height:        20px;
    background:    url(../images/bg_textbox.jpg) #DDDDDD;
    border:        0;
}

input.submitbtn
{
    width:         160px;
    height:        20px;
    background:    url(../images/bg_submit.jpg) #DDDDDD;
    border:        0;
    color:         #FFFFFF;
}

input:hover
{
    color:  #000000;
}

/* Nav menu */
div#nav ul li
{
    position:absolute;
    top:     7px;
    height:  17px;
}

div#nav ul li#nav_home
{
    left:   86px;
    width:  42px;
}

div#nav ul li#nav_instructions
{
    left:   165px;
    width:  107px;
}

div#nav ul li#nav_upload
{
    left:   309px;
    width:  151px;
}

div#nav ul li#nav_gallery
{
    left:   496px;
    width:  118px;
}

/* Individual pages layout */
div#home_packshot
{
    position: absolute;
    left:     7px;
    top:      10px;
    width:    201px;
}
div#home_packshot2{
    position: absolute;
    left:     -67px;
    top:      90px;
    width:    201px;
}

div#home_text
{
    position: absolute;
    left:     229px;
    top:      10px;
    width:    372px;
}

div#home_text img
{
    float:right;
    padding-left:10px;
}

div#upload_text
{
    position: absolute;
    left:     145px;
    top:      9px;
    width:    357px;
    height:   152px;
}

div#upload_form
{
    position: absolute;
    left:     145px;
    top:      88px;
    width:    357px;
    height:   169px;
}

/* Gallery */
div#imagelist
{
    position:   absolute;
    left:       0px;
    top:        35px;
    width:      640px;
    height:     346px;
}

div.imagediv
{
    position:   relative;
    float:      left;
    width:      160px;
    height:     173px;
}

div.imageholder
{
    position:   absolute;
    left:       20px;
    top:        20px;
    width:      119px;
    height:     119px;
}

div.imagerating
{
    text-align: center;
    position:   absolute;
    left:       0px;
    top:        142px;
    width:      160px;
    height:     25px;
}

div.imageframe
{
    background-image:   url("../images/imageframe.png");
    background-repeat:  no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imageframe.png',sizingMethod='crop');

    position:   absolute;
    text-align: center;
    left:       2px;
    top:        1px;
    width:      155px;
    height:     157px;
}

div.imageframe a
{
    display: block;
    width:   155px;
    height:  157px;
}

div#orderByForm
{
    text-align: center;
    position:   absolute;
    left:       0px;
    top:        -5px;
    width:      640px;
    height:     48px;
}

div#paging
{
    font-weight: bold;
    text-align:  center;
    position:    absolute;
    left:        0px;
    top:         419px;
    width:       640px;
    height:      48px;
}

/* View image page */
div#largeimage
{
    text-align: center;
    position:   absolute;
    left:       0px;
    top:        34px;
    width:      640px;
    height:     338px;
}

div#largeimage img
{
    border: 1px solid #000000;
}

div#pagenum
{
    text-align: center;
    position:   absolute;
    left:       0px;
    top:        -2px;
    width:      640px;
    height:     20px;
}

div#imageprev
{
    position:   absolute;
    left:       100px;
    top:        410px;
    width:      40px;
    height:     29px;
}

div#imagenext
{
    position:   absolute;
    left:       500px;
    top:        410px;
    width:      40px;
    height:     29px;
}

div#reportinappropriate
{
    text-align: center;
    position:   absolute;
    left:       0px;
    top:        376px;
    width:      640px;
    height:     20px;
}

div#rating
{
    position:   absolute;
    top:        409px;
    left:       266px;
    width:      110px;
    height:     48px;
}

div#clicktorate
{
    position:   absolute;
    top:        28px;
    left:       0px;
    width:      110px;
    height:     20px;
    text-align: center;
    color:      #777777;
}

.star
{
    text-align: center;
    position:   absolute;
    top:        0px;
    width:      24px;
    height:     28px;
}

div.lit
{
    background-image:   url("../images/star_lit.png");
    background-repeat:  no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_lit.png',sizingMethod='crop');
}

div.unlit
{
    background-image:   url("../images/star_unlit.png");
    background-repeat:  no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star_unlit.png',sizingMethod='crop');
}

div#star1, a#link1 { left: 0px; }
div#star2, a#link2 { left: 21px; }
div#star3, a#link3 { left: 42px; }
div#star4, a#link4 { left: 63px; }
div#star5, a#link5 { left: 84px; }

/* Form controls */
.row
{
    position:       static;
    clear:          both;
    padding-bottom: 10px;
    height:         26px;
}

.formlabel
{
    position:      static;
    float:         left;
    text-align:    right;
    width:         90px;
}

.formcontrol
{
    position:      static;
    float:         right;
    text-align:    left;
    width:         250px;
}

/* Red bar at the bottom */
div#redbar
{
    padding-top:        20px;
    position:           absolute;
    left:               -155px;
    top:                328px;
    width:              950px;
    height:             32px;
    background-image:   url("../images/redbar.png");
    background-repeat:  no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/redbar.png',sizingMethod='crop');
}

div#redbar img, div#redbar input
{
    position: absolute;
    left:     608px;
    top:      6px;
}



div#redbar_img
{
    padding-top:        20px;
    position:           absolute;
    left:               -155px;
    top:                410px;
    width:              950px;
    height:             32px;
    background-image:   url("../images/redbar_img.png");
    background-repeat:  no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/redbar_img.png',sizingMethod='crop');
}

div.star_unlit
{
    position: absolute;
    left:     608px;
    top:      0px;
}

/* Horizontal rules */
div.hr
{
    background-image:   url("../images/hr.png");
    background-repeat:  no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hr.png',sizingMethod='crop');

    background-repeat: no-repeat;
    width:      396px;
    height:     2px;
}

div#hr_imgtop
{
    position:   absolute;
    left:       122px;
    top:        20px;
}

div#hr_imgbottom
{
    position:   absolute;
    left:       122px;
    top:        396px;
}

div#hr_top
{
    position:   absolute;
    left:       139px;
    top:        25px;
}

div#hr_bottom
{
    position:   absolute;
    left:       139px;
    top:        408px;
}



/* Red bar at the bottom */
#redbar2
{
 	padding-top:        0px;
	position:           absolute;
    left:               -155px;
    top:                568px;
    width:              950px;
    height:             32px;
    background-image:   url("../images/redbar.png");
    background-repeat:  no-repeat;
    
	
}

div#redbar2 img, div#redbar2 input
{

	position: relative;
	margin-top: 5px;
}
#redBarInner{
	width: 200px;
	margin-left: 630px;

}
#formSubmitItem{
	position: relative;
	top: 80px;
}
#copyRight{
	position: relative;
	top: 60px;