body
{   
    margin: 0px;
    padding: 0px;
    background-position: center top;
    font-family: Arial;
    font-size: 12px;
    background-color: #CFBD93;
    background-image: url(  'site_background.jpg' );
    background-repeat: no-repeat;
}

table
{
   border-collapse: collapse;
}

td
{
   padding: 0px;
}

A:link {text-decoration: none; color:#0000BB}
A:visited {text-decoration: none; color:#0000BB}
A:active {text-decoration: none; color: #0000BB}
A:hover {text-decoration: underline; color:#0000BB}

#TableMap A:link,
#GameTopBar A:link,
#GameLeftBar A:link 
{text-decoration: none; color:Black}

#TableMap A:visited,
#GameTopBar A:visited,
#GameLeftBar A:visited 
{text-decoration: none; color:Black}

#TableMap A:active,
#GameTopBar A:active,
#GameLeftBar A:active 
{text-decoration: none; color:Black}

#TableMap A:hover,
#GameTopBar A:hover,
#GameLeftBar A:hover 
{text-decoration: underline; color:Black}

.Main
{
    top:8px;
    width: 1000px;
    position: relative;
    text-align: left;
}

.TopBar
{
    height:99px;
}

.Logo
{
    position:absolute;
    left:0px;
    top:0px;
}

.Version
{
    position: absolute;
    left: 150px;
    top: 50px;
    font-size: 10px;
}

.ImageUser
{
    position:absolute;
    left:0px;
    top:62px;
}

.LoginName
{
    position:absolute; 
    left:32px; 
    top:74px;
    font-weight:bold;
}

.ImageLogoSpace
{
    position:absolute; 
    left:185px; 
    top:0px;
}

.ImageTopBar
{
    position:absolute; 
    left:215px; 
    top:0px;
}

.ImageSettingsSpace
{
    position:absolute; 
    left:854px; 
    top:62px;
}

.Settings
{
    position:absolute; 
    left:854px; 
    top:0px;
}

.Help
{
    position:absolute; 
    left:926px; 
    top:0px;
}

.BottomBar
{
    position: relative;
    background-image: url(  'BottomBar.gif' );
    height: 48px;
}

.Logout
{
    padding: 8px 5px 8px 35px;
    position: absolute;
    top: 3px;
    left: 15px;
}

.Activation
{
    position: absolute;
    top: 11px;
    left: 195px;
    font-weight:bold;
}

.DateTime
{
    position: absolute;
    top: 3px;
    left: 475px;
    text-align: center;
}

.FaceBook
{
    position: absolute;
    top: 5px;
    left: 200px;
    text-align: center;
}

.SupportEmail
{
    position: absolute;
    top: 11px;
    left: 610px;
}

.Flags
{
    position: absolute;    
    top: 8px;
    left: 810px;
}

.Kingdom
{
    position: absolute;
    left: 215px;
    top: 0px;
    background-image: url(          'Kingdom.gif' );
    width: 70px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.City
{
    position: absolute;
    left: 285px;
    top: 0px;
    background-image: url(          'City.gif' );
    width: 70px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Building
{
    position: absolute;
    left: 355px;
    top: 0px;
    background-image: url(          'Building.gif' );
    width: 72px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Research
{
    position: absolute;
    left: 427px;
    top: 0px;
    background-image: url(          'Research.gif' );
    width: 71px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Unit
{
    position: absolute;
    left: 498px;
    top: 0px;
    background-image: url(          'Unit.gif' );
    width: 71px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Defence
{
    position: absolute;
    left: 569px;
    top: 0px;
    background-image: url(          'Defence.gif' );
    width: 70px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Army
{
    position: absolute;
    left: 639px;
    top: 0px;
    background-image: url(          'Army.gif' );
    width: 71px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Map
{
    position: absolute;
    left: 710px;
    top: 0px;
    background-image: url(          'Map.gif' );
    width: 71px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Trade
{
    position: absolute;
    left: 781px;
    top: 0px;
    background-image: url(          'Bazaar.gif' );
    width: 73px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.Events
{
    position: absolute;
    left: 860px;
    top: 62px;
    width: 113px;
    height: 23px;
    text-align: center;
    padding-top: 12px;
    background-color: Transparent;
}

.ResourceBar
{
    position: relative;
    background-image: url(    'ResourceBar.gif' );
    height: 50px;
    font-size: 11px;
    z-index:1;
}

.Gold
{
    position: absolute;    
    left:207px;
    top: 8px;
    width:150px;
    cursor:default;
    padding-left:50px;
    padding-top:6px;
}
.Wood
{
    position: absolute;    
    left: 407px;
    top: 8px;
    width:160px;
    cursor:default;
    padding-left:50px;
    padding-top:6px;
}
.Stone
{
    position: absolute;    
    left: 614px;
    top: 8px;
    width:140px;
    cursor:default;
    padding-left:40px;
    padding-top:6px;
}
.Iron
{
    position: absolute;    
    left: 786px;
    top: 8px;
    width:160px;
    cursor:default;
    padding-left:50px;
    padding-top:6px;
}
.Attack
{
    position: absolute;
    left: 5px;
    top: 11px;
    height: 15px;
    width: 57px;
    text-align: center;
}
.AttackCount
{
    position: absolute;    
    left: 63px;
    top: 11px;
    height: 15px;
    width: 26px;
    text-align: center;
}
.Transport
{
    position: absolute;    
    left: 94px;
    top: 11px;
    height: 15px;
    width: 56px;
    text-align: center;
}
.TransportCount
{
    position: absolute;    
    left: 151px;
    top: 11px;
    height: 15px;
    width: 26px;
    text-align: center;
}

.CityLoyality
{
    position: absolute;
    top: 141px;
    left: 10px;
    width:166px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    background-image: url(       'GameBackground.jpg' );
    z-index:1;
    text-align:center;
}

.CityList
{
    position: absolute;
    top: 159px;
    left: 10px;
    width:136px;
}

.CityBack
{
    position: absolute;
    top: 159px;
    left: 147px;
    width:15px;
    border-width: 1px;
    background-image: url( 'Button.gif' );
}

.CityForward
{
    position: absolute;
    top: 159px;
    left: 162px;
    width:15px;
    border-width: 1px;
    background-image: url( 'Button.gif' );
}

.CityOptions
{
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    width: 600px;
    height: 45px;
    background-image: url(         'BrownTile.gif' );
}

.CityName
{
    position: absolute;
    top: 176px;
    left: 346px;
    width:550px;
}

.CityOptionsLeft
{
    position: absolute;
    top: 175px;
    left: 309px;
    width: 164px;
    height:26px;
    background-image: url(       'CityOptionsLeft.jpg' );
}

.CityOptionsRight
{
    position: absolute;
    top: 175px;
    left: 730px;
    width: 164px;
    height:26px;
    background-image: url(       'CityOptionsRight.jpg' );
}

.PlayerScore
{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #FFFFFF;
    width: 600px;
    height: 20px;
    background-image: url(           'GreenTile.gif' );
    padding-top: 6px;
}

.PremiumStatus
{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #FFFFFF;
    width: 600px;
    height: 15px;
    background-image: url(           'GoldTile.gif' );
    padding-top: 1px;
}

.MapLand
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 180px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.Legend
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 270px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.ShowReturnArmy
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 180px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.ShowUnavailable
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 180px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.EmptyArea
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 203px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.BuildTimer
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 223px;
    left: 10px;
    width: 166px;
    background-image: url(        'GameBackground.jpg' );
    font-size: 20px;
}

.Outbox
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 180px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.BuyCredit
{
    border: 1px solid #FFFFFF;
    width: 166px;
    height:61px;
    background-image: url(       'TableBackground.jpg' );
}

.PayPalCredit
{
    border: 1px solid #FFFFFF;
    width: 166px;
    height:64px;
    background-image: url(       'TableBackground.jpg' );
}

.SMSCredit
{
    border: 1px solid #FFFFFF;
    width: 166px;
    height:64px;
    background-image: url(       'TableBackground.jpg' );
}

.Transfer
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 360px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.NewMessage
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 200px;
    left: 10px;
    width: 166px;
    background-image: url(        'GameBackground.jpg' );
    font-size: 20px;
}

.Simulator
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 200px;
    left: 10px;
    width: 166px;
    background-image: url(        'GameBackground.jpg' );
    font-size: 20px;
}

.BlockList
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 300px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.Credit
{
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 180px;
    left: 10px;
    width: 166px;
    background-image: url(       'GameBackground.jpg' );
}

.EnterVacation
{
    border-width: 1px;
    position: absolute;
    top: 230px;
    left: 10px;
    width: 166px;
    height:25px;
    background-image: url(       'Button.gif' );
}

.EnterVacation:hover
{
    border-color: #FF0000;
    border-width: 1px;
    position: absolute;
    top: 230px;
    left: 10px;
    width: 166px;
    height:25px;
    background-image: url(       'ButtonGlow.gif' );
}

.ResetGame
{
    border-width: 1px;
    position: absolute;
    top: 211px;
    left: 788px;
    width: 106px;
    height:25px;
    background-image: url(       'LeftMenuButtonRed1.jpg' );
}

.ResetGame:hover
{
    border-color: #FF0000;
    border-width: 1px;
    position: absolute;
    top: 211px;
    left: 788px;
    width: 106px;
    height:25px;
    background-image: url(       'LeftMenuButtonRed.jpg' );
}

.SelectAll
{
    border-width: 1px;
    position: absolute;
    top: 230px;
    left: 10px;
    width: 166px;
    height:25px;
    background-image: url(       'Button.gif' );
}

.SelectAll:hover
{
    border-width: 1px;
    position: absolute;
    top: 230px;
    left: 10px;
    width: 166px;
    height:25px;
    background-image: url(       'ButtonGlow.gif' );
}

.DeleteSelected
{
    border-width: 1px;
    position: absolute;
    top: 260px;
    left: 10px;
    width: 166px;
    height:25px;
    background-image: url(       'Button.gif' );
}

.DeleteSelected:hover
{
    border-width: 1px;
    position: absolute;
    top: 260px;
    left: 10px;
    width: 166px;
    height:25px;
    background-image: url(       'ButtonGlow.gif' );
}

.CityGround
{
    width: 773px;
    height:450px;
}

.SecretTreasury
{
    position:absolute;
    left:660px;
    top:210px;
}

.Barracks
{
    position:absolute;
    left:578px;
    top:207px;
}

.BoundaryTower
{
    position:absolute;
    left:520px;
    top:210px;
}

.Academy
{
    position:absolute;
    left:635px;
    top:247px;
}

.Treasury
{
    position:absolute;
    left:820px;
    top:322px;
}

.Workshop
{
    position:absolute;
    left:743px;
    top:245px;
}

.Constructionyard
{
    position:absolute;
    left:475px;
    top:445px;
}
        
.Bazaar
{
    position:absolute;
    left:410px;
    top:365px;
}
        
.Farm
{
    position:absolute;
    left:261px;
    top:404px;
}
        
.Lumbermill
{
    position:absolute;
    left:241px;
    top:260px;
}
        
.StoneMine
{
    position:absolute;
    left:381px;
    top:214px;
}
        
.IronMine
{
    position:absolute;
    left:281px;
    top:220px;
}
        
.BattleBody
{
    background-image: url(      'GameBackground.jpg' );
    background-repeat:repeat;
}

.SiteTable
{
    width: 1000px;
    height:514px;
    background-image: url(      'GameBackground.jpg' );
}

.GameTable
{
    width: 1000px;
    height:450px;
    background-image: url(      'GameBackground.jpg' );
}

.InnerTable
{
    border: 1px solid #FFFFFF;
    background-image: url(            'TableBackground.jpg' );
    text-align:left;
}

.InnerTable td
{
    padding: 3px;
}

.InnerTableSelected
{
    background-color: #E5C562;
}

.FullViewTable
{
    border: 1px solid #FFFFFF;
    background-image: url(            'TableBackground.jpg' );
    text-align:center;
}

.FullViewTableAlternate td
{
    background-image: url(            'GameBackground.jpg' );
}

.Queue
{
    border-style: none;
    position: absolute;
    top: 251px;
    left: 11px;
    width: 167px;
}

.QueueTable
{
    width: 100%;
    border: 1px solid #FFFFFF;
    background-image: url(             'GameBackground.jpg' );
    text-align: center;
    font-size: 10px;
}

.InstantJob
{
    width: 165px;
    border: 1px solid #FFFFFF;
    background-image: url(             'GameBackground.jpg' );
    text-align: center;
}

.UnitCount
{
    width:35px;
}

.GoldIcon
{
    background-image: url(            'Gold.gif' );
    width: 16px;
    height: 16px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.WoodIcon
{
    background-image: url(          'Wood.gif' );
    width: 16px;
    height: 16px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.StoneIcon
{
    background-image: url(          'Stone.gif' );
    width: 16px;
    height: 16px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.IronIcon
{
    background-image: url(          'Iron.gif' );
    padding-left: 20px;
    background-repeat: no-repeat;
}

.LeftTopBar
{
    background-image: url(      'LeftTopBar.gif' );
    width: 215px;
    height:237px;
}

.LeftBar
{
    background-image: url(       'LeftBar.gif' );
    width: 215px;
    background-repeat: repeat-y;
}

.RightFrame
{
    background-image: url(      'RightFrame.gif' );
    width: 12px;
    background-repeat:repeat-y;
}

.BottomFrameBar
{
    position: relative;
    background-image: url(  'BottomFrameBar.gif' );
    height: 14px;
}

.Button
{
    border-width: 1px;
    background-image: url( 'Button.gif' );
}
.Button:hover
{
    border-color: #00FF00;
    border-width: 1px;
    background-image: url( 'ButtonGlow.gif' );
}
.ButtonDisabled
{
    border-width: 0px;
    background-image: url( 'ButtonDisabled.gif' );
}

.Army
{
    position: absolute;
    left: 639px;
    top: 0px;
    background-image: url(          'Army.gif' );
    width: 71px;
    height: 25px;
    text-align: center;
    padding-top: 74px;
}

.ChatWarning
{
    position: absolute;
    left: 0px;
    top: 390px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'ChatWarning.gif' );
}

.Premium
{
    position: absolute;
    left: 0px;
    top: 420px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'LeftMenuButtonGreen.jpg' );
}

.FullView
{
    position: absolute;
    left: 0px;
    top: 450px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'LeftMenuButton.jpg' );
}

.Alliance
{
    position: absolute;
    left: 0px;
    top: 480px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'LeftMenuButton.jpg' );
}

.Statistics
{
    position: absolute;
    left: 0px;
    top: 510px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'LeftMenuButton.jpg' );
}

.Inbox
{
    position: absolute;
    left: 0px;
    top: 540px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'LeftMenuButton.jpg' );
}

.Wishbox
{
    position: absolute;
    left: 0px;
    top: 570px;
    width: 135px;
    height:20px;
    padding-top: 4px;
    padding-left: 35px;
    background-image: url(      'LeftMenuButton.jpg' );
}

.ButtonUpgrade
{
    border-width: 0px;
    background-image: url( 'Upgrade.jpg' );
    width:40px;
    height: 30px;
}
.ButtonUpgrade:hover
{
    border-width: 0px;
    background-image: url( 'UpgradeGlow.jpg' );
    width:40px;
    height: 30px;
}
.ButtonUpgradeDown
{
    border-width: 0px;
    background-image: url( 'UpgradeDown.jpg' );
    width:40px;
    height: 30px;
}
.ButtonUpgradeDisabled
{
    border-width: 0px;
    background-image: url( 'UpgradeDisabled.jpg' );
    width:40px;
    height: 30px;
}

.ButtonDowngrade
{
    border-width: 0px;
    background-image: url( 'Downgrade.jpg' );
    width:40px;
    height: 30px;
}
.ButtonDowngrade:hover
{
    border-width: 0px;
    background-image: url( 'DowngradeGlow.jpg' );
    width:40px;
    height: 30px;
}
.ButtonDowngradeDown
{
    border-width: 0px;
    background-image: url( 'DowngradeDown.jpg' );
    width:40px;
    height: 30px;
}
.ButtonDowngradeDisabled
{
    border-width: 0px;
    background-image: url( 'DowngradeDisabled.jpg' );
    width:40px;
    height: 30px;
}

.ButtonCancel
{
    border-width: 0px;
    background-image: url( 'Cancel.jpg' );
    width:40px;
    height: 30px;
}
.ButtonCancel:hover
{
    border-width: 0px;
    background-image: url( 'CancelGlow.jpg' );
    width:40px;
    height: 30px;
}
.ButtonCancelDown
{
    border-width: 0px;
    background-image: url( 'CancelDown.jpg' );
    width:40px;
    height: 30px;
}
.ButtonCancelDisabled
{
    border-width: 0px;
    background-image: url( 'CancelDisabled.jpg' );
    width:40px;
    height: 30px;
}

.TableRuler
{
    background-color: #007100;
    color: #000000;
    text-align: center;
}

.TableMap td
{
    background-image: url( 'MapGrass.jpg' );
}

.CleanTable
{
}
.CleanTable td
{
   padding: 0px;
}