/* -------------------------------------------------------------------------------- */

/* 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* Setup vertical centering */

body, html, #outer { height: 100%; }

#outer { overflow: visible; position: relative; margin: 0 auto; }
/*html.ie #outer { overflow: hidden; }*/
html.standard #outer { display: table; position: static; text-align: center; }

html.ie #middle { position: absolute; top: 50%; } /* for explorer only*/
html.standard #middle { display: table-cell; vertical-align: middle; position: static; }

#page { width: 866px; }
html.ie #page { position: relative; top: -50% } /* for explorer only */
html.standard #page { position: static; }

/* Typo */
body, input, p { font: 11px 'Courier New', Courier, monospace; }
a { text-decoration: none; outline: 0; }

/* Structure */
body { background-color: white; }
#page { margin: 0 auto; width: 866px; position: relative; text-align: left; padding-bottom: 43px; }

/* Navigation */
#navigation { margin-top: 4px; position: relative; left: -1px; }
  #navigation li { float: left; }
    #navigation li a { color: #414141; }
    #navigation li li a { color: black; }
    #navigation li li { float: none; }

/* Toggeble content */
ul.apply #apply_options, ul.download #download_options, ul.tell #tell_options { display: block !important; }
#apply ul, #download ul, #tell div { position: absolute; width: 250px; top: 15px; }
#tell div { top: 17px; }

/* Inputs */
#tell_options p { margin: 1px 0; }
#tell_options input.text { width: 175px; border: 1px solid silver; padding: 2px 1px; }
input.invalid { background: #F6DEDE; color: red; }

/* Links */
#apply, #download, #tell { padding-right: 19px; position: relative; }
#navigation li li  { margin: 5px 0; }
#tell_options p#send_container { margin-top: 4px; position: relative; left: -2px; }

/* Backgrounds */
#apply a, #download a, #tell a, #info a, #about a { display: block; height: 13px; text-indent: -9999px; background-image: url('text_content.gif'); background-repeat: no-repeat; }
#apply a                        { background-position: 0      2px; width: 128px; }
  #apply #apply_ba              { background-position: 0    -70px; width: 106px; }
  #apply #apply_ma              { background-position: 0    -88px; width: 106px; }
#download a                     { background-position: 0    -16px; width:  77px; }
  #download #download_quicktime { background-position: 1px -106px; width:  56px; }
  #download #download_wmp       { background-position: 1px -124px; width:  82px; }
#tell a                         { background-position: 0    -34px; width: 161px; }
  #tell.sent a                  { background-position: 0   -142px; width: 135px; }
#info a                         { background-position: 0    -52px; width: 336px; }
#skip_film a                    { background-position: 0   -160px; width:  48px; }

/* Base (safari) */
#navigation #info      { position: absolute; top: 0px;   left: 532px; }
#navigation #skip_film { position: absolute; top: 100px; left: 820px; }

/* IE6/7 */
html.ie6 #apply ul               { top: 16px; }
html.ie6 #navigation #apply li   { margin: 4px 0; }
html.ie6 #download #download_wmp { background-position: 1px -125px; }
html.ie6 #navigation #info       { left: 99px; }
html.ie6 #navigation #skip_film  { left: 387px; }
html.ie7 #navigation li li       { margin: 4px 0 2px; }

/* Gecko */
html.win.gecko #tell_options input.text { padding: 1px }