
<style type="text/css">
#createButton
{
   font-family: BlambotTight,NanumGothicTight;
    font-size:45px;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;    
} 

img
{
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
}
#navmenu-outer
{
   position:absolute;
   top:96px;
   left:16px;
   width: 1px;
   height: 1px;
   margin: 0px 0px 0px 0px;
   padding:3px 0px 0px 0px;
   color:Black;
   overflow-x:hidden;
   overflow-y:auto;
   /* background-color:#A0B6FD;*/
}

#gameboard
{
   position:absolute;
   left:1px;
   top:1px;
   width:1px;
   height:1px;
   margin: 0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
}
   
#chatarea
{
   margin: 0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   position:absolute;
   left:1px;
   top:1px;
   width:1px;
   height:1px;
   /* background-color:#AAAAAA;*/
}   

#fakechat
{
   width:auto;
   height:auto;
   margin: 0px auto;
}

.noSelect
{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
}

.navMenuButtonBig
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;    
   text-shadow: 2px 2px black;
   text-align:center;
   vertical-align:middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   background:url('heroacademy://UI/PlayButton-Up_Lge.png') transparent no-repeat;
   border:0;
   width:346px;
   height:166px;
   font-size:85px;
   margin-left:12px;
   margin-top:12px;
   line-height:160px;
   cursor:pointer;
   position:relative;
}

.navMenuButton
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;    
   text-shadow: 2px 2px black;
   text-align:center;
   vertical-align:middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   background:url('heroacademy://UI/MenuNav-Up_Lge.png') transparent no-repeat;
   border:0;
   width:338px;
   height:64px;
   font-size:45px;
   margin-left:15px;
   margin-top:12px;
   line-height:60px;
   cursor:pointer;
   display:block;
   white-space:nowrap;
   position:relative;
}

.navMenuButtonLeftAlign
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;    
   text-shadow: 2px 2px black;
   text-align:left;
   vertical-align:middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   background:url('heroacademy://UI/MenuNav-Up_Lge.png') transparent no-repeat;
   border:0;
   width:275px;
   height:64px;
   font-size:40px;
   margin-left:8px;
   margin-top:12px;
   padding-left:68px;
   line-height:60px;
   cursor:pointer;
   display:block;
   white-space:nowrap;
}

.breadcrumbButton
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   text-shadow: 2px 2px black;
   text-align:center;
   vertical-align:middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   background:url('heroacademy://UI/NavButton-Up.png') transparent no-repeat;
   border:0;
   width:112px;
   height:34px;
   font-size:22px;
   margin-left:0px;
   margin-right:27px;
   margin-top:0px;
   line-height:25px;
   cursor:pointer;
   display:block;
   white-space:nowrap;
   padding:3 0 0 0;
}

.breadcrumbButtonMini
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   text-shadow: 2px 2px black;
   text-align:center;
   vertical-align:middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   background:url('heroacademy://UI/NavButton-Up_Mini.png') transparent no-repeat;
   border:0;
   width:40px;
   height:34px;
   font-size:22px;
   margin-left:0px;
   margin-right:27px;
   margin-top:0px;
   line-height:25px;
   cursor:pointer;
   display:block;
   white-space:nowrap;
   padding:3 0 0 0;
}

.gameListHeader
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:30px;
   color: black;
   -webkit-text-fill-color: #2D91CC; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px black;
   text-align:center;
   background:url('heroacademy://UI/GamesList-Heading_Lge.png') transparent no-repeat;
   width:340px;
   height:31px;
   margin:0 0 0 0;
}

.gameListHeaderText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:30px;
   color: black;
   -webkit-text-fill-color: #2D91CC; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px black;
   text-align:center;
   margin:0px;
   padding:0px;
   background:none;
   width:100%;
   height:100%;
}

.gamesListSection
{
   margin: 0px 6px 0px 6px;
}

.createGameEntry
{
   text-align:center;
   overflow:none;
   line-height:60px;
   font-size:45px;

   -webkit-touch-callout: none;
   -webkit-user-select: none;
   background:url('heroacademy://UI/GameList-Top-Up_Lge.png') transparent no-repeat;
   width:340px;
   height:71px;
   padding:0px;
   cursor:pointer;
   vertical-align:middle;
   white-space: nowrap;
}

.createGameEntryText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;
   text-shadow: 2px 2px black;
   padding:0px 0px 0px 45px;
   position:relative;
   top:5px;
}

.gameEntry
{
   /* background-color:#99A2A9; */
   background-image:url('heroacademy://UI/GameList-Up_Lge.png');
   background-repeat:no-repeat;
   width: 340px;
   height: 70px;
   padding:0;
   position:relative;
   cursor:pointer;
}

.chatDisplayText
{
   font-family: BlambotTight,NanumGothicTight;
   font-size:22px;
   color: black;
   padding:5px;
   margin:0 0 0 0;
}

.inviteFormText
{
   font-family: BlambotTight,NanumGothicTight;
   font-size:30px;
   color: black;
   padding:10px;
   margin:0 0 0 0;
   background-color:transparent; 
   border-style:none; 
   border:0px; 
   outline:none;
}

.gameTextSmall
{
   font-family: BlambotTight,NanumGothicTight;
    font-size:14px;
   color: black;
}

.gameTextMedium
{
   font-family: BlambotTight,NanumGothicTight ;
   font-size:25px;
   color: #414141;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
}

.gameTextName
{
   font-family: BlambotHeavy,NanumGothicHeavy;
    font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   width:164px;
   height:21px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   text-align:center; 
   line-height:25px;
   display:block;
   white-space:nowrap;
}

.teamName
{
   font-family: BlambotHeavy,NanumGothicHeavy;
    font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   width:164px;
   height:21px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   text-align:center; 
   line-height:25px;
   display:block;
   white-space:nowrap;
}

.gameTextFixed
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:164px;
   height:21px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
}


.largeGameText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:45px;
   line-height:30px;
   color: black;
   -webkit-text-fill-color: white; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;    
   text-shadow: 2px 2px black;
   text-align:center;
   margin:8px;
}

.buyText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   width:164px;
   height:21px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   text-align:center; 
   line-height:25px;
   display:block;
   white-space:nowrap;
}

.mediumTextGrey
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:35px;
   color:#EFEFEF;
   text-shadow: 2px 2px black;
   width:164px;
   height:21px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   text-align:center; 
   line-height:35px;
   pointer-events:none;   
}

.mediumText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
    font-size:35px;
   color:white;
   text-shadow: 2px 2px black;
   width:164px;
   height:21px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   text-align:center; 
   line-height:35px;
   pointer-events:none;   
}

.commandButton
{
   background:transparent;
   margin:0px;
   padding:0px;
   border:0px;
}

.buttonBuy
{
   background:transparent;
   margin:0px;
   padding:5 8 0 0;
   border:0px;
   background: url('heroacademy://UI/BuyBtn-Up.png') transparent no-repeat; 
   border-style:none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:35px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:134px;
   height:50px;
   vertical-align:middle;
}

.buttonBack
{
   background:transparent;
   margin:0px;
   padding:5 0 0 0;
   border:0px;
   background: url('heroacademy://UI/BackBtn-Up.png') transparent no-repeat; 
   border-style:none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:35px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:134px;
   height:50px;
   vertical-align:middle;
}

.button186
{
   background:transparent;
   margin:0px;
   padding:0 0 5 0;
   border:0px;
   background: url('heroacademy://UI/AccountButton-Up.png') transparent no-repeat; 
   border-style:none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:210px;
   height:40px;
   vertical-align:middle;
}

.button186Green
{
   background:transparent;
   margin:0px;
   padding:0 0 5 0;
   border:0px;
   background: url('heroacademy://UI/AccountGreenButton-Up.png') transparent no-repeat;
   border-style:none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:210px;
   height:40px;
   vertical-align:middle;
}

.button186Red
{
   background:transparent;
   margin:0px;
   padding:0 0 5 0;
   border:0px;
   background: url('heroacademy://UI/AccountRedButton-Up.png') transparent no-repeat;
   border-style:none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:210px;
   height:40px;
   vertical-align:middle;
}

.accountButton
{
   background:transparent;
   background-image: url('heroacademy://UI/AccountButton-Up.png');
   background-repeat: no-repeat;
   margin:0px;
   padding:0px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   width:211px;
   height:40px;
   vertical-align:middle;
}

.accountDescription
{
   background:transparent;
   margin:0px;
   padding: 0px 20px;
   border:0px;
   -webkit-user-select: none;
   font-family: BlambotTight,NanumGothicTight;
   font-size:20px;
   color:rgb(217,202,179);
   text-shadow: 2px 2px black;
   text-align:center;
}

.loginForm
{
   background:transparent;
   margin:0px;
   border:0px;
   border-style:none;
   width:100%;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:22px;
   color:white;
   text-shadow: 2px 2px black;
}

.loginFormEntry
{
   background:transparent;
   background-image: url('heroacademy://UI/Login-EmailPW-TextBox.png');
   background-repeat: no-repeat;
   
   margin:8px 8px 0px 8px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   width:100%;
   width:374px;
   height:30px;
}

.loginFormText
{
   margin:5px;
   float:left;
}

.loginFormField
{
   margin:2px;
   float:right;
}

.loginFormField input
{
   font-family: "BlambotTight";
   font-size:20px;
   font-weight:bold;
   background-color:#000000;
   color: #ffffff;
   border: none;
   outline: none;
   z-index:2;
}

.forgotFormEntry
{
   background:transparent;
   background-image: url('heroacademy://UI/PasswordReset-EmailPW-TextBox.png');
   background-repeat: no-repeat;
   
   margin:8px 8px 0px 8px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   width:100%;
   width:375px;
   height:30px;
}

.createAccountFormEntry
{
   background:transparent;
   background-image: url('heroacademy://UI/CreateAccount-EmailPW-TextBox.png');
   background-repeat: no-repeat;
   
   margin:8px 8px 0px 8px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   width:100%;
   width:440px;
   height:30px;
}


.submitButton
{
   background:transparent;
   background-image: url('heroacademy://UI/SubmitButton-Up.png');
   background-repeat: no-repeat;
   
   margin:0px;
   padding:0px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   
   width:122px;
   height:46px;
   vertical-align:middle;
   float:right;
}

.firstTimeButton
{
   background:transparent;
   background-image: url('heroacademy://UI/FirstTimeSplashButton-Up.png');
   background-repeat: no-repeat;
   
   margin:0px;
   padding:0 0 5 0;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   
   width:242px;
   height:91px;
   vertical-align:middle;
   float:right;
}

.submitButtonCenter
{
   background:transparent;
   background-image: url('heroacademy://UI/SubmitButton-Up.png');
   background-repeat: no-repeat;
   
   margin:0px;
   padding:0px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   
   width:122px;
   height:46px;
   vertical-align:middle;
   float:none;
}

.forgotPasswordButton
{
   background:transparent;
   background-image: url('heroacademy://UI/ForgotPasswordButton-Up.png');
   background-repeat: no-repeat;
   
   margin:0px;
   padding:0px;
   border:0px;
   border-style:none;
   -webkit-user-select: none;
   
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:25px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   
   width:197px;
   height:30px;
   vertical-align:middle;
   float:right;
}

.boardElement
{
   width:1px;
   height:1px;
}

.boardImage
{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   position:absolute; 
   top:0px; 
   left:0px;
   width:1px;
   height:1px;
   z-index:0; 
   background-repeat:no-repeat;
}

.boardImageBG
{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   position:absolute; 
   top:0px; 
   left:0px;
   width:1px;
   height:1px;
   z-index:0; 
   background-repeat:no-repeat;
}

.loginHeading
{
   position:absolute;
   top:15px;
   left:0px;
   text-align:center;
   vertical-align:middle;
   width:100%;
   height:76px;

   background:transparent;
   background-image: url('heroacademy://UI/Login-Heading.png');
   background-repeat: no-repeat;
   background-position:center;

   -webkit-touch-callout: none;
   -webkit-user-select: none;
   margin:0px;
   padding:0px;
   pointer-events:none;
}

.loginHeadingText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:60px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   vertical-align:middle;
   margin:0px;
   padding:8px;
}

.MOTDTextClass
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   -webkit-text-fill-color: #41320B; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #D5C69F;    
   text-align:center;
   vertical-align:middle;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   pointer-events:none;   
   
   font-size:60px;
   line-height:65px;
}

.TitleBarText
{
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:60px;
   color:#222222;
   margin:0px;
   padding:0px;
   text-shadow: 0px 2px 3px #555555;
   pointer-events:none;   
}


.teamDetailText
{
   font-family: BlambotTight,NanumGothicTight;
   font-size:22px;
   color: white;
   padding:5px;
   margin:0 0 0 0;
}

.teamTitleText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:60px;
   color:white;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   line-height:35px;
   pointer-events:none;   
   margin:0 0 0 0;
}

.teamDetailTitle
{
   font-family: BlambotHeavy,NanumGothicHeavy;
    font-size:35px;
   color:white;
   text-shadow: 2px 2px black;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   vertical-align:top;
   line-height:35px;
   pointer-events:none;   
   margin:0 0 0 0;
}

.teamDetailSubtitle
{
   font-family: BlambotTight,NanumGothicTight;
   font-size:22px;
   color: gray;
   padding:5px;
   margin:0 0 0 0;
}

.unreadNewsBadgeText
{
   color: white;
   overflow:hidden;
   font-size:22px;
   line-height:20px;
   text-align:center;
   padding:0;
   margin:0;
}

.unreadChatBadgeText
{
   font-family: BlambotTight,NanumGothicTight;
   font-size:14px;
   color: white;
   padding:0px;
   padding-top:4px;
   margin:0 0 0 0;
}

.leaderboardEntry
{
   background:transparent;
   background-image: url('heroacademy://UI/LeaderboardsBar.png');
   background-repeat: no-repeat;

   -webkit-touch-callout: none;
   -webkit-user-select: none;

   width:100%; 
   vertical-align:middle;

   pointer-events:none;
}

.leaderboardEntryText
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:38px;
   color:#CDE8FB;
   -webkit-text-stroke: 1px black;

   padding-top: 10px;
}

.leaderboardEntryRank
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:45px;
   color:#7C98A4;
   background: -webkit-gradient(linear, left top, left bottom, from(#CDE8FB), to(#79949F));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 2px black;

   padding-top: 10px;
}

.buyTeamBanner
{
   font-family: BlambotHeavy,NanumGothicHeavy;
   font-size:35px;
   color:white;
   text-shadow: 2px 2px black;
   text-align:center;
   vertical-align:middle;
   
   position:absolute; 
   width:163px; 
   height:44px; 
   line-height:36px; 
   bottom:-8px; 
   left:-8px; 
   z-index:2;
   background-repeat:no-repeat;
}

::-webkit-scrollbar{width: 16px;} 
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
::-webkit-scrollbar-track{background-image:url('heroacademy://scrollbar-mid.png');}
::-webkit-scrollbar-thumb:vertical {-webkit-border-image:url('heroacademy://scrollthumb.png') 8 0 8 0;border-color:transparent;border-width:8px 0;}


</style>