.queen_tabs {
  clear: both;
  position: relative;
  left: -4px
}

.my_ants,
.my_alerts a,
.my_active_bonus,
.my_rankings,
.news,
.my_quests {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.my_alerts {
  margin: 20px 0px 10px 5px;
  float: left;
}

.my_alerts a {
  line-height: 47px;
  padding: 0px;
  width: 81px;
  height: 47px;
  text-align: center;
  margin: 0px 0px 8px 0px;
  font-weight: bold;
  display: block;
  background: url('/images/home/bg_alert.png');
  border: 0px;
  text-indent: 8px;
}

.my_alerts a img {
  position: relative;
  left: -13px;
  bottom: -1px
}

.my_alerts a.active_alert {
  border: 1px solid #8A806C;
  color: #fff;
  background: url('/images/home/bg_alert_active.png');
  border: 0px;
}

.my_alerts a.inactive_alert {
  cursor: default
}

.my_alerts a:hover {
  border: 0px;
}

.my_ants {
  width: 350px;
  height: 155px;
  margin: 20px 10px 10px 10px;
  float: left
}

.active_bonus_wrapper,
.my_rankings {
  margin: 20px 0px 0px 0px;
  width: 290px;
  float: left;
  display: block;
  height: 30px;
}

.active_bonus_wrapper {
  height: 58px;
}

.my_rankings {
  margin-top: 10px;
  height: 85px
}

.news h3,
.my_quests h3,
.my_ants h3,
.active_bonus_wrapper strong,
.my_rankings h3 {
  font-size: 14px;
  margin-top: 6px;
  font-weight: bold
}

.my_ants a.further,
.my_rankings a.further,
.my_bonus a.further,
.my_quests a.further {
  color: #295436;
  float: right;
  margin: 0px 12px 5px 0px;
  font-size: 13px;
  position: relative;
  top: 9px;
}

.my_ants a.further img,
.my_active_bonus a.further img,
.my_rankings a.further img,
.my_bonus a.further img {
  border: 0px;
}

.my_ants a.further {
  margin-top: -6px;
}

.my_ants table {
  margin: -10px 0px 0px 8px;
}

.my_ants table td {
  padding-top: 5px;
}

.my_ants div.progress_bar {
  height: 20px;
  width: 290px;
}

.my_ants strong.occupation {
  margin-top: -18px;
  display: block;
  font-weight: normal;
  font-size: 14px;
  text-indent: 12px;
  color: #295436;
}

.my_rankings table {
  color: #295436;
  margin: 0px 0px 0px 8px;
  font-size: 12px;
  height: 39px;
  width: 93%;
  border-collapse: collapse;
  border-spacing: 0px;
}

.my_rankings table td {
  text-indent: 20px
}

.my_rankings table td.name {
  text-indent: 0px;
  width: 160px;
  text-align: left;
}

.my_rankings table td.plus {
  background: url('/images/icons/ranking_up.png') no-repeat center center;
  color: #58CB0E;
  text-indent: 30px;
  text-align: center
}

.my_rankings table td.minus {
  background: url('/images/icons/ranking_down.png') no-repeat center center;
  color: #FF0500;
  text-indent: 30px;
  text-align: center
}

.my_rankings table td.equal {
  text-align: center
}

.my_rankings table tr.alliance_ranking td {
  border-top: 1px solid #ccc;
}

.news {
  float: left;
  clear: both;
  margin: 5px 0px 15px 0px;
  width: 445px;
  height: 190px;
}

.news p {
  color: #295436;
  font-size: 13px;
  margin: 5px 10px 5px 10px;
}

.news p.title {
  font-weight: bold;
}

.news p.date {
  font-size: 11px;
  margin-bottom: 8px;
}

.news p.signature {
  font-weight: bold;
  text-align: right;
  position: relative;
  right: 10px;
  top: 5px;
  font-style: italic
}


.my_quests {
  float: right;
  clear: right;
  margin: 5px 8px 15px 0px;
  width: 295px;
  height: 190px;
}

.my_quests ul.completed {
  margin: -8px 0px 4px 0px;
  padding: 0px;
  list-style-type: none;
}

.my_quests ul.completed li {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  list-style: none;
  line-height: 22px;
  color: #295436;
}

.my_quests ul.completed li .progress_bar,
.my_quests ul.completed li span {
  width: 150px;
  float: right;
  height: 16px;
  position: relative;
  top: 2px;
  right: 10px;
}

.my_quests ul.completed li span {
  position: relative;
  margin-top: -24px;
  left: -4px;
  color: #295436;
  text-shadow: 1px 1px 1px #fff;
}

.my_quests ul.completed li .ui-progressbar-value {
  background: #69CF45;
}

.my_quests .in_progress h3 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 6px;
}

.my_quests .in_progress .artifact img {
  height: 30px;
}

.my_quests .in_progress table {
  width: 95%;
  margin: auto;
}

.my_quests .in_progress table td {
  text-align: center;
}

.my_quests .in_progress table td.artifact {
  width: 34px;
}

.my_quests .artifact_need .number {
  width: auto;
  display: inline;
  font-size: 10px;
  text-indent: 19px;
  text-align: left;
  padding: 3px 3px 3px 18px;
}

.my_quests p.no_item {
  margin: 25px 0px 21px 0px;
}

.frame {
  position: relative;
  left: -2px;
}

ul.recent_logs {
  margin: 0px;
  padding: 0px;
  position: relative;
  top: -6px;
}

ul.recent_logs li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 14px;
  color: #295436;
  padding: 6px 0px 6px 0px;
  border-bottom: 1px solid #ccc;
  width: 755px;
  position: relative;
  left: -7px;
  text-indent: 35px;
}

ul.recent_logs li.message {
  background: url('/images/home/messages_small.png') no-repeat 9px 6px;
}

ul.recent_logs li.event {
  background: url('/images/home/dangers_small.png') no-repeat 9px 6px;
}

ul.recent_logs li.creation {
  background: url('/images/home/creations_small.png') no-repeat 9px 6px;
}

ul.recent_logs li a {
  font-size: 13px;
  color: #295436;
}

ul.recent_logs span.date {
  font-size: 12px
}

.frame .no_logs {
  display: block;
  text-align: center;
  font-size: 14px;
}

.my_ants .no_item,
.my_rankings .no_item,
.my_quests .no_item {
  display: block;
  text-align: center;
  color: #888;
  font-style: italic
}

.my_rankings table .no_item {
  text-align: left;
}

.queen-tip {
  margin-top: 20px;
}

.active_bonus_wrapper .player_active_bonuses {
  width: 270px;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  left: 2px;
}

.my_rankings {
  margin-top: 12px;
}

/*
 * Welcome
 */
.welcome_modal {
  display: none;
  background: #fff;
  width: 677px;
  padding: 10px 0px 10px 0px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  top: 15px;
}

.welcome_modal h2 {
  margin: 10px 20px 0px 20px;
  line-height: 30px;
  font-weight: bold;
  font-size: 20px;
  color: #236923
}

.welcome_modal p {
  margin: 5px 20px 0px 20px;
  color: #236923;
}

.welcome_modal .content {
  background: #fff url('/images/home/bg_welcome_modal.png') no-repeat center center;
  width: 637px;
  height: 306px;
  margin: 20px 20px 0px 20px;
}

.welcome_modal .content h3 {
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}

.welcome_modal .content p {
  margin: 0px;
  padding: 0px;
  font-size: 13px
}

.welcome_modal .content .tutorial {
  margin: 0px 0px 0px 42px;
  width: 310px;
  height: 170px;
}

.welcome_modal .content .tutorial h3 {
  padding-top: 20px;
}

.welcome_modal .content .userguide {
  float: left;
  width: 210px;
  margin: 20px 40px 0px 42px
}

.welcome_modal .content .helpbullet {
  float: left;
  width: 190px;
  margin: 20px 0px 0px 42px
}

.welcome_modal .begin {
  background: url('/images/home/bg_begin.png') no-repeat 0px 0px;
  width: 314px;
  height: 63px;
  display: block;
  margin: 0px auto 10px auto;
  line-height: 63px;
  font-size: 16px;
  color: #fff;
  text-shadow: 0px 1px 1px #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}