html {
overflow: auto;
}
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
text-align: center;
background: #252525;
}
#tablet {
width: 920px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
border: 0px solid #555555;
background: #818181;
position:relative;
}
#header {
position: relative;
top: 0px;
width: 920px;
height: 44px;
float: left;
border: 0px solid #f00;
overflow: hidden;
background-image: url('images/BGHeader.jpg');
}
#banner {
position:relative;
top: 0px;
width: 920px;
height: 374px;
float: left;
border: 0px solid #0f0;
overflow: hidden;
text-align: center;
background-image: url('images/banners/rotate.php');
}
#sitetitle {
position: absolute;
top: 25px;
left: 30px;
width: 536px;
height: 61px;
float: left;
margin: 0px;
padding: 0px;
border: 0px solid #0f0;
/**overflow: hidden;**/
text-align: center;
}
#plinks {
position: relative;
top: 0px;
left: 0px;
height: 350px;
width: 360px;
float: left;
text-align:left;
/**overflow: hidden;*/
border: 0px solid #00f;
background-image: url('images/BGPlinks.jpg');
}
#slinkmenu {
position: relative;
top: -175px;
left: 10px;
float: left;
text-align:left;
overflow: hidden;
border: 0px solid #ffffff;
}
#plinkmenu {
position: relative;
top: -175px;
left: 10px;
width: 360px;
float: left;
text-align:left;
overflow: hidden;
border: 0px solid #ffffff;
}
#front {
position: relative;
top: 0px;
left: 0px;
height: 320px;
width: 420px;
/*overflow: hidden;*/
float: left;
padding:0px;
padding-left:75px;
padding-right:65px;
padding-top:30px;
margin: 0px;
border: 0px solid #f0f;
background-image: url('images/BGFront.jpg');
}
#webvalid {
position:relative;
top: -10px;
right: 10px;
float: right;
border: 0px solid #888888;
}
#content {
position: relative;
top: -0px;
left: 0px;
width: 585px;
overflow: hidden;
float: left;
padding:0px;
padding-left:275px;
padding-right:60px;
margin: 0px;
text-align:left;
border: 0px solid #aaa;
background-image: url('images/BGContent.jpg');
}
#bottom {
position: relative;
top: 0px;
left: 0px;
width: 595px;
float: left;
padding:0px;
padding-left:275px;
padding-right:50px;
margin: 0px;
border: 0px solid #aaa;
background-image: url('images/BGBottom.jpg');
}
#valid {
position:absolute;
top: 15px;
right: 65px;
float: right;
border: 0px solid #888888;
}
#notice {
position:relative;
text-align:left;
width:340px;
height:490px;
margin:0px;
padding:5px;
overflow:auto;
border: 0px solid #555555;
background: #818181;
background-image: url('images/BGNotice.jpg');
}
#spools {
position: absolute;
top: 640px;
left: -25px;
height: 250px;
width: 250px;
float: left;
text-align:left;
overflow: hidden;
border: 0px solid #00f;
background-image: url('images/FilmSpools.png');
}
#bspools {
position: absolute;
top: -75px;
left: -22px;
height: 160px;
width: 232px;
float: left;
text-align:left;
overflow: hidden;
border: 0px solid #555;
background-image: url('images/FilmSpools2.png');
}
#adcolumn {
position: absolute;
top: 890px;
left: 0px;
height: 875px;
width: 175px;
float: left;
text-align: center;
overflow: hidden;
border: 0px solid #fff;
/* background-image: url('images/ad_column.gif'); */
}
#adslot01 {
position: relative;
top: 10px;
left: 23px;
height: 208px;
width: 135px;
float: left;
text-align: center;
overflow: hidden;
border: 0px solid #00f;
/* background-image: url('articles/Adslot01/rotator.php'); */
}
#adslot02 {
position: relative;
top: 20px;
left: 23px;
height: 208px;
width: 135px;
float: left;
text-align: center;
overflow: hidden;
border: 0px solid #00f;
/* background-image: url('articles/Adslot02/rotator.php'); */
}
#adslot03 {
position: relative;
top: 30px;
left: 23px;
height: 208px;
width: 135px;
float: left;
text-align: center;
overflow: hidden;
border: 0px solid #00f;
/* background-image: url('articles/Adslot03/rotator.php'); */
}
#adslot04 {
position: relative;
top: 40px;
left: 23px;
height: 208px;
width: 135px;
float: left;
text-align: center;
overflow: hidden;
border: 0px solid #00f;
/* background-image: url('articles/Adslot04/rotator.php'); */
}
#adslot05 {
position: relative;
top: 50px;
left: 23px;
height: 208px;
width: 135px;
float: left;
text-align: center;
overflow: hidden;
border: 0px solid #00f;
/* background-image: url('articles/Adslot05/rotator.php'); */
}
/*graphics*/
img {
border:0px;
}
img.sample {
border: 2px solid #AAAAFF;
text-align: center;
}
img.sample:hover {
border: 2px solid #FFFFFF;
}
img.ad {
}
img.ad:hover {
}
/*typography*/
h1 {
font-family: Verdana;
font-size: 0px;
font-weight: bold;
text-align: center;
color: #000000;
}
h2 {
font-family: Verdana;
font-size: 16px;
font-weight: bold;
color: #000000;
}
h3 {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #000000;
}
h4 {
font-family: Verdana;
font-size: 14px;
font-weight:normal;
color: #000000;
}
h5 {
font-family: Verdana;
font-size: 14px;
font-weight:lighter;
color: #000000;
}
h6 {
font-family: Verdana;
font-size: 7px;
color: #000000;
}
h7 {
font-family: Verdana;
font-size: 7px;
font-style: italic;
color: #000000;
}
p {
text-indent: 15px;
text-align:left;
font-family: Verdana;
font-weight: bold;
color: #444444;
}
p.normal {
font-size: 11px;
color: #bbbbbb;
}
p.radio {
text-indent: 0px;
font-size: 11px;
color: #bbbbbb;
}
p.content.normal {
text-indent: 20px;
}
p.headline {
font-size:15px;
font-weight:bold;
color:#dddddd;
text-transform:uppercase;
text-indent:10px;
}
p.intro {
text-indent: 15px;
font-size: 12px;
font-weight:bold;
color: #dddddd;
}
p.disclaimer {
padding: 3px;
vertical-align: bottom;
text-align: center;
text-indent: 0px;
font-size: 9px;
font-weight: bold;
color: #999999;
}
li {
font-size:10px;
font-family:Verdana;
color:#cccccc;
font-weight:bold;
}
li.playtitle {
text-align:center;
color:#FFFFFF;
}
a {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #BBDDFF;
}
a.headline {
font-size:15px;
font-weight:bold;
color:#BBDDFF;
text-transform:uppercase;
}
a:hover {
color:#ffffff;
}
a.plinks {
font-family: Verdana;
font-size: 24px;
font-weight: normal;
text-decoration: none;
color: #AAAAAA;
}
a.plinks:hover {
color:#DDDDDD;
}
a.slinks {
font-family: Verdana;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #666666;
}
a.slinks:hover {
color:#444444;
}
a.disclaimer {
font-size: 9px;
font-weight: bold;
color: #cccccc;
}
a.disclaimer:hover {
vertical-align: bottom;
text-indent: 0px;
font-size: 9px;
font-weight: bold;
color: #ffffff;
}
p.titlebar {
text-align:center;
text-indent:0px;
}
a.titlebar {
text-align:center;
text-indent:100px;
font-family:Garamond, courier;
font-size:35px;
}
/*tables*/
table.stable
{
border-collapse: collapse;
border-style: solid;
border-width: 2px;
border-color: #DDDDDD;
background-color: #9999BB;
width: 100%;
font-family: Verdana, Garamond, Courier;
font-size: 12px;
color: #DDDDDD;
empty-cells: show;
font-weight: normal;
}
tr.header {
background-color: #444466;
border-style: solid;
border-width: 2px;
border-color: #DDDDDD;
font-weight: bold;
font-size: 14px;
color: #BBBBFF;
empty-cells: show;
}
tr.normal {
color: #333366;
empty-cells: show;
}
td.pricer {
background-color: #222244;
border-color: #DDDDDD;
border-style: solid;
border-width: 2px;
font-weight: bold;
color: #9999BB;
}
td {
text-align: center;
width: 17%;
border: 1px;
border-style: solid;
border-color: #CCCCCC;
font-weight: bold;
}
td.rowheader {
text-align: right;
font-weight: bold;
font-size: 13px;
color: #9999DD;
background-color: #444466;
border-style: solid;
border-width: 1px;
}
td.prowheader {
text-align: right;
font-weight: bold;
font-size: 13px;
color: #DDDDFF;
background-color: #444466;
border-style: solid;
border-width: 1px;
}
/*flowplayer*/
div.screenback {
position: absolute;
top: 395px;
left: 415px;
width: 450px;
height: 290px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
border: 0px solid #555555;
background-image:url('images/BGScreen.png');
background-repeat:no-repeat;
}
div.screenmain {
position: relative;
top: 10px;
left: 5px;
width: 440px;
height: 245px;
background: transparent url(images/docchicago/prevBG-screen.png) no-repeat;
}
div.projector {
display: block;
width: 432px;
height: 243px;
border: 1px solid #333333;
text-align: center;
background: transparent url(http://www.gigasightmedia.com/images/docchicago/prevSPLASH_CHandCLogo.png);
}
#exposeMask {
/* use a custom background color and image on the mask */
background:#232323;
/* background-image:url('images/title.png) 50px 366px no-repeat;*/
}
/* flowplayer - player dimensions */
a.flowplayer, a.flowplayer img {
display:block;
border:0;
width:438px;
height:245px;
margin-right:0px;
float:left;
background-image:url('images/BGScreen.png');
background-repeat:no-repeat;
}
/* flowplayer - play button on top of splash image */
div.playButton {
background:url('images/play.png');
background-repeat:no-repeat;
width:45px !important;
height:45px;
position:relative;
top:-150px;
left:195px;
margin-bottom:-50px;
/* opacity:0.7; */
}
div.playButton:hover {
/* opacity:1.0; */
}
/* flowplayer - items */
div.scrollable {
margin-left:0px;
}
div.items {
height:245px;
float:left;
width:438px;
border:0px solid #eee;
background-image:url('images/BGScreen.png');
background-repeat:no-repeat;
}
div.items div {
width:438px;
}
div.scrollable div {
float:left;
width:438px;
}
/* flowplayer - tabs */
#bar {
position:absolute;
top: 250px;
left: 0px;
height: 70px;
width: 438px;
text-align: center;
overflow:hidden;
border: 0px solid #FFFFFF;
/* flowplayer - background-image:url(images/BGTitleBar.jpg);*/
}
ul.navi {
margin:25px 0 0 0 ;
padding:0px;
position:relative;
height:40px;
top:-20px;
border: 0px solid #000000;
font-size:13px;
}
ul.navi li {
padding-left: 50px;
float:left;
margin:0;
list-style-type:none;
}
ul.navi a {
padding:2px 2px;
border-bottom:0px solid #D2D2D2;
text-decoration:none;
display:block;
color:#333333;
font-family:verdana;
font-size:13px;
font-weight: bold;
}
ul.navi li.active a {
background-position:100% -150px;
color: #ffffff;
}
ul.navi a:hover {
background-position:100% -150px;
color: #dddddd;
}
ul.navi li.active {
background-position:0 -150px;
font-weight: bold;
}
a.titlebar {
text-align:center;
}
/* flowplayer - next / prev buttons */
a.prev {
position: absolute;
top: 645px;
left: 420px;
display:block;
width:30px;
height:30px;
float:left;
background-repeat:no-repeat;
}
a.next {
position: absolute;
top: 645px;
left: 780px;
display:block;
width:30px;
height:30px;
float:left;
background-repeat:no-repeat;
}
a.prev {
background:url(images/button-left.gif);
margin-right:0px;
}
a.prev:hover {
background:url(images/button-left-over.gif);
}
a.next {
background:url(images/button-right.gif);
margin-left:10px;
}
a.next:hover {
background:url(images/button-right-over.gif);
}