html {
   width: 100%;
   height: 100%;     /* needed to stretch the table to 100% height */
}

body {
   background-color: #000066;
/*   background: #ffffff url("./testbg.png") 0% 0% no-repeat;*/
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   margin: 0px;
   overflow: hidden;
   width: 100%;
   height: 100%;     /* needed to stretch the table to 100% height */
}

a {
   color: #f9e562;
   font-size: 1.2em;
   font-weight: bold;
   line-height: .6em;
   letter-spacing: .1em;
   padding: 1em;
   text-decoration: none;
}

#topZigzag {
   position: fixed;
   right: 0px;
   top: 0px;
   width: 38px;
   height: 173px;
/* xPloder workaround for png transparency */
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pix/top-zigzag.png", sizingMethod="scale");
}

/* xPloder workaround for png transparency */
#topZigzagImage {
   filter: alpha(opacity=0)
}

#btmZigzag {
   position: fixed;
   left: 0px;
   bottom: 0px;
   width: 38px;
   height: 173px;
/* xPloder workaround for png transparency */
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pix/btm-zigzag.png", sizingMethod="scale");
}

/* xPloder workaround for png transparency */
#btmZigzagImage {
   filter: alpha(opacity=0);
}

#dlButton {
   position: absolute;
   bottom: 10px;
   right: 10px;
   visibility: hidden;
}

#dlFrame {
   border: none;
   display: none;
   visibility: hidden;
   z-index: 10;
   position: absolute;
   left: 0px;
   top: 5%;
   width: 750px;
   height: 85%;
}

#textWrapper {
   width: 100%;
   height: 100% !important;   /* '!important' needed to get the table to stretch */
}

#topText {
   padding-left: 3.4em;
   vertical-align: top;
}

#topTextWrapper {
   position: relative;
   top: 1.6em;
}

div.largeYellow {
   color: #f9e562;
   font-family: Tahoma, sans-serif;
   font-size: 4em;
   font-weight: bold;
   letter-spacing: .07em;
   z-index: 3;
}

div.spaced {
   color: #ffffff;
   font-size: 1em;
   font-weight: bold;
   letter-spacing: .6em;
   z-index: 3;
}

#raised {
   position: relative;
   top: -.2em;
   z-index: 3;
}

#midTextWrapper {
   text-align: center;
}

#qtInstaller {
   background-color: #f9e562;
   color: #000066;
   font-size: 1.2em;
   font-weight: bold;
   letter-spacing: .1em;
   margin: 0px auto;
   padding: 1em;
   position: relative;
   top: -2.5em;
   visibility: hidden;
   width: 25em;
}

#confirmWrapper {
   margin: 1em auto 0px auto;
   position: relative;
   width: 6em;
}

#confirm {
   border: 1px solid #000066;
   color: #e10824;
   cursor: pointer;
   cursor: hand;
   float: left;
   padding: .25em .5em;
   position: relative;
}

#confirm:active {
   padding: .3em .45em .2em .55em;
}

#deny {
   border: 1px solid #000066;
   color: #e10824;
   cursor: pointer;
   cursor: hand;
   float: right;
   padding: .25em .5em;
   position: relative;
}

#deny:active {
   padding: .3em .45em .2em .55em;
}

#midText {
   position: relative;
   top: 2.5em;
}

#midTextHeader {
   color: #f9e562;
   padding-bottom: .5em;
}

#movieInstructions {
   color: #f9e562;
   padding-top: 2em;
}

#movieIcon {
   border:3px solid #e10824;
   margin: 0px .2em;
   width: 1.2em;
   height: 1.2em;
}

#btmText {
   padding-left: 3.4em;
   vertical-align: top;
}

#btmTextWrapper {
   position: relative;
   top: -1em;
}

.white {
   color: #ffffff;
   font-size: 1.2em;
   font-weight: bold;
   line-height: .6em;
   letter-spacing: .1em;
}

p.white > a {
   font-size: 100%;
   padding: 0px;
}

#mailAddress {
   position: relative;
   top: -.5em;
}

#prefone,
#numfone,
#txtfone {
   background-color: #000066;
   font-family: "Courier New", Courier, monospace;
   word-spacing: -.35em;
}

#foneWrapper {
   position: relative;
}

#numfone {
   box-sizing: content-box;   /* gives the element 'layout' needed for the opacity filter to work - see <http://dean.edwards.name/IE7/notes/#layout> */
   position: relative;
   left: -.1em;
   filter: alpha(opacity=100);
}

#txtfone {
   box-sizing: content-box;
   opacity: 0;
   padding-top: .33em;        /* we need padding instead of a top offset to get the bgColor to cover all of numFone */
   position: absolute;
   left: 0px;
   top: 0px;
   white-space: nowrap;
   filter: alpha(opacity=0);
}

