.invisible { display: none; }

span.clear { display: block; }

div#content {
  _height: auto!important;
}

/* left content */
div#content #left_content .tamagochi_toplist p.more {
  margin: 0 0 20px 0;
  text-align: right;
}

div#content #left_content .tamagochi_toplist p.more a {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.tamagochi_toplist h2 {
  margin: 0 0 0 16px;
  padding: 10px 0 0 0;
  width: 229px;
  height: 23px;
  background: url("../images/submenu_simple_wide.gif") 0 0 no-repeat;
  color: #fdb813;
  font-size: 12px;
  text-align: center;
}

.tamagochi_toplist .listcontent {
  padding: 0 20px 5px 5px;
  background: url("../images/tamagochi_toplist_bg.gif") 0 0 repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #000000 #b1800d #b1800d #b1800d;
}

.tamagochi_toplist .listcontent div.data {
  margin: 35px 0 0 0;
}

.tamagochi_toplist .listcontent div.data p {
  padding: 0 0 20px 0;
  min-height: 45px;
  _height: 45px;
  line-height: 15px;
  font-weight: bold;
  vertical-align: top;
}

.tamagochi_toplist .listcontent div.data span.no {
  float: left;
  width: 30px;
  padding: 0 5px 0 0;
  text-align: right;
}

.tamagochi_toplist .listcontent div.data span.info {
  float: left;
  width: 150px;
}

.tamagochi_toplist .listcontent div.data span.info span {
  font-weight: normal;
}

div#content #left_content .tamagochi_toplist .listcontent div.data span.info a {
  color: #000000;
  text-decoration: none;
}

.tamagochi_toplist .listcontent div.data span.doing {
  color: #ffe4a3;
}

.tamagochi_toplist .listcontent div.data span.level_wrap {
  display: block;
  float: right;
  width: 37px;
  height: 30px;
  background: url("../images/tamagochi_level_bg.gif") 0 0 no-repeat;
  overflow: hidden;
}

.tamagochi_toplist .listcontent div.data span.level {
  display: block;
  margin: 0 0 0 27px;
  width: 10px;
  height: 30px;
  background-image: url("../images/tamagochi_level.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
}


/* right content */

a.createdog {
  float: left;
  margin: 5px 0 0 0;
  display: block;
  width: 174px;
  height: 29px;
  background: url("../images/btn_kutya_letrehozasa.gif") 0 0 no-repeat;
  text-decoration: none;
}

a.list_virtualdogs {
  float: left;
  margin: 5px 5px 0 0;
  display: block;
  width: 159px;
  height: 29px;
  background: url("../images/btn_virtualis_kutyak.gif") 0 0 no-repeat;
  text-decoration: none;
}

/* create */
#right_content .tamagochi_maincontent .baseform_holder {
  margin: 10px 0 0 0;
  border-top: 1px solid #000000;
}

.create_button input {
  width: 120px;
  height: 29px;
  margin: 5px 0px 0px 2px;
  padding: 29px 0px 0px 0px;
  overflow: hidden;
  cursor: pointer;
  border: none;
  background: url(../images/btn_letrehoz.gif) no-repeat left top;
}


/*dogs list */
.dogs_list { margin: 20px 0 0 0; }

.dogslist_item { margin: 0 0 40px 0; }

.dogslist_item h3 { color: #7e5c09; }

.dogslist_item h3 a {
  color: #000000;
  text-decoration: none;
}

.dogslist_item h3 span {
  font-size: 12px;
  font-weight: normal;
}

div#content #right_content .tamagochi_maincontent .submenu {
  position: static;
  margin-top: 0;
  _padding-bottom: 2px;
  height: 9px;
}

.tamagochi_maincontent .content {
  padding: 20px 5px 20px 4px;
}

.tamagochi_maincontent h3 {
  float: left;
  width: 350px;
  font-size: 24px;
}

.tamagochi_maincontent p.adopt_date {
  float: right;
  margin: 12px 0 0 0;
  color: #7e5c09;
}


/* data */
.tamagochi_maincontent .data {
  margin: 10px 0 0 0;
  *margin: 0 0 0 0;
  _margin: 10px 0 0 0;
  padding: 20px 0 0 0;
  width: 649px;
  background: url("../images/tamagochi_contentdata_bg.gif") 0 0 repeat-x;
}

.tamagochi_maincontent .data div.strength,
.tamagochi_maincontent .data div.vitality,
.tamagochi_maincontent .data div.spirit {
  float: left;
  width: 216px;
}

.tamagochi_maincontent .data div.strength p,
.tamagochi_maincontent .data div.vitality p,
.tamagochi_maincontent .data div.spirit p,
.tamagochi_maincontent .data p.justnow_title {
  padding: 0 0 0 36px;
  width: 180px;
  font-weight: bold;
}

.tamagochi_maincontent .data div span.data_text {
  float: left;
  display: block;
  min-width: 38px;
  _width: 38px;
}

.tamagochi_maincontent .data div span.data_level {
  float: left;
  display: block;
  margin: 0 0 0 8px;
}

.tamagochi_maincontent .data div span.data_level span {
  display: block;
}

.tamagochi_maincontent .data div.strength span.data_level {
  width: 85px;
  height: 27px;
  background: url("../images/tamagochi_bones_bg.gif") 0 0 no-repeat;
}

.tamagochi_maincontent .data div.strength span.data_level span {
  width: 85px;
  height: 27px;
  background: url("../images/tamagochi_bones.gif") 0 0 no-repeat;
}

.tamagochi_maincontent .data div.vitality span.data_level {
  margin: 5px 0 0 8px;
  width: 104px;
  height: 20px;
  background: url("../images/tamagochi_hearts_bg.gif") 0 0 no-repeat;
}

.tamagochi_maincontent .data div.vitality span.data_level span {
  width: 104px;
  height: 20px;
  background: url("../images/tamagochi_hearts.gif") 0 0 no-repeat;
}

.tamagochi_maincontent .data div.spirit span.data_level {
  margin: 1px 0 0 8px;
  width: 110px;
  height: 26px;
  background: url("../images/tamagochi_dogheads_bg.gif") 0 0 no-repeat;
}

.tamagochi_maincontent .data div.spirit span.data_level span {
  width: 110px;
  height: 26px;
  background: url("../images/tamagochi_dogheads.gif") 0 0 no-repeat;
}


/* justnow */
.tamagochi_maincontent .data div.justnow {
  width: 649px;
  min-height: 270px;
  _height: 270px;
}

.tamagochi_maincontent .data p.justnow_title {
  padding: 30px 0 5px 20px;
  width: 143px;
}

.justnow_bubble {
  float: left;
  margin: 0 0 0 15px;
  width: 183px;
}

.justnow_bubble_head {
  width: 183px;
  height: 27px;
  background: url("../images/justnow_bubble_head.gif") 0 0 no-repeat;
}

.justnow_bubble_body {
  padding: 0 20px;
  width: 143px;
  background: url("../images/justnow_bubble_body.gif") 0 0 repeat-y;
}

.justnow_short {
  padding: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
}

.justnow_long {
  padding: 0 0 10px 0;
}

.justnow_timer span.timer_text {
  color: #7e5c09;
  font-size: 10px;
}

.justnow_bubble_foot {
  width: 183px;
  height: 17px;
  background: url("../images/justnow_bubble_foot.gif") 0 0 no-repeat;
}

.justnow .flashwrap {
  float: right;
  width: 421px;
  height: 270px;
  overflow: hidden;
  position: relative;
  z-index: 98;
}

.flashwrap_index {
  margin: 0 0 0 114px;
}

#swf_id { visibility: visible!important; }


/* tabs */
.yui-navset {
  overflow: hidden;
  width: 649px;
}

.tamagochi_maincontent .yui-nav {
  margin: 15px 0 0 15px;
  height: 33px;
}

.tamagochi_maincontent .yui-nav li {
  float: left;
  list-style-position: inside;
  list-style-type: none;
  height: 33px;
  text-align: center;
}

.tamagochi_maincontent .yui-navset .yui-nav li,
.tamagochi_maincontent .yui-navset .yui-navset-top .yui-nav li,
.tamagochi_maincontent .yui-navset .yui-navset-bottom .yui-nav li {
  margin: 0 6px 0 0;
}

.tamagochi_maincontent .yui-navset .yui-nav li a,
.tamagochi_maincontent .yui-navset-top .yui-nav li a,
.tamagochi_maincontent .yui-navset-bottom .yui-nav li a {
  display: block;
  vertical-align: top;
}

.tamagochi_maincontent .yui-nav li a {
  display: block;
  padding: 10px 0 0 0;
  height: 23px;
  background-position: 0 -33px;
  background-repeat: no-repeat;
  color: #fdb813;
  font-weight: bold;
  text-decoration: none;
}

.tamagochi_maincontent li a.tabs_history {
  width: 182px;
  background-image: url("../images/tamagochi_tabs_history.gif");
}

.tamagochi_maincontent li a.tabs_history span {
  color: #8e7434;
  font-weight: normal;
}

.tamagochi_maincontent li a.tabs_tasks {
  width: 120px;
  background-image: url("../images/tamagochi_tabs_tasks.gif");
}

.tamagochi_maincontent li.selected a.tabs_history,
.tamagochi_maincontent li.selected a.tabs_tasks {
  background-position: 0 0;
}

.tamagochi_maincontent .yui-content {
  padding: 10px 0;
  background: url("../images/tamagochi_tasks_item_first_bg.gif") 0 0 repeat-x;
}

.tamagochi_maincontent .yui-content ul {
  list-style-image: none;
  list-style-position: inside;
  list-style-type: none;
}

.tamagochi_historybubble {
  margin: 20px 0 0 2px;
  width: 641px;
}

.tamagochi_historybubble_head {
  width: 641px;
  height: 26px;
  background: url("../images/tamagochi_historybubble_head.gif") left bottom no-repeat;
}

.tamagochi_historybubble_head p {
  padding: 0 0 0 32px;
  color: #7e5c09;
  font-size: 10px;
}

.tamagochi_historybubble_body {
  padding: 10px 30px;
  width: 581px;
  background: #ffcf5d;
}

.tamagochi_historybubble_foot {
  width: 641px;
  height: 9px;
  background: url("../images/tamagochi_historybubble_foot.gif") left top no-repeat;
}

/* tasks */
.tamagochi_maincontent .tasks .item {
  margin: 10px 0 0 0 ;
  padding: 20px 0 0 20px;
  width: 629px;
  background: url("../images/tamagochi_tasks_item_bg.gif") 0 0 repeat-x;
  overflow: hidden;
}

.tamagochi_maincontent .tasks .item_first {
  margin: 0;
  padding: 10px 0 0 20px;
  background: none;
}

.tamagochi_maincontent .tasks .item h4 {
  padding: 0 0 0 57px;
  height: 26px;
  line-height: 26px;
  background-image: url("../images/tamagochi_increase.gif");
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
}

.tamagochi_maincontent .tasks .item h4.task_group_2 {
  background-position: 0 -26px;
}

.tamagochi_maincontent .tasks .item h4.task_group_3 {
  background-position: 0 -52px;
}

.tamagochi_maincontent .tasks .item .task {
  float: left;
  margin: 10px 8px 0 0;
  width: 145px;
  height: 106px;
}

.tamagochi_maincontent .tasks .item .task a {
  display: block;
  position: relative;
  width: 145px;
  height: 106px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-decoration: none;
}

.tamagochi_maincontent .tasks .item .task a:hover,
.tamagochi_maincontent .tasks .item .task a.active {
  background-position: 0 -106px;
}

.tamagochi_maincontent .tasks .item .task a span {
  display: block;
  position: absolute;
}

.tamagochi_maincontent .tasks .item .task a span.action_title {
  top: 9px;
  left: 10px;
  padding: 0 10px 0 0;
  letter-spacing: -0.2mm;
}

.tamagochi_maincontent .tasks .item .task a span.action_title sup {
  font-size: 9px;
}

.tamagochi_maincontent .tasks .item .task a span.action_timer {
  bottom: 12px;
  left: 10px;
  font-size: 10px;
}

/* increase strength */
.tamagochi_maincontent .tasks .item div.action_1_1 a {
  background-image: url("../images/tamagochi_action_feed_dry.gif");
}

.tamagochi_maincontent .tasks .item div.action_1_2 a {
  background-image: url("../images/tamagochi_action_feed_pouch.gif");
}

.tamagochi_maincontent .tasks .item div.action_1_3 a {
  background-image: url("../images/tamagochi_action_feed_can.gif");
}

.tamagochi_maincontent .tasks .item div.action_1_4 a {
  background-image: url("../images/tamagochi_action_give_water.gif");
}

/* increase vitality */
.tamagochi_maincontent .tasks .item div.action_2_1 a {
  background-image: url("../images/tamagochi_action_clean_teeth.gif");
}

.tamagochi_maincontent .tasks .item div.action_2_2 a {
  background-image: url("../images/tamagochi_action_vaccination.gif");
}

.tamagochi_maincontent .tasks .item div.action_2_3 a {
  background-image: url("../images/tamagochi_action_microchip.gif");
}

.tamagochi_maincontent .tasks .item div.action_2_4 a {
  background-image: url("../images/tamagochi_action_clean_coat.gif");
}

/* increase spirit */
.tamagochi_maincontent .tasks .item div.action_3_1 a {
  background-image: url("../images/tamagochi_action_stroke_back.gif");
}

.tamagochi_maincontent .tasks .item div.action_3_2 a {
  background-image: url("../images/tamagochi_action_pet_thehead.gif");
}

.tamagochi_maincontent .tasks .item div.action_3_3 a {
  background-image: url("../images/tamagochi_action_pow.gif");
}

.tamagochi_maincontent .tasks .item div.action_3_4 a {
  background-image: url("../images/tamagochi_action_rodeo.gif");
}

.tamagochi_maincontent .tasks .item div.action_3_5 a {
  background-image: url("../images/tamagochi_action_long_walk.gif");
}


/* alertbox - mypanel */
#myPanel {
  position: relative;
  padding: 0 20px 20px 20px;
  width: 300px!important;
  _height: 50px;
  min-height: 50px;
  background: #000000;
  color: #fdb813;
  font-size: 12px;
}

#myPanel .hd {
  padding: 15px 0 7px 0;
  font-weight: bold;
}

#myPanel a.container-close {
  top: 4px;
  right: 4px;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/tamagochi_mypanel_close.gif") 0 0 no-repeat;
  text-indent: -10000px;
}