/* filename: app/css/application/application_layout.css */ 

#application_container{
    position: relative;
    display: block;

    height: 100%;
    width: 100%;

    background-color: #ffffff;
}

#views_container{
    position: relative;
    display: block;

    height: 100%;
    width: 100%;
}

/* filename: app/css/application/fonts.css */ 

@font-face{
    font-family:'example';
    src: url('/assets/fonts/Roboto/example.otf');
    src: url('/assets/fonts/example.otf#iefix') format('embedded-opentype'),
    url('/assets/fonts/example.woff') format('woff'),
    url('/assets/fonts/example.ttf') format('truetype');
}

@font-face{
    font-family:'Ubuntu-Regular';
    src: url('/assets/fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}

@font-face{
    font-family:'Ubuntu-Regular';
    src: url('/assets/fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}

@font-face{
    font-family:'arcade-classic';
    src: url('/assets/fonts/arcadeclassic/arcadeclassic.ttf') format('truetype');
}

/* filename: app/css/application/default_document_layout.css */ 

@charset "utf-8";
/* CSS Document */

html {
    margin: 0px;
    padding: 0px;

    height: 100%;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    background-color: #ffffff !important;

    overflow: hidden !important;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #ffffff !important;

    width: 100%;
    height: 100%;

    overflow: hidden !important;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a{
    text-decoration: none;
}

/* filename: app/css/spaceinvaders/SpaceInvadersAlien.css */ 

.SpaceInvadersAlien{
    position: absolute;
    display: block;

    bottom: 20px;
    left: 10px;

    width: 40px;
    height: 40px;

    background-image: url('/assets/images/spaceinvaders/alien_1.png');
    background-size: contain;
    background-position: 0px 0px;
}

/* filename: app/css/spaceinvaders/SpaceInvaders.css */ 

#SpaceInvadersContainer{
    position: relative;
    display: block;

    top: 1px;
    left: 1px;

    width: calc(100% - 2px);
    height: calc(100% - 2px);

    overflow: hidden;

    background-color: #052c13;

    direction: ltr;

    text-align: left;
}

#SpaceInvadersClockContainer{
    position: absolute;
    display: none;

    top: 5px;
    right: 5px;

    width: 70px;
    height: 20px;

    overflow: hidden;

    font-family: 'Ubuntu-Regular';
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;

    background-color: rgba(0,0,0,0.2);
}

#SpaceInvadersStartScreen{
    position: absolute;
    display: block;

    top: 0px;
    right: 0px;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

#SpaceInvadersStartScreenTitleText{
    position: absolute;
    display: block;

    top: calc(50% - 15px);
    right: 0px;

    width: 100%;
    height: 30px;

    font-family:'arcade-classic';
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
}

/* filename: app/css/spaceinvaders/SpaceInvadersMissile.css */ 

.SpaceInvadersMissile_Alien{
    position: absolute;
    display: block;

    width: 2px;
    height: 4px;

    background-color: #ff0000;
}

.SpaceInvadersMissile_Ship{
    position: absolute;
    display: block;

    width: 2px;
    height: 4px;

    background-color: #00ff00;
}



/* filename: app/css/spaceinvaders/SpaceInvadersShip.css */ 

#SpaceInvadersShip{
    position: absolute;
    display: none;

    bottom: 20px;
    left: 10px;

    width: 40px;
    height: 40px;

    background-image: url('/assets/images/spaceinvaders/ship_1.png');
    background-size: contain;
    background-position: 0px 0px;
}

/* filename: app/css/views/TemplateView.css */ 

#TemplateView{
    position: relative;
    display: block;

    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

/* filename: app/css/views/HomeView.css */ 

#HomeView{
    position: relative;
    display: block;

    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    overflow: hidden;

    background-color: #000000;
}