﻿
.BlueBox { width: 494px; height: 228px; border: 2px solid #0000ff; padding: 0; margin: 4px; background-color: white; }
.NameLogo { height: 55px; background-color: white; text-align:center; vertical-align: middle; }
.TableStyle1 { border: none; width: 464px; height: 220px; background-color: white; padding: 2px; }
.Height150 { height: 150px; }
.Height110 { height: 110px; }

.StyleSkull { margin-top: 10px; TOP: 5px; LEFT: -250px; position: absolute; -moz-transition: transform 1s; -o-transition: transform 1s; -webkit-transition: transform 1s; transition: transform 1s; }
.StyleSkull:hover { -moz-transform: scale(1.2) rotate(4deg) translate(-8px,10px); -ms-transform: scale(1.2) rotate(4deg) translate(-8px,10px); -o-transform: scale(1.2) rotate(4deg) translate(-8px,10px); 
                    -webkit-transform: scale(1.2) rotate(4deg) translate(-8px,10px); transform: scale(1.2) rotate(4deg) translate(-8px,10px); 
                    -moz-transition: transform 1s; -o-transition: transform 1s; -webkit-transition: transform 1s; transition: transform 1s; } 

.AdjustTitleBar { -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); -webkit-transform: translateY(-2px); transform: translateY(-2px); }

/* If the screen size gets too small, hide the skull div so the page renders better. */
@media screen and (max-width:750px) {
    #divLeftSide { display: none; }
}
