/* GENERIC STYLES */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

/* LANDING PAGE STYLES */
body.index {background-color: #FFFFFF; background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: 40% 40%;}

/* LIGHT OFF PAGE STYLES */
body.lightoff {background-color: #454545; background-image: url(images/torch.gif); background-repeat: no-repeat; background-position: 40% 40%;}

/* LANDING PAGE AND LIGHT OFF PAGE STYLES */
#pinboard {position: absolute; top: 0px; left: 0px; width: 854px; height: 632px; display: block; z-index: 1;}
#lightswitch {position: absolute; top: 0px; left: 854px; width: 115px; height: 632px; display: block;}
#switch {position: absolute; top: 282px; left: 880px; width: 25px; height: 38px; display: block;}
#logoMapDiv {position:absolute; top: 399px; left: 7px;}
#logoMapDiv img#logoUp {position: absolute; top: 0px; left: 0px; visibility: visible;}
#logoMapDiv img#logoOver, #logoMapDiv img#logoDown, {position: absolute; top: 0px; left: 0px; visibility: hidden;}
#viacom {position:absolute; top:413px; left:19px; height:42px; width:88px; z-index: 300;}
#viacomdark {position:absolute; top:389px; left:0px; height:42px; width:88px; z-index: 300;}
#sadlers {position:absolute; top:436px; left:153px; width:106px; height:25; z-index: 300;}
#sadlersdark {position:absolute; top:404px; left:149px; width:106px; height:25; z-index: 300;}
#tate {position:absolute; top:395px; left:294px; width:auto; height:auto;  z-index: 350;}
#tatedark {position:absolute; top:389px; left:283px; width:auto; height:auto;  z-index: 350;}
#pfa {position:absolute; top:503px; left:283px; width:auto; height:auto; z-index:360}
#pfa2 {position:absolute; top:503px; left:301px; width:auto; height:auto; z-index:360}
#textlink {position:absolute; top:5px; left:10px; width:auto; height:auto; z-index:500; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight: bold;}
#enter {position:absolute; top:508px; left:647px; width:auto; height:auto; z-index:370}
#sightings {position:absolute; top:549px; left:589px; width:122px; height:24px; z-index:500; }
#sightingsdark {position:absolute; top:499px; left:583px; width:123px; height:123px; z-index: 350;}
#layer1,#layer2,#layer3,#layer4 {visibility: hidden;}

/* COMPETITION PAGE STYLES */
body.comp {background-color: #43453F; background-image: url(images/carpettile.jpg); background-repeat: repeat;}
#desktop {position: absolute; top: 0px; left: 0px; width: 800px; height: 574px; display: block;}
#terms {position: absolute; top: 200px; left: 100px; width: auto; height: auto; display: block;}

select,input {font-size: 10px; font-family: courier new, monospace;}
input#image_file {position: absolute; top: 368px; left: 297px; width: 220px;}
select#image_date {position: absolute; top: 410px; left: 332px; width: 90px;}
select#image_time {position: absolute; top: 410px; left: 462px; width: 65px;}
input#contact_name {position: absolute; top: 452px; left: 350px; width: 170px; height: 10px;}
input#email {position: absolute; top: 467px; left: 350px; width: 170px; height: 10px;}
input#telephone {position: absolute; top: 482px; left: 350px; width: 170px; height: 10px;}
#upload {position: absolute; top: 500px; left: 443px; width: 83; height: 19;}

/* SIGHTINGS PAGE STYLES */
body.sightings {background-color: #FFFFFF; background-image: url('images/sightingsbg.gif'); background-repeat: repeat-y;}
#busspotters {position: absolute; top: 0px; left: 0px; width: 800px;}

#sighting1 {background-image: url('images/polaroid.gif');background-repeat: no-repeat;position: absolute; top: 103px; left: 57px;width:248px;height:285px;}
#sighting2 {background-image: url('images/polaroid.gif');background-repeat: no-repeat;position: absolute; top: 92px; left: 327px;width:248px;height:285px;}
#sighting3 {background-image: url('images/polaroid.gif');background-repeat: no-repeat;position: absolute; top: 116px; left: 587px;width:248px;height:285px;}
#sighting4 {background-image: url('images/polaroid.gif');background-repeat: no-repeat;position: absolute; top: 412px; left: 55px;width:248px;height:285px;}
#sighting5{background-image: url('images/polaroid.gif');background-repeat: no-repeat;position: absolute; top: 425px; left: 318px;width:248px;height:285px;}
#sighting6{background-image: url('images/polaroid.gif');background-repeat:  no-repeat;position: absolute; top: 403px; left: 595px;width:248px;height:285px;}

.pictable{ border-width:0px; border-collapse: collapse;width:225px; margin-left: 9px;  margin-top: 9px; margin-right: 14px;}
.pic {height:225px;text-align: center; vertical-align: middle; }
.piccaption { height: 40px; vertical-align: bottom;font-family: courier new, monospace;font-size: 0.75em; color: #333333;}

#pages{position: absolute; z-index: 80; top: 80px; left: 580px;width: 245px; text-align: right;
font-family: courier new,monospace;font-size: 0.75em; color: #333333;}

#pages a{text-decoration: none; background-color: #B5FFFF;color: black;}
#pages a:hover{background-color: #ECFFA1;}