div#menu {
  width: 204px;
  float: left;
  position: relative;
  left: -20px;
  top: -20px;
}

div#menu div.menu_wrapper {
  background: url('/images/theme/menu_bg_middle.png') repeat-y 15px 0px;
}

div#menu ul {
  list-style-type: none;
  margin: 0px 0px 0px 15px;
  padding: 0px;
}

div#menu hr {
  padding: 0px;
  display: block;
  margin-bottom: 0px;
  border: 0px;
  background: transparent url('/images/theme/menu_secondary_top.png') no-repeat;
  color:#fff; 
}

div#menu hr.main_top {
  background: transparent url('/images/theme/menu_secondary_top.png') no-repeat;
  height: 14px;
  width: 174px;
/*  margin: 10px 0px 0px 15px;*/
  position: relative;
  top: 0px;
  left: 0px;
}

div#menu hr.main_top_illustrated {
  background: transparent url('/images/theme/menu_main_top.png') no-repeat;
  height: 70px;
  width: 204px;
  margin: -50px 0px 0px 15px;
  position: relative;
  left: -15px;
}

div#menu hr.secondary_top {
  background: transparent url('/images/theme/menu_secondary_top.png') no-repeat;
  height: 14px;
  width: 174px;
  margin-top: 10px;
  position: relative;
  top: 0px;
  left: 0px;
}

div#menu ul.secondary {
  background: url('/images/theme/menu_bg.png') no-repeat 0px bottom;
  padding: 4px 0px 18px 0px;
}

div#menu ul.main {
  background: url('/images/theme/menu_bg.png') no-repeat 0px bottom;
  padding: 4px 0px 18px 0px;
}

div#menu ul ul {
  padding-left: 0px;
  margin-left: 0px;
}

div#menu ul a {
  color: #1D7539;
  text-decoration: none;
  display: block;
  margin: 0px 0px 0px 2px;
  width: 170px;
  text-indent: 10px;
  padding: 6px 0px 6px 0px;
  font-size: 14px;
}

div#menu li li a,
div#menu li.current li a {
  text-indent: 20px;
  padding: 4px 0px 4px 0px;
  background: #eee;
  margin-left: 2px;
}

div#menu ul a:hover {
  background: #B9F39E;
}


.social_links h5 {
  text-align: center;
	color: #1D7539;
	font-size: 14px;
	font-weight: bold;
}

.social_links table {
  width: 190px;
  position: relative;
  left: 8px;
}

.social_links table td {
  vertical-align: top;
  width: 33%;
  text-align: center
}

.social_links_connected {
  position: relative;
  width: 180px;
  top: 20px;
  left: 25px;
}

.social_links_connected iframe {
  margin: 10px 0px 0px 2px;
}

.social_links_connected h5 {
  color: #e00;
  font-size: 13px;
  width: 150px;
  display: block;
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
  position: relative;
  text-align: center;
  font-weight: normal
}

div#menu li li a,
div#menu li.current li a {
  text-indent: 20px;
  padding: 4px 0px 4px 0px;
  background: #eee;
  margin-left: 2px;
}

div#menu .shop_link a {
  color: #FF1515;  
}

div#menu li.shop_link a {
  background-image: url('/images/resources/rubies_mini.png');
  background-repeat: no-repeat;
  background-position: 2px 6px;
  text-indent: 20px;
}

div#menu li.current a {
  background-image: url('/images/resources/compost_small.png');
  background-repeat: no-repeat;
  background-position: 2px 6px;
  text-indent: 20px;
}

div#menu li ul li.current a {
  background-image: url('/images/resources/compost_small.png');
  background-repeat: no-repeat;
  background-position: 2px 4px;
  text-indent: 20px;
}

div#menu li.disabled a {
  background: #ddd;
  color: #eee;
  border-bottom: 1px solid #ddd
}

div#menu a.twitter img {
  border: 0px;
}

div#menu a.twitter {
  margin: 20px auto 10px auto;
  display: block;
  width: 159px;
  height: 68px;
  border: 0px
}

div#menu div.news {
  position: relative;
  left: 15px;
  width: 170px
}

div#menu div.news h2 {
  color: #5999B8;
}

div#menu div.news a {
  color: #5999B8;
  text-decoration: underline
}

div#menu div.news a:hover {
  text-decoration: none
}

div#menu div.news p {
  margin: 0px;
  padding: 3px;
  line-height: 16px;
}

div#menu em {
  color: #888;
  font-size: 12px;
  padding: 4px 10px 4px 10px;
  display: block;
  text-indent: 0px;
  text-align: left
}

/*
div#menu ul.main ul {
  display: none;
}
*/

div#resources {
  background: url('/images/theme/bg_modal.png') repeat;
	position: absolute;
	width: 210px;
	left: 50%;
	top: 84px;
	height: 120px;
	margin-left: 265px;
  font-size: 13px;
  color: #fff;
  z-index: 500;
}

div#resources table {
  margin-left: 5px
}

div#resources table td {
  width: 100px;
  line-height: 14px;
  padding: 1px 0px 0px 0px;
}

div#resources img {
  margin: 0px;
  position: relative;
  bottom: -4px;
}

div#resources table td.rubies {
  width: 100px;
}


div#resources td.rubies a {
  display: block;
  text-align: center;
  text-decoration: none;
  background: url('/images/theme/bg_more_rubies.jpg') repeat;
  color: #fff;
  padding: 1px 10px 2px 10px;
  float: right;
  position: relative;
  top: 6px;
  right: 5px;
  line-height: 18px;
  border: 1px solid #8CE967;
	border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

div#resources td.rubies a:hover {
  border-color: #c00
}

div#resources td.rubies img {
  bottom: -5px;
}

div#resources span.more_rubies a {
  color: #fff
}


a.tutorial_button {
  position: absolute;
  top: 45px;
	left: 50%;
	width: 167px;
	line-height: 34px;
	height: 34px;
	margin-left: 288px;
	background: url('/images/tutorial/bg_button.png') no-repeat 0px 0px;
	display: block;
	text-align: center;
	border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 0px 1px #000;
  text-decoration: none
}

a.tutorial_button span.orderer {
  background: url('/images/tutorial/bg_orderer.png') no-repeat 0px center;
  display: block;
  width: 34px;
  line-height: 34px;
  text-align: center;
  float: left;
  text-indent: 0px;
  margin: 0px -20px 0px 0px;
  padding: 0px;
  position: relative;
  left: 14px;
}

.tutorial_frame {
  width: 339px;
  height: 381px;
  background: url('/images/tutorial/bg_frame.png') no-repeat 0px 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: absolute;
  top: 45px;
	left: 50%;
	margin-left: 150px;
	z-index: 999;
	color: #294427
}

.hidden {
  display: none
}

.tutorial_frame h3 {
  margin: 0px;
  padding: 0px;
  line-height: 46px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 0px 1px #000
}

.tutorial_frame h3 .orderer {
  background: url('/images/tutorial/bg_orderer.png') no-repeat 0px center;
  display: block;
  width: 34px;
  line-height: 46px;
  text-align: center;
  float: left;
  text-indent: 0px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  position: relative;
  left: 14px;
}

.tutorial_frame h4 {
  background: #C7FEB2;
  padding: 0px;
  line-height: 30px;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  text-indent: 20px;
  margin: 0px 15px 15px 15px;
}

.tutorial_frame p {
  margin: 7px auto 7px auto;
  text-align: justify;
  width: 88%;
  color: #000;
  font-size: 13px
}

.tutorial_frame .reward .resources {
	background: #294427;
	color: #82DF63;
	padding: 6px;
	position: relative;
	left: 4px;
}

.tutorial_frame .reward .resources img {
  position: relative;
  bottom: -5px;
  height: 18px;
}

.tutorial_frame .next_step {
  text-align: justify;
  margin: 0px 20px 0px 20px;
  padding-top: 20px;
}

.tutorial_frame .details {
  height: 160px;
}

.tutorial_frame table.list {
  margin: 0px auto 0px auto;
  border-spacing: 0px 2px
}

.tutorial_frame .list td {
  font-size: 12px;
}

.tutorial_frame .list tr.current td.title {
  border: 2px solid #000;
  border-right: 0px;
  color: #444;
}

.tutorial_frame .list tr.current td.value {
  border: 2px solid #000;
  border-left: 0px;
}

.tutorial_frame .list tr.highlight td.title {
  background: #D4F2C8;
  color: #444;
}

.tutorial_frame .list td.title {
  padding: 0px;
  background: #327A3C;
  color: #fff;
  width: 235px;
  text-indent: 8px;
	line-height: 24px;
	height: 24px;
}

.tutorial_frame .list td.value {
  width: 60px;
	background: #294427;
	color: #82DF63;
	line-height: 24px;
	height: 24px;
	text-align: center
}

.tutorial_frame .list td.done {
  background: #fff url('/images/tutorial/bg_done.png') no-repeat center center;
}

.tutorial_frame .list td.value img {
  position: relative;
  bottom: -5px;
  height: 18px;
}

.tutorial_frame .final_step {
  margin: -20px 10px 10px 10px;
  padding: 5px 0px 5px 0px;
  background: #92CE8A;
  color: #444;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
}

.tutorial_frame .final_step h5 {
  text-align: center;
  font-size: 16px;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  color: #fff;
  text-shadow: 0px 1px 1px #000
}

.tutorial_frame .final_step p {
  font-size: 13px;
  margin-left: 5px;
  margin-right: 5px;
  width: auto;
  text-align: center;
  padding: 0px;
}

.tutorial_frame .final_step p strong {
  font-size: 14px;
  color: #fff;
  text-shadow: 0px 1px 1px #000
}

.tutorial_frame .already_validated {
  color: #333;
  text-align: center;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  text-indent: 0px;
  width: 100%;
}

.tutorial_frame .close {
  float: right;
  position: relative;
  top: 12px;
  right: 12px;
  border: 0px;
}

.tutorial_frame .close img {
  border: 0px;
}

.resources_tip {
  margin-top: 15px;
}

#resources .stocks {
  padding: 12px 0px 0px 0px;
  line-height: 15px;
}

#resources .stocks_occupation {
  text-shadow: 0px 0px 2px #000;
  margin-left: 3px;
  padding-top: 1px;
  float: left;
}

#resources .stocks .progress_bar,
#resources .stocks_details {
  width: 120px;
  height: 16px;
  float: right;
  text-align: left;
  line-height: 16px;
  position: relative;
  margin-right: 5px;
}

#resources .stocks_details {
  margin-top: -16px;
  line-height: 16px;
  left: 0px;
  color: #295436;
  font-weight: normal;
  text-indent: 3px
}

#resources .stocks_full .stocks_occupation {
  color: #f00;
  font-weight: bold;
  text-shadow: 1px 1px 2px #c00;
}

#resources a.help_button_mini {
  float: left;
  text-decoration: none;
  position: relative;
  left: 4px;
  bottom: -1px
}

#resources .stocks_full .stocks_details {
  color: #fff;
  left: 2px;
}


#resources .stocks_full .ui-progressbar-value {
  background: #e00;
}

/*
div#resources table td.stock_message {
  line-height: 16px;
  height: 16px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  color: #F44;
  font-weight: bold;
  text-shadow: 0px 0px 2px #000
}

div#resources table td.stock_message span {
  position: relative;
  top: 6px;
  cursor: pointer
}*/