﻿/* ADDED */
img { border: 0;}
.AppNav { margin: 0 0 10px 0; float: left;}
.fl .AppNav { float:none;}
#InputForm label { width: 50px; text-align: right; margin: 0 0 0 -50px; line-height: 18px; }
#InputForm div { padding-left: 100px;}
.Header { padding-top: 10px;}
.btnSmall,.btnMedium,.btnLarge { position: relative; float: left;}
.forum td { padding-top: 10px;}

.Favorites li { text-align: center; padding: 10px 0px; width: 139px}
.Favorites li div { height: 97px; width: 130px; overflow: hidden;}
.Favorites li img { }
.Favorites li a { font-size: 10px;}
#menuMain.Favorites { padding: 0;}
.Favorites span { display: block; height: 14px; overflow:hidden;}

#BlogJinkies { margin: 5px 0px 5px; padding: 10px; }
#BlogJinkies li { position: relative; float: left; padding: 4px;}

.blogEntry span { font-size: 10px;}

.SubHeader { position: relative;}
.txtbox {  width: 200px; margin: 3px 5px 0 0}
.Folders div { margin: 20px 0 0 50px; }

.FriendsBox img { padding: 5px;}

#TopicUserInfo { width: 150px;}

/**/
.nf { float: none;}
img {}

div.Box { position: relative;}

#SendToFriend .fl { margin-right: 20px;}
#SendToFriend .txt { width: 200px;}

.userInfo img { margin-right: 3px;}
.userInfoTxt a { font-size: 11px;}

#MessagePreview { margin: 5px}

.ModuleSub { position: relative;}

#SelectAvatar .btnLarge { float: none;}

#PhotoCount { margin-bottom: 5px; position: relative; top: -4px}

/*body {font: 12px Arial; line-height: 16px;  margin: 0px; padding: 0px;}*/

/*
a, a:link {  text-decoration: underline;}
a:visited {  text-decoration: underline;}
a:hover {  text-decoration: underline overline;}
a:active {  text-decoration: none;}
*/

b.err {display: block; font-weight: 600; }

.h2bg {margin-top: 2px; }
.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.b {font-weight: bold;}

.mA {margin-left: auto; margin-right: auto;}
.m5 {margin: 5px;}
.ml15 {margin-left: 15px;}
.ml60 {margin-left: 60px;}
.ml190 {margin-left: 190px;}
.ml150 {margin-left: 150px;}
.ml100 {margin-left: 100px;}
.mr15 {margin-right: 15px;}
.mr189 {margin-right: 189px;}
.mr220 {margin-right: 220px;}
.mt3 {margin-top: 3px;}
.mt15 {margin-top: 15px;}
.lh15 {line-height: 15px;}
.lh18 {line-height: 18px;}
.w180 {width: 180px;}
.w225 {width: 225px;}
.w980 {width: 980px;}
.h120 {height: 120px;}
.mr3 a { margin-right: 3px;}

div#hdr {width: 920px; margin: 4px auto 0px auto;}
div#hdr form#hdrsearch {float: right; width: 240px; height: 39px; padding: 10px 0px 0px 7px; margin-top: 30px; }
div#hdr form#hdrsearch input#hdrsearchfield {float: left; width: 152px; height: 16px; line-height: 16px; padding: 0px; margin: 0px; font: normal 12px Arial;}
div#hdr ul {height: 25px; clear: both; list-style: none; margin: 10px 0px 0px 0px; padding: 0px;}
div#hdr ul li {  float: left; font: 500 18px Trebuchet MS; margin: 0px 0px 0px 3px; padding: 0px;}
div#hdr ul li a {   margin: 0px; padding: 2px 15px 2px 15px; display: block; text-decoration: none;}

body#tab3 div#hdr ul li#nav3, body#tab7 div#hdr ul li#nav7 {   }
body#tab3 div#hdr ul li#nav3 a, body#tab7 div#hdr ul li#nav7 a {   }

div#hdrB {  height: 23px; line-height: 24px;}
div#hdrB div {width: 920px; margin: 0px auto; padding-left: 25px;}
div#hdrB div a {margin: 2px 5px; font: normal 12px Arial;  text-decoration: none;}

div#footer {    padding: 3px; margin: 0px 0px 20px 0px;}
div#footer span.tagline {float: right; margin-right: 30px;}
ul.footer {list-style: none; margin-left: -0.6em; padding: 0;}
ul.footer li { display: inline; margin: 0 0 0 0.6em; padding: 0 0.3em 0 0;}
ul.footer li a {font-size: 1.0em;}
ul.footer li a:link, ul.footer li a:visited { }
ul.footer li a:hover { }
ul.footer li a:active { }


body#popupBody {margin: 0px; padding: 0px; }
div#popupWrap { padding: 20px; margin: 2px;}
div#popup { padding: 10px; position: relative;}
div#popup h2 {width: auto; font: 500 18px Trebuchet MS;  margin: 0px 0px 15px 0px; height: 36px; padding: 12px 0px 0px 40px; }
div.popup2BtnCenter {width: 180px; margin: 0px auto; position: relative;}

table.vt tr td, tr.vt td {vertical-align: top;}

a.grey, a.green, a.orange, a.blue {font: normal 12px Arial;}

a.grey, .grey {}
a.green, .green {}
a.orange, .orange {}
a.blue, .blue {}

span.green { font-weight: 500;}

div.hrdarkgreen {height: 2px; line-height: 2px;  }
div.hrlightgreen {height: 16px; line-height: 2px;  }
div.indent {margin-left: 20px;}

div.h2Right {float: right; margin-top: 3px; font: 500 12px Arial;}

h1.line { margin-bottom: 2px; width: 100%;}

div#content { clear: both;  padding-top: 6px; }
div#interior2 { margin: 0px; min-height: 600px; padding: 0 1.0em 1.0em 1.0em;}

div#communityWrap {width: 940px; margin: 0px auto; clear: both;}
/*div#communityWrap h1 {font: 500 24px Trebuchet MS; }
div#communityWrap h2 {font: 500 18px Trebuchet MS;  margin: 0px; }
div#communityWrap h2.dotted {padding: 0px 0px 4px 0px; margin: 0px 0px 10px 0px; }
div#communityWrap h2.line {margin: 0px 0px 10px 0px; padding-bottom: 2px; }
div#communityWrap h2.green { font: 500 18px Trebuchet MS; padding-left: 5px;}
div#communityWrap h2.grass {width: auto; margin: 0px; height: 36px; padding: 12px 0px 0px 40px; }
div#communityWrap h3 {font: 500 14px Trebuchet MS; }
div#communityWrap h4 {font: 12px Arial; }*/

ul#communityNav { list-style: none; height: 23px; margin: 0px 0px 15px 0px; padding: 0px;}
ul#communityNav li { display: block; float: left; width: 82px; height: 20px; margin: 0px 2px 0px 0px; }
ul#communityNav li a { display: block; margin: 0px; padding: 3px 0px 0px 0px; width: 82px; height: 20px; line-height: 23px;  text-decoration: none; text-align: center;  font: 500 14px Trebuchet MS;  cursor: pointer; }
ul#communityNav li a.active {   }

div#communityNewUsers a {display: block; float: left; width: 75px; height: 90px; margin: 4px; text-align: center; text-decoration: none; line-height: 10px;}
div#communityNewUsers a img {width: 75px; height: 75px;}

div#profileRight {float: right; width: 300px;}
div#profileMain {margin-right: 315px;}

div.greenBox {  padding: 5px; margin: 0px 0px 8px 0px;}
div.brownBox {  padding: 5px; margin: 0px 0px 8px 0px;}
div.brownBox img {margin: 5px;}

a.btndarkorange, input.btndarkorange { display: block; float: left; margin: 0px; cursor: pointer; text-decoration: none; width: 128px; height: 22px; line-height: 22px;  text-align: center;   font: 500 12px Arial; }
a.btndarkorange {padding: 2px 0px 0px 0px;}

a.btndarkorange77, input.btndarkorange77 { display: block; float: left; margin: 0px; cursor: pointer; text-decoration: none; width: 77px; height: 22px; line-height: 22px;  text-align: center;   font: 500 12px Arial; }
a.btndarkorange77 {padding: 2px 0px 0px 0px;}

a.btndarkgreen, input.btndarkgreen { display: block; float: left; margin: 0px; cursor: pointer; text-decoration: none; width: 128px; height: 22px; line-height: 22px;  text-align: center;   font: 500 12px Arial; }
a.btndarkgreen {padding: 2px 0px 0px 0px;}

a.btnlightgreen, input.btnlightgreen { display: block; float: left; margin: 0px; cursor: pointer; text-decoration: none; width: 128px; height: 22px; line-height: 22px;  text-align: center;   font: 500 12px Arial; }
a.btnlightgreen {padding: 2px 0px 0px 0px;}

a.btndarkgreen77, input.btndarkgreen77 { display: block; float: left; margin: 0px; cursor: pointer; text-decoration: none; width: 77px; height: 22px; line-height: 22px;  text-align: center;   font: 500 12px Arial; }
a.btndarkgreen77 {padding: 2px 0px 0px 0px;}

a.btngreen85, input.btngreen85 { display: block; float: left; margin: 0px 5px; cursor: pointer; text-decoration: none; width: 85px; height: 25px; line-height: 25px;  text-align: center;   font: bold 12px Arial; }
a.btngreen85 {padding: 5px 0px 0px 0px;}
a.btnbrown85, input.btnbrown85 { display: block; float: left; margin: 0px 5px; cursor: pointer; text-decoration: none; width: 85px; height: 25px; line-height: 25px;  text-align: center;   font: bold 12px Arial; }
a.btnbrown85 {padding: 5px 0px 0px 0px;}

a.btngrey65, input.btngrey65 { display: block; float: left; margin: 0px 5px; cursor: pointer; text-decoration: none; width: 65px; height: 20px; line-height: 20px;  text-align: center;   font: 600 14px Arial; }
a.btngrey65 {padding: 5px 0px 0px 0px;}

a.lnkblack { font: normal 12px Arial; text-decoration: none;}

a.profilePhoto {margin: 5px 0px; width: 117px; text-align: center; display: block; float: left;}

div#menuLeft {float: left; width: 169px;}
div#menuMain {margin-left: 201px;}
div#menuRight {float: right; width: 169px;}

div#menuLeft div.header, 
div#menuRight div.header {width: 169px; height: 27px; padding: 4px 0px 0px 5px;   font: 900 14px Trebuchet MS; }

ul#breadcrumbs {margin: 0px; padding: 0px; list-style: none;}
ul#breadcrumbs li {float: left; padding: 0px 5px 0px 5px; font: normal 11px Arial; }
ul#breadcrumbs li.home {padding-left: 0px;}
ul#breadcrumbs li a {font: normal 11px Arial;  text-decoration: none;}

div#profileRight ul.menuFlower {margin: 0px; padding-top: 12px; list-style: none;}
div#menuLeft ul.menuFlower,
div#menuLeft ul.menu,
div#menuRight ul.menu {margin: 0px; padding: 12px 0px 0px 0px; list-style: none; }
div#menuLeft ul.menu li {margin: 0px 0px 0px 3px; padding: 3px 0px 3px 32px; }
div#menuLeft ul.menu li a {text-decoration: none; font: 500 14px Trebuchet MS; }
div#menuLeft ul.menu li.selected a {}

div#profileRight ul.menuFlower li {margin: 0px 0px 0px 3px; padding: 3px 0px 2px 20px;  font: 500 14px Trebuchet MS; }
div#menuLeft ul.menuFlower li {margin: 0px 0px 0px 3px; padding: 3px 0px 2px 20px;  }
div#menuLeft ul.menuFlower li a {text-decoration: none; font: 500 14px Trebuchet MS; }
div#menuLeft ul.menuFlower li.selected a {}

div#menuRight ul.menu li {margin: 0px; height: 22px; padding: 3px 0px 0px 3px; }
div#menuRight ul.menu li a {padding: 3px 0px 0px 3px; text-decoration: none; font: 500 12px Arial; }

div#menuLeft ul.menuDisc {margin: 0px; padding: 12px 0px 0px 0px; list-style: circle;  }
div#menuLeft ul.menuDisc li {margin: 0px 0px 0px 25px; padding: 3px 0px 2px 0px;}
div#menuLeft ul.menuDisc li a {text-decoration: none; font: 500 12px Trebuchet MS; }
div#menuLeft ul.menuDisc li.selected a {}

div#menuLeft ul.menu li.inbox {}
div#menuLeft ul.menu li.compose {}
div#menuLeft ul.menu li.sent {}
div#menuLeft ul.menu li.trash {}
div#menuLeft ul.menu li.folder {}

/*div#public,
div#public h1,
div#public table.tbl {width: 900px;}*/

h2.grass,
/*div#menuMain h2,
div#public h2 {height: 36px; font-size: 24px; padding: 2px 0px 10px 40px; }*/
div#menuMain table.tbl {width: 698px;}
div#menuMain table.tbl th,
div#public table.tbl th {font: 600 14px Trebuchet MS;  padding: 5px 0px 0px 0px;}
div#menuMain table.tbl tr.alt,
div#public table.tbl tr.alt {}
div#menuMain table.tbl td,
div#public table.tbl td {padding: 5px;}
div#menuMain table.tbl td,
div#messagingMain table.tbl td a, div#public table.tbl td {}

div#menuMain table.tbl tr.category th,
div#public table.tbl tr.category th { font: 500 14px Arial;  vertical-align: middle; line-height: 15px; padding: 8px;}
div#menuMain table.tbl tr.category th b,
div#public table.tbl tr.category th b {display: block; font: 600 14px Arial;  line-height: 15px;}

div#menuMain table.tblCompose {width: 670px;}
div#menuMain table.tblCompose th {font: 600 14px Arial; padding: 0px 0px 0px 50px; text-align: left; vertical-align: top; margin-bottom: 40px;}
div#menuMain table.tblCompose #body {width: 500px; height: 300px;}
div#menuMain table.tblCompose input {width: 500px;}
div#menuMain table.tblCompose td { padding: 0 5px;}

div.pager {float: right; }
div.pager span {display: block; float: left; margin-right: 4px; padding: 2px 4px;}
div.pager b {display: block; float: left; margin: 0px 2px; padding: 2px 4px; }
div.pager a {display: block; float: left; margin: 0px 2px; padding: 2px 4px;  text-decoration: none;}
div.pager a.prev {padding-left: 10px; }
div.pager a.next {padding-right: 10px; }
div.bottom { margin-top: 6px; }


div#friendsList div.friend {float: left; width: 230px; padding: 4px;}
div#friendsList div.friend div {float: left;}
div#friendsList div.friend b {display: block; margin-left: 75px;}
div#friendsList div.friend b a { margin-left: 6px; text-decoration: none;}
div#friendsList div.friend ul {margin: 4px 0px 0px 77px; list-style: none;}
div#friendsList div.friend ul li {margin: 0px 0px 0px 6px; padding-left: 9px; }
div#friendsList div.friend ul li a {text-decoration: none; }

/*div#menuLeft div.albumimg {width: 170px; height: 140px;  text-align: center; padding-top: 39px;}*/
div#menuLeft h2 { margin: 20px 0px 0px 0px; text-align: center;}
div#menuLeft h1 { font-size: 18px;margin: 20px 0px 0px 0px; text-align: center;}
div.albumwrap {float: left; margin: 10px;}
/*div.albumwrap div.albumimg {width: 210px; height: 150px;  text-align: center; padding-top: 39px;}*/
div.albumwrap div.albumimg a, 
div.albumimg span { text-decoration: none; font: bold 14px Trebuchet MS;}
div.albumwrap .lnk {text-align: center; width: 170px;}

#PhotoJinkies { margin: 5px 0px; }
#PhotoJinkies li { position: relative; float: left; padding: 4px;}

div#photoList div.photo, 
div#photoList div.photofeat, 
div#photoList div.photoun, 
div#photoList div.photounfeat {float: left; width: 220px; min-height: 175px; height: 175px; margin: 5px; text-align: center; padding-top: 5px;}

div#photoList a {display: block; font: normal 12px Arial; }
div#photoList a.img {display: block; height: 130px; text-align: center;}
div#photoList b {display: block; margin: 11px 0px 2px 0px; font: 600 14px Arial; }
div#photoList span {display: block; margin: 11px 0px 2px 0px;}

.pageDescription { padding: 20px 0px; text-align: center; font: 500 11px Arial; }
.pageDescription select {font: 600 11px Arial; }

div.contentBox {margin: 10px; padding: 10px 20px; }

div.selectAnAvatar {float: right; width: 280px; font: 12px arial; }
div.selectAnAvatar a {display: block; float: left; margin: 8px;}
div.selectAnAvatar img {}
div.selectAnAvatar h2, 
div.currentAvatar h2, 
div.chooseAnAvatar h2 {font: 600 18px Trebuchet MS;  }

div.currentAvatar {width: 246px; font: 12px arial; }
div.currentAvatar img {margin: 10px 0px 5px 40px;}
div.currentAvatar a {margin-left: 60px;}

div.chooseAnAvatar {width: 300px; height: 270px; margin-left: 5px; padding: 20px 0px 0px 25px;  font: 12px arial; }
div.chooseAnAvatar img {margin: 10px 0px 5px 40px;}
div.chooseAnAvatar input {margin-left: 60px;}

div#tags {margin: 15px 0px 15px 100px;}
div#tags h3 {font: 500 14px Trebuchet MS;  display: inline;}
div#tags a { text-decoration: none;}

div.blogEntry {margin: 20px 0px;}
div.blogEntry a.h2 {}
div.blogEntry a.grey { text-decoration: none;}

div#viewPoll {margin: 20px; float: left;}
div#viewPoll b {display: block; font: 600 14px Arial; margin: 5px 0px 0px 10px;}
div#viewPoll div { line-height: 6px;}
div#viewPoll table {margin-left: 10px;}
div#viewPoll td {padding: 0px 4px; margin: 0px;}
div#viewPoll td.percentage { text-align: right; }

div.quoteo {}
div.quotei {padding: 10px; }

table#cal { clear: both;  width: 200px; }
table#cal tr td,
table#cal tr th {  text-align:center; }
table#cal tr td#currentday {  font-weight: bold;  }
table#cal tr td.disabled {  }
table#cal tr td.highlight {   }
table#cal tr td.highlight a { text-decoration: none; }

table#cal tr#month th { }
table#cal tr#days th { }
table#cal tr#reset th { font-weight: normal; }

div#tagCloud {line-height: 28px;  margin-bottom: 2px; padding: 5px;}
div#tagCloud a {text-decoration: none; font-weight: bold; margin: 0px 4px 0px 0px;}
div#tagCloud a.tag1 { font-size: 14px;}
div#tagCloud a.tag2 { font-size: 16px;}
div#tagCloud a.tag3 { font-size: 18px;}
div#tagCloud a.tag4 { font-size: 22px;}
div#tagCloud a.tag5 { font-size: 24px;}
div#tagCloud a.tag6 { font-size: 30px;}

div#profileMain div#tagCloud {line-height: 28px;  margin-bottom: 2px; padding: 5px;}

ul#newGardenGuidesMembers {margin: 0px; padding: 0px; list-style: none; width: 580px;}
ul#newGardenGuidesMembers li {display: block; float: left; width: 270px; padding: 10px; margin: 10px 0px;}
ul#newGardenGuidesMembers li.alt {}
ul#newGardenGuidesMembers li a.avatar {display: block; float: left;}
ul#newGardenGuidesMembers li div {margin-left: 85px;}



/* arrange friends */

.fhead
{
	z-index: 100;
}
.FriendsLabels
{
	height: 120px;
	position:relative;
}
.FriendsLabels div
{
	float: left;
	padding: 10px 15px 120px 15px;
	width: 80px;
	margin: 2px;
	display: inline;
}

.FriendsLabels div a
{
	z-index: 100;
	float: right;
}


#SelectedTopFriends { position: absolute; top: 140px; .top:150px; left:10px; .left: 0px;overflow: hidden; height: 113px; width: 700px }

#SelectedTopFriends .DragFriend { margin: 0 2px; }

#AllFriendsList
{
	width: 590px;
}

#AllFriendsList .DragFrined {}

.DragFriend
{
	float: left;
	margin: 25px 2px 0 2px;
	padding: 0px 16px;
	width: 80px;
	height: 110px;
	z-index: 99;
	text-align: center;
	overflow: hidden;
	position:relative;
}

.DragFriend span 
{ 
	display: block; 
	margin: 2px 0; 
	font-size: 11px;
}

.HelperFriend {  position: relative; float:left;}

.action-link { margin-top: 40px;}