body {font-size:24px;}

.menu_pad{
    border:1px solid #7eb9d0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
    padding: 12px 6px 12px 6px;
    width: 60px;
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #a7cfdf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
    background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
    background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

.menu_pad:hover{
 border:1px solid #FF0000;
 background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}

.game_pad{
    border:1px solid #7eb9d0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
    padding: 12px 6px 12px 6px;
    width: 60px;
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #a7cfdf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
    background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
    background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

.game_pad:hover{
 border:1px solid #FF0000;
 background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}

.button_example{
border:1px solid #7eb9d0; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 12px 18px 12px 12px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

.button_example:hover{
 border:1px solid #FF0000;
 background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}

.bn{
border:1px solid #7eb9d0; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 12px 18px 12px 12px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

.bn2{
border:1px solid #7eb9d0; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 12px 18px 12px 12px; text-decoration:none;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

p {margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; display:block;}

#myGameLog{
 border:1px solid #7eb9d0;
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px;
 border-radius: 4px;
 font-size:12px; 
 font-family:arial, helvetica, sans-serif; 
 padding: 0px 0px 0px 0px;
 width: 99%;
 text-decoration:none; 
 display:inline-block; 
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
 font-weight:bold; 
 color: #FFFFFF;
 background-color: #a7cfdf; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

#chatTab{
 border:1px solid #7eb9d0;
 font-size:7px; 
 position:relative;
 right: 0px;
 font-family:arial, helvetica, sans-serif; 
 padding: 0px 2px 0px 2px; 
 text-decoration:none; 
 display:inline-block; 
 font-weight:bold; 
 color: #FFFFFF;
 background-color:rgba(0,0,255,0.3);
}

#attackTab{
 border:1px solid #7eb9d0;
 font-size:7px; 
 position:relative;
 right: 0px;
 font-family:arial, helvetica, sans-serif; 
 padding: 0px 2px 0px 2px; 
 text-decoration:none; 
 display:inline-block; 
 font-weight:bold; 
 color: #FFFFFF;
 background-color:rgba(255,0,0,0.3);
}

#clanTab{
 border:1px solid #7eb9d0;
 font-size:7px; 
 position:relative;
 right: 0px;
 font-family:arial, helvetica, sans-serif; 
 padding: 0px 2px 0px 2px; 
 text-decoration:none; 
 display:inline-block; 
 font-weight:bold; 
 color: #FFFFFF;
 background-color:rgba(255,255,0,0.3);
}

#rightAlign {
    text-align: right;
}
#inputField {
    padding:0px;
    display:inline-block;
    border:none;
    border-top:1px solid #ccc;
    width:100%;
    color: #FFFFFF;
    background-color: #23538a; 
}

#inputStyle {
    padding:0px;
    border:none;
    color: #FFFFFF;
    width:90%;
    background-color: #23538a; 
}

#myHealthBar {
position: relative;
min-width: 100px;
height: 20px;
border-radius: 10px 10px 10px 10px;
display:inline-block;
background-color: #FF8E8E;
overflow:hidden;
}

#myHealth {
position: absolute;
line-height: 20px;
font-size: 9px;
text-indent:5px;
text-align: left;
height: 100%;
background-color: #F31212;
}

#myManaBar {
position: relative;
width: 100px;
height: 20px;
border-radius: 10px 10px 10px 10px;
background-color: #909ab5;
overflow:hidden;
}

#myMana {
position: absolute;
line-height: 20px;
font-size: 9px;
text-indent:5px;
text-align: left;
height: 100%;
background-color: #2655de;
}

#percent {
position: absolute;
font-size: 10px;
line-height: 20px;
text-indent:5px;
height: 100%;
left: 1%;
}

#reloadicon {
position: fixed;
right:10px;
top:10px;
}