td.hot { color: white; background: #BBC7CC; }
td.cold { background: #ffffff; color: black; } /* cc3434 */

/*Main Table*/
table#maintable { background: white; margin: 0; width: 770px; }
td#topcell { background: #E3EAF2; padding: 5px; color: black; text-align: center; height: 1px; width: 770px; }
#imBanner, #imBannerRequest { background: #E3EAF2; }
#imBanner { height: 15px; }
#banner3 { border-bottom: 1px solid silver; }
#msgTable { display: none; }
td#topCell a:link { font-weight: bold; text-decoration:none; color: black; }
td#topCell a:visited{ font-weight: bold; text-decoration:none; color: black; }
td#topCell a:active { font-weight: bold; text-decoration:underline; color: black; }
td#topCell a:hover { font-weight: bold; text-decoration:underline; color: black; }
td#nav, td#navDark { background: #ffffff; padding: 0; vertical-align: top; }
td#rightcell { background:#FFFFFF; vertical-align: top; }
div#content{ padding: 8px; vertical-align: top; }
td#contentCell { padding:0; vertical-align: top; }
td#bottomcell{ background: #FFFFFF; padding: 5px; text-align: center; height:20px; border-top: 1px solid silver; }
table#myToolsList td { margin: 0; border-right: 1px solid #DDE7E9; text-align: center; cursor: pointer; font-size: .7em; padding: 2px 2px; color: black; margin-right: 2px; }
table#myToolsList td.greyedOut { color: #ccc; line-height: 1.5; background: #ffffff; font-weight: normal; cursor:default; margin-right: 2px; }

#myToolsList td.cold a { line-height: 1.25; color: black; font-weight: normal; }
#myToolsList a:hover { color: black; text-decoration: none;font-weight: normal;  }
#myToolsList a:link,  #myToolsList a:visited { color: black; text-decoration: none; font-weight: normal; }
#noticeTable{ }
/*
.headlines td { padding-bottom: 2px; }
.headlines { background: #FDF4E8; border: 1px solid #F0EBE5; margin-bottom: 3px; height: auto; }
.headlinesPerm { background: #FDF4E8; border: 1px solid #F0EBE5; margin-bottom: 3px; height: 30px;  }
*/
.visitPeople { background: #F5F8F9; border: 1px solid #E4EBF0; margin-bottom: 3px; height: auto;}
.noticeLinks, .noticeLinksRead { font-size: .9em; font-weight: bold;  line-height: 1.5em;}
.notices a, .noticeLinks a, .noticeLinksRead a{ text-decoration: none; }
.noticeLinks img, .noticeLinksRead img { vertical-align: middle; }
.specialNotices{ border: 3px solid red; }
#specialNoticeTable{ margin-bottom: 10px; }

.randomUser { font-size: .9em; color: #F0EBE5; font-weight: bold; border: 1px solid #F0EBE5; padding: 2px; margin-top: 3px; }
.randomUser a { text-decoration: underline; color: #F0EBE5; }
.latestUser { font-size: .9em; color: #F0EBE5; font-weight: bold; line-height: 1.5em;  border: 1px solid #F0EBE5; padding: 2px; margin-top: 3px; }
.latestUser a { text-decoration: underline; color: #F0EBE5;line-height: 1.5em; }

.copyright { color: #11325D; font-weight: bold; font-size: 1em; }
#navTop{ padding: 0; }

/* LiveX */


/* General Styles */
.big { font-size: 1.3em; font-weight: bold; }
.small { font-size: .9em; font-weight: normal; }
.small b { font-weight: bold; }
.stretch { width: 100%; }
.gray { color: #666; }
.white { color: #fff; }
div.spacer5 { height:5px; }
div.spacer15 { height:15px; }
h1.pathTitle { color: #003366; border-bottom: 1px dotted #000000; font-size: 1.5em; font-family: Arial; font-weight: bold; }
/* AJO 1/2/08: invalid CSS:
blockquote { margin-top: 0; margin-bottom: -10; }
*/

.submit { background: transparent; vertical-align: middle; border: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; font-family: Trebuchet MS, sans-serif; font-size: 1em; cursor: pointer; color: #000; font-weight: bold; text-decoration: none; padding: 4px 8px; margin:0; margin-right: 2px;}

a.submit { background: transparent; vertical-align: text-top; border: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; font-family: Trebuchet MS, sans-serif; font-size: 1em; cursor: pointer; color: #000; font-weight: bold; text-decoration: none; padding: 4px 8px; margin:0; margin-right: 2px;}

.submit a, .submit a:hover { color: #000; text-decoration: none; }
span.submit a { padding: 4px 6px 4px 6px; }

.simpleSearch .submit { background: #d2d7da; vertical-align: middle; font-family: Arial, sans-serif;  font-size: .9em; cursor: pointer; color: #fff; font-weight: bold; text-decoration: none; padding: 2px 4px 2px 4px; margin:0; margin-right: 2px; border: 0; color: black;}

/* flat orange buttons

.submit { background: #F6B969; vertical-align: middle; font-family: Arial, sans-serif;  font-size: 10px; cursor: pointer; color: #fff; font-weight: bold; text-decoration: none; padding: 2px 4px 2px 4px; margin:0; margin-right: 2px; border: 0;}

a.submit { background: #F6B969; vertical-align: text-top; font-size: 10px; cursor: pointer; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 5px 3px 5px; margin:0; margin-right: 2px; border: 0;}

.submit a, .submit a:hover { color: #fff; text-decoration: none; }

*/


.simpleBorder { padding: 3px; border: 1px solid #E4EBF0; margin-bottom: 5px; margin-top: 2px; }
th.centered { text-align: center; }
form.inlineForm { margin:0; padding:0; display:inline; }
.padding3{ padding:3px; }
.white{ color: white; }

.smallButton a { border: 1px solid #dedeef; border-right: 2px solid #cdcdde; border-bottom: 2px solid #cdcdde; background: #ffffff; font-family: Trebuchet MS, sans-serif; font-size: .95em; cursor: pointer; color: #336699; font-weight: bold; text-decoration: none; padding: 1px 3px 1px 3px; }


/* Old Submits

.submit { vertical-align: middle; border: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; background: Url( http://towncrossing.com/fimages/buttonBg.jpg); font-family: Trebuchet MS, sans-serif; font-size: 12px; cursor: pointer; color: #000; font-weight: bold; text-decoration: none; padding: 2px 4px 2px 4px; margin:0;}

a.submit { vertical-align: text-top; border: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; background: Url( http://towncrossing.com/fimages/buttonBg.jpg); font-family: Trebuchet MS, sans-serif; font-size: 12px; cursor: pointer; color: #000; font-weight: bold; text-decoration: none; padding: 3px 5px 3px 5px; margin:0;}

.submit a, .submit a:hover { color: #336699; text-decoration: none; }
-------
.submit { vertical-align: middle; border: 1px solid #dedeef; border-right: 2px solid #cdcdde; border-bottom: 2px solid #cdcdde; background: #ffffff; font-family: Trebuchet MS, sans-serif; font-size: 12px; cursor: pointer; color: #336699; font-weight: bold; text-decoration: none; padding: 2px 4px 2px 4px; margin:0;}

a.submit { vertical-align: text-top; border: 1px solid #dedeef; border-right: 2px solid #cdcdde; border-bottom: 2px solid #cdcdde; background: #ffffff; font-family: Trebuchet MS, sans-serif; font-size: 12px; cursor: pointer; color: #336699; font-weight: bold; text-decoration: none; padding: 3px 5px 3px 5px; margin:0;}


.submit { border: 0; background: #F2F8F9; font-family: Arial, sans-serif; font-size: 12px; cursor: pointer; color: white; font-weight: bold; text-decoration: none; padding: 1px; }
a.submit { border: 0; background: #F2F8F9; font-family: Arial, sans-serif; font-size: 12px; cursor: pointer; color: white; font-weight: bold; text-decoration: none; padding: 2px; }
.submit a { color: white; text-decoration: none; }
*/


/* Slideshow */
table.ssThumbTable { border: 1px solid #E4EBF0; background:#F3F3F5; }
td.ssOneThumb{ background:#333333; color:#cc3434; }
.ssLargePic{ padding: 2px; background: #333; }
div.ssEditDelMv{ text-align:right; padding: 2px; margin-top: -10px; }
div.ssCaption{ color:#333; font-weight:bold; font-size: 1.1em; padding-bottom: 10px; padding-top: 5px; }
td.ssTNCell{ background: #F2F7F0; border: 1px solid #E4EBF0; }
a.ssEditDelMv{ font-size: .9em; font-weight: normal; text-decoration: underline;}
.ssSilverBorder { border: 1px solid #E4EBF0; background: #333333; }
.ssSilverBorder a { color: #cc3434; }
.ssSilverBorderOnly { border: 1px solid #E4EBF0; }
.ssWhiteSilverBorder{ border: 1px solid #E4EBF0; background: white; }
span.numberLink{ background: #ffffff; border: 1px solid silver; color: #000; padding: 5px; line-height: 2em; font-size: 150%; }
a span.numberLink { color: #cc3434; font-size: 100%; font-weight:bold; text-decoration:none; }
div.ssBlackBorder{ width: 250px; border: 2px solid #333333; padding: 5px; background: white; }
div.ssBlackBorderTN { border: 2px solid #333333; padding: 5px; height: 75px; vertical-align: middle; background: white; }
div.ssNoTN{ color: #666; font-size: .9em; padding-bottom: 10px; }
a span.ssTNCaptionLinked { font-size: 1em; text-decoration: underline; }
a span.ssFileName{ font-size: .9em; text-decoration: underline; font-weight: normal; }
tr.ssEditHeading{ background: #cc3434; font-size: .9em; color: white; }
td.ssFormLabel, td.ssFormLabel p { background: #F2F8F9; text-align: right; font-weight: bold;  }
td.ssFormLabel { width: 30%; padding: 3px; }


/* Signup Form */
table#signupForm {  }
td.signupSection { background: #EEEEEE; font-size: 1.3em; font-weight: bold; text-align: left; }
td.formLabel, td.formLabel p { background: #F2F8F9; text-align: right; font-weight: bold;  }
td.formLabel { width: 30%; vertical-align: top; padding: 3px; }
td.formInput { background: #FFFFFF; width: 70%; vertical-align: top; padding: 3px; }

/* Space Main Page */
table#spaceMainTable{ }
td.spaceProfile{ padding: 3px; width: 600px; }
td.leftColumn { padding: 3px; }
.last100 { font-size: 11px; color: #666; text-align: right; border-top: 1px dashed #F2F8F9; background: #F2F7F0; }
.last100 a { font-weight: bold; }

/* Name and Greeting Row */
table#spaceGreeting{  }
td.spaceOwnerName{ color:#E91221; font-weight: normal; font-size: 1.5em; text-align: left; background: white;  vertical-align: top;}
td.spaceSpacer{ width: 5%; }
td.spaceOwnerGreeting{ font-size: 1em; color: #ACB4B7; text-align: right; background: white; vertical-align: top;  }
img.leftQuote { display: none; margin-right: 4px; }
img.rightQuote { display: none; margin-left: 4px; }

/* Profile */
table#spaceProfileView { border: 1px solid #F0EBE5; margin-top: 3px; }
div.spaceProfileHeader { font-weight: bold; color: white; background: #09345F; padding: 2px; }
div.communityProfileHeader { font-weight: bold; color: white; background: #09345F; padding: 2px; }
td.spaceProfileLabel{ background: #fff; font-weight: bold; padding: 3px; }
td.spaceProfileLabelTop{ background: #fff; font-weight: bold; padding: 3px; }
td.spaceProfileLabelBottom{ background: #fff; font-weight: bold; padding: 3px; }
td.spaceProfileData{ background: #FFFFFF; padding: 3px; vertical-align: top; }
td.spaceProfileDataTop{ background: #FFFFFF; padding: 3px;vertical-align: top; }
td.spaceProfileDataBottom{background: #FFFFFF;  padding: 3px; vertical-align: top;}
.becomeAFriend a { text-decoration: underline; font-weight: normal; color:#666; }
td.friendProfileTestimonials{ background: #F2F7F0; vertical-align: top; padding: 2px; }
td.friendProfileTestimonialsHeading{ font-weight: bold; background: #F2F7F0; padding: 2px; border-bottom: 1px dashed #ACB4B7; }
div.testimonialText{ font-size: .9em; color: #666; }
div.testimonialText a { text-decoration: underline; font-weight: normal; color:#666; }
.testimonialAuthor { text-align: right; font-size: .9em; margin-top: 10px; }
.testimonialAuthor a { text-decoration: underline; font-weight: normal; color:#666; }
ul.lookingFor { margin:0; padding:0; list-style-type:none; color: #666; }
div.profileToggle { text-align: right; padding: 5px; }
.profileToggle a { font-size: 10px; font-weight: normal; text-decoration: underline; }
.testimonialAdd { float:right; font-size: .9em; font-weight:normal; }
.testimonialAbout { float:left; }

/* Owner/Community Photos */
div.spaceOwnerPhoto { width: 170px; vertical-align: top; text-align: center;  }
div.spaceOwnerPhotoPremium img {border: 2px solid #F6DD74;}
div.spaceOwnerPhotoPremium { background: transparent; width: 170px; vertical-align: top; text-align: center; color: #F6DD74 }
div.ownerPhotoEditLink { text-align: left; margin-top: 0px; margin-left: 25px; }
div.ownerPhotoEditLink a { font-weight: normal; font-weight: normal; text-decoration: underline; font-size: .9em;}
div.communityPhoto { border-bottom: 1px solid white; }

/* Thumbnails */
table#thumbnailGallery{ width: 100%; padding: 0; margin: 0; background: #E4EBF0; }
table#communityGallery{ width: 100%; padding: 0; margin: 0; background: #F0EBE5; }

td.thumbnailCaptionGallery { width: 10%; background: #FFFFFF; vertical-align: top; margin: 0; padding: 0; font-size: .9em; }
td.thumbnailCaptionGallery a { font-family: Helvetica, sans-serif; font-weight: normal; }
td.emptyThumbnailCaptionGallery { width: 10%; background: #FFFFFF; vertical-align: middle; margin: 0; padding: 0; text-align: center; }

td.thumbnailCaption { width: 33%; background: #FFFFFF; vertical-align: top; margin: 0; padding: 0; font-size: .9em; }
td.thumbnailCaption a { font-family: Helvetica, sans-serif; text-decoration: underline; font-weight: normal; }
td.emptyThumbnailCaption { width: 33%; background: #FFFFFF; vertical-align: middle; margin: 0; padding: 0; text-align: center; }
div.thumbHeading{ color: #000000; background: #F2F8F9; padding: 2px; font-weight: bold; margin-bottom: 3px; font-size: .85em; text-align: center; }
div.thumb {  }
div.thumb img {vertical-align: bottom;}
div.memberCount { vertical-align: top; font-size: .85em; }
span.memberNumber { font-weight: bold; color: silver; }
div.commHeading{ color: #FFFFFF; background: #09345F; padding: 2px; font-weight: bold; margin-bottom: 3px; font-size: .9em; text-align: center; }
img.thumbImg{ border: 1px solid #ACB4B7;  margin-right: 3px; margin-left: 3px;}
img.premiumThumbImg{ border: 2px solid #F6DD74; margin-right: 3px; margin-left: 3px; }
div.largeImg { text-align: center; }
div.spaceFriendThumbs{ margin-bottom: 5px;  }

/* Friend Testimonials */
div.spaceFriendTestimonials { padding: 3px; border: 1px solid #E4EBF0;   margin-bottom: 5px; }

/* Journal */
td.spaceOwnerJournal { padding: 3px;  }

/* Search */
div.simpleSearch {  }
div.searchRadios{ margin-left: 20px; line-height: 1.2em; }

/* Use Posts */
.bgStripe { background: #F2F7F0; }
.bgStripeWhite { background: #FFFFFF; }
.postParent { font-size: 11px; }
.postUrl { font-weight: bold; font-size: 11px; }
.postDate { font-size: 10px; }
.postOuterTable{ background: #E4EBF0; }
.postHeader { background: #F2F8F9; color: #FFFFFF; }

/* Help */
div.helpLink { float: right; margin: 5px; } 


/* Joined Communities */

/* Discussions */
td.spaceDiscussions { padding: 3px; }

/* Blobs */
.spaceBlobEditLink a { text-decoration: underline; font-weight: normal; color: #666; }
.spaceBlobEditLink { font-size: .9em; color: #666;  }

/* Left Nav */
.spaceNavTitle { margin: 0; text-align: center; margin-top: 0px; padding-bottom: 5px; border-bottom: 1px solid white; color: #ACB4B7; font-weight: bold; }
img.toolsHomeImg { margin-left: -25px; margin-top: 0; padding-top: 0;}
div.toolsHead { cursor: pointer; margin: 0; padding: 3px; padding-left: 25px; background: #F2F8F9; color: black; font-weight: bold; border-bottom: 1px solid white; }
div.toolsHeadWhite, div.toolsHeadPremium { cursor: pointer; margin: 0; border-top: 1px solid white; padding-left: 25px; height: 17px; background: #F2F8F9; color: white; font-weight: bold; border-bottom: 1px solid white; vertical-align: middle;}
div.whoseSpace{ padding: 3px; padding-left: 0; }
.toolsHead a { color: black; text-decoration: none; }
.toolsHeadWhite a { color: black; text-decoration: none; }
.toolsHeadPremium a { text-decoration: none; }
.toolsHeadPremium a:hover { color: #FFFFFF; }
.toolsHeadPremium { text-decoration: none; }
div.announcetext{ font-size: .9em; padding: 3px; padding-left: 25px; }
div.lastHere{ color: #666; font-size: 90%; padding-left: 25px; }
table#myNavToolsList td { margin: 0; border-bottom: 1px solid #DDE7E9; cursor: pointer; }
table#myNavToolsList{ clear:both; }
table#myNavToolsList td.cold a { color: black; }
#myNavToolsList a { margin: 3px 6px 3px 25px; line-height: 1.5; color: black; font-size: .95em;}
#myNavToolsList .gray { margin: 3px 6px 3px 25px; line-height: 1.5; font-weight: normal; font-size: .95em;}
#myNavToolsList a:hover { color: white; text-decoration: none; font-weight: normal; font-size: .95em;}
#myNavToolsList a:visited, #myNavToolsList a:link { color: black; text-decoration: none;  font-weight: normal;font-size: .95em;}


/* New Activity System Notices */
div.spaceNewActSystemHeader {  margin-bottom: 3px; font-weight: bold;  color:white; background: #09345F; padding: 2px; }
div.systemPostingsContainer { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #F0EBE5;}
div.systemPostingsContainerHalf { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #F0EBE5;}


/* New Activity Friends */
div.spaceNewActFriendsHeader { margin-bottom: 3px; margin-top: 15px; font-weight: bold; color: white; background: #89A3B5; padding: 2px;}
div.friendPostingsContainer { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.friendPostingsContainerHalf { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}

div.friendPostingsContainerCollapsed { height: 2em; padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.spaceRecentPostingHeading { color: #000; border-bottom: 1px dashed #000; font-size: .95em; font-weight: bold; }

/* New Activity Owner */
div.spaceOwnerActivityHeader {  margin-bottom: 3px; font-weight: bold; color:white; background: #89A3B5; padding: 2px; }
div.ownerPostingsContainer { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.ownerPostingsContainerHalf { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.ownerPostingsContainerCollapsed { height: 1.5em; padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.spaceRecentPostingHeadingOwner{ color: #000; border-bottom: 1px dashed #000; font-size: .95em; font-weight: bold; }

/* New Activity Community */
div.spaceNewActCommHeader {  margin-bottom: 3px; font-weight: bold; margin-top: 15px;  color:white; background: #89A3B5; padding: 2px; }
div.commPostingsContainer { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.commPostingsContainerHalf { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.commPostingsContainerCollapsed { height: 2em; padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.spaceRecentPostingHeadingComm{ color: #000; border-bottom: 1px dashed #000; font-size: .95em; font-weight: bold; }

/* General New Activity */
div.spaceRecentNoPostings { color: #666; font-size: .9em; }
table.spaceRecentPostingTable { margin-bottom: 3px; width:100%; }
td.spaceRecentNewBullet { width: 5px; vertical-align: top; }
td.spaceRecentPostingSnippetRead a { font-size: .9em; font-weight: normal; text-decoration: underline; color: #666; }
td.spaceRecentPostingSnippet a { font-size: .9em; font-weight: normal; text-decoration: underline; }
td.spaceRecentPostingSnippet { vertical-align: top; }
td.spaceRecentPostingAuthor { width: 50px; vertical-align: top; }
td.spaceRecentPostingAuthor a { font-size: .9em; font-weight: normal; text-decoration: underline; }
td.spaceRecentPostingDate { font-size:70%; font-weight: normal; color: #666; width: 115px; vertical-align: top; }

/* Footprints */
td.footprintDate { font-size: .9em; color: #666; }

/* Search */
table#communitySearchResults { background: #F0EBE5; }
tr#communitySearchHeader{ background: #F2F8F9; font-weight: bold; }
tr#communitySearchHeader th { color: black; text-align: left; }
td.searchResultCellCenter { text-align: center; }
td.searchResultCellLeft { text-align: left; }
.flTitle { color: black; font-size: 1em; }

tr.searchHeader td p a, tr.searchHeader td p b { background: #F2F8F9; font-weight: normal; color: black; font-size: .95em; }

/* Photo Album New Activity Widget */
.tnsilverborder { background: #FFF; border: 1px solid silver; width: 150px; }
div.csGreenContainerHeader { margin-bottom: 3px; margin-top: 15px; font-weight: bold; color: white; background: #89A3B5; padding: 2px;}

div.csContainer { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.csContainerHalf { padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}

div.csContainerCollapsed { height: 2em; padding:2px; margin: 0px; background: #F2F7F0; border: 1px solid #E4EBF0;}
div.csContainerContents{ font-size: .9em; font-family: Arial; }

.generalTableHeader { margin-bottom: 3px; font-weight: bold;
color:white; background: #ff9933; padding: 2px; }