/* moai window */

.moai-window canvas {
    outline:none;   
}



.moai-window  {
    font-family: Helvetica,'Trebuchet MS','Liberation Sans',FreeSans,sans-serif;
    font-size:14px;
    display: table;   
    height:100%; 
   
   
}


.moai-canvas-wrapper,
.moai-info
{       
    background-color: black;                                   
    height: 100%; 
    margin:0;
    padding:0;         
    position: relative;   
    text-align: center;
    display:table-row;  
}




html {
    height: 100%; 
}        
body {
    color: #CCC;           
    font-size: 14px;  
    height:100%;
    margin:0;
    padding:0;
    background-color: #202025;

}
     
#moaiplayer {    
    height: 100%;   
    background-color: #202025;      
      
}


.moai-canvas-wrapper canvas {    
    margin:0;
    padding:0;  
    width: 1280px;  
    background-color: black;    
     
}



.moai-canvas-wrapper.portrait canvas {     
    margin:0;
    padding:0;  
    height: 100% !important;
    
}
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
.moai-header  {
    color: #00FF00;
   background-color: #660000;
    width:1280px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    height: 30px;     
}






.moai-header .moai-title {
    font-size: 19px;
    padding-left: 5px;
    line-height:30px;
}           
.moai-header .moai-status {
    float:right;    
    line-height: 30px;
    text-align: right;
    padding-right: 5px;
}    




















  /*
.moai-footer
{
     
    height: 30px;
    background-color: #111;
}

.moai-footer:after {
    content: ' ';
    clear: both;
}       

    */




.moai-attrib {
    margin-right: 8px;
    padding-left: 136px; /* logo */
    font-size: 16px;
    text-align: right;
    display:none;
}

#moai-pause,#moai-play, #moai-stop {
    font-size:25px;
    line-height:30px;
    padding-left:5px;
    color:#444;
}
#moai-pause.paused {
    background-color: #CCC;

}

.moai-window #moai-play {
    display:inline-block;
}
  

















      
.moai-cpal {     
    width: 200px;
    max-width:100%;
    margin: auto;
    font-size: 18px;
    position:absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -100px;
}
.moai-cpal img {
    margin: 5px 0;
    width: 100%;
    opacity: 0.4;
}
.moai-cpal a {
    color: #CCC;
}
       







#runMe {   
    position: absolute;
    width: 150px; 
    height: 100px;
    border: 1px;

    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -50px;
    border-radius: 10px;
    border: 3px solid #FFFF00;
    background-color: #00FF00;      
    opacity: 0.7;
    z-index:100;
    line-height: 100px;
    color: #008000;
    font-size: 65px;

}
#runMe:hover {
    opacity: 1;
}