body {
    background-color: #799183;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #ffffff;
    height:100%;
    width:100%;
}

#mainwrapper {
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #ffffff;
    font-family: Verdana, Arial, sans-serif;
}

#bannerwrapper {
    background-color: #556C5F;
    padding-bottom: 0px;
    padding: 2px 0 0 0;

}

div.title {
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
    background-color: #E1A000;
    color: #F0CA6C;
    padding: 4px;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 13pt;
}

div.title2 {
    border-bottom:1px solid #E1A000;
    
}

div.title2 .header {
    background-color: #E1A000; 
    padding: 3px 8px 0px 8px; 
    color: #fffff2; 
    font-weight: bold; 
    font-size: 10pt;
}

.screenshots {
    padding: 3px 0 0 0;
}

/** TOP NAV **/
.topnavs {
    background-color: #40534A;
}


#topnav {
    background-color: #40534A;
    border-top: none;
    margin: 0 1px 0 1px;
/*    padding: 2px 6px 6px 6px; */
}

.loginbtn {
    font-size: 12pt;
    font-weight: bold;
    background-color: #E1A000;
    border: 0px;
    margin: 0px;
    padding: 6px 4px 6px 4px;
    color: #ffffff;
    cursor: pointer;
}

.itemupgradebtn {
    font-size: 10pt;
    font-weight: bold;
    background-color: #E1A000;
    border: 0px;
    margin: 0px;
    padding: 2px 4px 3px 4px;
    color: #ffffff;
    cursor: pointer;
}

.loginright {
    font-size: 8pt;
    padding-top: 6px;
}

a.register {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}

a.losspasword {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;    
    text-align: right;
}


#topnav .separator {
    color: #E1A000;
    font-weight: bold;
}

.welcome-slot {
    font-size: 9pt;
    font-weight: bold;    
}
   
.welcome {
    color: #E1A000;
}

.welcome-slot .welcome-separator {
    color: #D6DED4;
}

.welcome-slot .logout {
    color:#E1A000; 
    text-decoration: none;
}

.lostpwd_error,
.reg_error {
    color: #ffffff;
    background-color: red;
    text-align: center;
    font-size: 9pt;
}

/** TOP NAV END **/

form {
    padding: 0;
    margin: 0;
    font-size: 8pt;
}

input.usernamefld,
input.passwordfld {
    font-size: 8pt;
    border: none;
    background-color: #6B8075;
    padding: 1px 2px;
}

.topbanner {
    margin: 4px 0px;
    background-color: #678273;
}

#topbanner {
    padding: 2px;
    height: 200px;
}

/* Footer */

#footerwrapper{    
    background-color: #40534A;
    padding: 0 0 5px 0;
}

div.footertext { 
    color:#323739;
    font-size:8.25pt;    
    text-align: center;
    font-family: Verdana,Arial,sans-serif;
    padding: 5px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

.roundedFooter {
    background-color: #97A586;
}

/* Footer End*/

/* Main Content */

.roundedMaincontent {
    background-color:#D6DED4;
}    

#maincontent {
    padding: 5px;
    color: #3B4A4A;
}

#maincontent table {
    color: #3B4A4A;
}    

/* Main Content End*/

/* Main Menu */

/* NAVIGATION HOVER STARTS HERE*/
/* first level */
/* Multiple sub level */
/* Just follow the same pattern for a more deeper popup */
#nav li:hover ul,
#nav li.sfhover ul,
#nav li:hover ul ul,
#nav li.sfhover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul ul {
    left: -999em;
    display: none; 
    visibility: hidden;
} 


/*MBS: CONTINUE HERE*/
/* Just follow the same pattern for a more deeper popup */
#nav li:hover ul,
#nav li.sfhover ul,
#nav li li:hover ul,
#nav li li.sfhover ul,
#nav li li li:hover ul,
#nav li li li.sfhover ul {
    left: auto;
    display: block;
    visibility: visible;
}

.mainmenu {
    background-color:#C5D3C3; 
    border-bottom: 1px solid #97A586;
}

#mainmenu {
    padding: 0 6px 4px 6px;
    font-size: 9pt;
    font-weight: bold;
}

#mainmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

#mainmenu ul li {
    float: left;
    width: auto;
    padding: 0px 12px 0 4px;
    line-height: 20px;
}


#mainmenu ul li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    height: auto;
}

#mainmenu ul li a:hover {
    color: #E1A000;    
}

#nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:inside;
    display: block;
    z-index: 100000;
}

#nav li ul {
    list-style-type:none;
    list-style-position:outside;
    border-top: 1px solid #97A586;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -999em; 
    display: none; 
    visibility: hidden;
    width: auto;
    background-color: #C5D3C3;
    z-index: 100000;
}

#mainmenu ul li ul li a {
    padding:0em 2em 0em 1em;
    display: block;
}

/* 1st level */
#nav li ul li {
    float: none;
    display: block;
    width: auto;
    border-left: 1px solid #97A586;
    border-right: 1px solid #97A586;
    border-bottom: 1px solid #97A586;
    margin: 0;
    padding: 0;
    z-index: 100000;
    line-height: 2em;
} 

#nav li ul li a {
    border-color: #0253A4;
    border-style: none;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 0px;    
}


/* drop down hover */
#mainmenu #nav li li a:hover span, 
#mainmenu #nav li li li a:hover span {
    background: none;
    background-color: transparent;
    color: #E1A000;
    line-height: 2.0em;
}

#mainmenu span.arrowhead {
    background-color:transparent;
    margin-top:0px;
    position:absolute;
    right:5px;
    line-height: 2.0em;
}

/* Main Menu End*/

/* News */
#NewsBox {
    width: 300px;
    font-size: 11pt;
}

#NewsBox .newsitems {
    font-size: 8pt;
}

#NewsBox .newsitems .newsitem {
    padding: 4px;
    border-bottom: 1px dotted #926800;
}

.news_view {
    color: #000000;
    text-align: left;
}

/* News End */

/*Tiny Box*/

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(../img/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000; overflow: auto;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/*Tiny Box end*/

/*Status */

.statuslabel {
    color: #44514A;
    font-weight: bold;
    font-size: 9pt;
}

.statuslabelcontent {
    color: #405923;
    font-weight: bold;
    font-size: 9pt;
}

.rounded_toprebornerevent, .toprebornerevent,
.rounded_topstudent, .topstudent,
.rounded_guidlwarranking, .guidlwarranking,
.rounded_toprichstudent, .toprichstudent,
.rounded_toppk, .toppk,
.rounded_characteronline, .characteronline{
    background-color: #556C5F;
    color: #ffffff;
    font-weight: bold;
}

.toprebornerevent, .topstudent, .guidlwarranking, .toprichstudent, .toppk, .characteronline {
    padding-bottom: 2px;
    text-align: center;
    font-size: 9pt;
}

.statustblfldheader {
    background-color: #678273;
    color: #ffffff;
    font-weight: bold;    
    font-size: 9pt;
}

.statustblfldcontent {
    background-color: #97A586;
    color: #fffff1;
    font-weight: bold;    
    font-size: 9pt;
}

.table_footer {
    background-color: #678273;
}

/*Status End*/

/*Top Reborner*/
.topreborner {
    font-size: 8pt;
    font-weight: bold;
}

.topreborner .header {
    background-color: #97A586;
}

.topreborner .even {
    background-color: #C5D3C3;
}

.topreborner .rank {
    color: #E1A000;
}

/*Top Reborner End*/

/*My Character*/
td.mycharacter_cell {
    padding: 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

td.character_td {
    background-color: #BFBFBF;
    padding: 2px;
}

.characteritem {
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
}

/*My Character End*/

/*Change Class*/
td.changeclass_cell {
    padding: 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

td.class_td {
    background-color: #BFBFBF;
    padding: 2px;
}

.classitem {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

/*Change Class end*/

/*Change School*/
td.changeschool_cell {
    padding: 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

td.school_td {
    background-color: #BFBFBF;
    padding: 2px;
}

.schoolitem {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

/*Change School end*/

/*Wipe Inventory*/
td.inventory_cell {
    padding: 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

td.inventory_td {
    background-color: #BFBFBF;
    padding: 2px;
}

.inventoryitem {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

/*Wipe Inventory end*/

/*Stat Reset*/
td.statreset_cell {
    padding: 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

td.statreset_td {
    background-color: #BFBFBF;
    padding: 2px;
}

.statresetitem {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

/*Stat Reset end*/

/*Reborn*/
td.reborn_cell {
    padding: 3px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

td.reborn_td {
    background-color: #BFBFBF;
    padding: 2px;
}

.rebornitem {
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

/*Reborn end*/

/* Mall */
.mall-title {
    width: 90%;
    background-color: #BFBFBF;
    color: #ffffff;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}
/* Mall End*/

/*Administrator */
.serverDBpopulation .title,
.schoolpopulation .title,
.classpopulation .title {
    font-size: 11pt;
    color: #4271DB;
    font-weight: bold;
    
}

.serverDBpopulation .item,
.schoolpopulation .item,
.classpopulation .item {
    font-size: 9pt;
}

.serverDBpopulation .item .figure,
.schoolpopulation .item .figure,
.classpopulation .item .figure {
    color: orange;
    font-weight: bold;
}

.ranshoptable .text_administrator,
.newstable .text_administrator {
    font-size: 10pt;
}


/*Administrator End*/

/* Votes for Credits */
#VoteforCredits .vote4creditsitems .item {
    margin-top: 2px;
    padding: 2px;
    border: 1px solid gray;
    background-color: white;
}

#VoteforCredits .vote4creditsitems .itemdisable {
    margin-top: 2px;
    background-color: gray;    
    opacity: 0.5;    
    cursor:not-allowed;
}


#VoteforCredits .vote4creditsitems .itemdisable .value {
    color: #ffffff;
    font-weight: bold;
}

#VoteforCredits .vote4creditsitems .item .value {
    color: #E1A000;
    font-weight: bold;
}    

#VoteforCredits .vote4creditsitems .itemdisable table, 
#VoteforCredits .vote4creditsitems .item table {
    font-size: 8pt;
}

/* Votes for Credtis End*/

/* USER LIST */
.batchNav {
    text-align: center;
}

.batchNav, .batchNav span, .batchNav span a {
    font-size: 8pt;
}

.userlistTable, .userlistTable input {
    font-size: 9pt;
}

.userlistTable .header h2 {
    text-align: center;
    margin-bottom: 2px;
}

.userlistTable .title td {
    font-weight: bold;
    padding: 0 3px;
}

.userlistTable .item td {
    border-bottom: 1px solid orange;
}

.skillheader {
    font-size: 10pt;
    font-weight: bold;
}

.addskill_item {
    padding: 8px;
    font-size: 9pt;
}

.skillcost {
    color: orange;
    font-size: 9pt;
    font-weight: bold;
}

.addskill_odd {
    background-color: #C5D3C3;
}

/* USER LIST END*/

/* DONATION */

#donation-menus {
    border: 0px solid red;
    list-style: none;
/*    float: left;*/
    padding: 0;
    margin: 0 0 0 0;
    font-weight: bold;
    font-size: 10pt;
    
}

#donation-menus li {
    background-color: #E1A000;
    color: #ffffff;
    padding: 3px 6px;
    margin: 2px 0;    
}

#donation-menus li a,
#donation-menus li a#hover,
#donation-menus li a#visited {
    color: #ffffff;
    text-decoration: none;
}

#donations {
    border:0px solid green; 
    padding-left: 4px;
}

#donations h3 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 3px;
}

#kwartapadala_donation, #paypal_donation, #gcash_donation, #smartmoney_donation {
    display: none;
}

#kwartapadala_donation table{
    font-size: 11pt;
}

#paypal_donation { 
    font-size: 11pt;
    padding: 0 6px;
}

#paypal_donation table {
    font-size: 11pt;
}

#gcash_donation { 
    font-size: 11pt;
    padding: 0 6px;
}

#smartmoney_donation{
    font-size: 11pt;
    padding: 0 6px;
}

#smartmoney_donation table{
    font-size: 11pt;
}

/* DONATION END*/

/* GAMEGUIDE */

#gameguide-menus {
    border: 0px solid red;
    list-style: none;
/*    float: left;*/
    padding: 0;
    margin: 0 0 0 0;
    font-weight: bold;
    font-size: 10pt;
    
}

#gameguide-menus li {
    background-color: #E1A000;
    color: #ffffff;
    padding: 3px 6px;
    margin: 2px 0;    
}

#gameguide-menus li a,
#gameguide-menus li a#hover,
#gameguide-menus li a#visited {
    color: #ffffff;
    text-decoration: none;
}

#gameguides {
    border:0px solid green; 
    padding-left: 4px;
    font-size: 9pt;
}

#gameguides h3 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 3px;
}

#gameguide1, #gameguide2 {
    display: none;
}

.important_note {
    color: red;
    font-size: 9pt;
}

/* GAME GUIDE END*/


/* INVENTORY SLOT*/
.slotempty {
    background-color: #C5D3C3;
}

.slotparked {
    background-color: #97A586;
}

.slotempty, .slotparked a {
    text-decoration: none;
}

#itemupgradeDetails table,
#itemupgradeDetails table select {
    font-size: 9pt;
}

#inventoryItemName, #inventoryItemQty, #inventoryItemAttack, #inventoryItemDefence,
#inventoryItemRV1Value,
#inventoryItemRV2Value, #inventoryItemRV3Value, #inventoryItemRV4Value {
    font-size: 8pt;
    font-weight: bold;
    color: blue;
}

#inventoryItemAttackUP, #inventoryItemDefenceUP,
#inventoryItemRV1UP,
#inventoryItemRV2UP, #inventoryItemRV3UP, #inventoryItemRV4UP {
    font-size: 8pt;
    font-weight: bold;
    color: red;
}

#itemupgradeDetails table .fieldlabel,
#inventoryItemRV1, #inventoryItemRV2, #inventoryItemRV3, #inventoryItemRV4 {
   font-weight: bold;
   font-size: 8pt;
   background-color: #C5D3C3;
}
 
#inventoryItemRV1, #inventoryItemRV2, #inventoryItemRV3, #inventoryItemRV4 {
   padding-left: 10px;
}
 
#itemInventoryTable,
#itemInventoryTable td {
    border:1px solid black;
}  

/* INVENTORY SLOT END*/

/* RANSHOP BUNDLE */
.bundleitemCategory {
    font-size: 8pt;
}

.itembundleList {
    font-size: 8pt;
    color: #000000;
    font-family: Verdana, Arial;
}

.itembundleList .header {
    font-size: 8pt;
    font-weight: bold;
}

#itembundle_items {
    border: 1px solid black;
    margin: 2px 0 0 0;
}

/* RANSHOP BUNDLE END*/