body
{
background-color: #000000;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#satelliteLaser img
{
vertical-align: -3px;
}

#laser
{
    position:absolute;
    width:227px;
    height:450px;
}

#laser1
{
    display:block;
}


#missilePlayer
{
    position:absolute;
    width:40px;
    height:8px;
}

#r27
{
    display:block;
}

#enemyFighter
{
    position:absolute;
    width:93px;
    height:20px;
}

#jetPlayer
{
    width:95px;
    height:38px;
    position: absolute;
    z-index:1;
    /*border:1px solid #000000;*/
}

#divMainContainer
{
    width:800px;
    height:600px;
    margin:auto;
    position:relative;
    z-index:0;
}


#divTopContainer
{
    width:800px;
    height:100px;
    position:relative;
    background-color: #808080;
    color:#ffffff;
    cursor:default;
}



#divTopContainer1
{
    position:absolute;
    height:40px;
    width:200px;
    top:10px;
    font-size:13px;
    left:50px;
}


#divTopContainer2
{
    position:absolute;
    height:40px;
    width:200px;
    top:10px;
    font-size:13px;
    left:300px;
}


#divTopContainer3
{
    position:absolute;
    height:40px;
    width:200px;
    top:10px;
    font-size:13px;
    left:550px;
}

#divTopContainer4
{
    position:absolute;
    height:40px;
    width:200px;
    bottom:0;
    font-size:13px;
    left:50px;
    overflow:auto;
}


#divTopContainer5
{
    position:absolute;
    height:40px;
    width:200px;
    bottom:0;
    font-size:13px;
    left:300px;
}


#divTopContainer6
{
    position:absolute;
    height:40px;
    width:200px;
    bottom:0;
    font-size:13px;
    left:550px;
}

#divTopContainer7
{
    position:absolute;
    height:60px;
    width:350px;
    top:40px;
    font-size:20px;
    left:50px;
}

#divTopContainer8
{
    position:absolute;
    height:60px;
    width:350px;
    top:40px;
    font-size:20px;
    left:400px;
    text-align:right;
}


#radarMode
{
    color: #ff0000;
    font-weight: 700;
}

#missileMode
{
    color: #ff0000;
    font-weight: 700;
}

#groundThreat
{
    color: #00ff00;

}

#divBottomContainer
{
    width:800px;
    height:500px;
    position:relative;
    overflow: hidden;
    background-color: #000000;
    cursor:none;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

#divBottomContainer
{
cursor: url(ccursor.png), default;
}

}

.jf17b
{
    display:block;
}


/*
#mig29
{
    width:100px;
    height:40px;
}

#r27
{
    width:40px;
    height:8px;
}
*/

@-webkit-keyframes slide1 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -6400px;
    }
}

@-moz-keyframes slide1 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -6400px;
    }
}

@-o-keyframes slide1 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -6400px;
    }
}

@keyframes slide1 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -6400px;
    }
}






@-webkit-keyframes slide2 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4212px;
    }
}

@-moz-keyframes slide2 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4212px;
    }
}

@-o-keyframes slide2 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4212px;
    }
}

@keyframes slide2 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4212px;
    }
}





@-webkit-keyframes slide3 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1562px;
    }
}

@-moz-keyframes slide3 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1562px;
    }
}

@-o-keyframes slide3 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1562px;
    }
}

@keyframes slide3 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1562px;
    }
}





@-webkit-keyframes slide4 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4326px;
    }
}

@-moz-keyframes slide4 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4326px;
    }
}

@-o-keyframes slide4 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4326px;
    }
}

@keyframes slide4 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -4326px;
    }
}


#background
{
    position: absolute;
    height:500px;
    min-width:1000px;
  -webkit-animation: slide1 50s infinite; /* Safari 4+ */
  -moz-animation:    slide1 50s infinite; /* Fx 5+ */
  -o-animation:      slide1 50s infinite; /* Opera 12+ */
  animation:         slide1 50s infinite; /* IE 10+ */
    white-space: nowrap;
    z-index: 0;
}

#backgroundL1
{
        position: absolute;
    height:500px;
    min-width:1000px;
  -webkit-animation: slide2 99s infinite; /* Safari 4+ */
  -moz-animation:    slide2 99s infinite; /* Fx 5+ */
  -o-animation:      slide2 99s infinite; /* Opera 12+ */
  animation:         slide2 99s infinite; /* IE 10+ */
    white-space: nowrap;
    z-index: 0;
}

#backgroundL2
{
        position: absolute;
    height:500px;
    min-width:1000px;
  -webkit-animation: slide3 99s infinite; /* Safari 4+ */
  -moz-animation:    slide3 99s infinite; /* Fx 5+ */
  -o-animation:      slide3 99s infinite; /* Opera 12+ */
  animation:         slide3 99s infinite; /* IE 10+ */
    white-space: nowrap;
    z-index: 0;
}

#backgroundL3
{
        position: absolute;
    height:500px;
    min-width:1000px;
  -webkit-animation: slide4 99s infinite; /* Safari 4+ */
  -moz-animation:    slide4 99s infinite; /* Fx 5+ */
  -o-animation:      slide4 99s infinite; /* Opera 12+ */
  animation:         slide4 99s infinite; /* IE 10+ */
    white-space: nowrap;
    z-index: 0;
}


#background1
{
    position: absolute;
    left:0;
    top:0;
    height:500px;
    z-index:1;
    width:800px;
}

.bgimage3
{
    display:inline-block;
    height:inherit;
}

.explosion
{
    position: absolute;
}

.explosionGif
{
    display:block;
}

#poor
{
    position:absolute;
    top:-100px;
    left:-300px;
    height:200px;
    width:600px;
    background-color: #944D4D;
    text-align:center;
    -moz-border-radius: 15px;
}

#divRight
{
    color:#ffffff;
    position:fixed;
    bottom:0;
    right:0;
    font-size: 12px;
    font-style: italic;
    margin-bottom:15px;
    margin-right:30px;
    z-index:20;

}

#divLeft
{
    color:#ffffff;
    position:fixed;
    bottom:0;
    left:0;
    font-size:12px;
    font-style: italic;
}

#timebc3
{
color:#FFFF00;
}

#timebc4
{
color:#FF6600;
}

#timebc6
{
color:#FF6600;
}

#timebc8
{
color:#FF6666;
}

#timebc5
{
color:#FFFF00;
}

#readem
{
font-size:13px;
color:#ffffff;
font-style:italic;
margin:50px;
}

#header1
{
    position:relative;
    padding:15px 0;
    font-size: 20px;
    font-weight: 700;
    color:#ffffff;
    text-align:center;
    z-index:0;
}

#divPlay
{
position:absolute;
bottom:0;
left:0;
visibility:hidden;
}

#divCounter
{
    position: relative;
    z-index:0;
}

.missileFlame
{
display:block;
position:absolute;
bottom:-31px;
left:-39px;
width:12px;
height:69px;
opacity:0;
transform:          rotate(270deg);
-ms-transform:      rotate(270deg);
-moz-transform:     rotate(270deg);
-webkit-transform:  rotate(270deg);
-o-transform:       rotate(270deg);
}

.centerAlignDiv
{
    text-align:center;
    position:relative;
    z-index:30;
}

.infoDialogueOuter
{
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    height:100%;
}

.infoDialogue
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-300px;
    height:160px;
    width:560px;
    padding:20px;
    text-align:center;
    border-radius: 15px;
}

.bgc1
{
    background-color: #ff3300;
}

.bgc2
{
background-color: #cccccc;
}

.bgc3
{
   background-color: #00ff00;
}