/* easy reset */
* { margin:0; padding:0; font-size:1em; font-weight:normal; list-style-type:none; }
/* easy reset */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* fix safari subpixel text rendering */
html { -webkit-font-smoothing:antialiased; }

/* fix html5 displays */
header, footer, nav, section { display:block; }

/* standard tags styling */
body { background-color:#f1f1f1; color:#333333; font-family:Arial, "lucida grande", tahoma, verdana, sans-serif; font-size:13px; line-height:1.3em; text-align:center; }
h1, h2, h3 { margin: 0 0 10px 0; padding:0; min-height: 1px; }
h1 { font-size:16px; color:#6a6a6a; font-weight: bold; border-bottom: solid 1px #c7c7c7; padding: 0 0 10px 0; margin: 0 0 15px 0; }
h1.noBorder { margin: 0 0 10px 0; padding:0; border-bottom: none;}
h2 { font-size:15px; color:#516C00; font-weight: bold;}
h2.green { border-bottom:solid 1px #a0be51; background: #e9f0d8; color: #73883a; font-weight: bold; padding: 5px;  }

h3 { font-size:13px; color:#414141; font-weight: bold; border-bottom: solid 1px #e0e0e0; padding: 0 0 3px 0; }
p, ul, ol { margin-top:0; font-family:Arial, Helvetica, Sans-serif; }
p { margin: 0 0 15px 0; }
ul, ol { margin:0px; padding:0px; list-style:none; line-height:200%; }
a { text-decoration:underline; color:#516C00; }
a:hover { text-decoration:none; }
h1 a { color: #6a6a6a; text-decoration:none; font-weight: bold;}
h1 a:hover { color:#516C00;}
h2 a { text-decoration:none; }
table { empty-cells:show; }
img { border:0; }
img.left { margin: 0 10px 5px 0;}
strong, strong * { font-weight: bold;}
em { font-style: italic; color: #555; }
span.small { font-size: 12px;}
/* inner div for centering */
.inner { clear:both; width:987px; margin:0 auto; text-align:left; }
.frame { clear:both;  margin:0 auto; text-align:left; }
#content {  position: relative;}
.center { text-align: center;}
.center #content { margin: 0 auto; text-align: left; }
.center.steps #content { float: left; }
.whitebox { padding-bottom: 20px; }
.right { display: block; float: right; }

body.frame { background-color: #fff;}
#page { background-color: #fff; }
.small #page { background-color:#f1f1f1; }
body.frame #page { background-color: #fff;}

.pages ul { margin:  0 0 0 25px; list-style-type: disc;}
.pages ul li { list-style-type: disc; line-height: 140%; }
.pages ol { margin:  0 0 0 25px; list-style-type:  decimal; }
.pages ol li { list-style-type: decimal; line-height: 140%; }


/* Header */
header { background:#5e5751 url('../images/headerbg.jpg') repeat-x scroll left bottom; clear:both; height:52px; border-top:solid 3px #a0be51; color:#fff; }
header a { }
header a:hover { color:#fff; }
header #logo { float:left; width: 200px; height: 52px; }
header .search { position: relative; float: left; margin: 7px 0 0 0;}
header .right { margin: 12px 0 0 0; float:right; text-align:right; }
header .right  a { font-size: 12px; color:#fff; text-decoration: none; font-weight: bold; }
header .right  a:hover { color:#a0be51; }
header ul.right li { display: block; float: left; position:relative; }
header ul.right li.dropdown a { background: url('../images/navSubArrowWhite.png?1') no-repeat 100% 10%; padding-right: 20px; margin-left: 5px;  }
header ul.right li.dropdown.hover { background: #fff; border: solid 1px #c7c7c7; border-bottom: none; 
	border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px;}	
header ul.right li.dropdown.hover a { color: #555; background: url('../images/navSubArrow.png?1') no-repeat 100% 10%; margin-left: 3px; }
header ul.right li ul { position: absolute; display: none; width: 100%; right: 0; z-index: 1000; background: #fff; border: solid 1px #c7c7c7; border-top: none; margin-left: -1px; margin-right: -1px; padding:  5px 0;
	border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; 
	}

header ul.right li.hover ul { display:block; }
header ul.right li ul li { display:block; float:none;}
header ul.right li a { display:block; padding: 0px 10px;}
header ul.right li.dropdown.hover ul li a { text-align: left !important; font-weight: normal; color: #666; background: none !important; margin: 0; border: none; padding: 5px 5px 5px 10px; line-height: 1.2em; }
header ul.right li.dropdown ul li a:hover { color:#516C00; }

#offline {background-color: #ED1C24;color: white;font-weight: bold;}

/* Site Search */
.search { }
.searchBox { width: 300px; background-color: #fff; border-top: solid 1px #34302d; border-left: solid 1px #34302d; }
.searchBox #what { width: 85px; }
.searchBox #searchTerm { margin: 0; padding: 3px; width: 170px; border: solid 0px #fff; font-size: 12px; outline: none; }
.searchBox #searchSubmit{ text-indent: -9999em; float:right; width: 20px; height: 20px; background: url('../images/icons/search.png') no-repeat 50% 50%; border: solid 0px #fff; }
.searchBox {position: relative;}
#searchBoxSelect {display: inline-block;color:#666; font-size: 12px; padding:0; background: #EEE url('/images/navSubArrow.png?1') no-repeat 60px -3px; padding-right: 20px;cursor: pointer;border-right: 1px solid gray;}
#searchBoxActive {padding: 2px 5px 2px 7px;display: block;width:43px;}
#searchBoxList {display:none;position: absolute;background: #fff;z-index:999;border: 1px solid #c7c7c7;width: 75px; 
	border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; }
#searchBoxList li a {padding:2px 5px 0 5px;text-decoration: none;display: block; color: #666}
#searchBoxList li a:hover, #searchBoxList li a.selected { background-color: #999;color:#fff; text-shadow: rgba(0, 0, 0, .2) 0px 1px 0px;}
#searchBoxSelect.hover ul#searchBoxList {display:block;}
.search #suggest { display: none; width: 299px; border: solid 1px #999; background-color: #fff; position: absolute; left:  0; top:  23px; z-index: 100; }
.search #suggest #miniList li {padding: 0 0 0 10px;}


/* navigation style */
nav { background-color: #ececec; text-align:left; border-bottom: solid 1px #c7c7c7;  }
nav ul.navigation { margin: 0 0 0 190px;height: 34px;}
nav ul.navigation li { float:left; position: relative; }
nav ul.navigation li a { line-height: 1em; display:block; padding: 11px; color:#666; text-decoration:none; text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; }
nav ul.navigation li a.active { color: #222; border-bottom: solid 2px #a0be51; padding-top: 10px; padding-bottom: 10px; } /*-moz-box-shadow: inset 0 1px 0 #444; -webkit-box-shadow: inset 0 1px 0 #444; box-shadow: inner 0 1px 0 #444; */
nav ul.navigation li.hover a.active,
nav ul.navigation li a.active:hover { border-bottom: solid 2px #999; }
nav ul.navigation li.hover a,
nav ul.navigation li a:hover { color:#FFF; background: #999; text-shadow: rgba(0, 0, 0, .5) 0px 1px 0px; } /*-moz-box-shadow: inset 0 1px 0 #666; -webkit-box-shadow: inset 0 1px 0 #666; box-shadow: inner 0 1px 0 #666; */
nav ul.navigation li.sub.hover a.active,
nav ul.navigation li.sub.hover a,
nav ul.navigation li.sub a:hover { color:#FFF; background: #999 url('../images/navSubArrowWhite.png?1') no-repeat 100% 20%; 
				-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; 
				-moz-border-bottom-left-radius: 0; -moz-border-bottom-right-radius: 0;
				-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;
				border-bottom-left-radius: 0; border-bottom-right-radius: 0; 
				}
nav ul.navigation li.sub a { background: url('../images/navSubArrow.png?1') no-repeat 100% 20%; padding-right: 20px; }
nav ul.navigation li.new a { background: url('../images/newStarYellow.png') no-repeat 100% 20%; padding-right: 20px;}
nav ul.navigation li.new a:hover { background:  #999 url('../images/newStarYellow.png') no-repeat 100% 20%; }
nav ul.navigation li.sub ul { padding: 10px 0; display: none; position: absolute; top: 35px; left:  0; background: #999; z-index: 500; width: 150px; 
						-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
						-webkit-border-top-left-radius: 0; 
						-moz-border-top-left-radius: 0; -moz-border-radius-topleft: 0; 
						border-top-left-radius: 0;
						}
nav ul.navigation li.sub ul li { float: none; margin: 0;}
nav ul.navigation li.sub.hover ul li a,
nav ul.navigation li.sub ul li a { background: #999; font-size:13px; text-shadow: rgba(0, 0, 0, .2) 0px 1px 0px; line-height: 1em; display:block; padding: 5px 10px; color:#FFF; text-decoration:none;
								   -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;   } /*-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; */
nav ul.navigation li.sub.hover ul li.hover a,
nav ul.navigation li.sub ul li a:hover { background: #777; color: #fff; padding: 5px 10px;  } /*-moz-box-shadow: inset 0 0 0 #999; -webkit-box-shadow: inset 0 0 0 #999; box-shadow: inner 0 0 0 #999; */
nav ul.navigation li.hover ul,
nav ul.navigation li:hover ul { display: block; }

nav ul.navigation li.helpdesk { float:right; }
nav ul.navigation li.helpdesk a { background: url('../images/icons/help.png') no-repeat 5px 4px; padding: 5px 10px 5px 25px; }
nav ul.navigation li.helpdesk a:hover { color:#FFF; background: #6996c4 url('../images/icons/help.png') no-repeat 5px 4px; }

ul.subNav { margin: 20px 0 20px 0; clear: left; }
ul.subNav li a { color: #414141; font-size: 13px; display:block; padding: 5px 0px 5px 27px; text-decoration: none; line-height: 1em;}
ul.subNav li a:hover { color: #839d41; }
ul.subNav li.active { background-color: #e6e6e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
ul.subNav li.active a, ul.subNav li.active a:hover { color: #111; }
ul.subNav li#plants a { background: url('../images/icons/leaves.png') no-repeat 5px 3px ; }
ul.subNav li#wishlist a { background: url('../images/icons/icon_favourites.png') no-repeat 5px 3px ; }
ul.subNav li#exchange a { background: url('../images/icons/action_refresh.gif') no-repeat 5px 3px ; }
ul.subNav li#calendar a { background: url('../images/icons/calendar.png') no-repeat 5px 3px ; }
ul.subNav li#following a { background: url('../images/icons/following.png') no-repeat 5px 3px ; }
ul.subNav li#followers a { background: url('../images/icons/followers.png') no-repeat 5px 3px ; }
ul.subNav li#photos a { background: url('../images/icons/photo.png') no-repeat 5px 3px ; }
ul.subNav li#messages a { background: url('../images/icons/email.png') no-repeat 5px 3px ; }
ul.subNav li#stream a { background: url('../images/icons/comments.png') no-repeat 5px 3px ; }
ul.subNav li#badges a { background: url('../images/icons/shield.png') no-repeat 5px 3px ; }
ul.subNav li#map a { background: url('../images/icons/map.png') no-repeat 5px 3px ; }
ul.subNav li#user a { background: url('../images/icons/user_green.png') no-repeat 5px 3px ; }
ul.subNav li#rss a { background: url('../images/icons/rss.png') no-repeat 5px 3px ; }
ul.subNav li#tags a { background: url('../images/icons/tag_green.png') no-repeat 5px 3px ; }
ul.subNav li#qr a { background: url('../images/icons/qr.png') no-repeat 5px 3px ; }
ul.subNav li#social a { background: url('../images/icons/facebook.png') no-repeat 5px 3px ; }
ul.subNav li#plus a { background: url('../images/icons/plus.png') no-repeat 5px 3px; }
ul.subNav li a .number { display: block; float:right; padding: 2px 3px; margin-top: -2px; background: #bbb; color: white; font-size: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
ul.subNav li.active a .number { color: #999; background: transparent; }

footer nav { background: none; border-bottom: none;}
footer nav ul.navigation { margin: 0;}
footer nav ul.navigation li { margin: 0; }
footer nav ul.navigation li a { line-height: 1em; font-size: 13px; border-left: solid 1px #dadada; padding: 0 8px; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; text-shadow: none;}
footer nav ul.navigation li.first a { border-left: solid 0px #fff; padding: 0 8px 0 0;}
footer nav ul.navigation li a:hover { color:#333; text-decoration: underline; background: none; text-shadow: none;} 


/* Page */
.two-columns { padding:40px 0 0 0; }
.two-columns .leftcolumn { float:left; width:50%; }
.two-columns .rightcolumn { float:right; width:50%; }
#simple-content { padding:40px 50px 0 40px; }
#smallCenterContent { width: 500px; margin: 30px auto; border: solid 1px #c1c1c1; padding: 20px; background-color: #fff; }
#content { float: left; width:518px; min-height:200px; padding: 20px; }
#content.large { width: 719px; border-right:none; padding-left: 20px;}
#content.large.rightSidebar { padding-left: 0px; }
#content.large .left { width: 350px; float:left; margin: 0 19px 0 0;}
#content.large .right { width: 350px; float:left; margin: 0;}
#content.fullWidth { width: 100%; border:none; padding: 0; }

/* Sidebar */
#sidebar { float:left; margin-left: 10px; width:230px; padding: 27px 0 15px 0; text-align: left; }
#sidebar a.more { margin-top: -15px; }
.frame #sidebar { float:right; padding: 0; margin-right: 10px; }
.frame #sidebarLeft { display: none; }
.sidebarTitleMeta { float:right; font-size: 12px; font-style: italic; color: #666;}

#sidebarLeft { float: left; width: 170px; padding: 20px 10px 15px 0; border-right: solid 1px #c7c7c7; overflow: hidden; }
#sidebarLeft h2 { border-bottom: solid 1px #e0e0e0; color:#444; padding-bottom: 10px;}
#sidebarLeft .photo { float: left; margin: 0 10px 10px 0; }
#sidebarLeft .bannerButtons a { display:block; width: 80px; height: 80px; float:left; margin: 0 10px 20px 0; }
#sidebarLeft .bannerButtons a.last { margin: 0 0 20px 0; }

#sidebar #qrBtn {margin-top:30px;}

#fancybox-content #sidebarLeft { display: none; }
#fancybox-content { text-align: left; }
/* CLEARFIX ON WHITEBOX*/
.whitebox:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.whitebox {	display: inline-block; width: 100%;}
 html[xmlns] .whitebox { display: block; }
* html .whitebox { height: 1%; }

/* Buttons */
a.more { display: inline-block; margin: 0 0 20px 0; color: #555; font-size: 14px; padding: 7px 13px; background-color: #f1f1f1; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #999; border-bottom: solid 1px #999; text-decoration: none;}
a.more.small { font-size: 12px; padding: 5px 10px;}
a.more:hover { color: #333; background-color: #e1e1e1;}
#my-activities a.more { margin: 10px 0 0 60px; }
a.delete { display: inline-block; background: url('../images/icon_trash.gif') no-repeat 0 -2px; padding-left: 16px;}
a.contact { display: inline-block; padding-left: 20px; background: url('../images/icons/email.png') no-repeat; }
a.editLink { display: inline-block; padding-left: 16px; background: url('../images/followIcons.png?2') no-repeat -8px -266px; }
a.viewall{ margin: 5px 10px 10px; font-weight: bold; display:block; }

input#submit, input.submit, .inputForm input#submit, .inputForm input.submit,
a.button { display:inline-block; line-height: 1em; padding: 7px 10px; background: #a0be51; border: solid 0px #fff; border-bottom: solid 1px #73883a; color: white !important;
									text-decoration: none; font-weight: bold;
									-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0, 0, 0, .2) 0px -1px 0px; cursor: pointer}
input#submit:hover, input.submit:hover,
a.button:hover { background-color: #8ca843; }
input#submit.large, input.submit.large,
a.button.large { font-size: 18px; line-height: 22px; }
a.button.add { padding:  7px 10px 7px 26px; background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 0; }
a.button.delete { padding:  7px 10px 7px 26px; background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 -52px; }
a.button.check { padding:  7px 10px 7px 26px; background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 -26px; }
a.button.check:hover { background: #749c51 url('../images/followIcons.png?2') no-repeat 0 -26px; }
a.button.edit { padding:  7px 10px 7px 26px; background: url('../images/followIcons.png?2') no-repeat 0 -234px; }
a.button.edit:hover {background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 -234px; border-bottom: solid 1px #73883a;}
a.button.edit,
a.button.delete,
a.button.gray,
a.button.follow { background-color: #999; border-bottom: solid 1px #555; }
a.button.yellow { background:none repeat scroll 0 0 #E2C822; border-color:#FFFFFF #FFFFFF #A09100; border-style:solid; border-width:0 0 1px; color:#595100; text-shadow:0 1px 0 rgba(255, 255, 255, 0.7); }
a.button.sideBarWidth { display:block; width: 220px; font-weight:bold; text-align:center; margin: 0 0 0 0;}
a.button.delete:hover,
a.button.red,
a.button.following:hover { background-color: #fc5b5b; border-bottom: solid 1px #c44747;}
a.button.red:hover { background-color: #fc2c2c; border-bottom: solid 1px #e44747;}
a.button.follow:hover {background: #a0be51; border-bottom: solid 1px #73883a;}
a.button.white { background-color: #fff; color: #548011 !important; border: none; font-size: 16px; padding: 7px 15px; text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5); box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
	background-image: linear-gradient(bottom, rgb(210,210,210) 13%, rgb(255,255,255) 57%);
	background-image: -o-linear-gradient(bottom, rgb(210,210,210) 13%, rgb(255,255,255) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(210,210,210) 13%, rgb(255,255,255) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(210,210,210) 13%, rgb(255,255,255) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(210,210,210) 13%, rgb(255,255,255) 57%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(210,210,210)),
		color-stop(0.57, rgb(255,255,255))
	);}
a.button.white:hover{
	background-image: linear-gradient(bottom, rgb(190,190,190) 13%, rgb(235,235,235) 57%);
	background-image: -o-linear-gradient(bottom, rgb(190,190,190) 13%, rgb(235,235,235) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(190,190,190) 13%, rgb(235,235,235) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(190,190,190) 13%, rgb(235,235,235) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(190,190,190) 13%, rgb(235,235,235) 57%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(190,190,190)),
		color-stop(0.57, rgb(235,235,235))
	);
	color: #2f4a05;
}

.imageBtn {color:white;font-size: 12px; font-weight: bold; text-shadow: rgba(0, 0, 0, .2) 0px 1px 0px;overflow: hidden;text-decoration: none; text-align: center; display: block;}

a.imageBtn.comment { float:right; width: 25px; height: 25px;   background: url('../images/buttonSprite.png?3') no-repeat -26px 0; margin-left: 10px; }
a.imageBtn.comment:hover { background-position:-26px -26px;}
a.imageBtn.comment.active {background-position:-26px -78px;}
a.imageBtn.comment.active:hover {background-position:-26px -52px;}
a.imageBtn.like { float:right; width: 25px; height: 25px; background: url('../images/buttonSprite.png?3') no-repeat 0 0;}
a.imageBtn.like:hover { background-position:0 -26px;}
a.imageBtn.like.active {background-position:0 -78px;}
a.imageBtn.like.active:hover {background-position:0 -52px;}

.imageBtn.picture, .imageBtn.plantlink, .imageBtn.userlink,
.imageBtn.link { text-indent: -9999em; width: 16px; height: 16px; float: left; margin: 0 3px 0 0;}
.imageBtn.facebook, .imageBtn.twitter { text-indent: -9999em; width: 75px; height: 16px; float: left; margin: 0 3px 0 0;}
.imageBtn.facebook.off { background: url('../images/buttonSprite.png?3') no-repeat -86px -17px;}
.imageBtn.twitter.off { background: url('../images/buttonSprite.png?3') no-repeat -86px -51px;}
.imageBtn.facebook { background: url('../images/buttonSprite.png?3') no-repeat -86px 0;}
.imageBtn.twitter { background: url('../images/buttonSprite.png?3') no-repeat -86px -34px;}
.imageBtn.picture { background: url('../images/buttonSprite.png?3') no-repeat -52px -68px;}
.imageBtn.link { background: url('../images/buttonSprite.png?3') no-repeat -52px -85px;}
.imageBtn.plantlink { background: url('../images/buttonSprite.png?3') no-repeat -69px -17px;}
.imageBtn.userlink { background: url('../images/buttonSprite.png?3') no-repeat -69px -51px;}

a.imageBtn.addPlant { background: url('../images/addToMyGarden.png?2') no-repeat 0 0; text-indent: -9999em; width: 81px; height: 22px; margin: 0 auto ; position: absolute; right: 33px; top: 90px;}
a.imageBtn.addPlant:hover { background: url('../images/addToMyGarden.png?2') no-repeat 0 -25px; }
a.imageBtn.removePlant { background: url('../images/addToMyGarden.png?2') no-repeat 0 -50px; text-indent: -9999em; width: 81px; height: 22px; margin: 0 auto 5px auto; position: absolute; right: 33px; top: 90px;}
a.imageBtn.removePlant:hover { background: url('../images/addToMyGarden.png?2') no-repeat 0 -75px; }
a.imageBtn.removeImage { background: url('../images/addToMyGarden.png?2') no-repeat 0 -100px; text-indent: -9999em; width: 98px; height: 22px; margin: 0 auto 5px auto; position: absolute; right: 16px; top: 90px;}
a.imageBtn.removeImage:hover { background: url('../images/addToMyGarden.png?2') no-repeat 0 -125px; }

a.imageBtn.follow { background: url('../images/followButtons.png') no-repeat 0 0; text-indent: -9999em; width: 40px; height: 40px; margin: 0 auto ;}
a.imageBtn.follow:hover { background: url('../images/followButtons.png') no-repeat 0 -40px; }
a.imageBtn.unfollow { background: url('../images/followButtons.png') no-repeat 0 -40px; text-indent: -9999em; width: 40px; height: 40px; margin: 0 auto ;}
a.imageBtn.unfollow:hover { background: url('../images/followButtons.png') no-repeat 0 -80px; }
a.imageBtn.isMe { background: url('../images/followButtons.png?1') no-repeat 0 -120px; text-indent: -9999em; width: 40px; height: 40px; margin: 0 auto ;}

a.image.isLandscraper { background: url('../images/isLandscraper.png') no-repeat 0 0; height: 18px; padding-left: 90px; margin-left: 10px; }

a.imageBtn.check { background: url('../images/followIcons.png?2') no-repeat 0 -104px; text-indent: -9999em; width: 26px; height: 26px; margin: 0 auto ;}
a.imageBtn.check:hover { background: url('../images/followIcons.png?2') no-repeat 0 -182px; }
a.imageBtn.delete { background: url('../images/followIcons.png?2') no-repeat 0 -130px; text-indent: -9999em; width: 26px; height: 26px; margin: 0 auto ;padding:0;}
a.imageBtn.delete:hover { background: url('../images/followIcons.png?2') no-repeat 0 -312px; padding:0;}

a.all { display:block; text-align:center; padding: 3px 10px; background: #999; color: white; text-decoration: none; text-shadow: rgba(0, 0, 0, .2) 0px -1px 0px;}
a.all:hover { background: #666;}
a.add { display: inline-block; padding-left: 20px !important; background-image: url('../images/followIcons.png?2'); background-repeat: no-repeat; background-position: 0 -160px; }
a.more.add { padding-left: 25px !important; background-position: 0 -76px; }
a.more.add.small { background-position: 0 -78px; }
a.more.add:hover { background-position: 0 -154px; }
a.more.add.small:hover { background-position: 0 -156px; }
a.remove { display: inline-block; padding-left: 25px !important; background-image: url('../images/followIcons.png?2'); background-repeat: no-repeat; background-position: 0 -128px; }
a.remove.small { background-position: 0 -130px; }
a.remove:hover { background-position: 0 -310px; }
a.remove.small:hover { background-position: 0 -312px; }
a.edit { display: inline-block; padding-left: 23px !important; background: url('../images/followIcons.png?2') no-repeat 0 -292px; }
a.extra { font-size: 12px; color: #888; padding: 0 0 1px; border-bottom: solid 1px #AAA; text-decoration: none; font-style: italic; }
a.extra:hover { color: #555; border-bottom: solid 1px #777; }

/* ADD TO OTHER LIST */
a.imageBtn.addList { background: url('../images/addToListButton.png') no-repeat 0 0; text-indent: -9999em; width: 17px; height: 22px; margin: 0 auto ; position: absolute; right: 16px; top: 90px;}
a.imageBtn.addList.hover,
a.imageBtn.addList:hover { background: url('../images/addToListButton.png') no-repeat 0 -25px; height: 25px; }

.addListMenuWrapper { display: inline; position: relative;}
.addListMenu { position: absolute; z-index: 50; top: 111px; left: 98px; width: 220px; border:  solid 1px #999; background: #fff; text-align: left; padding: 5px 0; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-border-top-left-radius: 0; 
	-moz-border-top-left-radius: 0; -moz-border-radius-topleft: 0; 
	border-top-left-radius: 0; 
	-moz-box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; box-shadow: 2px 2px 3px #CCC;}
.addListMenu a { display: block; float: none !important; text-decoration: none; color: #666; line-height: 1.3em; padding: 3px 5px 3px 23px !important; margin: 2px 5px !important; background-color: #fff !important; color: #666 !important; font-weight: normal !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.addListMenu a:hover { cursor: pointer; color:#fff !important; background-color: #666 !important; text-shadow: rgba(0, 0, 0, .4) 0px 1px 0px;}
ul#grid li.first .addListMenu { left: 93px; }

.addListMenuWrapper a.addList { position: relative; left: -6px; width: 15px; padding: 7px 5px; background: #f1f1f1 url('../images/followIcons.png?2') no-repeat -1px -363px !important; text-indent: -9999em; }
.addListMenuWrapper .addListMenu { top: 22px; left: -201px; border-radius: 3px 0px 3px 3px; -moz-border-radius: 3px 0px 3px 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; }

a.wish { background: url('../images/icons/icon_favourites_add.png') no-repeat 4px 3px; }
a.removeWish { background: url('../images/icons/icon_favourites_remove.png') no-repeat 4px 3px; }
a.exchange { background: url('../images/icons/action_refresh.gif') no-repeat 4px 3px; }
.addListMenu a.edit { background: url('../images/followIcons.png?2') no-repeat 0 -289px !important; }
.addListMenu a.edit:hover { background: #666 url('../images/followIcons.png?2') no-repeat 0 -236px !important; }

.extra { font-size: 12px; margin: 0; font-size: 12px; color: #999; }
.extra a { text-decoration: none; }
.extra a:hover { color: #666; }
ul.extraLinks { list-style-type:none; border-top: solid 1px #e0e0e0; padding: 15px 0; }
ul.extraLinks li { margin: 2px 0; list-style-type:none; line-height: 1.2em; }
ul.extraLinks li a { display: block; font-size: 12px; padding: 3px 0 2px 25px; margin: 0; color: #516C00; text-decoration: none; }
ul.extraLinks li a:hover { text-decoration: underline; }

/* STEPS */
ul#steps { float: left; margin: 60px 0 0 0; position: relative; left: 15px; z-index: 100;}
ul#steps li a { display: block; width: 195px; height: 59px; margin: 0 0 1px 0; text-indent: -9999em; }
ul#steps li a.step1 { background: url('../images/steps.png') no-repeat 0 0; }
ul#steps li a.step2 { background: url('../images/steps.png') no-repeat -200px 0; }
ul#steps li a.step3 { background: url('../images/steps.png') no-repeat -400px 0; }
ul#steps li a.step1.active { background: url('../images/steps.png') no-repeat 0 -60px; }
ul#steps li a.step2.active { background: url('../images/steps.png') no-repeat -200px -60px; }
ul#steps li a.step3.active { background: url('../images/steps.png') no-repeat -400px -60px; }
.steps #content { background-color: #fff; margin: 15px 0; border: solid 1px #c1c1c1; width: 670px; }
.steps #content .box { padding-left: 15px; }
.steps #content .box.withPadding { padding-left: 25px; }
.steps #content #profileForm .whitebox input,
.steps #content #profileForm .whitebox textarea {width: 485px; }
.steps #content #profileForm .formInfo {margin-left:150px;font-style: italic;}

a.imageBtn.facebookLogin { background: url('../images/socialMediaButtons.png') no-repeat 0 0; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.facebookConnect { background: url('../images/socialMediaButtons.png') no-repeat 0 -25px; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.facebookConnected { background: url('../images/socialMediaButtons.png') no-repeat 0 -50px; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.twitterLogin { background: url('../images/socialMediaButtons.png') no-repeat -160px 0; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.twitterConnect { background: url('../images/socialMediaButtons.png') no-repeat -160px -25px; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.twitterConnected { background: url('../images/socialMediaButtons.png') no-repeat -160px -50px; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.googleLogin { background: url('../images/socialMediaButtons.png') no-repeat -320px 0; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.googleConnect { background: url('../images/socialMediaButtons.png') no-repeat -320px -25px; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}
a.imageBtn.googleConnected { background: url('../images/socialMediaButtons.png') no-repeat -320px -50px; text-indent: -9999em; width: 151px; height: 24px; float:left; margin: 0 10px 0 0;}

/* Titles with icons */
#sidebar h3 { clear: both; }
.icoCalendar { padding-left: 20px; background: url('../images/icons/date.png') no-repeat; }
.icoCalendarDownload { padding-left: 20px; background: url('../images/icons/date_go.png') no-repeat; }
.icoMap { padding-left: 20px; background: url('../images/icons/map.png') no-repeat; }
.icoTag { padding-left: 20px; background: url('../images/icons/tag_green.png') no-repeat; }
.icoSearch { padding-left: 20px; background: url('../images/icons/magnifier.png') no-repeat; }
.icoPhotos { padding-left: 20px; background: url('../images/icons/photos.png') no-repeat; }
.icoVideos { padding-left: 20px; background: url('../images/icons/film.png') no-repeat; }
.icoUser { padding-left: 20px; background: url('../images/icons/user_green.png') no-repeat; }
.icoError { padding-left: 20px; background: url('../images/icons/error.png') no-repeat; }
.icoLayout { padding-left: 20px; background: url('../images/icons/application_view_tile.png') no-repeat; }
.icoPlant { padding-left: 20px; background: url('../images/icons/icontexto_green_01.png') no-repeat; }
.icoPdf { padding-left: 20px; background: url('../images/icons/pdf_document.png') no-repeat; }
.icoHelp { padding-left: 20px !important; background: url('../images/icons/help_gray.png') no-repeat; }
.icoMessage { padding-left: 20px; background-image: url('../images/icons/email.png'); background-repeat: no-repeat; }
a.more.icoMessage { padding-left: 30px !important; background-position: 7px 7px; }
.icoDelete { padding-left: 20px; background: url('../images/followIcons.png?2') no-repeat 0 -315px; }
.icoCross { padding-left: 20px; background: url('../images/icons/cross.png') no-repeat; }
.icoPageEdit { padding-left: 20px; background: url('../images/icons/page_edit.png') no-repeat; }
.icoPublish { padding-left: 20px; background: url('../images/icons/publish.png') no-repeat; }
.icoUnpublish { padding-left: 20px; background: url('../images/icons/unpublish.png') no-repeat; }

/* Home*/
.home { padding: 20px 0;}
.home h1 { font-size: 30px; font-weight: normal; margin: 0 0 25px 0;color:#333;}
.home .whatis { position: relative; height: 370px; background: url('../images/home_bg.png') repeat-x; color: #fff; font-size: 15px; padding: 40px 0 20px 60px;} 
.home ul { margin: 0 0 35px 0;}
.home li { cursor: pointer; font-size: 18px; line-height: 1.3em; font-weight: normal; margin: 0 0 25px 0; padding: 0 0 0 40px; color: #fff;}
.home li .detail { display:block; font-size: 15px; color: #bbb; font-style: italic;}
.home li strong { font-weight: bold;} 
.home li#garden_link { background: url('../images/home_li1.png') no-repeat 0 5px;}
.home li#info_link { background: url('../images/home_li2.png') no-repeat 0 5px;}
.home li#share_link { background: url('../images/home_li3.png') no-repeat 0 5px;}
.home .whatis img { position: absolute; top: 0; right: 40px; }
.home .join { margin: 0 0 0 40px;}
.home .join a { color: #fff;}
.home .join a:hover { color: #516C00;}

/* Homepage */
.homepage .header { background: url("../images/homepage/headerBg.jpg") repeat-x top center; padding: 25px 0; margin: 0 0 20px 0; }
.homepage .header .block { border: none; padding: 0; background-color: rgba(207, 222, 135, 0.7); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #2f4a05; text-shadow: rgba(255, 255, 255, .5) 0px 1px 0px; height: 350px; position: relative; 
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5); box-shadow: 0px 2px 8px rgba(0,0,0,0.5);}
.homepage .header .block .photo { position: absolute; top:0; right: 0; height: 312px; width: 416px; padding: 19px; background-color: #39570b; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.homepage .header .block .photo img { position: absolute; top: 19px; left: 19px; height: 312px; width: 416px;}
.homepage .header .block .features { position: absolute; top: 30px; left: 30px; width: 400px; line-height: 1.4em;}
.homepage .header .block .features h2 { color: #2f4a05; font-size: 15px; font-weight: bold; margin: 0 0 5px 0;}
.homepage .header .block .features li { padding: 0 0 0 80px; min-height: 64px; }
.homepage .header .block .features .calendar { background: url("../images/homepage/icoCalendar.png") no-repeat left top; }
.homepage .header .block .features .gardeners { background: url("../images/homepage/icoGroup.png") no-repeat left top; }
.homepage .header .block .features .plants { background: url("../images/homepage/icoPlant.png") no-repeat left top; }
.homepage .header .block .join { position: absolute; bottom: 30px; left: 80px; }
.homepage .header .block .join a.button { margin: 0 15px 0 0; }
.homepage .header .block .join a { font-weight: bold; }
.homepage h1 { text-align: center; color: #444; font-size: 24px; margin: 40px 0 50px 0;}
.homepage ul.moreFeatures { margin: 0 auto 0 auto; padding-bottom:20px; overflow: hidden; line-height: 1.4em;}
.homepage ul.moreFeatures li { float: left; width: 249px; margin: 0 18px 18px 0; padding: 0 0 0 65px; }
.homepage ul.moreFeatures li.last { margin: 0 0 18px 0; }
.homepage ul.moreFeatures h2 { color: #444; font-size: 15px; font-weight: bold; margin: 0 0 5px 0;}
.homepage ul.moreFeatures .wishlist { background: url("../images/homepage/icoWishlist.png") no-repeat left top; }
.homepage ul.moreFeatures .photos { background: url("../images/homepage/icoPhotos.png") no-repeat left top; }
.homepage ul.moreFeatures .events { background: url("../images/homepage/icoEvents.png") no-repeat left top; }
.homepage ul.moreFeatures .search { background: url("../images/homepage/icoSearch.png") no-repeat left top; }
.homepage ul.moreFeatures .badges { background: url("../images/homepage/icoBadges.png") no-repeat left top; }
.homepage ul.moreFeatures .articles { background: url("../images/homepage/icoArticles.png") no-repeat left top; }
.homepage ul.press { height: 65px; padding: 20px 0 40px 0; }
.homepage ul.press li { float: left; height: 65px; margin: 0 17px 0 0; padding: 0; }
.homepage ul.press li a { display: block; overflow: hidden; height: 65px; margin: 0; padding: 0; text-indent: -9999em; background: url("../images/homepage/press.png") no-repeat left top; }
.homepage ul.press li.avs a { width: 115px; background-position: 0 0; }
.homepage ul.press li.hetnieuwsblad a { width: 180px; background-position: -115px 0; }
.homepage ul.press li.goedgevoel a { width: 100px; background-position: -295px 0; }
.homepage ul.press li.goedgevoel a:hover { background-position: -295px -70px; }
.homepage ul.press li.flair a { width: 95px; background-position: -395px 0; }
.homepage ul.press li.knack a { width: 180px; background-position: -490px 0; }
.homepage ul.press li.trends a { width: 140px; background-position: -670px 0; }
.homepage ul.press li.hbvl a { width: 90px; background-position: -810px 0; }
.homepage ul.press li.radio2 { margin: 0;}
.homepage ul.press li.radio2 a { width: 76px; background-position: -900px 0; }
/*.homepage ul.press li.avs a:hover { background-position: 0 -70px; }
.homepage ul.press li.hetnieuwsblad a:hover { background-position: -115px -70px; }
.homepage ul.press li.flair a:hover { background-position: -395px -70px; }
.homepage ul.press li.knack a:hover { background-position: -490px -70px; }
.homepage ul.press li.trends a:hover { background-position: -670px -70px; }
.homepage ul.press li.hbvl a:hover { background-position: -810px -70px; }
.homepage ul.press li.radio2 a:hover { background-position: -900px -70px; }*/

/* Pers */
.pers ul#grid li { width: 150px; }


/*Developers*/
.navigation.leftnav {margin-left:0;}
.D3v3l0p3r5 { position: relative; height: 370px; background: url('../images/home_bg.png') repeat-x; color: #fff; font-size: 15px; padding: 40px 0 20px 60px;} 
.D3v3l0p3r5 h1 { color: #fff; display: block; text-align: center; width: 450px; line-height: 1.5em; margin: 0 0 25px 50px; border:none; }
.D3v3l0p3r5 li a { display: block; color: #fff; text-decoration: none; }
.D3v3l0p3r5 li a:hover { color: #516C00; }
.D3v3l0p3r5 img { position: absolute; top: -20px; right: -20px; }

.notice .dismiss { position: absolute; top: 10px; right:  10px; color: #a09100; padding:  0 15px 0 0; background:  url('../images/noticeDismiss.png') no-repeat center right; }
.notice p { width: 560px; margin: 0; }
#content .notice p { width: 390px !important; }

/**/
#signUpBox { margin: 0 auto 15px auto; overflow:hidden;  padding: 15px; font-size: 16px; line-height: 20px; }
#signUpBox p { margin: 0;}
#signUpBox p.small, #signUpBox p.small a { font-size: 13px; color: #a09100;}
#signUpBox a.button { float: right; padding: 10px 20px; background: #E2C822; border: solid 0px #fff; border-bottom: solid 1px #a09100; color: #fff; text-shadow: rgba(0, 0, 0, .3) 0px -1px 0px;}

/* Mini profile */
#profileMini .profile { padding: 10px; width: 220px; color:#d2eb90; font-size: 12px; background-color: #a0be51; overflow: hidden; margin: 0 auto; text-align: left;}
#profileMini .profile a { color: #d2eb90; text-decoration: none; }
#profileMini .profile a:hover { color: #fff;}
#profileMini .profile .photo { width: 48px; height: 48px; overflow:hidden; border: solid 1px #677b32; float:left; margin: 0 10px 5px 0;}
#profileMini .profile .name { font-size: 18px; color: #fff; padding: 3px 0 5px 0;}
#profileMini .profile .bio { clear: left;}

#profileMini ul.statistics { clear: left; background: #a0be51 url('../images/statisticslines.gif') repeat-y top left; overflow: hidden;width: 240px;}
#profileMini ul.statistics li { width: 80px; float:left; text-align: center; padding: 5px 0; background: url('../images/statisticsbg.jpg') no-repeat left bottom;}
#profileMini ul.statistics li.active { background: url('../images/statisticsbg.jpg') no-repeat center bottom; }
#profileMini ul.statistics a { display:block; color: #d2eb90; text-decoration: none; }
#profileMini ul.statistics a .number { display:block; color: #fff; font-weight: bold; font-size: 30px; text-shadow: rgba(0, 0, 0, .5) 0px -1px 0px;}
#profileMini ul.statistics a:hover {color: #fff;}
#profileMini ul.statistics.closed { margin: 0 0 20px 0; border-bottom: solid 1px #798c45;}
#profileMini ul.statistics.closed li { background: none; }

#profileMini .statisticPanes { clear:left; background: white; padding: 0; margin: 0 0 10px 0;}
#profileMini .statisticPanes {}
.logos img { border: none; }
.logos ul#grid li { float:left; margin: 10px 10px 0 0; width: 48px; padding: 0; }
.logos ul#grid li.first { padding: 0;}
.logos ul#grid li.last { margin: 10px 0 0 0; }
.logos #moreLogos { display: none; }
#profileMini #gmProfileMini { width: 240px; height: 240px; margin: 10px 0px; }

#profileMini .followBtn a { color:#fff;width:100%;height:20px;display: block; }

/* infobox */
.infobox { z-index: 100000; }
.profileMiniPopup,.plantDetailsPopup {color:#D2EB90;width:310px;height:160px;background:transparent url('../images/arrowpopup.png') no-repeat 10px bottom; }
.profileMiniPopup ul,.plantDetailsPopup ul.profile {margin:0;padding:10px 10px 0 10px;list-style-type:none;background-color:#A0BE51;height:115px;text-align: left;}
.profileMiniPopup li,.plantDetailsPopup li {line-height: normal;}
.profileMiniPopup li,.plantDetailsPopup li.colors {vertical-align: top}
.plantDetailsPopup li.colors ul.colors {display: inline-block;width: 130px;margin-top: 3px;}
.plantDetailsPopup li.colors ul.colors li {width: 15px;height: 15px;}
.plantDetailsPopup li.colors ul.colors .color-box {width:10px; height:10px;}
.profileMiniPopup li.image,.plantDetailsPopup li.image {float:left;margin:0 10px 0 0;}
.profileMiniPopup li.name a,.plantDetailsPopup li.name a {font-size: 18px;color: white;text-decoration: none;}
.profileMiniPopup li.stats {font-weight:bold;line-height:15px;margin-left: 110px;}
.profileMiniPopup li.gardenSize {margin-bottom:10px;}
.profileMiniPopup .followBtn,.plantDetailsPopup .addBtn {clear:left;height:20px;text-align:center;background-color:#999;}
.profileMiniPopup .followBtn a,.plantDetailsPopup .addBtn a {color:#FFF;font-weight: bold;}
.profileMiniPopup .followBtn a.more {display: inline-block; margin: 0; color: #fff; padding: 0; background-color: transparent; border: none;}
.profileMiniPopup .followBtn a.remove {background: none;padding:0 !important;}
.profileMiniPopup .followBtn a.add {background: none;padding:0 !important;}

ul#miniList,ul#tags_miniList { margin: 0; line-height: 1.1em;}
ul#miniList li {  }
ul#miniList a, ul#tags_miniList a { text-decoration:none; }
ul#miniList > li > a, ul#tags_miniList > li > a { text-decoration: none; display: block; clear:left; padding: 10px 0; margin: 0 auto; overflow: hidden; border-bottom:solid 1px #dadada; background: url('../images/arrow.png') no-repeat right center;}
ul#miniList > li > a:hover, ul#tags_miniList > li > a:hover { background-color: #eee; text-decoration:none;}
ul#miniList .photo, ul#tags_miniList .tags_photo { width: 40px; height: 40px; overflow: hidden; margin: 0 10px 0 0; float: left; }
ul#miniList .title, ul#tags_miniList .tags_title { display: block; font-weight:bold; font-size: 14px;background:none; }
ul#miniList .extra, ul#tags_miniList .tags_extra { color: #b8b8b8; font-size: 12px;display: block;}

ul#miniList.small a { padding: 5px; }
ul#miniList.small .photo { width: 24px; height: 24px; }
ul#miniList.small .title { font-size: 13px;}

ul#miniList.withPro > li { text-decoration: none; padding: 10px; overflow: hidden; border-bottom:solid 1px #dadada; background: url('../images/arrow.png') no-repeat right center;}
ul#miniList.withPro > li:hover { background-color: #eee; text-decoration:none;}
ul#miniList.withPro > li > a { display: inline; clear:none; padding: 0; margin: 0; overflow: auto; border-bottom:none;background:none;}
ul#miniList.withPro > li > a:hover { background-color: none; }
ul#miniList.withPro .title { display: inline; font-weight:bold; font-size: 14px; }
ul#miniList.withPro > li > a.pro { }
ul#miniList.withPro > li > a.pro { padding: 0 0 3px 4px; font-size: 14px; display: inline-block; vertical-align:middle; text-indent: -9999em !important; text-align: left !important; border-bottom: solid 0px #fff !important; width: 45px; height: 16px; margin: -1px 2px 3px 7px; background:transparent url('../images/buttonSprite.png?5') no-repeat -69px -68px; }
ul#miniList.withPro > li > a.pro:hover { background:transparent url('../images/buttonSprite.png?5') no-repeat -69px -85px;  }

ul#miniList.open > li { text-decoration: none; padding: 10px; overflow: hidden; border-bottom:solid 1px #dadada; background: url('../images/arrow.png') no-repeat right center;}
ul#miniList.open > li:hover { background-color: #eee; text-decoration:none;}
ul#miniList.open > li > a { display: inline; clear:none; padding: 0; margin: 0; overflow: auto; border-bottom:none;background:none;}
ul#miniList.open > li > a:hover { background-color: none; }
ul#miniList.open .title { display: inline; font-weight:bold; font-size: 14px; }

/* Homepage */
#login-form {  }
table.login td { text-align:left; padding:0px 3px; }
table.login input#email, 
table.login input#password, 
table.login input#password-text { width:140px; border:1px solid #000000; font-size:12px; padding:3px; color:#777777; }
table.login input#submit { border:1px solid; font-size:12px; font-weight:bold; padding:3px 6px; background-color:#777777; border-color:#000000; color:#FFFFFF; cursor:pointer; }
#signup-form .error { margin:5px 0; text-align:center; }
/*
table.signup { margin-left:30px; }
table.signup td { text-align:left; padding:1px 1px; }
table.signup td.label { text-align:right; font-size:12px; }
table.signup input#firstname, 
table.signup input#lastname, 
table.signup input#email, 
table.signup input#username, 
table.signup input#password { width:200px; border:1px solid; border-color:#3B6E22 #3B6E22 #2C5115; font-size:12px; padding:3px; }
table.signup input#submit { border:1px solid; font-size:12px; font-weight:bold; margin-top:7px; padding:3px 6px; background-color:#559040; border-color:#3B6E22 #3B6E22 #2C5115; color:#FFFFFF; cursor:pointer; }
*/
#signup-alternatives { margin:10px 0 0 0; }
#signup-alternatives p { margin-bottom:10px; }
#signup-alternatives a { text-decoration:none; color:#FFFFFF; margin: 0 5px 0 0; }
#signup-alternatives a:hover { text-decoration:underline; }

/* Logo's */
a.imageBtn.logo.small { background-position: 0 0; text-indent: -9999em; width: 50px; height: 50px; margin: 0 auto; }
a.imageBtn.logo.medium { background-position: -50px 0; text-indent: -9999em; width: 100px; height: 100px; margin: 0 auto; }
a.imageBtn.logo.large { background-position: 0 -100px; text-indent: -9999em; width: 240px; height: 150px; margin: 0 auto 20px auto; }

#sidebarLeft .logo { overflow:hidden; width:170px; height: 106px;}
#sidebarLeft .logo img { position: relative; top: -71px; width:170px; }
#biography {width: 160px;background-color: white;border: 1px solid #C7C7C7;clear: left;padding: 5px;}
#biography p {margin: 0}
/* Profile */
table.profile { margin-left:20px; }
table.profile td { text-align:left; padding:1px 1px; font-size:12px; }
table.profile td.label { text-align:right; }
table.profile input#firstname, 
table.profile input#lastname, 
table.profile input#city, 
table.profile input#work, 
table.profile input#photo, 
table.profile textarea#biography { width:200px; border:1px solid #888888; font-size:12px; padding:3px; }
table.profile textarea#biography { height:85px; }
table.profile input#submit { border:1px solid; font-size:12px; font-weight:bold; margin-top:7px; padding:3px 6px; background-color:#559040; border-color:#3B6E22 #3B6E22 #2C5115; color:#FFFFFF; cursor:pointer; }
#profile-left-column { float:left; width:200px; }
#profile-right-column { margin-left:220px; }
#profile-left-column #photo img { width:200px; }
#profile-left-column #follow-numbers { margin:15px 0 0 0; }
#profile-left-column #follow-numbers a { text-decoration:none; }
#profile-left-column #follow-numbers a:hover { text-decoration:underline; }
#profile-left-column #follow-numbers table { width:100%; }
#profile-left-column #follow-numbers table td { font-size:12px; }
#profile-left-column #follow { margin:10px 0 0 0; }
#main #name { font-size:16px; font-weight:bold; }
#main .heading { margin-top:10px; padding-left:5px; background-color:#E2E2E2; line-height:20px; font-size:12px; font-weight:bold; border-top:1px solid #BBBBBB; }
#profile-right-column #personal-info { font-size:12px; }
#profile-right-column #personal-info td.label { padding:1px 6px; width:100px; }
#profile-right-column #graphy { padding:1px 6px; }

/* Activities */
.activity { padding:5px 0; border-top:1px solid #E2E2E2; }
.activity > .photo { float:left; margin:0 10px 0 0; }
.activity > .photo img { width:50px; }
.activity .meta { color:#888888; font-size:11px; height:20px; }
.activity .action { float:right; padding: 0 5px; }
.activity .action a { text-decoration:none; color:#99AC40; }
.activity .action a:hover { text-decoration:underline; color:#516C00; }

/* Calendar */
#calendarTabs .monthTabs {display:none;}
#calendarTabs h2.title {border-bottom:1px solid #E2E2E2;padding-bottom: 5px;}
#calendarTabs h2.title .plantname {color: #516C00;font-size: 15px;font-weight: bold;margin-left: 10px;}
#calendarTabs div.action {position: relative;}
#calendarTabs div.action .name a {color:#6A6A6A;font-size:14px;font-weight: bold;}
#calendarTabs div.action span {display:block;margin:0 0 5px;font-size: 13px;}
#calendarTabs div.action span.dateIcon {font-size: 13px;}
#calendarTabs div.action .buttons {position: absolute; top:0; right:0;}
#calendarTabs.ui-widget-content .ui-widget-header { border: none; background: #CCC; color: #222; font-weight: bold; }
#calendarTabs.ui-widget-content {border:none;background: none; color: #222; }
#calendarTabs.ui-tabs .ui-state-default { border: none ; background: none; color: #555; padding: 5px 10px; }
#calendarTabs.ui-tabs .ui-state-active { background: #A0BE51; }
#calendarTabs.ui-tabs .ui-tabs-nav li { top: 0; margin: 0; }
#calendarTabs.ui-tabs .ui-tabs-nav, 
#calendarTabs.ui-tabs .ui-tabs-nav li a {font-size: 13px;padding:0; text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px;}
#calendarTabs.ui-tabs .ui-state-active a { color: #fff; text-shadow: rgba(0, 0, 0, .4) 0px 1px 0px !important;}
#calendarTabs.ui-tabs .ui-tabs-panel { margin: 10px 0; display: block; border-width: 0; padding: 0; background: none; }
#calendarTabs.ui-tabs .ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
#calendarTabs .ui-widget-content a { color: #516C00 }

/* Agenda */
#zoneTabs .zoneTabs {}
#zoneTabs.ui-widget-content .ui-widget-header { border: none; background: #CCC; color: #222; font-weight: bold; }
#zoneTabs.ui-widget-content {border:none;background: none; color: #222; }
#zoneTabs.ui-tabs .ui-state-default { border: none ; background: none; color: #555; padding: 5px 10px; }
#zoneTabs.ui-tabs .ui-state-active { background: #A0BE51; }
#zoneTabs.ui-tabs .ui-tabs-nav li { top: 0; margin: 0; }
#zoneTabs.ui-tabs .ui-tabs-nav, 
#zoneTabs.ui-tabs .ui-tabs-nav li a {font-size: 13px;padding:0; text-shadow: rgba(255, 255, 255, .4) 0px 1px 0px;}
#zoneTabs.ui-tabs .ui-state-active a { color: #fff; text-shadow: rgba(0, 0, 0, .4) 0px 1px 0px !important;}
#zoneTabs.ui-tabs .ui-tabs-panel { margin: 10px 0; display: block; border-width: 0; padding: 0; background: none; }
#zoneTabs.ui-tabs .ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
#zoneTabs .ui-widget-content a { color: #516C00 }

.exchange.searchForm,
#compose-tweet { background: #eee; border-top: solid 1px #c7c7c7; padding: 10px 10px; width: 498px;  }
#compose-tweet textarea { width:400px; height:35px; max-height: 200px; border:1px solid #a7a7a7; padding: 5px; margin: 0 0 5px 0; float:left;}
#compose-tweet a.submit { float: right; width: 55px; text-align: center; color: white; margin: 0; }
#compose-tweet .additions { clear: left; display: none; }
#compose-tweet #letterCountDown { float:right; font-size: 16px; font-weight: bold; color: #888; margin-top: 15px;}
#compose-tweet #letterCountDown.maxedout { color: #e50000;}
#compose-tweet .buttons { margin: 0 auto 5px auto; overflow: hidden; line-height: 1em; }
#compose-tweet .buttons.right { float: right;}
#compose-tweet .buttons strong, 
#compose-tweet .buttons a { display: block; float: left; margin: 7px 5px 0 0; color: #666; text-decoration: none;}

#compose-tweet #imageHolder { display: none; border:1px solid #c7c7c7; padding:2px; margin: 0 0 2px 0;}
#compose-tweet #plantListHolder { display: none; }
#compose-tweet #userListHolder { display: none; }
#compose-tweet .plantsMultiSelect,
#compose-tweet .usersMultiSelect { min-width: 410px; }
#compose-tweet #linkHolder { display: none; margin: 0 0 5px 0; border:1px solid #c7c7c7; padding: 5px !important; }
#compose-tweet #linkHolder input#url { border:1px solid #A7A7A7; padding:5px !important;  width: 396px; }
#compose-tweet #linkHolder input#attach { margin: 0 0 0 10px; display:inline-block; line-height: 1em; padding: 7px 10px; background: #a0be51; border: solid 0px #fff; border-bottom: solid 1px #73883a; color: white !important;
									text-decoration: none; 
									-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0, 0, 0, .2) 0px -1px 0px; }
#compose-tweet #linkHolder input#attach:hover { background-color: #8ca843; }
#compose-tweet #linkHolder #preview { padding: 5px; }
#compose-tweet #linkHolder #preview #image { float: left; width: 102px; max-height: 102px; overflow: hidden; }
#compose-tweet #linkHolder #preview #image img { width: 100px; border: #aaa 1px solid; }
#compose-tweet #linkHolder #preview #title { margin: 0 0 0 115px; padding: 0; width: 350px; font-weight: bold; font-size: 14px; }
#compose-tweet #linkHolder #preview #website { margin: 0 0 0 115px; padding: 0 0 7px 0; width: 350px; color: #999; font-size: 12px; }
#compose-tweet #linkHolder #preview #description { margin: 0 0 0 115px; padding: 0 0 14px 0; width: 350px; font-size: 12px; }
#compose-tweet #linkHolder #preview #imageRelated { margin: 0 0 0 115px; width: 350px; }
#compose-tweet #linkHolder #preview #thumbnailControls { display: block; float: left; width: 400px; margin: 0 0 8px 0; }
#compose-tweet #linkHolder #preview #arrows { float: left; }
#compose-tweet #linkHolder #preview #arrows a { border: #ccc 1px solid; color: #aaa; padding: 2px 8px; font-weight: bold; text-decoration: none; }
#compose-tweet #linkHolder #preview #arrows a#prev { border-right: #999 1px solid; }
#compose-tweet #linkHolder #preview #arrows a#next { border-left: none; }
#compose-tweet #linkHolder #preview #imageNumber { float: left; margin-left: 10px; color: #333; font-size: 11px; }
#compose-tweet #linkHolder #preview .hint { float: left; margin-left: 8px; color: #bbb; font-size: 11px; }
#compose-tweet #linkHolder #preview #noThumbnailBox { display: block; float: left; width: 500px; font-weight: bold; font-size: 11px; }

/* Form*/

.inputForm label {clear: left; display: block; float: left; width: 150px; }
.inputForm label.noFloat {display: inline; float: none;}
.inputForm label span.info {font-size:11px;font-style: italic;color:#454545;}
.inputForm label.error {border:none;background:transparent;width: 490px;padding:0;color:#DD3C10;}
.inputForm input.error {border:1px solid #DD3C10;}
.inputForm span.input { display:block; margin-left: 150px;}
.inputForm #biography,
.inputForm input,
.inputForm textarea { width: 95%; border:1px solid #c7c7c7; padding:5px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.inputForm select { width: 50%; }
.inputForm #cancel { cursor: pointer;width: auto;}
.inputForm.properties h3 { margin-top: 25px; }
.inputForm.properties input { width:auto }
.inputForm.properties .propertyValue,
.inputForm.properties .plantSlider,
.inputForm.properties .colorMultiSelect,
.inputForm.properties .txtInput { margin-left:20px; }
.inputForm.properties .plantSlider {width:400px;}
.inputForm.properties #submit { margin-top: 25px; }
.inputForm input#photo { width: 250px;}
.inputForm input.alert{ border:  1px solid #E2C822; background: url('../images/icons/error.png') no-repeat 97% 50%; }
.inputForm input.checkbox,
.inputForm input.radio,
.inputForm input#addToGarden { width: 20px !important; float:left;}
.inputForm select.error {background-color: transparent;padding:0;}
.inputForm input#submit, .inputForm input.submit { width: 175px;}
.inputForm #biography { resize: none; height: 40px; }
.inputForm a#flickr {  width: 180px; height: 28px;text-indent: -9999em; display:inline-block; background: url('../images/ChooseFlickr.png') no-repeat top left;}
.inputForm #flickr-photo { width:75px; height:75px; border:1px solid #c7c7c7; float:left; margin-right: 20px; overflow:hidden; background: url('../images/nophoto.jpg') no-repeat center center;}
.inputForm #addTag { width: 200px;}
.inputForm #addTagButton { width:auto;}
.inputForm ul.tags { margin: 0 0 10px 0;}
.inputForm ul.tags li a { background: #DDD url('../images/icon_delete.gif') no-repeat 5px 3px; padding: 5px 10px 5px 25px;}
.inputForm ul.tags li a:hover { background: #999 url('../images/icon_delete.gif') no-repeat 5px 3px;}
a.dp-choose-date { width: 16px; height: 16px; padding: 0 0 0 18px; margin: 5px 3px 0; background: url('../images/calendar.png') no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
.inputForm input.date { width: 140px; }
.inputForm input.time { width: 100px; }
.inputForm input.eventType { width: 200px; }
.sliderHolder { min-height: 30px; padding: 0 8px; }
.inputForm input.subdomain { width: 140px; }
.inputForm .gray { color:#666; }

input.text { border:1px solid #c7c7c7; padding:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.input.slider { clear: left; display: block; margin: 10px 0; }

.inputForm.small label { width: 100px;}
.inputForm.small input,
.inputForm.small textarea { width: 200px;}
.inputForm.small input.checkbox,
.inputForm.small input.radio { width: auto; float: none; }
.inputForm.medium label { width: 100px;}
.inputForm.medium input,
.inputForm.medium textarea { width: 400px;}
.inputForm input[type="checkbox"] { width: auto; }


.locationForm label {clear: left; display: block; float: left; width: 150px;}
.locationForm span.input { display:block; margin: 5px 0 5px 150px;}
.locationForm input {width: 300px; border:1px solid #c7c7c7; padding:5px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.locationForm #submit { width:100px;}

.locationSearch {padding:10px;margin-bottom:20px;width:640px;background: #EEE;}

/* Users */
table.users { margin:10px 0 0 0; width:100%; border-width:1px 1px 0 1px; border-color:#CCCCCC; border-style:solid; }
table.users td, table.users th { padding:2px 4px; border-bottom:#CCCCCC 1px solid; font-size:12px; text-align:left; }

/* Photos */
table.photos { margin:10px 0 0 0; }
table.photos td { width:148px; text-align:center; vertical-align:top; font-size:12px; padding:0 0 10px 0; }
table.photos .photo img { width:140px; }
#upload-photo-form { margin:20px 0 0 0; }
table.upload-photo { margin-left:20px; }
table.upload-photo td { text-align:left; padding:1px 1px; font-size:12px; }
table.upload-photo td.label { text-align:right; }
table.upload-photo input#photo { width:200px; border:1px solid #888888; font-size:12px; padding:3px; }
#photo-column #photo { text-align:center; }
#grid .imageTitle {display:none;}
#photoViewer #comments-container {width:660px;}
#photoViewer #sidebar h1 {margin-top: 10px;}
.photoInfo {margin:5px;position: relative;width: 650px;}
.photoInfo .userinfo {width:580px;}
.photoInfo .image {float:left;margin-right:10px;}
.photoInfo .userLink {display:block;margin: 0 0 5px 10px;}
.photoInfo .albumName {display:block;margin-left: 10px;}
#photoViewer .fb-like {margin-bottom:15px;}
.photoComment {width:580px;}
.rightDelete {position: absolute;right: 0; top: 0;}

/* Upload */
#addPhotoWindow p {margin:20px 0;}
#preupload { list-style-type: none; }
#preupload li { padding: 0; display: block; height: 35px; border-top:1px solid #999; line-height: 3;}
#preupload li span {display: inline-block;height: 32px;vertical-align: top;}
.fileuploadProgress { width: 32px; background: transparent url('../images/ajax-loader.gif') no-repeat top left; }

.ui-autocomplete.ui-menu {-webkit-overflow-x: hidden;width:220px;}
.ui-autocomplete.ui-menu .ui-menu-item {}
.ui-autocomplete .plantItem {border-bottom: solid 1px #DADADA;width:200px;}
.ui-autocomplete .tags_title {display: block;font-weight: bold;font-size: 14px;background: none; color: #516C00;}
.ui-autocomplete .tags_extra {color: #555555;font-size: 12px;display: block;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {background:none;background-color: #eee; text-decoration:none;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-corner-all {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}

/* Likes list*/
div.likes { text-align: left; }

/* Garden */
div.plants { margin:10px 0 0 0; }
table.plants { margin:10px 0 0 0; width:100%; border-width:1px 1px 0 1px; border-color:#CCCCCC; border-style:solid; }
table.plants td, table.plants th { padding:2px 4px; border-bottom:#CCCCCC 1px solid; font-size:12px; text-align:left; }

/* Plant page*/
#content .whitebox h1 { font-size: 17px; padding-bottom: 5px; border-bottom: solid 1px #CCC; color:#516C00; }
#content .whitebox h2 { font-size: 15px; color:#6a6a6a;}
.plantfblike {margin-top: 40px;}

.content ul, .content ol,
.plantDescription ul, .plantDescription ol { margin: 0 0 15px 30px; }
.content ul li,
.plantDescription ul li { list-style-type: disc; }
.content ol li,
.plantDescription ol li { list-style-type: decimal;}
#plantDetails .photo { display:block; width: 240px; overflow:hidden;}
#plantDetails .photoBy { display:block; font-size: 11px; padding: 0 10px; color: #888; font-style: italic; text-align:right;}
#plantDetails .photoBy a { font-weight: normal; text-decoration:none; color: #888;}
#plantDetails .photoBy a:hover { color: #333;}
#sidebar dl { overflow: hidden; margin: 0 auto; margin: 0 0 10px 0;}
#sidebar dl dt{ float: left; width: 80px;  }
#sidebar dl dd{ float: left; width: 130px; font-style: italic; margin: 0 0 5px 0; }
#sidebarLeft dl { overflow: hidden; margin: 0 auto; margin: 0 0 10px 0;}
#sidebarLeft dl dt{ float: left; width: 80px;  }
#sidebarLeft dl dd{ width: 90px; font-style: italic; margin: 0 0 5px 90px; }
ul.tags { overflow: hidden; margin: 0 auto; margin: 10px 0 10px 0;}
ul.tags.center { text-align:center;}
ul.tags li { display:inline; }
ul.tags li a { background-color: #DDD; display:inline-block; margin: 2px; text-decoration: none; color: #333; padding: 5px 10px 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 1em; text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; } 
ul.tags li a:hover { background-color: #999; color: white;text-shadow: rgba(0, 0, 0, .3) 0px -1px 0px; } 

#profileMini ul.tags { margin:  10px 0 0 0; }
#profileMini ul.tags li a { background-color: #d2eb90; color: #333; }
#profileMini ul.tags li a:hover { background-color: #798C45; color: white;text-shadow: rgba(0, 0, 0, .3) 0px -1px 0px; }

.plant #height-slider, .plant #bloom-slider { margin: 5px 0 5px 10px; }

ul#plantCalendar { background: url('../images/plantCalendarMonths.png') no-repeat top left; padding: 15px 0;}
ul#plantCalendar li { width: 230px; height: 20px; margin: 0 0 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 1em; background: #CCC url('../images/plantCalendarBG.png') repeat-y top left; position: relative; color: white;}
ul#plantCalendar li .action { text-shadow: rgba(255, 255, 255, .5) 0px 1px 0px; color: #333; position: absolute; top: 3px; left: 10px; z-index: 10; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
ul#plantCalendar li .extra { text-shadow: rgba(255, 255, 255, .5) 0px 1px 0px; color: #333; position: absolute; top: 3px; left: 250px; width: 100%; z-index: 10;}
ul#plantCalendar li ul.periods { display: none; }
ul#plantCalendar a.period { background: #839d3d; text-decoration: none;}
ul#plantCalendar a.period:hover,
ul#plantCalendar a.period.hover { background: #73883a;}
ul#plantCalendar li .description { display: none; }
ul#plantCalendar li a.period.left { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; 
	-moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; 
	border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
ul#plantCalendar li a.period.right { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; 
	-moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; 
	border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

.plantActions .description { margin: 10px 0 0; }

#calendarDownload { margin: 0 auto 20px auto; overflow: hidden; }
#calendarDownload a { display: block; width: 110px; float: left; text-decoration: none; text-align: center; font-size: 15px; font-weight: bold; color: #555; }
#calendarDownload a:hover{ color: #516C00; }

.plantActionEdit { width: 500px; text-align: left; }
.plantActionEdit .sliderPlaceHolder { height: 17px; width: 500px; }
.plantActionEdit .info { width: 500px; height: 200px; overflow: hidden; padding: 0 0 10px 0; }
.plantActionEdit #extra { width: 100%; height: 100%; }

.plantActionTypeVideos > div { display: none; }

#content #actionAddWindow {display:none;}
#content #addPlantFotoBox {display:none;}
#addPlantFotoBox {text-align: left;}
.plantActionEditForm {margin-bottom:20px;}
.plantActionEditForm .periods { margin-top: 25px; }

ul#plantPhotos { margin: 10px 0; list-style-type:none;}
ul#plantPhotos li { float:left; margin: 0 5px 5px 0; padding: 0; border:solid 1px #dadada; list-style-type:none;}
ul#plantPhotos li.first { clear:left; }
ul#plantPhotos li.last { margin: 0 0 5px 0;}
ul#plantPhotos li a { display:block; width: 65px; height: 65px;}
ul#plantPhotos li img { width: 65px; height: 65px;}


ul#plantVideos { margin: 10px 0;}
ul#plantVideos li { float:left; margin: 0 5px 5px 0; padding: 0;  border:solid 1px #dadada;}
ul#plantVideos li.first { clear:left; }
ul#plantVideos li.last { margin: 0 0 5px 0;}
ul#plantVideos li a { display:block; width: 71x; height: 54px; }
ul#plantVideos li img { width: 71px; height: 54px; }

/* Plant Actions */
ul.plantActions { }
ul.plantActions li { line-height: 100%; }
.dateIcon { font-style: italic; color: #666; background: url('../images/icon_calendar.png') no-repeat 0 -2px; padding: 0 0 0 20px; }
.plantActions .repeat { font-style: italic; color: #666; background: url('../images/icon_recurring.png') no-repeat 0 -2px; padding: 0 0 0 20px; }
ul.plantActions a.edit { float: right; margin: 0 ; line-height: 100%; }
ul.plantActions ul.periods li { line-height: 200%; }

/* Plant Colors */
.plantColors { margin:  0 auto; overflow: hidden; }

/* Plant Media */
.tweetImages a img { border: solid 1px #AAA; padding: 2px; }
.tweetImages a:hover img{ border: solid 1px #516C00; padding: 2px; }

/* Plant vcs */
ul#fullList.vcs li .name { display: block; margin: 3px 0 0 0; }
ul.vcsRecords li .name { font-weight: bold; margin: 10px 0 10px; font-size: 14px; }
ul.vcsRecords li .data { border: #CCCCCC 1px solid; padding: 10px; line-height: 150%; }
ul.vcsRecords li .data .field { margin: 0 0 10px 0; }
ul.vcsRecords li .data .field key { font-weight: bold; }
del { background: #FFCCCC; color: #330000; text-decoration: none; margin-right: 10px}
ins { background: #CCFFCC; color: #003300; text-decoration: none; }

/* Footer */
footer { background-color: #F1F1F1; border-top:solid 1px #dadada; color:#999; padding:15px 0; }
footer a { text-decoration:underline; color:#888; font-weight: bold; text-decoration: none; }
footer a:hover { color: #333; }
footer .share {margin-bottom:20px;height: 30px;}
footer .share li {float:left;}
footer .twitterShare {width:270px;}
footer .facebookShare {width:250px;}
footer .googleShare {width:220px;}
footer .copyright { float:left; }
footer .counter { float: right; width: 240px; text-align: center;}
footer .counter strong { color:#888; font-weight: bold; font-size: 20px;}

/* Lists & Tabs */
.linkTabs { float:right; color: #777; }
.linkTabs a { color: #777; text-decoration: none; font-weight: bold; }
.linkTabs a:hover { color: #333; }
.linkTabs a.active, .linkTabs a.active:hover { color: #566d00; cursor: default; }

.tabs { float:right; }
.tabs li { float:left; position: relative; }
.tabs li a {display: block; padding: 0px 7px; margin: 0 0 0 1px; float:left; font-weight: bold; background-color: #AAA; color: #fff; text-decoration: none;}
.tabs li a:hover { background-color: #749c51; }
.tabs li.active a { background-color: #fff; color: #749c51; }
.tabs li a.follow { padding: 0px 7px 0 26px; background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 0; color: white;}
.tabs li a.follow:hover { background: #879b50 url('../images/followIcons.png?2') no-repeat 0 -26px; }
.tabs li a.following { padding: 0px 7px 0 26px; background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 -26px; }
.tabs li a.following:hover { background: #d24c4c url('../images/followIcons.png?2') no-repeat 0 -52px; color: white; }
.tabs li a.add { padding: 0px 7px 0 26px; background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 0; color: white;}
.tabs li a.add:hover { background: #879b50 url('../images/followIcons.png?2') no-repeat 0 0; }
.tabs li a.edit { padding: 0px 7px 0 26px; background: #AAA url('../images/followIcons.png?2') no-repeat 0 -234px; color: white;}
.tabs li a.edit.green { background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 -234px; }
.tabs li a.edit:hover { background: #749c51 url('../images/followIcons.png?2') no-repeat 0 -234px; }
.tabs li a.personalMessage { padding: 0px 7px 0 26px !important;  background: #AAA url('../images/followIcons.png?2') no-repeat 0 -416px !important; }
.tabs li a.personalMessage:hover { padding: 0px 7px 0 26px !important;  background: #749c51 url('../images/followIcons.png?2') no-repeat 0 -416px !important; }
.tabs li.active a.edit { background: #fff url('../images/followIcons.png?2') no-repeat 0 -286px; color: #749c51; }
.tabs li a em { background-color: #DDD; color: #666; border:  solid 1px #DDD; border-top:  solid 1px #AAA; padding: 3px 5px; font-style: normal; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold; font-size: 11px; }
/*.tabs li ul { display:none; position: absolute; top: 26px; left: -1px; border-top: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #fff}
.tabs li:hover ul, .tabs li.hover ul { display:block; }
.tabs li ul li { display: block; position: relative; width: 220px; border-bottom: solid 1px #fff}
.tabs li ul li a { background-color: #FFF;}
.tabs li ul li a { background-color: #AAA; color: #fff; display:block; float:none; }
.tabs li ul li a.follow:hover { background: #a0be51 url('../images/followIcons.png?2') no-repeat 0 -26px; color: white; }
*/
.tabs li select { padding: 4px 7px; margin: 0 0 0 1px; float:left; font-weight: bold; background-color: #AAA; color: #fff; }
.tabs li.active select { background-color: #fff; color: #749c51; }


.tabs li.sub a { background: #AAA url('../images/navSubArrowWhite.png?1') no-repeat top right; padding: 0px 20px 0px 7px; }
.tabs li.sub.active a { background: #fff url('../images/navSubArrow.png?1') no-repeat top right; }
.tabs li.sub ul { display: none; position: absolute; z-index: 50; top: 23px; left: 0px; width: 220px; background: #fff; border:  solid 1px #999; text-align: left; padding: 5px 0; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-border-top-left-radius: 0; 
	-moz-border-top-left-radius: 0; -moz-border-radius-topleft: 0; 
	border-top-left-radius: 0; 
	-moz-box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; box-shadow: 2px 2px 3px #CCC; }
.tabs li.sub ul li { float: none; margin: 0;}
.tabs li.sub.hover ul { display: block; }
.tabs li.sub.hover ul li a,
.tabs li.sub ul li a { display: block; background: none; float: none !important; text-decoration: none; color: #666; line-height: 1.3em; padding: 3px 5px !important; margin: 2px 5px !important; background-color: #fff !important; color: #666 !important; font-weight: normal !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
.tabs li.sub ul li a:hover { cursor: pointer; color:#fff !important; background-color: #666 !important; text-shadow: rgba(0, 0, 0, .4) 0px 1px 0px; }

ul#fullList { margin: 0 0 15px 0; list-style-type:none;}
ul#fullList li {border-top:solid 1px #dadada; padding: 15px 0; clear:left; margin: 0px auto; overflow:hidden; position: relative; line-height: 1.3em; list-style-type:none;}
ul#fullList li:first-child { border-top: solid 0px #fff; }
ul#fullList li div.photo,
ul#fullList li span.photo { display:block; float:left; margin: 0 10px 0 0;width: 48px; height: 48px; overflow:hidden; }
ul#fullList li .extras,
ul#fullList li .name { display: block; margin: 3px 0 0 60px; }
ul#fullList li .tweetImages { display: block; margin: 3px 40px 0 60px; }
ul#fullList li .tweetImages span.photo a img { border: solid 1px #AAA; padding: 2px; }
ul#fullList li .tweetImages span.photo a:hover img { border: solid 1px #516C00; padding: 2px; }
ul#fullList li .imageComment { margin: 5px auto; overflow: hidden;}
ul#fullList li .imageComment img { float:left; margin: 0 10px 0 0; }

ul#fullList li .name a { text-decoration: none; white-space: nowrap;}
ul#fullList li .name a:hover {text-decoration: underline;} 
ul#fullList li .name a.normal { font-size: 13px; font-weight: normal;}
ul#fullList li .extra,
ul#fullList li .extra .date,
ul#fullList li .extra a { font-size: 12px; 	color: #999; }
ul#fullList li .extra a:hover { color: #333; text-decoration: underline; }
ul#fullList li .buttons { display: block; float:right; text-align:right; position: absolute; right: 0; top: 13px;}
ul#fullList li .commentLink { display: block; margin: 5px 0 0 0; background:  url('../images/icons/comment.png') no-repeat; padding: 0 0 0 20px; }
ul#fullList li .commentLink a {	font-weight: normal; font-size: 13px; text-decoration: underline;}
ul#fullList li.small.more { font-weight: bold; padding: 0px 0 5px 60px;}
ul#fullList li.small { border-top: solid 0px #fff; padding: 5px 0 5px 60px; font-size: 12px;}
ul#fullList.noPhoto li.small { padding: 0;}
ul#fullList.noPhoto li.small .extras { margin: 10px 0 0 0; display: block;}
ul#fullList li.small .extras,
ul#fullList li.small .name { display: inline; margin: 0;}
ul#fullList li.small .name a { font-size: 12px;}
ul#fullList li.small .buttons { display: none;}
ul#fullList li.title { border-top:solid 0px #dadada; background: #e9f0d8; color: #73883a; font-weight: bold; padding: 5px;  }
ul#fullList li.done { background: #fff url('../images/icons/checked.png') no-repeat 600px 20px; }

ul#fullList.plant-nurseries li { padding: 5px 0; }

.steps ul#fullList li .name a {cursor:default;}
.steps ul#fullList li .name a:hover {text-decoration: none;}
.steps ul#fullList li .extra a {cursor:default;text-decoration: none;}
.steps ul#fullList li .extra a:hover { color: #999; text-decoration: none; }

/* list with small tumbs */
ul#fullList.small li { padding: 10px 0; }
ul#fullList.small li .photo { width: 24px; height: 24px;}
ul#fullList.small li .extras,
ul#fullList.small li .name { margin: 0 0 0 30px; }
#sidebar ul#fullList.small li .extras, #sidebar ul#fullList.small li .name { width: 200px; }
ul#fullList.small li .extra { padding: 0 30px 0 0 }
ul#fullList.small li .name a { font-size: 13px; }
ul#fullList.small .buttons {position: absolute; right: 0; top: 0; }
ul#fullList.small.noPhoto li .name { margin: 0; }

ul#fullList li .activityGroupPhotos { display: block; width: 400px; overflow: hidden; }
ul#fullList li .activityGroupPhotos a { display:block; float: left; border: solid 0px #fff; margin: 0 1px 1px 0; width: 49px; height: 49px; overflow: hidden; }
ul#fullList li .activityGroupPhotos a img { width: 48px; height: 48px; padding: 0; border: solid 0px #fff; }

ul#fullList.articles li, ul#fullList.books li { padding: 0;}
ul#fullList.articles li h2, ul#fullList.books li h2 { margin: 0 0 5px 0;}
ul#fullList.articles li a, ul#fullList.books li a { text-decoration: none; color: #333; display: block; padding: 15px 15px 15px 0;}
ul#fullList.articles li a:hover, ul#fullList.books li a:hover { background: #eee;}
ul#fullList.articles li .text { margin: 0 0 0 180px; }
ul#fullList.books li .text { margin: 0 0 0 140px; }
ul#fullList.books li .date { font-size:12px; }

ul.recentArticles {margin-bottom:20px}
ul.recentArticles li {padding:5px 0 10px 20px;border-bottom: 1px dashed #E0E0E0;background:transparent url(../images/icons/3.gif) no-repeat 5px 12px}
ul.recentArticles li:hover {background-color:#EEE }

.to { display:inline-block; background: url(../images/arrow.png) no-repeat top left; text-indent: -9999em; margin: 0 5px;}

#artikel em { display: block; margin: 0 0 10px 0;}
#artikel em a { color: #555; }
#artikel .userinfo {margin: 0 auto 15px auto; overflow:hidden;}
#artikel .userinfo img {margin: 0 15px 0 0;float: left;}


ul#grid li { position: relative; float:left; padding: 12px 5px; width: 120px; text-align: center; line-height: 1.2em; }
ul#grid li.first { clear:left; padding: 12px 5px 12px 0px;}
ul#grid li.last {  }
ul#grid li span.photo {  display:block; margin: 0 auto 5px auto; width: 98px; height: 98px; overflow:hidden; border: solid 1px #d2d2d2; }
ul#grid li span.name { clear:left; display: block;}
ul#grid li span.name { font-weight: bold; text-decoration: none; color:#516C00;}
ul#grid li span.extra, 
ul#grid li span.extra a { display: block; color: #b8b8b8; padding: 0 10px 0 0;}
ul#grid li .buttons { display: none; }

ul#smallGrid li { float:left; margin: 10px 20px 5px 0; width: 48px; text-align: center; line-height: 1.2em; }
ul#smallGrid li.first { clear:left; }
ul#smallGrid li.last { margin: 10px 0 5px 0; }
ul#smallGrid li span.photo { display:block; margin: 0 auto 5px auto; width: 48px; height: 48px; overflow:hidden; border: solid 1px #d2d2d2; }

ul#smallUsersGrid li { float:left; width: 46px; height: 46px; overflow: hidden; }
ul#smallUsersGrid li a { width: 46px; height: 46px; display: block}
ul#smallUsersGrid li div.photo { width: 46px; height: 46px;}
ul#smallUsersGrid li img { width: 45px; height: 45px; margin: 0 1px 1px 0;}

.media ul#grid.albums li a { background: #fff; border: solid 1px #AAA; display:block; position: relative; width: 110px; height: 110px; margin: 0 0 10px 10px;}
.media ul#grid.albums li a img { background: #fff; border: solid 1px #AAA; padding: 5px; position: relative; top: 5px; left: 5px; }
.media ul#grid.albums li a:hover,
.media ul#grid.albums li a:hover img { border: solid 1px #555; }
.media ul#grid li a img { border: solid 1px #AAA; }
.media ul#grid li a:hover img { border: solid 1px #555; }

.media.small ul#grid { padding: 0 0 20px 0; margin: 0 auto; overflow: hidden;}
.media.small ul#grid li { margin: 0; width: 67px;}
.media.small ul#grid.albums li { float:left; padding: 0 8px 8px 0;}
.media.small ul#grid.albums li a { background: #fff; border: solid 1px #AAA; position: relative; width: 62px; height: 62px; margin: 0;}
.media.small ul#grid.albums li a img { background: #fff; border: solid 1px #AAA; padding: 3px; position: relative; top: 3px; left: 3px; width: 55px; height: 55px; }
.media.small ul#grid.albums li a:hover,
.media.small ul#grid.albums li a:hover img { border: solid 1px #555; }
.media.small ul#grid li a img { border: solid 1px #AAA; padding: 5px; }
.media.small ul#grid li a:hover img { border: solid 1px #555; }
.media.small ul#grid.albums li .text { display:none;}

.albums.empty { margin-top: 30px;}

.plantPhotos { background: #eee; padding: 5px; margin: -15px 0 5px 0; }
.plantPhotos ul#grid { margin: 0 auto 10px auto; overflow:hidden;}
.plantPhotos ul#grid li { margin: 0 1px 1px 0; padding: 0px; border: none; width: auto; }
.plantPhotos ul#grid li.first { margin: 0 1px 1px 0; clear: none;}
.plantPhotos ul#grid li a { width: 71px; height: 71px; overflow: hidden; }
.plantPhotos ul#grid li img { width: 71px; height: 71px;}

ul.links { line-height: 1em; }
ul.links li { padding: 0 0 10px 0; }
.plantLinks, .usersCSV, .plantVideos { margin-bottom: 20px;}

/* Comments */
.comment-box, .comment-box-plant { margin: 0 auto; overflow: hidden; padding: 5px; display: block; }
.comment-box textarea, .comment-box-plant textarea { width:324px; height:20px; border:1px solid #a7a7a7; padding:5px; float:left; margin: 0 5px 0 0; }
.comment-box span.photo, .comment-box-plant span.photo { display:block; float:left; margin: 0 5px 0 0; width: 24px; height: 24px; overflow:hidden; border: solid 1px #d2d2d2; }

.comments.closed { display: none; }
.comments ul li { line-height:1.2em; border-top:solid 0px #fff; border-bottom:solid 1px #ddd; padding: 10px; clear:left; margin: 0px auto; overflow:hidden; position: relative;}
.comments ul li span.name { display: block;}
.comments ul li span.name a { text-decoration: none; }
.comments ul li span.extra, 
.comments ul li span.extra a { color: #b8b8b8; }
.comments ul li span.photo { display:block; float:left; margin: 0 5px 0 0; width: 24px; height: 24px; overflow:hidden; border: solid 1px #d2d2d2; }

ul#fullList li .comments { 	margin: 5px 0 0 60px; font-size: 12px; background: #eee; line-height:1.2em; clear:left;}
ul#fullList li.small .comments { margin: 0;}
ul#fullList li .comments ul li {line-height:1.2em; border-top:solid 0px #fff; border-bottom:solid 1px #fff; padding: 5px; clear:left; margin: 0px auto; overflow:hidden; position: relative;}
ul#fullList li .comments span.photo { display:block; float:left; margin: 0 5px 0 0; width: 24px; height: 24px; overflow:hidden; border: solid 1px #d2d2d2; }
ul#fullList li .comments ul li span.extras,
ul#fullList li .comments ul li span.name { margin: 0 0 0 35px;display:block;}
ul#fullList li .comments ul li span.name a { font-size: 12px;}
ul#fullList li .comments .commentLink { color: #666; text-decoration:none; margin: 0 0 0 35px; font-weight: bold; text-decoration: underline;}
ul#fullList li .comments .commentLink:hover { color: #333; text-decoration: underline;}
/* Likes */
.like-box { margin: 0 auto; overflow: hidden; padding: 5px; display: block; }
.like-box textarea { width:400px; height:20px; border:1px solid #c7c7c7; padding:5px;
						-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; margin: 0 5px 0 0; }
.like-box span.photo { display:block; float:left; margin: 0 5px 0 0; width: 24px; height: 24px; overflow:hidden; border: solid 1px #d2d2d2; }

.likes ul li { line-height:1.3em; border-top:solid 0px #fff; border-bottom:solid 1px #ddd; padding: 10px; clear:left; margin: 0px auto; overflow:hidden; position: relative;}
.likes ul li span.name { display: block;}
.likes ul li span.name a { font-weight: bold; text-decoration: none; font-size: 15px;}
.likes ul li span.extra,
.likes ul li span.extra a { color: #b8b8b8; padding: 0 10px 0 0;}
.likes ul li span.photo { display:block; float:left; margin: 0 5px 0 0; width: 24px; height: 24px; overflow:hidden; border: solid 1px #d2d2d2; }

/*
ul#fullList li .likes {
	margin: 0 0 0 60px;
	font-size: 12px;
	background: #eee;
	line-height:1.2em; 
}*/
ul#fullList li .likes ul li {line-height:1.2em; border-top:solid 0px #fff; border-bottom:solid 1px #fff; padding: 5px; clear:left; margin: 0px auto; overflow:hidden; position: relative;}
ul#fullList li .likes span.photo { display:block; float:left; margin: 0 5px 0 0; width: 24px; height: 24px; overflow:hidden; border: solid 1px #d2d2d2; }
ul#fullList li .likes ul li span.extras,
ul#fullList li .likes ul li span.name { margin: 0 0 0 35px;}
ul#fullList li .likes ul li span.name a { font-size: 12px;}

/* Books */
#book_tekst p, #book_tekst .fb-like {margin-left:180px;}
#book_tekst p a.button {margin-top: 20px;}
.booksinfo {font-size: 11px; color: #888; margin-top: 15px;}

.book .rating { display: inline-block; width:95px; height:16px;background: transparent url(../images/rating_stars.png) no-repeat 0 0}
.book .rating.score_1 { background-position: 0 0 }
.book .rating.score_2 { background-position: 0 -16px }
.book .rating.score_3 { background-position: 0 -32px }
.book .rating.score_4 { background-position: 0 -48px }
.book .rating.score_5 { background-position: 0 -64px }

/* Misc */
.alignright { float:right; }
.alignleft { float:left; }
.clear { clear:both; width:100%; }
.hidden { display:none !important; }
.notice { position: relative; background-color:#FFF9D7; border:1px solid #E2C822; line-height:15px; margin-bottom:10px; overflow:hidden; padding:10px; }
.error { background-color:#FFEBE8; border:1px solid #DD3C10; line-height:15px; margin-bottom:10px; overflow:hidden; padding:10px; }
.no-margin-top { margin-top:0 !important; }
.incorrect { border: red 1px solid !important; }
div.paging { clear: both; text-align: center; }
.suspended { background: #EE8; }
.deleted { background: #CCC; }

/* Tooltip */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 250px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsyArrow.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* Flickr photos */
#flickrPhotosResults { width: 510px; }
table.flickr-photos { margin:10px 0 0 0; }
table.flickr-photos td { text-align:center; vertical-align:top; }
table.flickr-photos .photo { width:75px; height: 75px; overflow: hidden; padding: 5px; }
table.flickr-photos .photo img { width:75px; }

/* Youtube videos */
#youtubeVideosResults { width: 520px; }
#videoPreviewBox { height: 260px; overflow: hidden; }
#videoPreview { width:320px; height:260px; margin: 0 auto; }

#youtube-videos { overflow: hidden; }
#youtube-videos #videoTitle { height: 20px; overflow: hidden; }
#youtube-videos #buttons { height: 30px; padding: 10px 0 0; overflow: hidden; }

table.youtube-videos td { text-align:center; vertical-align:top; }
table.youtube-videos .video { width:120px; height: 90px; overflow: hidden; padding: 5px; }
table.youtube-videos .video img { width:120px; }

/* Search Page */
#searchResult { }

#searchResult #plants { width: 330px; float:left; margin-right: 20px; }
#searchResult #users { width: 330px; float:left; }
#searchResult #plants h2,
#searchResult #users h2 { margin: 10px 10px 0 10px;}

/* Paging */

.paging { padding: 10px 0;}
.paging span { padding: 3px 5px; border: solid 1px #dadada; color: #516C00; font-weight: bold; margin: 0 5px; }
.paging span.disabled {border: solid 1px #eee; color: #bbb; font-weight: normal; }
.paging a { padding: 3px 5px; border: solid 1px #dadada; color:#666; text-decoration: none; margin: 0 5px;}
.paging a:hover {background: #dadada; border: solid 1px #bbb;}

.paging.alpha {padding:5px; margin: -15px 0 15px 0; background: #EEE; }
.paging.alpha span {border:none; margin:0;padding: 3px 3px;border-bottom: solid 2px #A0BE51;}
.paging.alpha a {border:none; margin:0;padding: 3px 3px; text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;}

#days-slider-holder, #repeat-slider-holder { width: 504px; position: relative; }
#days-slider-holder .months { position: absolute; top: 1px; left: 0; width: 504px; height: 11px; background: transparent url('../images/sliderMonths.png') repeat-y center center;}
#days-slider-holder.small { width: 220px;}
#days-slider-holder.small .months {  width: 220px; height: 11px; background: transparent url('../images/sliderMonthsSmall.png') repeat-y center center;}

/* Google maps */
.gmUserInfo { height:50px;overflow: hidden; padding-bottom:10px; text-align: left;}
.gmUserInfo img { float: left; margin: 0 5px 0; display:block; float:left; width: 48px; height: 48px; overflow:hidden; border: solid 1px #d2d2d2;}
.gmUserInfo .name { font-weight: bold; display: block; font-size: 13px;}
.gmUserInfo .extra { color: #666; display: block; font-size: 11px;}

.gmLogoPoiInfo { padding-bottom:10px; text-align: left;}
.gmLogoPoiInfo img { float: left; margin: 0 5px 0; display:block; float:left; width: 48px; overflow:hidden; border: solid 1px #d2d2d2;}
.gmLogoPoiInfo .name { font-weight: bold; display: block; font-size: 13px;}
.gmLogoPoiInfo .extra { color: #666; display: block; font-size: 11px;}

#gmPlantSidebar { width: 240px; height: 240px; margin: 0px; }
#gmProfileEdit { width: 660px; height: 440px;margin-bottom:20px;}
#gmLogo { width: 680px; height: 440px; }

#maploader {position: absolute;top:235px;left:385px;height:32px;width:32px;}

/* 404 */
.err404 { font-size: 14px;}
.err404 h2 { font-size: 30px; font-weight: normal; margin: 0 0 20px 0;}

/* Plant colors */
div.colorMultiSelect {border: solid 0px #FFF; padding: 0; width: 220px;}
div.colorMultiSelect ul {border: solid 1px #CCC; margin: 0; padding: 0; height: 24px; width: 192px;}
div.colorMultiSelect ul li { margin: 0px; border: solid 0 #fff;}
div.colorMultiSelect ul li.first { clear: none;}
ul.colors li { float: left; margin: 0 1px 1px 0; padding:0;}
.color-box { width: 24px; height: 24px; border: #ccc 1px solid; display: block; float: left; }
#plantDetails .color-box { width: 16px; height: 16px;}

/* Widgets */
#widgets div { clear:left;}
#widgets .widget { float:left;margin-right:20px;}
#widgetGenerator { width:50%;float:left;}
#widgetGenerator label { display:block;}
#widgetGenerator input {margin:3px 5px;}
#widgetGenerator .options {margin-left:20px;}
#widgetPreview {width:50%;float:left;}
/* Plant links */
.plantLinks .pending { background: #FF8; }
#page #linkAddWindow {display:none;}
#linkAddWindow {width:500px;}

/* Invite box */
#content #invite-to-event-box {display:none;}
#invite-box form { text-align: left; }
#invite-box textarea#message { height: 150px; }

/*Report Box*/
#report-box { text-align: left; }
 
/* ADS */
.ads { text-align: center; color: #666; margin: 0 0 15px 0; }
.ads p {  margin: 5px 0;}
.ads a { color: #666; }
.ads img{ border: solid 1px #eee; width: 228px; }

.gadstop {margin-bottom: 20px}
.gadsright {margin-bottom: 20px}

/* Mobile page */
.mobileScreens {margin-bottom:40px;}
.mobileScreens img {border: 1px solid #D0D0D0;}
.androidBtn {float: left;margin-right:20px;}

/* Albums */
#content #addAlbumBox { display: none; }
#content .albumInfo {margin-bottom:5px;}
.albumInfo .right { margin: 0 0 0 10px; }
#addAlbumBox .inputForm { text-align: left; }
#content #editAlbumBox { display: none; }
#editAlbumBox .inputForm { text-align: left; }
#content #addPhotoBox { display: none; text-align: left; }
#addPhotoBox .inputForm { text-align: left; }
.photoTitle button, .photoComment button { font-size: 13px; line-height: 13px; font-weight: normal; padding: 7px 10px; background: #a0be51; border: solid 0px #fff; border-bottom: solid 1px #73883a; color: white; text-decoration: none; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0, 0, 0, .2) 0px -1px 0px; margin: 5px 10px 0 0; }
.photoTitle button:hover, .photoComment button:hover { background-color: #8ca843; }
.photoComment {margin:10px 0 10px;}
#flash_uploader {width:500px;height:320px;}
.terms { height: 500px; overflow-y: scroll; }
.terms #content { width: auto; }
.terms #content whitebox { border: none; }
.fblike {height: 40px;}
.fblike .fb_iframe_widget { margin: 0 0 20px;position:absolute;}
#sidebar .fb_iframe_widget { margin: -10px 0 20px;}
.fancybox-fblike {position:absolute;}

.rightDelete {float:right;margin:0 0 10px;}
#searchInContactsBox { width: 700px; min-height: 350px; }
#searchInContactsBox .logos { margin: 10px auto; overflow: hidden; }
#searchInContactsBox .logos a { border-top: solid 1px #fff; border-bottom: solid 1px #DDD; margin: 0; padding: 10px; display: block; float: left;}
#searchInContactsBox .logos a.active { border: solid 1px #DDD; border-bottom: solid 1px #FFF;}
#loginForm { width: 300px; text-align: left; margin: 10px 0 0 150px; }
#loginForm .inputForm label { width: 100px; }
#loginForm .inputForm span.input { margin-left: 100px; }
#loginForm .inputForm input { width: 200px; }
#searchInContactsBox #users { text-align: left; }

ul#grid.users li span.photo { display:block; margin: 0 auto 5px auto; width: 48px; height: 48px; overflow:hidden; border: solid 1px #d2d2d2; }

/* Invite to event box */
#invite-to-event-box .inputForm { text-align: left; }
#invite-to-event-box { width: 560px; }
#invite-to-event-box #usersMultiSelect { margin: 0 0 15px 0; }
#invite-to-event-box .inputForm.medium #usersMultiSelect label { width: auto; }

/* HELPDESK TAB */
#zenbox_tab { top: 70% !important; }
#deleteAccountBox { width: 500px; text-align: left; }
#deleteAccountBox textarea { width: 310px; height: 120px; }

/* Clients */
.redHeader { border: 1px solid #c44747; background: #fc5b5b; text-align: center; clear: both; position: relative; padding: 10px; margin: -10px 0 10px; color: #fff; font-size: 14px; font-weight: bold; }

/* Plants list */
.plants.fancybox { width: 400px; text-align: left; max-height: 400px; overflow-y: scroll; }

/* Photos list */
.photos.fancybox { width: 660px; text-align: left; max-height: 400px; overflow-y: scroll; }

/* Gardens */
ul#fullList.gardens li .name { margin-left: 0; }
ul#fullList.gardens li .photos a img { border: solid 1px #AAA; padding: 2px; margin-right: 5px; }
ul#fullList.gardens li .photos a:hover img { border: solid 1px #516C00; padding: 2px; }

/* Letters */
.letters { text-align: center; padding: 10px 0; }
.letters span { padding: 3px 5px; color: #516C00; font-weight: bold; margin: 0 0; }
.letters a { padding: 3px 5px !important; color:#666; text-decoration: none; margin: 0 0;}
.letters a:hover { background: #dadada; }

.column { margin: 0; padding: 0; }

.searchPlants { margin: 0 0 10px; }

.pro { display: inline-block; vertical-align:middle; text-indent: -9999em !important; text-align: left !important; border-bottom: solid 0px #fff !important; width: 38px; height: 20px; margin: -3px 2px 3px 7px; background: url('../images/plus.png') no-repeat; }
ul#fullList li .pro { background: url('../images/icons/plus.png') no-repeat; width: 16px; height: 16px; margin: -1px 5px 3px 4px;}

#sidebarLeft .pro { display:block; float:right; margin-top: -1px;}

#buyProAccountBox {	padding: 20px; }
#buyProAccountBox h2 { text-align: center; margin: 0 0 10px 0; color:#516C00 !important; font-size: 22px !important; }
#buyProAccountBox h3 { text-align: center; margin: 0 0 30px 0; font-weight: bold; color:#444 !important; font-size: 17px !important; }
#buyProAccountBox .features { float: left; font-size: 16px; margin: 0 0 25px 0;}
#buyProAccountBox form {width: 230px; float: right;}
#buyProAccountBox form .radio { margin: 0 0 8px 15px; }
#buyProAccountBox.accountsPageBuyProAccountBox form { text-align: left; float: none; }

/* Plant Sidebar */
.reportWrongContent { clear: both; }

/* Tweet links */
.tweetLink { width: 420px; margin: 8px 0 0 70px; }
.tweetLink .linkImage { float: left; width: 50px; max-height: 50; margin: 0; }
.tweetLink .linkImage img { width: 48px; border: solid 1px #AAA; }
.tweetLink .link { display:block;}
.tweetLink .link.withImage { margin: 0 0 0 65px; width:380px;}
.tweetLink .link a { font-weight: bold; text-decoration: none; }

/* FEATURES */

table.features { width: 85%; border-collapse: collapse; margin:  25px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: rgba(255, 255, 255, .8) 0px 1px 0px;}
table.features tr th { text-align: center; font-weight: bold; font-size: 18px; padding: 5px 10px; }
table.features tr th.current,
table.features tr th.last { background-color: #d2eb90; border: solid 2px #7a972c; border-bottom: none; }
table.features small { font-size: 11px;  }
table.features tr td { border: solid 1px #999; padding: 5px 10px; text-align: center; width: 30%; }
table.features tr.even td { background-color: #eee;}
table.features tr td.feature  { text-align: left; font-weight: bold; width: 40%;}
table.features tr.footer td { font-weight: bold; font-size: 18px; border: none;}
table.features tr.footer td.current,
table.features tr.footer td.last{ border-bottom: solid 2px #999; }
table.features tr td.current,
table.features tr td.last  { background-color: #d2eb90; border-left: solid 2px #7a972c; border-right: solid 2px #7a972c; border-color: #7a972c; }
table.features tr td.current,
table.features tr.even td.last { background-color: #c1dd76; }
table.landscapers.features tr td { width: 25%; }

table.features .yes { margin: 0 auto; width: 16px; height: 16px; display:block; text-indent: -9999em; background: url('../images/icons/tick.png') no-repeat center center; }
table.features .no { margin: 0 auto; width: 16px; height: 16px; display:block; text-indent: -9999em; background: url('../images/icons/cross.png') no-repeat center center; }

.exchange div {margin:5px 0 ;}
.exchange label {display:inline-block;width: 70px;}
.exchange .submitBtn {text-align: right;}

ul#fullList.exchangeList .left { display: block; float: left; width: 280px; }
ul#fullList.exchangeList .left .extra { margin: 0 0 0 60px; }
ul#fullList.exchangeList .name { font-weight: bold; }
ul#fullList.exchangeList .right { width: 220px; display: block; float: right; padding: 0; }
ul#fullList.exchangeList .right .extra { padding: 0; margin: 0;}

/* QR generator */
#generator ul#miniList .extra { margin-left: 48px; }
.layoutSelect {width:100%;margin-bottom:20px;}
#qrLayout,#qrList {width:100%;height:700px;}
#generator #submitAll {display:block}
#generator .search { background: #ddd; border: solid 1px #ccc; border-bottom: solid 0px #fff; padding: 7px; }
#generator #miniList {overflow: scroll; height: 400px; margin: 0 0 25px 0; border: solid 1px #ccc; }
#miniList .qrcode {display:none;}
#dragView {width:150px;height:150px; border: 1px dashed #B8B8B8;background-color: #fff;overflow: hidden;position: relative;background: none;}
#dragView:hover {background-color: #fff;background-image: none;}
#qrLayout .trash {width:16px; height:16px; background: transparent url('/images/icon_trash.gif');right:0;position:absolute;cursor: pointer;}
#qrLayout .qrcode, #dragView div.qrcode {width:100%;display:block;text-align: center;margin-bottom: 15px;}
#qrLayout .photo {display: none;}
#qrLayout .title, #miniList #dragView span.title {display: block;width:100%;text-align: center;font-size: 13px;font-weight: bold;margin-top: -15px;}
#qrLayout .extra, #miniList #dragView span.latinName {display: block;width:100%;text-align: center;font-size: 12px;color: #B8B8B8;}
#qrLayout #qrList li {float:left; margin: -1px 0 0 -1px;border: 1px dashed #B8B8B8;background-color: #fff;background-image: none;overflow: hidden;position:relative}
#qrLayout li:hover { background-color: #fff; text-decoration:none; }

/* QR layouts */
#qrLayout.label_39_39 {background: url('../images/qr/layout_39x39.jpg') no-repeat; height: 1000px; }
#qrLayout.label_39_39 #qrList li {width:140px; height:140px;text-align: center;}
#qrLayout.label_39_39 #qrList li .qrcode {width:100%;display:block;text-align: center;margin: 0;}
#qrLayout.label_39_39 #qrList li .title {display: block;width:100%;text-align: center;font-size: 13px;font-weight: bold;margin-top: 0px;}
#qrLayout.label_39_39 #qrList li .extra {display: block;width:100%;text-align: center;font-size: 12px;color: #B8B8B8;}

#qrLayout.label_64_36 {background: url('../images/qr/layout_64x36.jpg') no-repeat; height: 1000px; }
#qrLayout.label_64_36 #qrList li  {width:238px; height:134px;}
#qrLayout.label_64_36 #qrList li .qrcode  {float:left;width:110px;display:block;margin: 0;}
#qrLayout.label_64_36 #qrList li .title  {display: block;text-align: left;font-size: 13px;font-weight: bold;margin-top: 15px;}
#qrLayout.label_64_36 #qrList li .extra  {display: block;text-align: left;font-size: 12px;color: #B8B8B8;}

#qrLayout.label_85_40 {background: url('../images/qr/layout_85x40.jpg') no-repeat; height: 1000px; }
#qrLayout.label_85_40 #qrList li {width:320px; height:149px;}
#qrLayout.label_85_40 #qrList li .qrcode {float:left;width:110px;display:block;margin: 0;}
#qrLayout.label_85_40 #qrList li .title {display: block;text-align: left;font-size: 13px;font-weight: bold;margin-top: 15px;}
#qrLayout.label_85_40 #qrList li .extra {display: block;text-align: left;font-size: 12px;color: #B8B8B8;}

#qrLayout.label_97_37 {background: url('../images/qr/layout_97x37.jpg') no-repeat; height: 1000px; }
#qrLayout.label_97_37 #qrList li {width:358px; height:138px;}
#qrLayout.label_97_37 #qrList li .qrcode {float:left;width:110px;display:block;margin: 0;}
#qrLayout.label_97_37 #qrList li .title {display: block;text-align: left;font-size: 13px;font-weight: bold;margin-top: 15px;}
#qrLayout.label_97_37 #qrList li .extra {display: block;text-align: left;font-size: 12px;color: #B8B8B8;}

/* API docs */
#apiMethods {clear: left;margin-top:80px;}
#apidocs h3, #apiexamples h3 {margin-top:30px;}
#apidocs h4 {font-size: 1.1em;font-weight: bold;color: #A0BE51; margin-top:20px; padding-left:20px; background: transparent url('../images/plusmin.png') no-repeat 0px 0px;cursor: pointer;}
#apidocs h4.open {background-position: 0 -16px;}
#apidocs .methodDescription {margin-left:20px;}
#apidocs .method {margin-left:20px;display: none;}
#apidocs h6 {font-weight: bold;margin-top:10px;}
#apidocs dl {margin-left:20px;margin-top:5px;}
#apidocs dt {font-style: italic;font-family:courier;font-weight:bold;margin-top:5px;}
#apidocs dd {margin-left:30px;}
#apidocs .example {margin: 15px 15px 15px 20px}
#apidocs .return_data {margin-top:15px;max-height: 300px; overflow:scroll;width: 600px;padding:10px;border: 1px inset;background-color: #F0F0F0;}

/* Add video */
.addVideoBox {text-align: left;}
.addVideoBox .inputForm a#youtube {  width: 180px; height: 28px;text-indent: -9999em; display:inline-block; background: url('../images/ChooseYouTube.png') no-repeat top left;}
.addVideoBox .inputForm span.input {margin-left:125px;}
.addVideoBox .inputForm .videoThumb { width:100px; height:76px; float:left; margin-right: 20px; overflow:hidden; text-align: center; }
.addVideoBox .inputForm .videoThumb img { border:1px solid #c7c7c7; }
.addVideoBox .videoThumb img { width: 98px; }
.addVideoBox .videoThumb img.placeholder { width: 74px; height: 74px; }

/* Youtube videos */
.youtubeSearchResultsBox { text-align: center; }

/* mobileMessage */
#mobileMessage { overflow:hidden; position: fixed; top: 0; left: 0; z-index: 9999999; text-align: center; width: 100%; }
#mobileMessage a { width: 320px; margin: 0 auto; padding: 2px 7px 2px 25px; text-align: left; font-size: 12px; display:block; background: #fff url("../images/icons/iphone.png") no-repeat 5px 2px; font-weight: bold; color: #333; text-decoration: none;
	border: solid 3px #a0be51; border-top: none; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; }