* {
    background-color : #969494;
    text-align: center;
  font-family: 'Open Sans';
}

.startButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #113fd8;
  border-radius: 8px;
  background: #2076ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#2076ff), to(#113fd8));
  background: -moz-linear-gradient(top, #2076ff, #113fd8);
  background: linear-gradient(to bottom, #2076ff, #113fd8);
  text-shadow: #0a257f 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.startButton:hover,
.butstartButtonton:focus {
  border: 1px solid #144afe;
  background: #268eff;
  background: -webkit-gradient(linear, left top, left bottom, from(#268eff), to(#144cff));
  background: -moz-linear-gradient(top, #268eff, #144cff);
  background: linear-gradient(to bottom, #268eff, #144cff);
  color: #ffffff;
  text-decoration: none;
}
.startButton:active {
  background: #113fd8;
  background: -webkit-gradient(linear, left top, left bottom, from(#113fd8), to(#113fd8));
  background: -moz-linear-gradient(top, #113fd8, #113fd8);
  background: linear-gradient(to bottom, #113fd8, #113fd8);
}
.startButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADVElEQVRIiZWVT2hcVRTGf9/NZBgqhBJq3UisUJf5gxGxvgiZlCqCCNYgunHhppiCtlSh4kJciLiqVunGpbsQDBZRaDGpkokuEklSEBQRG7KQLkwodAjj9H0u3rvzXv6MxAOX+eaec79zzzdnzhUHtKGkHgQ1AJntlcX59CDndJCg4aT+CfAccCTf+hv4GZgV6Zcrje+b/zvBcFJ/WlBDumZ7DPhI0qMAtpEEGJt10NurjbnpAyUYTiYC+APERSEMd7DrgrNIr3W7kO0rhjfXGvPt8n7YQf7UOOAPgYs4uyl2H3Db0G+bbguYElwaPDERuiYg1fPAW5KQhCCXglfBZ4GTyrQnxuzCUyF4cl+JBpPxakC/Ih0rO11o0AKuAseRRnb7O9jeMDyy1pjf3lFBQKcFx7BRvmy3Ot+hKpgUjEQ/2WrmnzHuQcFkwVvYi+QlI2F413A/MGr4Ju7nPgxXDYPAA8A7cT/neGGHRINJQqB6S9KAoxzyfasLN9oAgydOhhDST5GmBNi+bOv82uJcCjCU1CuCu0jVXM71f+71PvTLT9eyCoKrNaA/lgoE0lCNt7j543cp8B52y/Y28H4kz60GVDrSof7ennatkCj+1EVXVJBfYqcdEVSAKnC07BC8LCmUJAKTdqhHR0dp1/puSRqIh2xvAa8APwDHgc8lPZ77loAzxr8JTQBfSOrDGaPtP1cb8w9DdiOWl5cZTupLtgdKBR0GvgWawKGcOOZ/DFgW2s7lKXxZGUsxsFKqdFbSaduQ/8nIcCRfjGRAS9ITQK2YS8WMsj0bSTttKmna9kYMpqSn8e/As8DXiK+AZ2z/kVVbxAthez21ZvYkWFmYawEXbKfsnjNmZrUxfwcImN4cz9jGlGJxirhwc3GutScBAPfCNHCFvbNobCgZPwyMA+M5fnKfWfQZKm6fVbXLRsYmgu1Lkt7Y7euYSyeLzrksOL/S2PnS7fvgDJ06hZrt2DLxQPgPjA9VtHb9+h6uri/ayNiEsTF8nAedi9hwjhKWxMrC3L5clf02AWzflnRUeBPTk7WuN4EeWVhsgjNs/9WNJ3RzgM7Y3sBsGTZtN222bDaNm9gRbwCvd2XpngCGk3pFIk1thGqIbZdwHIyrjRvtbhz/AuH1uMxhoid+AAAAAElFTkSuQmCC") no-repeat left center transparent;
  background-size: 100% 100%;
}


/* Style the tab */

#tabslinks {
  font-size: 0;
}

/* Style the buttons inside the tab */
.tablinks {
  background: #2b2d2e;
  background-image: -webkit-linear-gradient(top, #2b2d2e, #515354);
  background-image: -moz-linear-gradient(top, #2b2d2e, #515354);
  background-image: -ms-linear-gradient(top, #2b2d2e, #515354);
  background-image: -o-linear-gradient(top, #2b2d2e, #515354);
  background-image: linear-gradient(to bottom, #2b2d2e, #515354);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: solid #000000 1px;
  outline: none;
}
/* Change background color of buttons on hover */
.tabs button:hover {
  background: #323333;
  background-image: -webkit-linear-gradient(top, #323333, #919394);
  background-image: -moz-linear-gradient(top, #323333, #919394);
  background-image: -ms-linear-gradient(top, #323333, #919394);
  background-image: -o-linear-gradient(top, #323333, #919394);
  background-image: linear-gradient(to bottom, #323333, #919394);
  text-decoration: none;
}


/* Create an active/current tablink class */
.tabs button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.battleButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 7px 18px;
  border: 1px solid #a12727;
  border-radius: 15px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.battleButton:hover,
.battleButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.battleButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.battleButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABNUlEQVRIie2VMW7CMBSGPxewFEW0kZCQghJ5oQviCHTLyEAGkJILZGNk7AHgEmSIGDhJp56CM3iqXocmiFa0lcBs/Jtl6Xv2955scJ+2UqoyxojW2rqGa6DK81y2261EUSQu4W2gyrJMyrKUNE1FKVU5gyuldnmeS1mWMpvNBKjqolfnm5Y0TRu4dgE/p2WHo5PftZyH37WchbvUooHkx9qZluYV/ABW3EBL3/f9w3q9lslkIsD7LaZl1Ov1jkXm87nzaQFYBkEgm83meBMcTQvA1PM8WxSFBEEgJ7pWTuBhGNokScTzPAssG11145P/AL/lAVgYY+xwOJQwDC0wrfdGvu8f6p/psh60YJ88PcpzHIsx5hTepM81PYi1tm/jsbx0uwIsLgb9kddBp2NbsOdLl9N8AgV/vLhCixHRAAAAAElFTkSuQmCC") no-repeat left center transparent;
  background-size: 100% 100%;
}

.troopButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 7px 18px;
  border: 1px solid #a12727;
  border-radius: 15px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.troopButton:hover,
.troopButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.troopButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.troopButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACrUlEQVRIie2UT2hUVxTGf+fdN++9eZMZY2KoWixJRgUHwRD7BwJRN7VupZvSZYVsBKUVJOJGXPgHIVhKocymduWqKzdZdFGMoOiYupBQqonEUhpNYswk7+XO3DfvunAhmDhRs8jGb3vu933nfOdw4QPWG+pdHmfPDXrenpKYm3fTt+XIWwn/eLYX5Vy0Ip+r8ckE4QaW09FQ+f6aDYLLZ0pkMndEJMRa1MRjLIC1VWBvNFR+2IzvrNqBUsdFJJSMiwqzOB3tOLkQESkAR9c0QXjhlJe25P7KO6pUmK3iL9UQbKqzgbPgu0RTT0YFvlgcKidv0nCbGdjA390xOVX6dHyKIMgCUK3OOwvVeSww2bWlZ7a9sBMYey8DlOpWJiGbDdFa83xuFmPMq3IjdYDtzQya76CRVsSY6/WliLnZaXYXu+kpFnGVYmO+BZU0/gAqTTVWQ3///sHRa9esGRuztZERWxsetubWLTt69art7993cjV+84gASH+5+OuVrw719R2QOAJjsH7AcKXyJ9jymg22fdLljG7d8PP4vTsHDn/cCcbw+6N/iHZs+2lvLu/ASFP+G88098NA22fPapc+WjLfTfhSH+vs8Fr0ywUvBh67Jp/Wi9p6T7OZK7fb/BPRUPnZSjor/kXh9wObRfhbL8V96vF/SBSrmdYcekOeupfBfV5l84N/1cDBB5R2zvU8rBWOzPf2/WZu3o1e11oxIhG+EZG2QNcREdykQefE/+iZKgD+QkQmaRB4KW4cUXDNJsF+C1x+XWvZmXrHjgF8jbWLvjaxhTjXktfdKtClqKFLUUMXnUDn8nk9PZ+JZ1QYT9f8ReBwcHxgWbPLJigkCVrxJQJxmHGN1+okynVcrIMI1loA0sBLz1e6U50NkplNYSpYCipGrxTJB6wrXgBV4wXPoF3fnAAAAABJRU5ErkJggg==") no-repeat left center transparent;
  background-size: 100% 100%;
}

.feedButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 7px 18px;
  border: 1px solid #a12727;
  border-radius: 15px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.feedButton:hover,
.feedButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.feedButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.feedButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADNUlEQVRIiZ2VQWgcZRTHf//Z7aLoKccS0luIMRQEaQoS8VBsDx7anSASTzVIoWRStRU7FS+KmaRaqM6i6MF6CkvNbEVQaiAnI0jwJGEt4sGDhF7aix6asjvPw3y7mR1n99Dv8v2/fd97//d/87238pfD4xg3gAngW+BZh1s5/BXGhaQRdSis+lJYlfgEeA34CzibxNEvPbvngleBm5IWAA9oCi2Aevg8Yr4YHEBiHnQe1HRxbuTtHjCFWLeKLWYeDguAdaEeniwjQJqUjLSrRaF1YGqAQBJCtK6vpll8dVvXV1MMJNiIVxxWpTS+22999mGK6EqDds8Acwe3VwAsu9gt4pJVsT7NAHYKitmY5TKzShGPUlHEAFXLHcws7Wedx4BMwxR0rRxnBJjlaReB7SJWxjBMQUVWih0BdDBVAZI4+rpn6GH/QlgjNczYH6Ygl2C3WCNPsAt2wg8uV0vdU065pHbLzAYVc9/NMAw4fe7iAQHwkcQx0LUzb1zx8s5+EE4DXwC/mbFZmoDZOHDfMdyXQaV2aPxAgaVNMz4Glr2uXckFPwz8CKSA32pED4qx/SA8CrwMfAcg2AR7CPrgdBB6AJX2zs82Nfv8luCIYGl6du5me2f73vTsXAN4BnghiaM7JcEngS3gX2Dh953tf9o72/eemp0D8ZYHTzx9bG7LA7gVr6QG74FqBi+6GC8BzSSO/ld7P7j8GJC448kkjvYOrOkKxqegSyZe6dd8//FDf7sXMEamdwzIOeaXTiFmgHNFdUm8lmJcBPtV8Haf4Pur70NvAAHK2IY110zW9d7tMmPSiDqITYOZgVeDCfVm0YgBBzw0E1Ja/rQBjBrQGSTINUlxKhbWXQkMGx9xZxzYGyTIGqVfFjMbVqJ21lw6WmasL70DMAO0H61Exi5Zc50sM0veBNkfz0+PVKIka7ofgHk/CMdKrrzu9tYAQTZJjHqQjYwRJQJYA54EPq8vh7Xej34QHgcuARvefvrn4Csw7hgsCJvISswfQ1XE0a4fhO+CIplN+UF4GzgM1IE9sDe/+XKNwkfmLNAhmy8NzDZGKMATV8FedT7LZFOgCTyXxKt3Af4DK1o3iRBMF/wAAAAASUVORK5CYII=") no-repeat left center transparent;
  background-size: 100% 100%;
}

.houseButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 7px 18px;
  border: 1px solid #a12727;
  border-radius: 15px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.houseButton:hover,
.houseButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.houseButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.houseButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA2klEQVRIie2TQQrCMBBFX0txkUN7ATfiHaS4yrJ4MjepujAt7ThJM7Xixg8DIQn/zXwSmKsXtQcc4JUzH89Meog6AJ2yP1RnhUiDW8Z8FSRndAZ2sVpxdi2FLJkP0iBFk2jmLdAodxvgYoG4ROea+RRSFJfj/bXIWFJajMtFakksuUmScXmlc4v5FCIn8fD6ldZYUpJx9Qjims41yAio4kJTZTTWfO41EIxGFoUaOH4JEoCTjGE6ZpXYp+DOuF+v6s2gP+D3gNwr2sRXTrDFf5h5SMCnny5Ej1FPVHeGpJPu2gcAAAAASUVORK5CYII=") no-repeat left center transparent;
  background-size: 100% 100%;
}

.woodButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.woodButton:hover,
.woodButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.woodButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.woodButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABB0lEQVRIibWVMQrCMBiFP8RZpIODU/EATuJpvJR38AjeQIoUnJyVqoOI2AoOrjr4B9qa2D9tffAgJPnfe39IG9AjACJh4FGnFo+Bl3Ddpkm/JG4Yy1ojlJPbTGp3UiXe+Lgihbhh5BLp/jDIgJ2MB0CvtP4ArjK++WUvYgrc+U59l7VGmAKpRdwwbWLiSt6KSVVym8nkX+JeJkFN8bxJ4ZsoX9MnsORzLQGGwLgi1BY4y/giGiqMgL0i9V72eiEEEoW4YSI1rSav1UlYUzxv4uwkxO9YvI/L5+9ZxZURzV/TObBxdDfj+5+fAQvH/pVj3omjJWWiKewoDWxvr+o91hocLHMnTeEbhX3aYYq5CXsAAAAASUVORK5CYII=") no-repeat left center transparent;
  background-size: 100% 100%;
}

.stoneButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.stoneButton:hover,
.stoneButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.stoneButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.stoneButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB3klEQVRIic3VP2gUURAG8J/HEURCBLFUCSlFREREREQkSAgiYiEiFhYp5IoUFiIp7EWChYWIZRCrICIiYiEiIpJCFFOphaCkkAhRUpwhrsV7q7t7u7cLXuEHwz5m33zfzJv3h/8UW3EYV9AeNPkI7uMkEtwdpEgbD7GIc1Egwa1BCdyIhK/QyQgkmPpX8mmsR7InuFQQWMFYMajVkPwEZjPzv2NzYc6IUGGOs4nAHszJN/IbhkvmTmK8AecfbMMn+aVYxE6cLvhTe9mUfBgLJeR743cc7ytEDtWRt3GvD3mCR7hQIXCnTmC2hjwRdtQBLJUIrAhNL0XH3+24hBmMFshTm8PliipOlZFPoCs0djpmeBBXK0hWhXvpYhxn//Wc7l1CU6eEJs3ja1yaYnDW9uN6/L7I+N9kyVsx06NC89JJM7jdhzzBMSzjYxyn1fzAppR8As8KgV/iEnVrBM7HbBOs4Was5jl2pAKvSwI7cZn6kSfCm/Cg4EurGWrhF64V+vEB74Q7vw7b8bngG8U+/EwdQ/Kn8gyeNsg+wWP5rboWq+9Ber8v4HhD8vQQno3jrvAQlWKjcLAmlfekypaFe2k1JtYXR+Sfwia2jt0xtgcbSnxj2FKXSQFvZRqaxW+Au/QK4FZ1ywAAAABJRU5ErkJggg==") no-repeat left center transparent;
  background-size: 100% 100%;
}

.harvestFood {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.harvestFood:hover,
.harvestFood:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.harvestFood:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.harvestFood:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACnUlEQVRIie2Uz0tUURTHP2dsZLDJeZKI2PDuI0pBRMKiYDbFFK1CWoSb6A9o3Z/Q39C2Nv3YtAkkKiJaiLQo+omVDOO7kwxqkvMkVJzpnRbvFpNOptKuzubB457P99zvOffAPx2+76eMMe1bnZHdgI0xeaAD6AGCdDp9s1QqtTy7ZzcCwHEgD0wBYb1e7wSWgyDIqKoPhNbadYC2HVZ+zPO8DuCAiCwAh5zImud5RVXtE5F5oBBF0TRAaoeVHwHOAhlVLQEngAwwCkyKyCSJdRM/ErZlkTFmGOgGYqAC9AOLwApwERgEDgO3VPVDpVJp7EgAOENy2zlgFhgBxoBe4B5wA2gAQyIy1Zz4WwHf9xGRMWABWHbgk8A0iQWXSfyfBfqAdiAEisDjPwqISC9QdYkrwBdgCbjioNfcuQlVLQDrwFeg1szZNEXGmKzneeeANPAZyAL7SJo3AHxzN9jr8usi8hFYUtV8pVJ53cxrNUXDDnDJVbUG+M6SLHDVVXpXROaAg3EcDwH9IpLZCGtlUSqVSi3EcfweOAUcdf8fAuPu37L7PnPgDmvtZAtWyxt0zMzM4KrsAV4CL4AyMGytvU0yqqhqkWSS8q3g0GIXGWMKIlJT1QvAG5Jn/yoIAl9VzwMrqnpdREaBp9ba2kZGc2xqchRFn3K53GkRuQPsB2q5XE6stVXP8+aBrIgMqupbEclEUbS0IwFjTAFQYFVEngMDIrLa1dWVsdbOep5n4jgeF5E1EVmMoki3EvjFImNMP0nTHrnFVQ3DcN0YM0LyJnqBPmvt/a2gzfGzyb7vdwJD9Xr9QRiG621tbaGq5oMgSKnqirV2DngHPNkuHJrGVESKQKVarTYAyuUyxphQVbtJ1gXW2gbJzvkffy++A/Yu8b6Cbwj1AAAAAElFTkSuQmCC") no-repeat left center transparent;
  background-size: 100% 100%;
}

.upgradeButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.upgradeButton:hover,
.upgradeButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.upgradeButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.upgradeButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 22px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAM1BMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///9dXV1Y6SO7AAAAD3RSTlMAAAQKEBYcICYyNjxCSFKFdatQAAAAgUlEQVQYlW3QAQ6EIAwEwFoLp4LY/7/2aAEFyoaEZLIhq7Dl8I5bDUC5lNnjip/XR3594uYzVzdc3LL6gsVXrG7elrSdbXc+6Y7h2IevTOKnd9S3OQXhi8YlIXgn/huW0OERS71nlP9Ntf6xptUnznXm6DoGDfornmQYkPJs80ifP1gOCRATm2veAAAAAElFTkSuQmCC") no-repeat left center transparent;
  background-size: 100% 100%;
}

.farmButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.farmButton:hover,
.farmButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.farmButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.farmButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAECElEQVRIibWWbUxbVRjH/8/pbaG3LTBA5HVqbHhpCwXTGYLLnAhLVBYmLpugoPGLH8yMMUZjyCR1GoavS+YnEl2yzLEwN8PIWJxumGwmMNw63kcc25SlQNuF8lbKve05flAIg4IY5f/pPPc89//L8zzn5F4SQmAjxTbUfTngUBUV/lfDL17Sbo8IOLmHGIE1LU/4Nzr0ImVrBD/1WQ3JC8+khYWbaV4mwmYNifrDz9KT+9qE0tDwcZE2Slc9r6iOYDBoidJqZTBCKBRW9FG6uzpd1K15Zb7p3Xfe/6bxdZKYxGqJWJwuhDcBHAQAWhjy4WqpKysry+HxTgQmfN6A8mjldYq3bcu3P6Y7/+NF3B0dA+cCgICGEdLSUrB71y64XL8GZyc9Pur/yrjJyHSpKSny4ED/nX3HQo/cV4EAHtbrJORkmeXbGVvlidgtJWVlL8BgkBFj2oRjJ5rQ2z8AALDlZKOi/HmYzWZkZmZGt7dfSJ/BTuQYbkOZm0ZYiNQVLSIu2iZn1CqDiUmzUWY4thTBaDRCCIHMTDM+/GB/xL4TESyWXFz4YwDAHfhnFTBGl1cAwmFePzz8W83wrZtQ80uRmpKGUEhd13ATEhIwNa/Bpc5fACEgOB1YATgy/Hi1AMYAoCoPyae+b0Hl3t3rApxo/g6cC3w9VDAGAASUvgX8DKxx0a66ri+uW8+eQ+vZc6vGS3OXa7GC7q7OWgC1AFDf8JFaYM9b3GttawMA7HzumYhxgT0XU1P3Qj1dnSnLARErkPXyzR2lxSAiAIB7dBzu0fHF/aUxEeHp4m0wGAx9a1Zwnwh9k35/9oMGA6JbzuBynAnhjM0IXnNB43bj0kMZoOkphA9+grnXXoXX64Pg/Mq6AUow2D7iulrm+PTzaGG1IlzzCsjng9xyBuAcvLgYMJlAN27AuL8OwwW5QUXDjqwbEAiojRm/99Vxmy2a5+WBj4wAej1YSQnAGITHA+F2g1mt4OEwynoH3A8cP94RsRmrfQ94efk4r6xMCnu90Hb89a5itQIAdP39AAC1qAgsKQnS0aMz1NpqiuSz6jFlnMtCkoC/B72qhMBaGRFb5HQ62XtEV6Shoe3MZmOqEIBWC01yMsA51Ph4QFXB0tOB3l4+TXRtq/2JpIqKHb66ujq+1Ctii+x2u/x2YqKj2mj8QRQW6kRODiO/H+GenhA0GmhsNknExoIGBzk6OpQvp6f3fjs318MDAU93d3fgHwFOp5OdPn0+8Y04KX9PTExDDGCZBjwXZwM/AcSekvUlJoikSaKBxnv+A8eVuT6Jc5/L5fIt91t1yADgcDgkRa83kqoaSQg5BERLnDMBhLRCBAAEgsHgjMViCTQ3N/NIHmsC/g9t+F/FnyY9se8XmrUtAAAAAElFTkSuQmCC") no-repeat left center transparent;
  background-size: 100% 100%;
}

.resetButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.resetButton:hover,
.resetButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.resetButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.resetButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAByUlEQVRIibWWwaraQBSGP7vQnavSh6ga1GV3IkHtqqtiSBSSd7nch/A9SqF0WfoCpZu7cF8VoZtLZiB/F9dcjGaS1Ms9MJDMZP5zzn/+M5MW1dYFPgJToA+8Pc3vgV/Ad+AL8LcGpxT4HjgAqhkH4O60p5F9ALYNgC/H9rS30j4BjzeA5+PxhOGM/CXg506uMuneSEsVXYWa3Jd9OB6PNZvNnECLxULD4dC1fnce/ZVaRqORjsejrLVarVZXAHEcy1qrw+Egz/Nc6uoCLMsi8H1fxhhJkjGm4CSO48LaZDJxZfEZYOOiIAxDpWkqSbLWar1eK0kSWWslSWmaarlcVtViA/CzqmBhGMoYoyzLZK2VtVZZlskYUwcu4AfAQ50qoih6jjqnJQiCJmp6eEMD63Q6hfdWq0W73W6ylVqKcs5zWvLnvCZNKHIWOUmSglqCIFAURYW5GicbcMh0Pp871XKpLt/3K2Va2mie52m/3zvVkqtrt9up3+9XNho8tfXVR4PBoKqJNJ1O1ev1XOvPR0WexbamYP8ztpRcQK96XOf2qhfOeSa30LWtivzSujwV6cWXfquBozngA++Bd6f5P8Bv4BvwlYrfln++tVDwMNlBNAAAAABJRU5ErkJggg==") no-repeat left center transparent;
  background-size: 100% 100%;
}

.audioButton {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: -moz-linear-gradient(top, #ff4a4a, #992727);
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
}
.audioButton:hover,
.audioButton:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: -moz-linear-gradient(top, #ff5959, #b62f2f);
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.audioButton:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: -moz-linear-gradient(top, #982727, #982727);
  background: linear-gradient(to bottom, #982727, #982727);
}
.audioButton:before{
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAsklEQVRIie3WPQoCMRCG4Yd1QRBsrSw9gaexsvYAFt5BPIcnsLD0NBaWYilamIX4tyy7SbcvDDPV9yWBmQlpmWObWBOU2OCGY2rxGU54hEhmUGCFaySezGCKw4dwMoMFLn/EOxlMsK8R/mlQhrzGqEZ8iKXX07Ti3OBkTePtBkXbEzWlN+gNulM12g7jUN8xCFmoSx0brQmtRkUbsg27mKzjuiLrwonJtjJjsi79mK9vyxN0s166wZj/lQAAAABJRU5ErkJggg==") no-repeat left center transparent;
  background-size: 100% 100%;
}