/* 
    Document   : indexStyle
    Created on : Apr 29, 2010, 9:39:33 AM
    Author     : Chip Moore
    Description: Style definitions for index.php
        
*/

    html, body {
        height: 100%;
        width: 100%;
    }

    #background {
        background-color: #FFFFCC;
        margin: 0px;
    }

    div#container {
        border-left: 2px solid #993300;
    }

    div#title {
        border-top: 2px solid #993300;
        width: 100%;
    }

   a#titleObject {
        color: #ff6600;
        cursor: default;
        font-family: "Segoe UI", verdana;
        text-decoration: underline;
        font-size: 3em;
   }

   p#buttonContainer {
        display: block;
        font-size: 1em;
        margin-left: auto;
        margin-right: auto;
        width: 475px;
        visibility: hidden;
    }

    canvas#canvasObject {
        /*background-image: url( "./images/particlesFrame1px.png" );*/
        background-color: white;
        border-style: solid;
        border-width: 1px;
        border-color: black;
        display: inline-block;
        margin-left: 25px;
        margin-right: 25px;
        vertical-align: super;
        visibility: visible;
    }

    span#silverlightContainer {
        display: inline-block;
        margin-left: 25px;
        margin-right: 25px;
        width: 101px;
        height: 101px;
        vertical-align: super;
        visibility: visible;
    }

    img#logo01 {
        display: inline-block;
        margin-left: 25px;
        margin-right: 25px;
        vertical-align: super;
        visibility: visible;
    }


    a#videoContainer {
        display: inline-block;
        margin-left: 25px;
        margin-right: 25px;
        vertical-align: super;
        visibility: hidden;
    }

    object#silverlightVideoObject { 
        visibility: visible;
    }

    video#html5VideoObject {
        background-color: white;
        width: 100px;
        height: 100px;
        border-style: solid;
        border-width: 1px;
        border-color: black;
        visibility: visible;
    }

    img#videoLogo {
        visibility: visible;
    }