.tgbout { width:70%; display:inline-block; padding:20px; vertical-align:top; }

   

        .tgbx { margin:0;
                padding:0;
                border-top:1px solid rgba(88,88,88,0.2);
                border-left:1px solid rgba(88,88,88,0.2);
                line-height:1em;   
              } 

        .tgcell { padding:0; margin:0;   
                    display:inline-block;
                    cursor:pointer;
                    position:relative;
                    background:rgba(55,55,55,0.2);
                    border-right:1px solid rgba(88,88,88,0.2);
                    border-bottom:1px solid rgba(88,88,88,0.2);
                    vertical-align:top;      
                }


                .highlight { background:silver; } 


        .tginf { padding:0; font-size:0.9vw; line-height:normal; text-align:center; height:100%;}


        .tgcontrol { width:30%; display:inline-block; padding:10px 20px; vertical-align:top; }


        .tgbout50 { width:50%; display:inline-block; padding:20px; vertical-align:top; }
        .tgcontrol50 { width:50%; display:inline-block; padding:10px 20px; vertical-align:top; }

        .tgbout25 { width:25%; display:inline-block; padding:20px; vertical-align:top; }
        .tgcont75 { width:75%; display:inline-block; padding:10px 20px; vertical-align:top; }



        /** USER VIEW **/


        .tgcellmb { padding:0; margin:0;   
                    display:inline-block;
                    cursor:pointer;
                    position:relative;
                    vertical-align:top;
                       
                }

        .tginfmb { padding:0px; font-size:2vw; line-height:normal; text-align:center; height:100%; }




        .keybx { display:table-row; background:rgba(195,195,195,0.9); position:absolute; top:5px; right:5px; display:table; padding:15px 20px; z-index:9999; font-size:0.8em; border:1px solid #ababab;
	                -webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px;
              } 
        .kbhd { text-align:left; padding:0 0 10px 0; }




    /** FOOTER **/


        .ftout { background:#1d1d1d; padding:0; margin:60px 0 0 0; width:100%; clear:both; position:fixed; bottom:0; left:0; right:0; z-index:9999;}
        footer { width:94%; max-width:1000px; margin:0 auto; padding:0;  }


            footer a:link, footer a:visited { display:inline-block; text-decoration:none; color:#7B7B7B; width:20%; padding:20px 0; text-align:center;  
			            -webkit-transition-duration:0.4s;
			            -moz-transition-duration: 0.4s;
			            transition-duration:0.4s; 
                                }

            footer a:hover, footer a:active { background:#000; text-decoration:underline; color:#fff;
			            -webkit-transition-duration:0.2s;
			            -moz-transition-duration: 0.2s;
			            transition-duration:0.2s;
					            }

 
                .fticon { width:15%; padding:1% 0; position:relative; }
                     .fticon img { width:100%;  }

                .ftlbl { padding:2%; font-size:0.8em; line-height:1.1em; }