@import url('reset.css') /* NoFollow */; 
/*
Welcome to the Generic Style CSS File! Some things you should know:

1. The reset.css file imported above breaks all elements down to a base style.

2. This file is included on all front-end/user-facing pages. Applications can
   override this file in their own custom files (ie. vanilla.css or
   conversations.css).

3. This file is broken down into the following sections:
   + General Styles & Typography
   + Header
   + Main Menu
   + Panels / Sidebars
   + Activities
   + Profile Page
   + Profile Tab Menu
   + Thumbnail Cropper
   + Footer
*/
   
   
/* ============================================== General Styles & Typography */
html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important; }
body {
   color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.7em;
   background: #fff;
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: small;
}
#Body {
   width: 900px;
   text-align: left;
   margin: 0 auto;
}
#Body {
   margin: 15px auto 0;
}
#Content {
   float: left;
   width: 620px;
   margin: 0 0 40px;
}
.Hidden {
   display: none;
}
.nowrap {
   white-space: nowrap;
}
.Center {
	text-align: center;
}
.Right {
	text-align: right;
}
h1, h2, h3, h4, h5, h6 {
   color: #000;
   font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
   font-weight: normal;
   margin: 0;
}
p {
   margin: 0.5em 0 0 0;
   line-height: 1.6em;
}
h1, h2 {
   border-bottom:1px solid #bbb;
   font-size:140%;
   font-weight:bold;
   margin-bottom:10px;
}
h3 {
   font-size:140%;
}
h4 {
   font-size: 120%;
   color: #6C6C6C;
}
h5 {
   font-size: 120%;
   color: #6C6C6C;
}
a,
a:link,
a:visited,
a:active {
   text-decoration: none;
   color: #2786c2;
}
a:hover {
   text-decoration: none;
   color: #ff0084;
}
input.DateBox,
input.InputBox,
input.SmallInput,
textarea {
   font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
   color: #333;
   font-size: 15px;
   padding: 3px;
   margin: 0;
   width: 250px;
   border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
textarea.TextBox {
   width: 610px;
   height: 100px;
   min-height: 100px;
	margin-top:10px;
}
#Popup textarea.TextBox {
   width: 250px;
}
input.SmallInput,
input.InputBox {
   padding: 6px 3px;
}
input.SmallInput:focus,
input.InputBox:focus,
textarea:focus {
   background: #ffe;
}
textarea {
   line-height: 128%;
}
select {
   font-family: arial;
   font-size: 14px;
   color: #222;
   margin: 0;
   padding: 3px;
   }
a.Button,
.Button {
   cursor: pointer;
   margin: 0;
   font-size: 11px;
   padding: 4px;
   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
   color: #02475A;
	text-shadow: 0 1px 0 #fff;
   border: 1px solid #999;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;  
   }
input.Button {
	font-size: 14px;
   font-weight: bold;
}
.Button:hover {
   color: #111;
   border: 1px solid #666;
}
.Button:focus {
   background: #eee;
}
.Loading {
   height: 100px;
   padding: 0 20px;
   background: url('images/progress.gif') center center no-repeat;
}
.Progress {
   padding: 10px 40px 10px 0;
   background: url('images/progress.gif') center center no-repeat;
}
/* Note: Messages are the yellow notices that appear at the top/center of the
  page to notify users of things like drafts being saved, etc. */
div.Messages {
   text-align: center;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 200;
   margin: 0 !important;
   padding: 0 !important;
   list-style: none !important;
   font-size: 12px;
   display: block;
   width: 100%;
}
* html div.Messages {
  position: absolute;
  width: 100%;/*IE5.5*/
  top: 0;
  left: 0;
  overflow: visible; 
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}
div.Messages ul {
   cursor: pointer;
   width: auto !important;
   border: 0 !important;
   margin: 0 auto !important;
   padding: 4px 8px !important;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   background: #ff9 !important;
   display:-moz-inline-stack;
   display:inline-block;
   zoom:1;
   *display:inline;
	box-shadow: 0px 0px 2px #333;
	-moz-box-shadow: 0px 0px 2px #333;
	-webkit-box-shadow: 0px 0px 2px #333;  
}
div.Messages ul li {
   text-align: left !important;
   border: 0 !important;
   color: #000 !important;
   padding: 0 !important;
   margin: 0 !important;
   list-style-position: outside;
}
div.Errors ul {
   background: #d50a0a !important;
}
div.Errors ul li {
   color: #fff !important;
}
/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   strings & imply importance. */
.Warning {
   background: #ffc;
   border: 1px solid #ff9;
   color: #000;
   padding: 6px 8px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.Alert {
   background: #d00;
   border: 1px solid #b00;
   color: #fff;
   padding: 3px 6px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.Alert a {
   color: #fff;
}
.Alert a:hover {
   text-decoration: underline;
}
div.Info {
   font-size: 13px;
   background: #fafafa;
   border: 1px solid #eee;
   color: #888;
   -moz-border-radius: 4px;
   padding: 6px;
   margin: 0 0 10px;
}
/* Note: The MessageModule (in /applications/garden/modules) wraps all messages
  that it renders in a div with this DismissMessage class. */
div.DismissMessage {
   margin: 6px 0 10px;
	text-align: left;
}
div.DismissMessage p {
   margin: 2px 0;
}
div.DismissMessage a.Dismiss {
	font-family: arial;
   float: right;
	font-size: 22px;
	font-weight: bold;
   line-height: 120%;
   color: #999;
}
div.DismissMessage a.Dismiss:hover {
	color: #ff0084;
}
/* Note: The close class is used on the "close" anchor in popups. */
a.Close {
	color:#777;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
	padding: 0 2px;
}
a.Close:hover {
	color: #333;
}
#PagerLess {
   -moz-border-radius-topright: 2px;
   -moz-border-radius-topleft: 2px;
   -webkit-border-top-right-radius: 2px;
   -webkit-border-top-left-radius: 2px;
   margin-bottom: 1px;
	text-align: left;
}
div.MorePager a.Loading {
	border: 0 !important;
   padding: 0 20px !important;
   background: url('images/progress.gif') center center no-repeat !important;
}
#PagerMore {
   margin-bottom: 1px;
}
.NumberedPager {
   margin: 1px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
}
#PagerBefore {
   margin: 1px 0;
}
.NumberedPager a,
.NumberedPager span {
	padding: 0 4px;
}
.NumberedPager span,
.NumberedPager a.Highlight {
	color: #777;
}
.NumberedPager a.Next,
.NumberedPager span.Next,
.NumberedPager a.Previous,
.NumberedPager span.Previous {
	font-size: 16px;
	line-height: 10px;
}
.NumberedPager a.Next,
.NumberedPager span.Next {
	margin-left: 6px;
}
.NumberedPager a.Previous,
.NumberedPager span.Previous {
	margin-right: 6px;
}


/* =================================================================== Header */
#Head {
   background: #33393E;
   padding: 0;
   text-align: right;
}
div#Search:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
body #Head h1 {
   display: block;
   font-weight: bold;
   margin: 0;
   padding: 21px 7px 0 0;
   border: 0;
   float: left;
   line-height: 1;
}
#Head h1 a span {
   font-size: 24px;
   color:#E4F7FE;
   text-shadow:0 1px 0 #30ACD6;   
}
#Head h1 a:hover span {
   color:#f3fcff;
}
#Head form {
   float: right;
   width: 250px;
   background: #fff;
   padding: 0;
   margin: 15px 0 0;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}
#Head form input.InputBox {
   width: 204px;
   border: 0;
   padding: 4px 2px 4px 0;
   background: #fff;
   margin: 0;
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-bottomleft: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   color: #969696;
   font-size: 13px;
}
#Head form input.Button {
   border: 0;
   width: 38px;
   height: 26px;
   background: #33393E;
   color: #2786C2;
   padding: 3px 0 4px;
   margin: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius-topright: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-top-right-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
  	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;     	
}
#Menu {
   height: 28px;
   padding: 0;
}
#Menu,
#Menu ul {
   margin: 0;
   padding: 0;
}
#Menu ul {
   position: absolute;
   visibility: hidden;
   z-index: 100;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
}
#Menu li ul li.First {
   margin-top: 2px;
}
#Menu li ul li.Last {
   padding-bottom: 2px;
}
#Menu li {
   line-height: 27px;
   float: left;
   position: relative;
   display: block;
   list-style: none;
   padding: 0;
   margin: 0 4px 0 0;
   font-weight: bold;
   text-align: left;
}
* html #Menu li {
	display: inline;
}
* html #Menu ul  {
	left: 0;
	top: 27px;
}
* html #Menu ul li  {
	display: block;
	height: 1%;
	width: 85px;
}
#Menu li
#Menu li a,
#Menu li a:hover,
#Menu li.Active,
#Menu li.Active a,
#Menu li.Active a:hover {
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-topright: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
}
#Menu li ul li,
#Menu li ul li a,
#Menu li ul li a:hover,
#Menu li.Active ul li,
#Menu li.Active ul li a,
#Menu li.Active ul li a:hover {
   -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
   -webkit-border-top-left-radius: 0;
   -webkit-border-top-right-radius: 0;
}
#Menu li ul li.Last a {
   -moz-border-radius-bottomleft: 1px;
   -moz-border-radius-bottomright: 1px;
   -webkit-border-bottom-left-radius: 1px;
   -webkit-border-bottom-right-radius: 1px;
}
#Menu li ul li {
   margin: 0;
   line-height: 22px;
   font-weight: normal;
}
#Menu li ul li a {
   height: auto;
}
#Menu a {
   border: 0;
   text-decoration: none;
   position: relative;
	display: block;
   padding: 0 7px;
   white-space: nowrap;
   font-size: 11px;
   height: 28px;
}
* html #Menu a  {
   display: inline;
   padding: 6px 10px;
}
* html #Menu ul li a  {
   display: block;
   padding: 3px 10px;
   width: 85px;
}
#Menu ul li {
	display: block;
	float: none;
}
#Menu ul .Active .First {
	padding-left: 1px;
}
#Menu li.NonTab,
#Menu li.NonTab a {
   background: transparent;
   border: 0;
   font-weight: normal;
}
#Menu a span,
#Menu li.Active a span,
#Menu li.Highlight a:hover span {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   margin-left: 4px;
   padding: 0 2px;
   font-size: 9px;
   line-height: 12px;
   font-weight: normal;
}

/* Option (dropdown) Menus

Menu takes a z-index of 100
Option menu takes a z-index of 300

*/
ul.Options,
ul.Options ul {
   margin: 0;
   padding: 0;
   display: none;
}
ul.Options {
   z-index: 298;
}
ul.Options ul {
   z-index: 300;
   position: absolute;
}
ul.Options li {
   float: right;
   position: relative;
   display: block;
   list-style: none outside none;
   padding: 0;
   font-size: 11px;
   line-height: 22px;
}
ul.Options h3 {
   display: block;
   cursor: pointer;
   margin: 0;
   padding: 0;
}
ul.Options li ul li {
   float: none;
   text-align: left;
   margin: 0;
   font-weight: normal;
}
ul.Options li ul li a {
   width: 104px;
   padding: 0 6px;
   height: auto;
}
ul.Options a {
   text-decoration: none;
   display: block;
   position: relative;
   white-space: nowrap;
   font-size: 11px;
}
ul.Options ul li {
   display: block;
   float: none;
}
ul.Options li.Parent strong {
   display: block;
   padding: 4px;
   margin: 3px 4px 0 0;
   font-size: 10px;
   font-weight: normal;
   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
   border: 1px solid #bbb;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   color: #555;
   cursor: pointer;
   line-height: 100%;
}
ul.Options li.Parent strong:focus,
ul.Options li.Parent strong:hover {
   color: #333;
   border: 1px solid #888;
}
ul.Options li.Parent strong:focus {
   background: #eee;
}
ul.Options li.Active strong:hover,
ul.Options li.Active strong {
   color: #fff;
   background: #9c9c9c !important;
   border: 1px solid #9c9c9c;
   -moz-border-radius-bottomleft: 0;
   -moz-border-radius-bottomright: 0;
   -webkit-border-bottom-left-radius: 0;
   -webkit-border-bottom-right-radius: 0;
}
ul.Options li.Active {
   background: none;
}
ul.Options li.Active ul {
   border: 1px solid #9c9c9c;
   background: #fafafa;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
}
ul.Options li.Active ul li a {
   background: none;
}
ul.Options li.Active a {
   background: #efefef;
   color: #595959;
}
ul.Options li.Active a:hover {
   background: #8d8d8d;
   color: #fff;
}
ul.Options li.Parent strong:hover,
ul.Options li.Active strong:hover,
ul.Options li.Active strong,
ul.Options li.Active ul {
  	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;     
}
.Center {
   text-align: center;
}


/* ================================================================ Main Menu */
div.Menu {
   text-align: right;
   width: 960px;
   margin: 0 auto;
}
ul#Menu {
   float: left;
   margin: 0 auto;
   padding: 22px 0 0 10px;
}
#Menu ul,
#Menu li.Active {
   background: #44c7f4;
}
#Menu a,
#Menu li.Active a {
   color: #fff;
}
#Menu a:hover {
   background: #28bcef;
}
#Menu a:hover,
#Menu li.NonTab a:hover {
   color: #fff !important;
}
/* Numbers next to menu items */
#Menu a span,
#Menu li.Active a span,
#Menu li.Highlight a:hover span {
   background: #f2fcff;
   color: #299fc7;
}


/* ======================================================== Panels / Sidebars */
#Panel {
   width: 250px;
   float: right;
}
div.Box {
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   background: #ffffff;
   color: #999;
   padding: 6px 10px;
   margin: 0 0 10px;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;  
}
div.Box h4 {
   font-size: 110%;
   color: #2786c2;
   font-weight: bold;
   margin: 0;
   padding: 0 0 1px;
}
div.Box dl {
   border-top: 1px solid #caf0fe;
   border-bottom: 1px solid #caf0fe;
   background: #ffffff;
   padding: 3px;
   overflow: hidden;
}
div.Box dl dt {
   float: left;
   width: 80px;
   color: #555;
}
div.Box dl dd {
   margin-left: 80px;
}
div.Box p {
   font-size: 100%;
   padding: 0 0 4px;
   color: #555;
}
ul.PanelActivity {
   border-top: 1px solid #caf0fe;
	border-bottom: 0;
}
ul.PanelActivity li {
   background: #ffffff;
   border-bottom: 1px solid #caf0fe;
   padding: 2px 4px;
	color: #555;
}
ul.PanelActivity span {
	padding: 0 4px;
}
ul.PanelActivity p {
	padding: 0 4px;
	display: inline;
	font-size: 90%;
}
ul.PanelActivity li em {
	padding-left: 5px;
	color: #777;
	font-size: 80%;
}
ul.PanelActivity li div.Story {
	font-size: 85%;
}
ul.PanelInfo li {
   background: #ffffff;
   border-bottom: 1px solid #caf0fe;
   padding: 2px 4px;
   text-align: right;
}
ul.PanelInfo {
   border-top: 1px solid #caf0fe;
	border-bottom: 0;
}
ul.PanelInfo li strong {
   font-weight: normal;
   text-align: left;
   margin-right: 12px;
   font-weight: normal;
}
ul.PanelInfo li a {
   float: left;
}
ul.PanelInfo div.Meta {
   font-size: 11px;
}
ul.PanelInfo div.Meta span,
ul.PanelInfo div.Meta strong {
   margin-right: 8px;
}
ul.PanelInfo div.Meta span a {
   margin-left: 8px;
}
ul.PanelInfo div.Meta strong {
   font-weight: normal;
   display: inline;
   padding: 1px 3px;
	-moz-border-radius: 2px;
   -webkit-border-radius: 2px;
	background: #FFFF00;
	padding:2px 4px;
}
ul.PanelInfo li.Active {
   background: #fff;
   border-bottom: 1px solid #a3e6ff;
}
ul.PanelInfo li.Active a {
   color: #2786C2;
}
ul.PanelActivity li.ShowAll,
ul.PanelInfo li.ShowAll {
   font-weight: bold;
   border: 0;
   text-align: right;
	background: none;
}
body.Profile ul.PanelInfo {
   border-bottom: 1px solid #caf0fe;
}
body.Profile ul.PanelInfo li {
	border-bottom: 0;
	text-align: left;
}
body.Profile ul.PanelInfo li a {
   float: none;
}
a.BigButton {
   text-align: center;
   display: block;
   cursor: pointer;
   margin: 0 0 10px;
   font-size: 15px;
   font-weight: bold;
   padding: 8px 0;
   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
   color: #02475A;
	text-shadow: 0 1px 0 #fff;
   border: 1px solid #999;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;  
   }
a.BigButton:hover {
   color: #111;
   border: 1px solid #666;
	box-shadow: 0px 0px 5px #aaa;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;  
}
a.BigButton:focus {
   background: #eee;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;  
}


/* ============================================================= Entry Screen */
body.Entry {
   text-align: center;
}
body.Entry div.Panel {
   display: none;
}
body.Entry #Content {
   float: none;
   margin: 0 auto;
   width: 360px;
   text-align: center;
}
body#garden_entry_handshake #Content {
	width: 720px;
}
body#garden_entry_handshake ul.LinkAccount {
	float: left;
	width: 330px;
	margin-right: 29px;
	border-right: 1px solid #A5D0E7;
}
body#garden_entry_handshake div.Info {
	border: 1px solid #A5D0E7;
	background: #D3F0FF;
	color: #02475A;
}
body.Entry #Content div.Box {
   background: #CBE8F9;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
	border: 1px solid #A5D0E7;
	margin: 0;
	padding: 0;
}
body.Entry p {
	text-align: left;
	padding: 0 10px;
	margin: 10px 0 10px;
}
body.Entry p.Leaving {
	margin-left: 43px;
   background: url('images/progress.gif') left center no-repeat;
   padding-left: 50px;
}
body.Entry #Content h1 {
   border: none;
   color: #02475A;
   font-size:140%;
   font-weight:bold;
   padding: 6px;
	margin: 0;
	text-align: left;
}
body.Entry #Content form {
	text-align: left;
	padding: 10px 30px 20px;
}
body.Entry form ul li label {
	font-size: 14px;
	color: #555;
	font-weight: bold;
	padding: 6px 0 0;
	display: block;
}
body.Entry form ul li label.CheckBoxLabel,
body.Entry form ul li label.RadioLabel {
	font-size: 12px;
	font-weight: normal;
   width: auto;
}
body.Entry input.DateBox,
body.Entry input.InputBox,
body.Entry textarea {
   width: 290px;
}
body.Entry div.Popup input.DateBox,
body.Entry div.Popup input.InputBox,
body.Entry div.Popup textarea {
   width: 250px;
}
span.Incorrect {
   display: block;
   color: red;
}
body.Entry input.Button {
	margin: 10px 0 0;
}
#Form_User_SignIn li.Buttons span {
	padding: 0 6px;
}
#Form_User_SignIn li.Buttons input.Button,
body.Entry li.Buttons input.Button {
	margin: 10px 0;
}
#Form_User_Password,
body.Entry #Content #Form_User_Password {
	padding-top: 0;
}
#garden_entry_index #Form_User_Password ul li label,
#garden_entry_signin #Form_User_Password ul li label {
	padding: 0;
}

/* ================================================ DataList (Search Results) */
/* Note: DataList is used in search results, vanilla discussions & drafts */
div.Empty {
   margin: 10px 0;
}
ul.DataList li.Item {
   margin: 0;
   padding: 4px 0;
   border-bottom: 1px solid #dbe3e6;
}
ul.DataList li {
   border: 0;
   padding: 0;
}
ul.DataList div.Options {
	width: 100px;
   float: right;
}
ul.DataList div.OptionButton {
	float: right;
	*padding: 7px 0; /* IE 7 Fix */
}
ul.DataList a.Title {
   display: block;
   margin: 0;
   font-size: 14px;
   font-weight: bold;
}
ul.DataList div.Title {
   display: block;
   margin: 0;
}
ul.DataList div.Title a {
   font-size: 120%;
   font-weight: bold;
}
ul.DataList div.Meta {
   font-size: 11px;
   color: #80828c;
}
ul.DataList div.Excerpt {
   font-size: 12px;
	line-height: 1.4;
}
ul.DataList div.Excerpt a {
   color: #333;
	display: block;
}
ul.DataList div.Excerpt p {
	display: inline;
	padding: 0;
}
ul.DataList div.Meta span,
ul.DataList div.Meta span a,
ul.DataList div.Meta strong {
   margin-right: 12px;
}
ul.DataList div.Meta strong {
   background: #ff0;
   padding: 2px 4px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}
ul.DataList div.Meta a {
   color: #2b2d33;
}
ul.DataList a.Delete {
   width: auto;
   padding: 0 5px;
   margin: 0 1px 0 0;
   font-size: 11px;
   font-weight: normal;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   color: #555;
   cursor: pointer;
   line-height: 1;
}
ul.DataList a.Delete:hover {
	padding: 4px;
   color: #333;
   border: 1px solid #888;
   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
}
ul.DataList a.Delete:focus {
   background: #f8f8f8;
}
/* Condensed datalists make the main link & excerpt inline. */
ul.DataList div.Photo {
	float: left;
	padding: 0 10px 0 0;
}
ul.DataList div.Photo img {
	display: block;
	height: 43px;
	width: 43px;
	overflow: hidden;
}
ul.Condensed li,
li.Condensed {
	clear: left;
}
ul.Condensed a.Title,
li.Condensed a.Title,
ul.Condensed div.Title,
li.Condensed div.Title {
	display: inline;
	padding: 0;
}
ul.Condensed div.Excerpt,
li.Condensed div.Excerpt,
ul.Condensed div.Excerpt a,
li.Condensed div.Excerpt a {
	display: inline;
}

/* =============================================================== Activities */

body.Activity h1 {
   margin: 0;
}
body.Profile ul.Activities {
   margin-top: 10px;
   border-top: 1px solid #ddd;
}
ul.Activities li.HasPhoto div.Title {
	padding: 0;
}
ul.Activities a.Title,
ul.Activities div.Title,
ul.Activities div.Title a {
	font-size: 14px;
}
ul.Activities div.Excerpt {
	color: #80828C;
}
ul.Activities li.Condensed div.Excerpt {
	color: #000;
	font-size: 13px;
	padding: 0 0 0 4px;
}
ul.Activities div.Excerpt a,
ul.Activities div.Meta a {
   color: #2786c2;
}
ul.Activities div.Excerpt a:hover,
ul.Activities div.Meta a:hover {
   color: #ff0084;
}
ul.Activities div.Excerpt img {
	padding: 2px;
	border: 1px solid #999;
}
ul.Activities ul.DataList {
	margin-left: 50px;
	width: 400px;
}
ul.Activities div.ItemContent {
	width: 631px;
}
ul.Activities li.HasPhoto div.ItemContent {
	margin-left: 53px;
	width: 578px;
}
ul.Activities li.Item li.HasPhoto div.ItemContent {
	width: auto;
	margin-left: 42px;
}
ul.Activities ul.DataList li {
	background: #D7E7FF;
	margin-bottom: 2px;
	padding: 6px;
}
ul.Activities ul.DataList a.Title,
ul.Activities ul.DataList div.Title,
ul.Activities ul.DataList div.Title a,
ul.Activities ul.DataList div.Excerpt p {
	font-size: 13px;
	line-height: 1;
}
ul.Activities ul.DataList .HasPhoto div.Meta {
	padding: 2px 0 0;
	line-height: 1;
}
ul.Activities ul.DataList div.Photo img {
	height: 32px;
	width: 32px;
}
ul.Activities a.CommentLink,
ul.Activities a.CommentLink:hover {
	font-size: 12px;
   cursor: text;
   background: #fff;
   color: #bbb !important;
   padding: 5px;
   text-decoration: none;
   border: 1px solid #aaa;
   display: block;
   line-height: 100%;
   font-weight: normal;
}
ul.Activities li.CommentForm form div {
	text-align: right;
}
ul.Activities li.CommentForm textarea.TextBox {
   width: 380px;
	min-height: 40px;
   height: 40px;
   margin-bottom: 2px;
	font-size: 12px;
}
ul.Activities li.CommentForm input.Button {
	font-size: 12px;
	box-shadow: 0 0 1px #999;
	-moz-box-shadow: 0 0 1px #999;
	-webkit-box-shadow: 0 0 1px #999;  
}


/* ============================================================== MessageList */
/* used for lists of message-based content (discussion comments, private
conversation messages, etc). */

ul.MessageList,
ul.MessageList li {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.MessageList li.Item {
   border-bottom: 1px solid #ddd;
	padding: 4px;
}
ul.MessageList div.Meta {
   font-size: 11px;
   color: #777;
}
ul.MessageList div.Meta span.Author img {
   height: 40px;
   width: 40px;
   border: 0;
   margin: 0 10px 0 0;
   float: left;
   overflow: hidden;
   background: #eee;
}
ul.MessageList div.Meta span {
   line-height: 2.5;
   padding-left: 10px;
}
ul.MessageList div.Meta span.Author {
	padding: 0;
}
ul.MessageList div.Meta span.Author a {
   font-size: 15px;
   font-weight: bold;
}
ul.MessageList div.Message {
   clear: both;
   line-height: 140%;
   font-size: 100%;
}
ul.MessageList div.Message p {
   margin: 8px 0;
}
ul.MessageList div.Message blockquote {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   padding: 4px 16px;
   margin: 4px 0;
   background: #ffc;
}
ul.MessageList div.Message code,
ul.MessageList div.Message pre {
   display: block;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background: #ff9;
   padding: 4px 8px;
   white-space: pre;
   font-family: monospace;
   overflow: auto;
}
ul.MessageList div.Message strong {
   font-weight: bold;
}
ul.MessageList div.Message em {
   font-style: oblique;
}
ul.MessageList div.Message ul,
ul.MessageList div.Message ol {
   margin-left: 3em ! important;
}
ul.MessageList div.Message ol li {
  list-style: decimal ! important;
}
ul.MessageList div.Message ul li {
  list-style: disc ! important;
}

/* The "Foot" is at the bottom of the #Content section. Used for more results
links, sign in buttons, etc */
.Foot {
	border-bottom: 1px solid #caf0fe;
   padding: 6px;
   background: #33393E;
   text-align: right;
   -moz-border-radius-bottomright: 2px;
   -moz-border-radius-bottomleft: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   }
.Foot a.TabLink {
	margin-left: 10px;
}
.Foot .Note {
	line-height: 2.6;
	float: left;
	padding: 0 0 0 8px;
	font-weight: bold;
}


/* ============================================================= Profile Page */
body.Profile #Content {
   width: auto;
   margin: 0 0 40px 20px;
   width: 590px;
	float: right;
}
body.Profile #Panel {
   float: left;
   width: 250px;
}
ul.SideMenu {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   background: none;
   padding: 0;
   margin: 0 0 10px;
}
ul.SideMenu li ul {
   margin: 0;
   padding: 0;
   border: 0;
   background: none;
}
ul.SideMenu li ul li {
   border-bottom: 1px solid #dbe3e6;
}
ul.SideMenu li ul li a {
   padding: 0 8px;
   display: block;
}
ul.SideMenu li ul li a:hover {
   text-decoration: none;
   background: #e9f9ff;
}
div.User {
   line-height: 150%;
}
div.User,
div.User a {
   text-decoration: none;
}
div.User h1 {
   padding: 0 0 8px;
   margin: 0;
   line-height: 100%;
   border: 0;
}
#Status {
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-topright: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   background: #33393E;
   margin: 0;
   padding: 8px 8px 0;
   color: #999;
   font-weight: normal;
   line-height: 100%;
}
#Status p {
   font-size: 120%;
   color: #6c6c6c;
   display: inline;
   margin: 0;
   padding: 0;
   line-height: 1;
}
#Status a {
   text-transform: lowercase;
   font-size: 11px;
   text-decoration: none;
}
#Status a:hover {
   text-decoration: underline;
}
div.User form {
   -moz-border-radius-topleft: 2px;
   -moz-border-radius-topright: 2px;
   -webkit-border-top-left-radius: 2px;
   -webkit-border-top-right-radius: 2px;
   background: #fff;
   padding: 8px 8px 0;
}
div.User form input.InputBox {
   width: 618px;
   margin-right: 2px;
}
form.Activity {
   display: block;
   padding: 10px 10px 0 10px;
	text-align: right;
}
form.Activity textarea {
   width: 660px;
   margin-bottom: 2px;
   height: 60px;
   min-height: 60px;
}
/* Invitations Form */
#Form_Invitation table {
   width: 100%;
   border-collapse: collapse;
   margin: 10px 0;
	background: #F2FBFF;
	border: 1px solid #C0E7F5;
}
#Form_Invitation table label {
   font-size: 12px;
   padding: 0px;
}
#Form_Invitation table tr.Last td,
#Form_Invitation table tr.Last th {
   border-bottom: 0px;
}
#Form_Invitation table th,
#Form_Invitation table td {
   font-weight: normal;
   color: #555;
   padding: 6px;
}
#Form_Invitation table thead th,
#Form_Invitation table thead td {
   border-bottom: 1px solid #C0E7F5;
}
#Form_Invitation table tbody th {
   font-weight: bold;
   color: #000;
}
#Form_Invitation table tbody th,
#Form_Invitation table tbody td {
   border-bottom: 1px solid #C0E7F5;
   line-height: 150%;
}
#Form_Invitation table thead th {
   font-weight: bold;
   font-size: 13px;
   color: #000;
}
#Form_Invitation table.AltRows tr.Alt th,
#Form_Invitation table.AltRows tr.Alt td,
#Form_Invitation table.AltColumns th.Alt,
#Form_Invitation table.AltColumns td.Alt {
   background: #E9F9FF;
}
#Form_Invitation table.AltColumns tr.Alt {
   background: none;
}
body.Profile ul.Notifications {
	border-top: 0;
	margin-top: 0;
}


/* ================================================================= Tab Menu */
div.Tabs {
	display: block;
   border-bottom: 1px solid #caf0fe;
   padding: 8px;
   margin: 0;
   background: #45B5F7;
}
div.Tabs li {
   display: inline;
   margin: 0;
}
div.MorePager a,
div.MorePager a:link,
div.MorePager a:hover,
div.MorePager a:active,
div.MorePager a:visited,
a.TabLink,
a.TabLink:link,
a.TabLink:hover,
a.TabLink:active,
a.TabLink:visited,
div.Tabs li a,
div.Tabs li a:link,
div.Tabs li a:hover,
div.Tabs li a:active,
div.Tabs li a:visited {
   margin: 0;
   border: 1px solid #caf0fe;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   background: #ffffff;
   display: inline;
   font-weight: bold;
   color: #2786C2;
   text-decoration: none;
   padding: 5px 10px;
	line-height: 2.6;
}
div.MorePager a:hover,
a.TabLink:hover,
div.Tabs li a:hover {
   background: #f3fcff;
}
a.Active,
div.Tabs li.Active a {
   background: #fff;
   color: #454545;
}
div.Tabs li a span {
   line-height: 1;
   font-size: 80%;
   padding: 0 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   font-weight: normal;
   background: #2786C2;
   color: #eaf4fd;
   margin: 0 0 0 4px;
}
div.Tabs div.SubTab {
	margin: 10px 0 0;
	padding: 4px 8px;
	background: #f3fcff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}
div.HeadingTabs {
	padding: 8px 8px 8px 12px;
}
div.HeadingTabs ul {
	display: inline;
	float: right;
}
div.HeadingTabs div.SubTab {
	font-size: 14px;
	display: inline;
	font-weight: bold;
	background: none;
	padding: 0;
	line-height: 2.4;
}
div.SearchTabs input.InputBox {
	width: 560px;
	margin-right: 10px;
}


/* ======================================================== Thumbnail Cropper */
form.Thumbnail table {
   width: 100%;
}
form.Thumbnail table td {
   width: 50%;
}
form.Thumbnail table tr td {
   vertical-align: top;
}
.jcropper-holder {
   border: 1px black solid;
}
.jcrop-holder {
   text-align: left;
}
.jcrop-vline, .jcrop-hline {
   font-size: 0;
   position: absolute;
   background: white url('images/jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
   font-size: 1px;
   width: 7px !important;
   height: 7px !important;
   border: 1px #eee solid;
   background-color: #333;
   *width: 9px;
   *height: 9px;
}
.jcrop-tracker {
   *background-color: gray;
   width: 100%; height: 100%;
}
.custom .jcrop-vline,
.custom .jcrop-hline {
   background: yellow;
}
.custom .jcrop-handle {
   border-color: black;
   background-color: #C7BB00;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
form.Thumbnail table {
	width: 100%;
}
form.Thumbnail table td {
	font-weight: normal;
}


/* =================================================================== Popups */
div.Popup div.Errors ul {
	border: 1px solid #a00 !important;
}
div.Popup div.Messages {
   text-align: left;
   position: inherit;
   top: auto;
   left: auto;
   z-index: auto;
	margin: 10px 0 !important;
}
div.Popup div.Messages ul {
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
* html div.Popup div.Messages {
  position: inherit;
  width: auto;
  top: auto;
  left: auto;
  overflow: auto; 
}
div.Popup .Info {
	margin-top: 10px;
}
div.Popup .Loading {
   display: block;
}
div.Overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.Popup {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5000;
  text-align: center;
}
div.Popup div.Body {
  margin: 0px auto;
  text-align: left;
  position: relative;
  padding: 0px;
  background: #fff;
  max-width: 500px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 8px solid #555;
	box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;  
}
div.Popup div.Body div.Body {
   border: 0;
}
div.Popup div.Legal,
div.Popup .Content form {
	max-height: 440px;
	overflow: auto;
	padding: 0 10px 10px;
}
div.Popup .Loading {
  text-align: center;
}
div.Popup h1,
div.Popup h2 {
	font-size:120%;
	font-weight:bold;
	margin-bottom: 0;
	color: #fff;
	background: #44C7F4;
	border-bottom: 1px solid #3DB9E5;
	padding: 6px 9px 4px;
}
div.Popup .Footer {
  background: #33393E;
  text-align: right;
  padding: 2px 6px 0 0;
  border-top:1px solid #CAF0FE;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
div.Popup h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 20px 0 10px;
}
div.Popup p {
	padding: 6px 10px 10px;
}
div.Popup div.Legal p {
	padding: 6px 0 10px;
}
div.Popup small {
	font-size: 11px;
}
div.Popup form p {
	padding: 0;
}
body.Profile #Form_Invitation ul li label,
body.Profile #Form_User ul li label,
div.Popup form ul li label {
	color:#000;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 0;
}
body.Entry form ul li.Gender label.RadioLabel,
body.Profile #Form_User ul li.Gender label.RadioLabel,
div.Popup form ul li.Gender label.RadioLabel {
	display: inline;
	padding-right: 20px;
}
li.Gender {
	margin-bottom: 10px;
}
body.Profile #Form_User ul li label.RadioLabel,
body.Profile #Form_User ul li label.CheckBoxLabel,
div.Popup form ul li label.RadioLabel,
div.Popup form ul li label.CheckBoxLabel {
	font-weight: normal;
}
div.Profile #Form_User input.Button,
div.Popup input.Button {
	margin: 4px 0 2px;
}
body.Entry div.Popup p {
	color: #000;
}
div.Popup #Form_User div.Warning,
#garden_profile_picture #Form_User div.Warning {
	margin: 6px 0;
}
div.SignInPopup div.Body {
	max-width: 320px;
}
div.SignInPopup .Content form {
	padding: 0 30px 10px;
}
div.SignInPopup div.Box {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

/* ==================================================================== Legal */
div.Legal h3 {
	padding: 0;
	margin: 20px 0 0;
	font-size: 120%;
	font-weight: bold;
}
div.Legal ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 30px 10px;
}
div.Legal ul {
	list-style-position:outside;
	list-style-type:disc;
	margin:0 30px 10px;
}
div.Legal li {
	padding: 5px 0;
}
div.Legal strong {
	font-weight: bold;
}


/* =================================================================== Footer */
#Foot {
   clear: both;
   text-align: center;
   margin: 2px 0;
   padding: 4px 9px;
   font-size: 13px;
   color: #ddd;
   line-height: 1;
}
#Foot a {
   color: #ccc;
}
#Foot a:hover {
   color: #aaa;
}
#Foot div {
	width: 900px;
	padding: 6px 0;
	margin: 20px auto 0;
	text-align: left;
}

/* ========================================= VanillaForums.org Customizations */

/* ---- General Styles ---- */
a,
a:link,
a:visited,
a:active {
   text-decoration: none;
   color: #2a529a;
}
a:hover {
   text-decoration: none;
   color: #2a529a;
	text-decoration: underline;
}
.Button:hover {
	text-decoration: none;
}
body {
	background: #33393E;
}
#Frame {
	border-top: 1px solid #fff;
	background: #e4f0fc;
	background: url('fade.jpg') top left repeat-x #fff;
}
#Body {
   margin: 0 auto;
	padding: 30px 0;
}
div#Content {
	margin-bottom: 40px;
}
div#Foot {
	margin: 0;
	padding: 0;
	background:  repeat-x top left #33393E;
}
div#Foot div {
	padding: 12px 0 10px;
	border: 0;
	margin: 0 auto;
}
div#Foot div,
div#Foot div a {
	color: #80828C;
}
div#Foot div a:hover {
	text-decoration: none;
	color: #40424C;
}


/* ---- Banner ---- */

.Banner {
	background: #33393E;
   border-bottom: 6px solid #000000;
	text-align: center;
	height: 94px;
	border-top:4px solid #45B5F7;
}
.BannerWrapper {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
.Banner div.Buttons {
	float: right;
}
.Banner div.UserOptions {
	float: right;
	background: url('userinfo_left.png') left bottom no-repeat;
}
.Banner div.UserOptions div {
	background: url('userinfo_right.png') right bottom no-repeat;
	padding: 0 10px 4px 4px;
	margin-left: 6px;
}
.Banner div.UserOptions a {
	color: #fff;
	margin: 0 8px;
	font-family: 'Trebuchet MS', Arial;
	font-size: 11px;
}
.Banner div.UserOptions a.Username:hover,
.Banner div.UserOptions a.Inbox:hover {
	text-decoration: none;
}
.Banner div.UserOptions a.Username:hover em,
.Banner div.UserOptions a.Inbox:hover em {
	text-decoration: underline;
}
.Banner div.UserOptions a span {
	margin: 0 0 0 6px;
	background: #8b8bff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	padding: 0 2px;
	font-weight: normal;
	font-family: 'lucida grande','Lucida Sans Unicode', Tahoma, sans-serif;
	text-shadow: 0 1px 0 #000;;
}
.Banner h1 {
   border: 0;
   margin: 0;
   padding: 0;
}
.Banner h1 a {
	margin: 36px 30px 0;
	float: left;
   display: block;
   height: 49px;
   width: 179px;
   background: url('http://www.wp-answers.com/images/logo.gif') center center no-repeat;
}
.Banner h1 a span {
   display: none;
}

body#garden_search_index .Banner ul li.Community,
body#vforg_home_index .Banner ul li.Home,
body.hosting .Banner ul li.Hosting,
body.Wiki .Banner ul li.Documentation,
body.Addons .Banner ul li.Addons,
body.Profile .Banner ul li.Community,
body.Vanilla .Banner ul li.Community,
body.Conversations .Banner ul li.Community,
body.Activity .Banner ul li.Community {
	background: url('tab_left.png') left center no-repeat;	
}
body#garden_search_index .Banner ul li.Community a,
body#vforg_home_index .Banner ul li.Home a,
body.hosting .Banner ul li.Hosting a,
body.Wiki .Banner ul li.Documentation a,
body.Addons .Banner ul li.Addons a,
body.Profile .Banner ul li.Community a,
body.Vanilla .Banner ul li.Community a,
body.Conversations .Banner ul li.Community a,
body.Activity .Banner ul li.Community a {
	background: url('tab_right.png') right center no-repeat;
}

/* --- Profile Page --- */
form.Activity,
ul.Activities {
	background: #fff;
}
ul.Activities li.Item {
	padding: 4px; 
}
ul.Discussions {
	background: #fff;
}

a.BigButton:hover {
	text-decoration: none;
}

  ul.menu {
	margin-top:46px;
	margin-right:45px;
	height:34px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; }
	ul.menu li {
	 float:left;
		height:34px;
		line-height:34px;
		margin-left:5px;
		}
		
		
	ul.menu li a {
			float:left;
			height:34px;
			padding-left:11px;
			line-height:34px;
			color:#fff;
			text-decoration:none;}
		ul.menu li a span {
				float:left;
				height:34px;
				line-height:34px;
				padding-right:11px;}
	ul.menu li a:hover, ul.menu li.active a {
			background:url(http://www.wp-answers.com/images/menu-left-bg.gif) left no-repeat;
			color:#5dc2fd;}
	ul.menu li a:hover span, ul.menu li.active a span {
				background:url(http://www.wp-answers.com/images/menu-right-bg.gif) right no-repeat #212528;}
				
				/*----------------------------------------------------------------------------*/
/* footer --------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/* default -------------------------------------------------------------------*/
#Foot {
	font-family:Arial, Helvetica, sans-serif;height:100px;}

/* credit cards --------------------------------------------------------------*/
#footer-content .credit-cards {
	background:url(http://wp-answers.com/images/cresit-cards-bg.gif) no-repeat;
	width:282px;
	height:56px;
	top:30px;
	padding:8px 12px;
	font-size:12px;
	}
	
	#footer-content .credit-cards p {
		margin-bottom:5px;}
		#footer-content .credit-cards ul li {
			margin-right:10px;display:inline;}

/* copy right ----------------------------------------------------------------*/
#footer-content .site-by {
	background:url(http://wp-answers.com/images/kooc-logo.gif) no-repeat 0 2px;
	padding-left:80px;
	height:27px;
	top:110px;
	font-size:11px;
	color:#fff;}
	#footer-content .site-by a {
		color:#45b5f7;
		text-decoration:none;}
	#footer-content .site-by a:hover {
		text-decoration:underline;}

/* menu ---------------------------------------------------------------------*/
#footer-content .menu {
	padding-right:190px;
	background:url(http://wp-answers.com/images/wordpress-logo.gif) top right no-repeat;
	top:25px;
	right:40px;}
	#footer-content .menu ul {
		margin-left:70px;}
		#footer-content .menu ul li a {
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			color:#fff;
			text-decoration:none;}
		#footer-content .menu ul li a:hover,
		#footer-content .menu ul li.active a {
			color:#45b5f7;}