html {
  margin: 0;
}
body {
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
direction:ltr;
text-align:left;
color:#333;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed;height:100%;
margin: 0;
}

h1, h2, h3, h4, h5{font-size:13px;color:#333;margin:0;padding:0}
h1{font-size:14px}
h4, h5{font-size:11px}
p{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;text-align:left}
a{cursor:pointer;color:#3b5998;-moz-outline-style:none;text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
select{border:1px solid #bdc7d8;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;padding:2px}
td,
td.label{font-size:11px;text-align:left}

pre { 
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font:11px "lucida grande",tahoma,verdana,arial,sans-serif;
margin:0px;
}

textarea, .inputtext, .inputpassword {
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 3px;
}

.footer {
    clear:both;
    background: none repeat scroll 0 0 #EEEEEE;
    border-top: 1px solid #CCCCCC;
    text-align:center;
    color: #555555;
    padding-top: 10px;
    padding-bottom: 10px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

#canvaspage {
position:relative;
width:760px;
margin: 0 auto;
background-color:#fff;
word-wrap: break-word;
}

.gardenskin {
  background-color:#007f00;
  color:#fff;
}
#tabsS {
float:left;
width:100%;
font-size:93%;
line-height:normal;
margin-bottom:10px;
}
#tabsS ul {
margin:0px;
padding:0px;
list-style:none;
}
#tabsS li {
display:inline;
margin:0px;
padding:0px;
}
#tabsS a {
float:left;
margin:0px;
padding:0px 2px 0px 0px;
text-decoration:none;
}
#tabsS a span {
float:left;
display:block;
padding:5px 5px 4px 6px;
}


.shoptab {
background-color:#EFD497;
border-bottom:1px solid #EFD497;
border-top:1px solid #663700;
border-left:1px solid #663700;
border-right:1px solid #663700;
color:#000;
border-top-right-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
}
.shoptab_selected {
background-color:#955707;
border:1px solid #955707;
color:#fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
}
.shopsidetab {
background-color:#EFD497;
width:130px;
padding:5px;
border:1px solid #663700;
margin-bottom:3px;
color:#555;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
}
.shopsidetab_selected {
background-color:#955707;
width:130px;
padding:5px;
border:1px solid #955707;
margin-bottom:3px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
}

.wlsidetab {
background-color:#ddeedd;
width:130px;
padding:5px;
border:1px solid #aabbaa;
margin-bottom:5px;
color:#555;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
}
.wlsidetab_selected {
background-color:#007f00;
width:130px;
padding:5px;
border:1px solid #007f00;
margin-bottom:5px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
}

.uwsidetab {
background-color:#CCE5FF;
width:130px;
padding:5px;
border:1px solid #aaaabb;
margin-bottom:5px;
color:#555;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
}
.uwsidetab_selected {
background-color:#0E3BBA;
width:130px;
padding:5px;
border:1px solid #0E3BBA;
margin-bottom:5px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
}

.shoppage {
float:left;
}

.shopclass {
padding:10px;
color:#000;
width:150px;
}

.shopclassheader {
font-size:14px;
font-weight:bold;
border-bottom:1px solid #000;
margin-bottom:5px;
width:100%;
}

.shopclassdesc {
padding:5px;
}

.mike_error {
padding:10px;
border:1px solid #dd3c10;
background-color:#ffebe8;
border-radius:5px;
-moz-border-radius:5px;
}

.status {
padding:5px;
border:1px solid #e2c822;
background-color:#fff9d7;
border-radius:5px;
-moz-border-radius:5px;
}

.backgroundgreen {
background-color:#f0f0f0;
}

.backgroundgreenbox {
background-color:#ddeedd;
border:1px solid #aabbaa;
}

.backgroundgreybox {
background-color:#f7f7f7;
color:#999;
border:1px solid #aabbaa;
}

.gardengreen {
background-color:#007f00;
}

blockquote {
background:transparent url(http://www.facebook.com/images/start_quote_small.gif) no-repeat scroll -1px 0;
color:#333333;
line-height:14px;
margin:14px 0;
padding:0 0 0 16px;
}
blockquote span {
background:transparent url(http://www.facebook.com/images/end_quote_small.gif) no-repeat scroll right bottom;
padding:0 15px 0 0;
}

ul {
list-style-type: circle; 
padding-left:10px;
padding-top:0px;
margin-bottom:0px;
margin-top:3px;
}

li {
margin-left:0.5em;
margin-bottom:0.3em;
}

.link {
  color:rgb(59, 89, 152);
  cursor:pointer;
}
.link:hover {
  text-decoration: underline;
}

.inputsubmit {
  background-color:#007f00;
  color:#fff;
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  border:1px outset #007f00;
  text-decoration:none;
  font-size:11px;
  cursor:pointer;
  border-radius:3px;
  -moz-border-radius:3px;
}

.inputsubmitplain {
  background-color:#007f00;
  color:#fff;
  padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  border:1px outset #007f00;
  text-decoration:none;
  font-size:11px;
  cursor:pointer;
  border-radius:3px;
  -moz-border-radius:3px;
}
#dialogdiv {
  display:none;
  width:340px;
  left:210px;
  height:auto;
  padding:12px;
  padding-bottom:12px;
  background-color:#f7f7f7;
  position:absolute;
  top:140px;
  color:#000000;
  border-radius:10px;
  -moz-border-radius:10px;
}

#dialogtitle {
font-weight:bold;
margin-bottom:4px;
}
#dialogtext {
margin-bottom:10px;
}

.info_dialog {
  border:4px outset #00aa00;
}

.error_dialog {
  border:4px outset #aa0000;
}


.wall_post {
float:right;
margin-bottom:5px;
margin-left:-50px;
margin-top:10px;
width:100%;
}
.wall_post .wall_profilepic {
float:left;
width:50px;
}
.wall_post .wall_postcontent {
margin-left:50px;
padding-left:5px;
}
.wall_post .wall_postcontent h4 {
background:#F7F7F7 none repeat scroll 0%;
border-bottom:1px solid #D8DFEA;
border-top:1px solid #3B5998;
font-weight:normal;
padding:3px 5px;
}
.wall_post div.wall_actionset {
border-bottom:1px solid #D8DFEA;
font-size:9px;
padding:3px;
}
.wall_post .wall_postcontent h4 .wall_time {
display:block;
font-size:9px;
padding-top:2px;
}
.wall_subtitle {
background-color:#EEEEEE;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#000000;
font-size:11px;
font-weight:normal;
padding:3px 5px 2px;
width:99%;
margin:0px;
}
.wall_form {
background-color:#F7F7F7;
border-bottom:1px solid #CCCCCC;
padding:10px;
}
.wd_none {
display:none;
}


.plantpopup {
width:340px;
height:auto;
padding:5px;
padding-bottom:12px;
background-color:#fff9d7;
display:none;
border:2px outset #e2c822;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
z-index:9999;
}
.plantpopuptitle {
position:relative;
height:16px;
width:340px;
padding-top:3px;
padding-bottom:3px;
color:#ffffff;
font-size:10pt;
font-weight:bold;
border-radius:3px;
-moz-border-radius:3px;
}

.gardenwall_subtitle {
border-bottom:1px solid #ccc;
border-top:1px solid #999;
background-color:#f7f7f7;
padding:3px;
padding-left:6px;
margin-top:3px;
width:434px;
}

.gardensidetext {
padding-top:5px;
padding-left:5px;
font-size:10px;
width:438px;
}

.gardenmsg {
  width:440px;
}
.p1 {left:20px}
.p2 {left:120px}
.p3 {left:220px}
.p4 {left:310px}
.p5 {left:390px}
.planttd {padding-left:3px;padding-right:3px;vertical-align:bottom;height:202px;}
.plantpopuptitle2{position:absolute;top:3px;width:340px;}
.mushroombox {position:relative;height:90px;width:100%;padding-bottom:10px;}
.mushroombox2 {position:absolute;top:0px;left:0px;height:90px;margin-top:5px;width:100%;}
.snailbox {height:150px;margin-top:5px;position:relative;border-right:1px solid #ccc;width:302px;float:left;padding-bottom:10px;font-size:9.5px;}
.snailbox2 {height:150px;margin-top:5px;position:relative;float:left;top:0px}
.top0 {top:0px}
.top30 {top:30px}
.top60 {top:60px}
.top90 {top:90px}
.top120 {top:120px}
.left0 {left:0px}
.left50 {left:50px}


.popupdialogclass {
  border:4px outset #00aa00;
  width:400px;
  left:165px;
  height:auto;
  padding:12px;
  padding-bottom:12px;
  background-color:#ffffff;
  position:absolute;
  top:140px;
  color:#000000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#bug {
  cursor:pointer;
}

#bugdiv {
  height:60px;
}

.status_green {
  padding:5px;
  background-color:#ddeedd;
  border:1px solid #aabbaa;
}

.status_red {
 padding:5px;
 border:1px solid #dd3c10;
 background-color:#ffebe8;
}
.puff {
	position: absolute;
	width: 0px;
	height: 0px;
}

.giftbox {
  position:absolute;
  padding:10px;
  top:55px;
  left:30px;
  height:330px;
  width:675px;
  background-color:#ddeedd;
  border:5px solid #007f00;
  display:none;
  z-index:50035;
  border-radius:10px;
  -moz-border-radius:10px;
}

.giftboxheader {
  font-size:14px;
  font-weight:bold;
  padding:5px;
}
.giftboxfooter {
  text-align:right;
  clear:both;
  width:100%;
  padding-top:5px;
}
.giftboxclose {
  float:right;
  cursor:pointer;
}
.subgiftbox {
  float:left;
  width:567px;
  margin-left:5px;
}

.friendselectorbox {
  overflow:auto;
  position:relative;
  background-color:#fff;
  top:0px;
  left:0px;
  width:560px;
  height:240px;
  border:2px inset #ccc;
  margin-top:5px;
  margin-left:5px;
  margin-bottom:10px;
  padding:0px;
}

.friendselectorboxcenter {
  text-align:center;
  margin-top:30px;
}

ul.friendselector {
  width:528px;
  overflow:hidden;
  margin:0px;
  padding:5px;
}
ul.friendselector li{
  float:left;
  margin:2px;
  display:inline;
  vertical-align:center;
  width:160px;
  padding:5px;
  cursor:pointer;
  border-radius:7px;
  -moz-border-radius:7px;
  border:1px solid transparent;
}
ul.friendselector li.selected {
  background-color:#FFFACD;
  border:1px solid #000;
}
ul.friendselector li .pic {
  float:left;
}
ul.friendselector li .name {
  float:left;
  width:125px;
  height:25px;
  padding-left:10px;
  vertical-align:center;
  
}
#whiteout {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background-color:#fff;
opacity:0.7;
z-index:50015;
display:none;
}