/* *************************************************************************** */
/* main content area for firestarter */
/* a. include the margin-left and margin-right to center the content */
/* *************************************************************************** */
/* ------------------------------------------------------------------------------------------- */
/* master body style */
/* ------------------------------------------------------------------------------------------- */
body { background-color: #ddd; text-align: center; font-size: 12px; font-family: Arial, Helvetica; font-weight: normal; }

/* ------------------------------------------------------------------------------------------- */
/* overall container */
/* ------------------------------------------------------------------------------------------- */
#fstMasterContainer { text-align: left; width: 990px; margin-left: auto; margin-right: auto; background-color: #fff; border: 1px solid gray; }

/* ------------------------------------------------------------------------------------------- */
/* setup the container for the two columns */
/* ------------------------------------------------------------------------------------------- */
#fstTwoColumnContainer { width: 100%; margin: 10px auto; background-color: #fff; color: #333; clear: both; }

#fstRightColumn { float: right; width: 170px; margin: 0; padding: 10px 16px 10px 10px; }
#fstRightColumn p { margin: 0 0 10px 0; }

#fstMainColumn { margin-right: 199px; padding: 10px; }
*html #fstMainColumn { margin-right: 220px; padding: 10px; }

#fstColumnFooter { clear: both; padding:0; margin: 0; height: 0;}

/* ------------------------------------------------------------------------------------------- */
/* define the content areas */
/* ------------------------------------------------------------------------------------------- */
.fstInnerContentArea { padding: 10px 5px 20px 16px; }

/* ------------------------------------------------------------------------------------------- */
/* default settings and common elements */
/* ------------------------------------------------------------------------------------------- */
form,h1, h2, h3, h4, h5, h6, p, li, span, a, td { margin: 0; padding: 0; }

/* h1, h2, h3, h4, h5, h6, p { position: relative; }  */

hr { height: 1px; color: #ccc;  border-bottom: solid 1px #ccc; }

p.tabs { text-align: right; }
p, td { margin-top: 8px; }
p { line-height: 130%; }

span.divider { padding: 0 6px 0 6px; }

img { border: none; }
img.PostImage { float: left; margin: 0px 6px 6px 0; padding: 3px; }

span.spacer { padding-right: 8px; }

td { vertical-align: top;}

/* ------------------------------------------------------------------------------------------- */
/* anchor tags */
/* ------------------------------------------------------------------------------------------- */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #333; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

/* button container */
.fstToolbarLinks { margin-bottom: 6px; }

/* buttons */
a { color: #000099; }
a.fstBtn { font-size: 11px; background-color: #F7F7F7; padding: 2px 8px 2px 8px; text-decoration: none; font-weight: normal; color: #333; border: solid 1px #ccc; margin-right: 6px; }
a.fstBtn:hover { background-color: #CCC; }
a.sel { font-size: 11px; background-color: #CCC; padding: 2px 8px 2px 8px; text-decoration: none; font-weight: bold; color: #333; border: solid 1px #ccc; margin-right: 6px; }

/* hideshow buttons */
a.hide, a.show { font-size: 10px; padding: 2px 8px 2px 8px; text-decoration: none; font-weight: normal; color: #fff; font-family: Tahoma, Arial, Sans-Serif, Helvetica;}
a.hide { background-color: #990000; }
a.show { background-color: #009900; }
.HideShowToLeft { float: left; width: 60px; }

/* ------------------------------------------------------------------------------------------- */
/* Headings */
/* ------------------------------------------------------------------------------------------- */
h1 { font-size: 26px; font-weight: bold; margin-bottom: 10px; letter-spacing: -1px; margin-top: 6px; }
h1 a { font-size: 26px; }
h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; letter-spacing: -1px; margin-top: 16px; }
h3 { font-size: 18px; font-weight: bold; margin-bottom: 6px; letter-spacing: -1px; margin-top: 20px; }
h3.Comment { font-size: 18px; font-weight: bold; margin-bottom: 6px; letter-spacing: -1px; margin-top: 20px; background-image:url(http://www.legaltechbase.com/community/firestartercommon/images/icons/comment.gif); background-repeat: no-repeat; padding-left: 20px; background-position: left center; }
h3.Comments { font-size: 18px; font-weight: bold; margin-bottom: 6px; letter-spacing: -1px; margin-top: 20px; background-image:url(http://www.legaltechbase.com/community/firestartercommon/images/icons/comments.gif); background-repeat: no-repeat; padding-left: 20px; background-position: left center; }
h4 { font-size: 16px; font-weight: bold; margin-bottom: 6px; letter-spacing: -1px; margin-top: 10px; }
h6 { font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-top: 10px; }

/* ------------------------------------------------------------------------------------------- */
/* Form elements */
/* ------------------------------------------------------------------------------------------- */
textarea, input { font-size: 12px;}


/* ------------------------------------------------------------------------------------------- */
/* errors and information messages */
/* ------------------------------------------------------------------------------------------- */
.fstError, .fstInfo { margin: 4px; padding: 4px; background-color: #fff; font-weight: bold; text-align: center; color: #fff; text-align: center; }
.fstError p, .fstInfo p { padding: 4px; margin: 3px 36px 3px 36px; border: solid 1px #333; }
.fstError p { background-color: #AB0104; }
.fstInfo p { background-color: #00CC00; }

.fstSmallError { padding: 4px; margin: 0px; border: solid 1px #333; font-weight: bold; background-color: #AB0104; color: #fff; width: 430px; }
.fstSmallInfo { padding: 4px; margin: 0px; border: solid 1px #333; font-weight: bold; background-color: #00CC00; color: #fff; width: 430px; }

.fstSignInRegisterError { padding: 4px; margin: 0px; border: solid 1px #333; font-weight: bold; background-color: #AB0104; color: #fff; }

.fstValidateMsg { padding-left: 6px; }
#validationerror { font-size: 11px; font-weight: bold; color: #fff; background-color: #990000; padding: 2px 8px 2px 8px; border: solid 1px #333; visibility: hidden; margin: 6px 0 6px 0; }


/* ------------------------------------------------------------------------------------------- */
/* forms */
/* ------------------------------------------------------------------------------------------- */
.fstUserForm input, .fstUserForm select, .fstUserForm textarea { padding: 3px 7px 3px 7px; }

.fstUserForm label { color: #817A71; }
.fstUserForm label.left { width: 120px; float: left; clear: left; }
.fstUserForm label.leftwide { width: 180px; float: left; clear: left; }

.fstUserForm span.label { width: 120px; color: #817A71; }
.fstUserForm span.note { margin-left: 120px;  width: 120px; color: #817A71; }
.fstUserForm span.note2 { color: #817A71; }
.fstUserForm span.notewide { margin-left: 160px; width: 120px; color: #817A71; }

.fstUserForm .fstInputGP { margin: 6px 0 6px 0; }

.fstUserForm .user-entry-tiny, .fstUserForm .user-entry-sm, .fstUserForm .user-entry-med, .fstUserForm .user-entry-lg, .fstUserForm .user-entry-tarea { border: solid 1px #ccc; padding: 2px; font-size: 12px; }

.fstUserForm .user-entry-tiny { width: 60px; }
.fstUserForm .user-entry-tiny-err { width : 60px; background-color : #FF9900; }
.fstUserForm .user-entry-sm	{ width : 100px; }
.fstUserForm .user-entry-sm-err { width : 100px; background-color : #FF9900; }
.fstUserForm .user-entry-med { width : 200px; }
.fstUserForm .user-entry-med-err { width : 200px; background-color	: #FF9900; }
.fstUserForm .user-entry-lg	{ width : 380px; }
.fstUserForm .user-entry-lg-err { width : 380px; background-color : #FF9900; }
.fstUserForm .user-entry-tarea	{ width : 500px; height	: 200px; }
.fstUserForm .user-entry-tarea-err { width	: 500px; height : 200px; background-color	: #FF9900; }
.fst_postbody p { margin-top: 12px; }
.fstUserForm textarea.terms { font-family: Courier, Courier New, Arial; font-size: 11px; color: #666; width: 500px; height: 130px; }
.fstUserForm .req { color: #990000; font-weight: bold; padding-right: 3px; }

label.leftwide { width: 160px; float: left; clear: left; }


/* ------------------------------------------------------------------------------------------- */
/* Loaders */
/* ------------------------------------------------------------------------------------------- */
#fstLoader { font-weight: bolder; font-family: Arial; font-size: 13px; text-align: center; font-style: oblique; color: #333333; background-color: #fff; border: solid 2px #4C493F; padding: 1px; width: 80px; z-index: 99; }
#fstLoader2 { font-weight: bolder; font-family: Arial; font-size: 13px; text-align: center; font-style: oblique; color: #333333; padding: 1px; }

.fstLoader { font-weight: bolder; font-family: Arial; font-size: 13px; text-align: center; font-style: oblique; color: #333333; background-color: #fff; border: solid 2px #4C493F; padding: 1px; width: 80px; }
.fstLoader2 { font-weight: bolder; font-family: Arial; font-size: 11px; font-style: oblique; color: #333333; border: solid 2px #4C493F; width: 100px; padding: 2px; }


/* ------------------------------------------------------------------------------------------- */
/* Grids */
/* ------------------------------------------------------------------------------------------- */
.fstGrid { border-style: none; border-collapse: collapse; width: 98%; }
.fstGrid .gh, .fstGrid .gh_sm, .fstGrid .ghCol1, .fstGrid .ghCol2, .fstGrid .ghCol3, .fstGrid .ghCol4  { background-color: #e7e7e7; padding: 2px 5px 2px 5px; color: #333333; font-weight: bolder; border: solid 1px #ccc; }
.fstGrid .ghc, .fstGrid .ghcCol1, .fstGrid .ghcCol2, .fstGrid .ghcCol3, .fstGrid .ghcCol4 { background-color: #e7e7e7; padding: 2px 5px 2px 5px; color: #333333; font-weight: bolder; border: solid 1px #ccc; text-align: center; }
.fstGrid .gi, .fstGrid .gic, .fstGrid .gicm, .fstGrid .gi_sm, .fstGrid .gh_sm  { padding: 4px 5px 4px 5px; border: solid 1px #ccc; }

.fstGrid .gic { text-align: center; }
.fstGrid .gicm { text-align: center; vertical-align: middle; }
.fstGrid .gi_sm, .fstGrid .gh_sm { font-size: 11px; }

.fstGrid .ghCol1, .fstGrid .ghcCol1 { }
.fstGrid .ghCol2, .fstGrid .ghcCol2 { width: 60px;}
.fstGrid .ghCol3, .fstGrid .ghcCol3 { width: 70px;}
.fstGrid .ghCol4, .fstGrid .ghcCol4 { width: 260px;}
.fstGrid .spacer { border-style: none; height: 16px; }

/* company grid */
a.add{ color : #E66419; }
a.add:hover{ color: #000000; cursor:pointer; }
.fstCompanyGrid { border-style: none; border-collapse: collapse; width: 98%; }
.fstCompanyGrid .gic { padding: 3px 5px 3px 5px; border: solid 1px #e7e7e7; text-align: center; }
.fstCompanyGrid .gi { padding: 3px 5px 3px 5px; border: solid 1px #e7e7e7; }
.fstCompanyGrid a { color: #676042; font-size: 13px; }
.fstCompanyGrid a.fstBtn { background-color: #E7E7E7; padding: 2px 2px 2px 1px; text-decoration: none; font-weight: normal; color: #fff;border: solid 1px #e7e7e7;text-align: center; }
.fstCompanyGrid a.fstBtn:hover { background-color: #CC8240; }
.fstCompanyGrid .gh, .fstCompanyGrid .ghCol1, .fstCompanyGrid .ghCol2, .fstCompanyGrid .ghCol3, .fstCompanyGrid .ghCol4  { background-color: #e7e7e7; padding: 2px 5px 2px 5px; color: #333333; font-weight: bolder; border: solid 1px #e7e7e7;text-align: center; }
.fstCompanyGrid .spacer { border-style: none; height: 16px; }

/* ------------------------------------------------------------------------------------------- */
/* Forums */
/* ------------------------------------------------------------------------------------------- */
.fstForumButtons { padding: 4px; }
.fstForumThread { background-color: #F7F7F7; padding: 6px; border: solid 1px #ccc; }
.fstForumThreadComment { background-color: #F7F7F7; border: solid 1px #ccc; padding: 6px; margin-bottom: 8px; }
.author { margin-bottom: 4px; }
.backToTop { text-align: right; font-size: 11px; padding-left: 8px; }
.ForumSearch { text-align: right; padding: 4px 6px 4px 6px; border: solid 1px #ccc; margin-top: 6px; }
.ForumSearch #searchterm { width: 100px; padding: 2px; font-size: 12px; margin-right: 6px; } 
.ForumSearch #searchbtn { padding: 2px; height: 26px; }


/* ------------------------------------------------------------------------------------------- */
/* Comments */
/* ------------------------------------------------------------------------------------------- */
#fstCommentList .comment { border-top: solid 1px #ccc; padding-top: 4px; padding-bottom: 12px; margin: 0 0 10px 0; clear: left;}
#fstCommentList .comment p { padding: 0; margin: 0; line-height: normal; }
#fstCommentList .comment .user { width: 90px; font-weight: bold; float: left; }
#fstCommentList .comment .user img { width: 50px; }
#fstCommentList .comment .body { float: left; }
#fstCommentList .comment .links { clear: left; width: 98%; text-align: right; }
#fstCommentList .comment .links a { font-size: 11px; line-height: 16px; }
#fstCommentList .comment .links a.complain { background-image:url(http://www.legaltechbase.com/community/firestartercommon/images/icons/error2.gif); background-repeat: no-repeat; padding-left: 22px; text-decoration: none; }
#fstCommentList .comment .links a.top { background-image:url(http://www.legaltechbase.com/community/firestartercommon/images/icons/top.gif); background-repeat: no-repeat; padding-left: 22px; text-decoration: none; margin-left: 12px; }
#fstCommentList .comment .dateposted { font-size: 10px; margin: 0 0 4px 0; color: #666; }
#fstCommentList .comment .head a { font-size: 11px; }

a.h3Link { font-size: 12px; letter-spacing: normal; font-weight: normal; padding-left: 20px; text-decoration: none; }


/* ------------------------------------------------------------------------------------------- */
/* Photos */
/* ------------------------------------------------------------------------------------------- */
img.thumbnail { width: 50px; }
.photoCell { vertical-align: top; }
.photo { margin: 6px; padding: 12px; border: dotted 1px #ccc; text-align: center; }
.photo a { font-size: 11px; }

#fstUserProfilePhotos { border: dotted 1px #ccc; overflow: scroll; padding: 6px; width: 740px;  }
#fstUserProfilePhotos td { padding: 3px;}
#fstUserProfilePhotos ul { margin: 0; padding: 0; }
#fstUserProfilePhotos ul li { list-style: none; float: left; padding: 4px; }

.PendingApproval { padding: 6px; }
.PendingApproval a { font-size: 11px; color: #990000; text-decoration: none; padding: 2px 6px 2px 24px; z-index: 99; background-color: #fff; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/pendingapproval2.gif); background-repeat: no-repeat; background-position: left; }

#fstPhotoApprovalList { padding: 6px 20px 6px 20px; }
#fstPhotoIDList { display: none; }


/* ------------------------------------------------------------------------------------------- */
/* Terms and Conditions */
/* ------------------------------------------------------------------------------------------- */
.tandc { margin-top: 20px; width: 500px; height: 120px; overflow:scroll; display: block; border: solid 1px #ccc; font-size: 11px; color: #aaa; clear: both; position: relative; }
.tandc h1, .tandc h2 { font-size: 13px; }


/* ------------------------------------------------------------------------------------------- */
/* Ratings */
/* ------------------------------------------------------------------------------------------- */
.fstUserRatingBox { padding: 2px; border: solid 2px #ccc; margin: 3px; background-color: #F7F7F7; width: 110px; text-align: center; }
.fstUserRatingBox img.on, .fstUserRatingBox img.half, .fstUserRatingBox img.off { height: 22px; width: 20px; border: 0; }
#fstAvgRating { padding: 0 6px 0 6px; margin: 0; }


/* ------------------------------------------------------------------------------------------- */
/* articles and posts */
/* ------------------------------------------------------------------------------------------- */
.fstPost h1 { padding: 0px; margin: 0px; }
.fstPost p { line-height: 22px; margin-bottom: 14px; }


/* ------------------------------------------------------------------------------------------- */
/* Content Widget */
/* ------------------------------------------------------------------------------------------- */
#fstContentWidget { line-height: 18px; font-family: Arial, Tahoma, Verdana, Helvetica; text-align: left; display: block; }
#fstContentWidget .block { margin-top: 6px; padding: 2px; }
#fstContentWidget .sectionHead { margin-top: 6px; padding: 3px 0 1px 3px; background-color: #CCC; font-weight: bold; }
#fstContentWidget ol.links { clear: left; padding: 0 0 3px 12px; margin-left: 14px; }
#fstContentWidget ol.links a { text-decoration: none; }
#fstContentWidget ol.links a:hover { text-decoration: underline; }

/* div's containing the links */
#fstContentWidget .fstCWLBP, #fstContentWidget .fstCWLFT, #fstContentWidget .fstCWLAR { visibility: hidden; display: none; }

/* content widget selection */
.fstCWSelection { padding: 1px; margin: 0px; font-size: 11px;}


/* -------------------------------------------------------------------------- */
/* Tree Nodes */
/* -------------------------------------------------------------------------- */
#fstCategoryTreeContainer { width: 600px; margin-top: 6px; }
#fstCategoryTree { width: 600px; height: 400px; overflow: auto; border: solid 2px #CCCCCC; padding: 6px; }
#fstSelectedCats { width: 200px; height: 400px; overflow: auto; border: solid 2px #CCCCCC; }
#fstCategoryTree ul { margin-left: 0px; padding-left: 12px; }

#fstCategoryTree li { cursor: pointer; color: #000000; }

#fstCategoryTree li.m { list-style-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tree/minus.gif); }
#fstCategoryTree li.p { list-style-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tree/plus.gif); }
#fstCategoryTree li.u { list-style-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tree/dot.gif); }
#fstCategoryTree li.f { color:#3333CC; list-style-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tree/fetching.gif); }
#fstCategoryTree li.s { color: #990000; list-style-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tree/selected.gif); font-weight: bold; }

#fstCategoryTree li.p ul { display: none; margin-left: 12px; }


/* ------------------------------------------------------------------------------------------- */
/* Help */
/* ------------------------------------------------------------------------------------------- */
#fstHelp { text-align: left; }

.fstHelpIndex { padding: 2px; }
.fstHelpIndex ul { margin: 0 0 0 14px; padding: 0;}
.fstHelpIndex ul li { margin-left: 1px; line-height: 22px; font-weight: normal; }
.fstHelpIndex ul li.MainHead { margin-top: 6px; font-weight: bold; }

.fstHelpContents { padding: 6px 20px 6px 20px; }
.fstHelpContents p { padding: 0 0 10px 0; line-height: 18px; }

/* ------------------------------------------------------------------------------------------- */
/* Version */
/* ------------------------------------------------------------------------------------------- */
.fsLogo { font-size: 10px; text-align: center; }
.fsVersion { padding: 6px 6px 6px 6px; text-align: center; font-size: 9px; color: #666; font-weight: bold; text-transform: lowercase; font-style: oblique; }


/* ------------------------------------------------------------------------------------------- */
/* Content Search */
/* ------------------------------------------------------------------------------------------- */
.ContentSearchItem { padding: 8px 0 4px 0; clear: left; }
.ContentSearchItem .title { font-weight: bold; font-size: larger; }
.ContentSearchItem .title a { text-decoration: none; }
.ContentSearchItem .title a:hover { text-decoration: underline; }

span.article { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/page.gif); background-position: left; background-repeat: no-repeat; padding-left: 22px; }
span.forumthread { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tb/16x16_forums.gif); background-position: left; background-repeat: no-repeat; padding-left: 22px; }
span.blogpost { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/report.gif); background-position: left; background-repeat: no-repeat; padding-left: 22px; }


/* ------------------------------------------------------------------------------------------- */
/* Page Action Bar */
/* ------------------------------------------------------------------------------------------- */
#fstPageActions { width: 99%; padding: 6px 2px 6px 2px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin: 12px 0 12px 0; }
#fstPageActions a { padding-left: 22px; padding-right: 20px; text-decoration: none; }
#fstPageActions a:hover { text-decoration: underline; }
#fstPageActions a.print { background: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/printer.gif) 0 0px no-repeat; }
#fstPageActions a.email { background: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/email.gif) 0 0px no-repeat; }
#fstPageActions a.bookmark { background: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/fav.gif) 0 0px no-repeat; }
#fstPageActions a.complain { background: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/error.gif) 0 0px no-repeat; }
#fstPageActions a.help { background: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/help.gif) 0 0px no-repeat; }


/* ------------------------------------------------------------------------------------------- */
/* Highlight Bar */
/* ------------------------------------------------------------------------------------------- */

.fstHighlightBar { text-align: left; padding: 2px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin: 12px 0 12px 0; height: 24px; line-height: 20px; }
.fstHighlightBar p { margin: 0; padding: 0; font-size: 12px; }
.fstHighlightBar .note { font-size: 12px; padding-right: 6px; }
.fstHighlightBar a {  text-decoration: none; font-size: 13px; }
.fstHighlightBar a:hover { text-decoration: none; }
.fstHighlightBar .comment, #posts .comment { padding-left: 18px; padding-right: 6px; background: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/comment.gif) 0 0px no-repeat; }
.fstHighlightBar .digg, .fstHighlightBar .delicious, .fstHighlightBar .reddit, .fstHighlightBar .stumble, .fstHighlightBar .facebook { padding-left: 20px; padding-right: 6px; }
.fstHighlightBar .digg { margin-left: 6px; background: url(http://digg.com/img/badges/16x16-digg-guy.gif) 0 0px no-repeat; }
.fstHighlightBar .delicious { background: url(http://images.del.icio.us/static/img/delicious.small.gif) 0 4px no-repeat; }
.fstHighlightBar .reddit { background: url(http://static.reddit.com/blog_head.png) 0 0px no-repeat; }
.fstHighlightBar .stumble { background: url(http://www.stumbleupon.com/images/stumbleit.gif) 0 0px no-repeat; }
.fstHighlightBar .facebook { background: url(http://static.ak.facebook.com/images/icons/favicon.gif?12:27651) 0 0px no-repeat; }


/* ------------------------------------------------------------------------------------------- */
/* Profiles / Search Results (user and company) */
/* ------------------------------------------------------------------------------------------- */
.Section { border: solid 1px #ccc; margin-bottom: 18px; margin-right: 18px; }
.Section .Title { padding: 4px; border-bottom: solid 1px #ccc; background-color: #E7E7E7; font-size: 15px; font-weight: bold; }
.Section .TitleLink { float: right; width: 100px; padding-right: 10px; text-align: right; }
.Section .TitleLink a { font-size: smaller; }
.Section .Detail { padding: 8px; }
.Section .Detail td, .Section .Detail p, .Description, .CustomData td { line-height: 130%; }
.Section label { color: #999; }


.SectionUpgrade { border: solid 2px #990000; margin-bottom: 18px; margin-right: 18px; }
.SectionUpgrade .Title { color: #fff; padding: 4px; border-bottom: solid 1px #ccc; background-color: #990000; font-size: 15px; font-weight: bold; }
.SectionUpgrade .TitleLink { float: right; width: 100px; padding-right: 10px; text-align: right; }
.SectionUpgrade .TitleLink a { font-size: smaller; }
.SectionUpgrade .Detail { padding: 8px; }
.SectionUpgrade .Detail td, .Section .Detail p, .Description, .CustomData td { line-height: 130%; }
.SectionUpgrade label { color: #999; }


.GroupUpgrade { margin-bottom: 12px; padding-bottom: 6px; border-bottom: solid 1px #ccc; }
.GroupUpgrade .Name { font-weight: bold; }


/* the following are the customizable user class styles to differentiate the different user groups */
.ProfileUserGroupDisplay { padding: 3px 20px 12px 0; margin: 0; text-align: right; }
.ProfileUserGroupDisplay span { font-weight: bold; }


.fstBronze { border: solid 2px #663300; margin-bottom: 18px; margin-right: 18px; }
.fstBronze .Title { padding: 4px; border-bottom: solid 1px #ccc; background-color: #E7E7E7; font-size: 15px; font-weight: bold; }
.fstBronze .TitleLink { float: right; width: 100px; padding-right: 10px; text-align: right; }
.fstBronze .TitleLink a { font-size: smaller; }
.fstBronze .Detail { padding: 8px; }
.fstBronze .Detail td, .Section .Detail p, .Description, .CustomData td { line-height: 130%; }
.fstBronze label { color: #999; }

.fstSilver { border: solid 2px #CCC; margin-bottom: 18px; margin-right: 18px; }
.fstSilver .Title { padding: 4px; border-bottom: solid 1px #ccc; background-color: #E7E7E7; font-size: 15px; font-weight: bold; }
.fstSilver .TitleLink { float: right; width: 100px; padding-right: 10px; text-align: right; }
.fstSilver .TitleLink a { font-size: smaller; }
.fstSilver .Detail { padding: 8px; }
.fstSilver .Detail td, .Section .Detail p, .Description, .CustomData td { line-height: 130%; }
.fstSilver label { color: #999; }

.fstGold { border: solid 2px #FFCC00; margin-bottom: 18px; margin-right: 18px; }
.fstGold .Title { padding: 4px; border-bottom: solid 1px #ccc; background-color: #E7E7E7; font-size: 15px; font-weight: bold; }
.fstGold .TitleLink { float: right; width: 100px; padding-right: 10px; text-align: right; }
.fstGold .TitleLink a { font-size: smaller; }
.fstGold .Detail { padding: 8px; }
.fstGold .Detail td, .Section .Detail p, .Description, .CustomData td { line-height: 130%; }
.fstGold label { color: #999; }


/* ------------------------------------------------------------------------------------------- */
/* Searches  */
/* ------------------------------------------------------------------------------------------- */

/* search */
.SearchBox { border: solid 1px #ccc; padding: 0 12px 12px 12px; }

.LookupSearchBox { padding: 0 12px 12px 12px; background-color: #fff; }
.LookupSearchResults { width: 500px; height: 250px; overflow: scroll; border: solid 1px #ccc; padding: 4px; }

/* categories */
.CategoryList td { line-height: 20px; padding-left: 16px; }
.CategoryList a { text-decoration: none; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/bullet_toggle_plus.gif); background-repeat: no-repeat; padding-left: 16px; }
.CategoryList a:hover { text-decoration: underline; }
.CompanyListLogo { float: left; padding: 0 10px 10px 0;}

/* company search results */
.CompanyResult { border: solid 1px #ccc; margin-top: 22px; }
.CompanyResult .CompanyDetail { /*clear: both;*/ height: 100%; }
.CompanyResult td { vertical-align: top; }

.CompanyResult .Title { padding: 6px; border-bottom: solid 1px #ccc; background-color: #E7E7E7; }
.CompanyResult .Title a { font-size: 16px; font-weight: bolder; text-decoration: none; }

.CompanyResult .Website { margin-right: 6px; line-height: 18px; float: right; width: 150px; text-align: right; height: 20px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/website.gif); background-repeat: no-repeat; background-position: right; }
.CompanyResult .Website a { font-size: 11px;  padding-right: 20px; }

.CompanyResult .CompanyLinks { text-align: right; padding: 6px 20px 6px 20px; border-top: solid 1px #ccc; }
/*.CompanyResult .CompanyLinks { text-align: right; padding: 16px 0 4px 0; margin: 0 0 4px 0; }*/
.CompanyResult .CompanyLinks a { margin-right: 14px; padding-left: 20px; background-repeat: no-repeat; }
.CompanyResult .CompanyLinks a.directions { margin-left: 6px; line-height: 18px; width: 150px; text-align: left; height: 20px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/map.gif); background-repeat: no-repeat; background-position: left; }
.CompanyResult .CompanyLinks a.contact { margin-left: 16px; line-height: 18px; width: 150px; text-align: left; height: 20px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/email.gif); background-repeat: no-repeat; background-position: left; }
.CompanyResult .CompanyLinks a.profile { margin-left: 16px; line-height: 18px; width: 150px; text-align: left; height: 20px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/icons/profile2.gif); background-repeat: no-repeat; background-position: left; }
.CompanyResult .CompanyLinks a.block { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_block.gif);  }
.CompanyResult .CompanyLinks a.edit { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_edit.gif); }
.CompanyResult .CompanyLinks a.view { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_view.gif); }



.CompanyResult .LeftInfo { padding: 8px 12px 8px 12px; }
.CompanyResult .RightInfo { padding: 8px 12px 8px 12px; }

.CompanyResult .LeftInfo p, .CompanyResult .RightInfo p, .CompanyResult .LeftInfo a { font-size: 11px; line-height: 16px; }



/* member search results */
.MemberResult { border: solid 1px #ccc; margin-top: 22px; }
.MemberResult .MemberDetail { /*clear: both;*/ height: 100%; }
.MemberResult td { vertical-align: top; padding: 3px; }
.MemberResult .Title { padding: 6px; border-bottom: solid 1px #ccc; background-color: #E7E7E7; font-size: 16px; font-weight: bolder; }
.MemberResult .Title a { font-size: 16px; font-weight: bolder; text-decoration: none; color: #333; }
.MemberResult .MemberAvatar { padding: 8px; }





#fstAlphaList { padding: 4px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }

/* ------------------------------------------------------------------------------------------- */
/* Google Maps */
/* ------------------------------------------------------------------------------------------- */
#GMapHolder.small { width: 308px; height: 178px; padding: 4px; border: solid 1px #ccc; text-align: center; float: right; }
#GMapHolder.large {}
#gmap.small { width: 300px; height: 170px; margin-left: auto; margin-right: auto; }
#gmap.large { width: 500px; height: 300px; margin-left: auto; margin-right: auto; }


/* ------------------------------------------------------------------------------------------- */
/* Media Library / Files / Video / Photos */
/* ------------------------------------------------------------------------------------------- */
.FolderLink, .FolderLinkSelected { padding-top: 52px; width: 120px; cursor: pointer; }

.Folder { height: 70px; width: 130px; text-align: center;  border: solid 1px #fff; cursor: pointer; }
.FolderSelected { height: 70px; width: 130px; text-align: center; border: solid 1px #990000; cursor: pointer; }

.FolderSpacer { padding-top: 50px; }
.FolderGeneral, .FolderVideo, .FolderFile, .FolderPhoto {  height: 70px; width: 130px; text-align: center; }
.FolderGeneral { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/folders/pack1/folder.gif); background-repeat: no-repeat; background-position: center top; }
.FolderVideo { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/folders/pack1/folder_videos.gif); background-repeat: no-repeat; background-position: center top; }
.FolderFile { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/folders/pack1/folder_files.gif); background-repeat: no-repeat; background-position: center top; }
.FolderPhoto { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/folders/pack1/folder_photos.gif); background-repeat: no-repeat; background-position: center top; }

.MediaLibrary td { vertical-align: top; }
.MediaLibraryBox { border: solid 1px #ccc; margin-top: 22px; }
.MediaLibrary .Title { padding: 3px; font-size: 16px; font-weight: bolder; text-decoration: none; }

a.UploadVideo, a.UploadPhoto, a.UploadFile { background-repeat: no-repeat; background-position: left; background-color: #F7F7F7; margin-left: 20px; text-decoration: none;  font-weight: bolder; border: solid 1px #ccc; padding: 6px 8px 6px 20px; }
a.UploadVideo:hover, a.UploadPhoto:hover, a.UploadFile:hover { background-color: #ccc; color: #fff; } 
a.UploadVideo { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tb/16x16_video.gif); }
a.UploadPhoto { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tb/16x16_photos.gif); }
a.UploadFile { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/tb/16x16_wiki.gif); }

.videoCell { vertical-align: top; }
.video { margin: 6px; padding: 12px; border: dotted 1px #ccc; text-align: center; font-size: 11px; }
.video td { font-size: 11px;}

.fileCell { vertical-align: top; }
.file { margin: 6px; padding: 6px; border: dotted 1px #ccc; text-align: center; font-size: 11px; }
.file td { font-size: 11px; vertical-align: middle; }
.file p { font-size: 11px; line-height: 14px; text-align: left; }
.file a { font-size: 11px; }

.UserFile { margin: 6px; width:140px; text-align: center; }
.UserFile a { text-decoration: none; font-size: 11px; color: #333; }

/* ------------------------------------------------------------------------------------------- */
/* Sign In / Session Control */
/* ------------------------------------------------------------------------------------------- */
.CommentSignInBoxOuter { width: 310px; border: solid 1px #ccc; padding: 12px;}
.CommentSignInBoxOuter p { font-size: 11px; }
#fstLoaderPanel { width: 300px; }
#fstCommentSignInBox { text-align: left; width: 300px; }
#fstCommentSignInBox form { padding:0; margin:0; }
#fstCommentSignInBox p { clear: left; margin: 0; padding: 0; font-size: 11px; }
#fstCommentSignInBox p a { font-size: 11px; }
#fstCommentSignInBox label { font-size: 11px; width: 100px; text-align: left; float: left; }

#fstCommentSignInBox input.txt, #fstCommentSignInBox input.txtsm { font-size: 11px; border: solid 1px #ccc; padding: 2px; float: left; margin-left: 3px; }
#fstCommentSignInBox input.txterr, #fstCommentSignInBox input.txtsmerr { font-size: 11px; border: solid 2px #333; padding: 2px; float: left; margin-left: 3px; background-color: #FFFFCC; }

#fstCommentSignInBox input.txt, #fstCommentSignInBox input.txterr { width: 110px; }
#fstCommentSignInBox input.txtsm, #fstCommentSignInBox input.txtsmerr { width: 52px; }

.fstSignInForm { padding:0; margin:0; }
.fstSignInForm p { /*clear: both;*/ margin: 0; padding: 0; font-size: 11px; }
.fstSignInForm input.txt, .fstSignInForm input.txtsm { font-size: 11px; border: solid 1px #ccc; padding: 2px; float: left; margin-left: 3px; }
.fstSignInForm input.txt { width: 110px; }
.fstSignInForm input.txtmed { width: 70px; }
.fstSignInForm input.txtsm { width: 52px; }


/* ------------------------------------------------------------------------------------------- */
/* Placing boxes around content */
/* ------------------------------------------------------------------------------------------- */
.Box { margin-bottom: 16px; border: solid 1px #ccc; padding: 6px; }

/* If you want rounded edges on stuff then un-comment the following */
/*
.Box .L { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_l_.jpg); background-repeat: repeat-y; background-position: left; padding: 0 8px 0 8px; }
.Box .R { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_r_.jpg); background-repeat: repeat-y; background-position: right; }
.Box .Head { height: 7px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_t.jpg); background-repeat: repeat-x; }
.Box .Head .TR { float: right; height: 7px; width: 7px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_tr.jpg); background-repeat: no-repeat; background-position: right top; }
.Box .Head .TL { float: left; height: 7px; width: 7px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_tl.jpg); background-repeat: no-repeat; background-position: left top; }
.Box .Foot { height: 7px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/box/images/box/box_b.jpg); background-repeat: repeat-x; background-position: bottom; }
.Box .Foot .BR { float: right; height: 7px; width: 7px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_br_.jpg); background-repeat: no-repeat; background-position: right bottom; }
.Box .Foot .BL { float: left; height: 7px; width: 7px; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/box/box_bl.jpg); background-repeat: no-repeat; background-position: left bottom; }
*/


/* ------------------------------------------------------------------------------------------- */
/* Hack for floating div's */
/* ------------------------------------------------------------------------------------------- */
.clearfix:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; height: 0; }
/* End hide from IE-mac */


/* ------------------------------------------------------------------------------------------- */
/* Contacts and Member Searches*/
/* ------------------------------------------------------------------------------------------- */
#fstContactList label { width: 70px; color: #aaa; }
#fstContactList a { text-decoration: none; }
#fstContactList .links { text-align: left; width: 110px; }
#fstContactList .links a { display: block; text-decoration: none; border-bottom: solid 1px #ccc; padding: 2px; }
#fstContactList img { padding-right: 8px; }
#fstContactList td { vertical-align: top; }
#fstContactList select { padding: 3px 7px 3px 7px; border: solid 1px #ccc; padding: 2px; font-size: 12px; }

.fstIsContact { background-color: #FFFFCC; padding: 2px; border: solid 1px #000; }

#fstAlphaList { padding: 4px 2px 4px 2px; }
#fstAlphaList a { padding-left: 8px; }

p.locked { width: 120px; background-color: #990000; color: #fff; text-align: center; padding-top: 2px; padding-bottom: 2px; border: solid 1px #ccc; }

.fstUserActionMsg p { font-size: 11px; background-color: #FFFFCC; color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px; border: solid 1px #ccc; }

.UserGroupBox { border: solid 1px #F7F7F7; padding: 4px; margin: 4px 12px 4px 0px; background-color: #F7F7F7; }
.UserGroupBox label { padding-right: 8px; }

.fstContact { margin: 0 0 12px 0; border: solid 1px #ccc; padding: 6px; }
.fstUserGroupImage { text-align: right; padding: 0px 10px 2px 10px; }

/* ------------------------------------------------------------------------------------------- */
/* Search Result - Pager Bar */
/* ------------------------------------------------------------------------------------------- */
.fstPagerBar { border: solid 1px #ccc; padding: 4px; margin-bottom: 8px; clear: left; }
.fstPagerBar table td { padding: 3px; }
.fstPagerBar .Link { float: left; width: 24px; }
.fstPagerBar .Page { float: left; width: 100px; text-align: center; vertical-align: middle; padding-top: 3px;}

.SearchCriteriaDesc { margin: 6px 0 6px 0; }
.SearchCriteriaDesc label { font-weight: bold; }


.PagingBar { margin: 4px 0 20px 0; padding: 6px; clear: left; width: 740px; }
.PagingBar p { padding: 0; margin: 0; }

.PagingBar .Left { float: left; width: 120px; height: 20px; padding: 0 6px 0 6px; }
.PagingBar .Left p { text-align: left; }

.PagingBar .Center { float: left; width: 450px; height: 20px; padding: 0 6px 0 6px; }
.PagingBar .Center p { text-align: center; }

.PagingBar .Right { float: right; width: 120px; height: 20px; padding: 0 6px 0 6px; }
.PagingBar .Right p { text-align: right; }

/* ------------------------------------------------------------------------------------------- */
/* Column layout for MSA */
/* ------------------------------------------------------------------------------------------- */
#fstCol1 { float: left; width: 48%; border: dotted 1px #ccc; margin-right: 2%; }
#fstCol2 { float: left; width: 48%; border: dotted 1px #ccc; }

/* ------------------------------------------------------------------------------------------- */
/* Dashboard and Widgets */
/* ------------------------------------------------------------------------------------------- */
#fstDashboard .dashboard-column { float: left; margin: 0 5px 5px 5px; padding: 0 5px 5px 5px; width: 350px;  }
#fstDashboard .dashboard-column .colHover { background-color: #F8F8F8; border: dotted 1px #990000;}

#fstDashboard ul.column { width: 360px; margin: 0; padding: 0;}
#fstDashboard ul li { list-style: none; }

#fstDashboard .widget { margin: 2px; margin-top: 18px; width: 350px; clear: both; }
#fstDashboard .widget .border { border: solid 1px #CCC; color: #E1E1E1; }
#fstDashboard .widget .border .head	 { border-bottom: solid 1px #CCC; margin: 3px 3px 0 3px; color: #003366; font-family: Arial; padding: 3px; font-size: 14px; font-weight: bold; background-color: #E8E8E8; }
#fstDashboard .widget .border .head .handle	{ cursor: move; font-weight: bold; margin: 0; }
#fstDashboard .widget .border .head .handle img	{ float: left; padding: 0 6px 0 3px; }
#fstDashboard .widget .border .head .edit	{ float: right; font-weight: normal; font-size: 11px; width: 45px; }
#fstDashboard .widget .border .content  { padding: 6px; font-family: Arial;  margin: 0 3px 3px 3px; }

* html body #fstDashboard .border .handle { width: 100%; }

#fstDashboard .widget-hover		{ border: 1px dashed #f00; }

/* widget list */
#fstWidgetList .inactive { color: #F8F8F8; }
#fstWidgetList ul li { list-style: none; float: left; }
#fstWidgetList .widget { width: 310px; margin: 6px 10px 12px 6px; padding: 6px; border: solid 2px #ccc; }
#fstWidgetList .widget img { float: left; padding: 4px 10px 4px 0; }
#fstWidgetList .widget h4 { font-size: 14px; margin: 0; padding: 0; }
#fstWidgetList .addWidget { cursor: pointer; text-decoration: underline; }

/* widget pop up code */
#widgetOverlay{ 
    background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}
* html #widgetOverlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/overlay.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.legaltechbase.com/community/firestartercommon/images/overlay.png", sizingMethod="scale");
}

/* status / action message */
#WidgetActionMsg { text-align: center; font-weight: bold; font-size: 12px; color: #fff; }
#WidgetActionMsg span { padding: 3px; }
#WidgetActionMsg span.success { background-color: #009900; }
#WidgetActionMsg span.error { background-color: #990000; }

#rssFeedList { padding: 6px; margin: 6px; height: 300px; width: 440px; }
#rssFeedList ul li { list-style: none; float: left; color: #333; }


/* ------------------------------------------------------------------------------------------- */
/* RSS Feeds */
/* ------------------------------------------------------------------------------------------- */

.RssSelection { width: 310px; margin: 3px; padding: 3px; }
.RssSelection .name { font-weight: bold; }
.RssSelection .desc { padding-left: 20px; }

.rssfeedShow { visibility:visible; overflow: visible; }

.rssHead a { font-size: 12px; display: block; background-position: left; background-repeat: no-repeat; background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/widgets/16x16_rss1.gif); padding-left: 23px; line-height: 22px; }
.rssDesc { visibility: hidden; display: none; }

.rssItem a { text-decoration: none; }
.rssItem a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------- */
/* Discussions */
/* ------------------------------------------------------------------------------------------- */
#participant_list { overflow: auto; height: 120px; margin-right: 30px; border: solid 1px #ccc; padding: 3px; }

.fstStartDiscussion { border: solid 1px #ccc; width: 98%; margin-bottom: 12px; font-size: 12px; background-color: #F8F8F8; padding: 3px; } 
.discussion { border-top: solid 1px #ccc; width: 98%; margin-bottom: 12px; font-size: 12px; padding: 3px; }

.discussion table td, .fstStartDiscussion table td { vertical-align: top; padding: 3px; }
.discussion .picture, .fstStartDiscussion .picture { width: 70px; text-align: center; }
.discussion .picture img, .fstStartDiscussion .picture img { width: 50px; }
.discussion .who, .fstStartDiscussion .who { width: 130px; }
.discussion .author, .fstStartDiscussion .author { font-weight: bold; }
.discussion .date, .fstStartDiscussion .date { font-size: smaller; }
.discussion .comments, .fstStartDiscussion .comments { font-size: smaller; }
.discussion .title, .fstStartDiscussion .title { font-size: larger; font-weight: bold; }

.participantList { padding: 3px; }

.backToTop { text-align: right; font-size: 11px; clear: both; padding: 6px; }
.discussion-buttons { text-align: right; padding: 4px 10px 4px 4px; }


/* ------------------------------------------------------------------------------------------- */
/* Messages */
/* ------------------------------------------------------------------------------------------- */
#fstMessageHead { border: solid 1px #E2E2E2; padding: 6px; background-color: #F8F8F8; }
#fstMessageHead .msgLabel { font-size: 11px; padding-right: 8px; }
#fstMessageBody { border: solid 1px #E2E2E2; padding: 6px 6px 20px 6px; margin-top: 12px; }
.fstMessageUnRead, .fstMessageRead { padding: 6px; margin-bottom: 12px; border: solid 1px #E2E2E2; }
.fstMessageUnRead .info, .fstMessageRead .info { font-size: 11px; }
.fstMessageUnRead { background-color: #FFFFCC; font-weight: bold; border: solid 1px #333; color: #333; }

/* widget messages */
.fstWidgetMsg span { font-size: 12px; }
.fstSubject { overflow: hidden; height: 18px; width: 80%; }

a.fstMsgSubject, a.fstMsgSubjectUnRead { text-decoration: none; }
a.fstMsgSubject:hover, a.fstMsgSubjectUnRead:hover { text-decoration: underline; }

.fstMsgSubject { font-size: 12px; }
.fstMsgSubjectUnRead { font-size: 12px; font-weight: bold; color: #333;  }

.fstWidgetMsgDate { font-size: 12px; float: left; width: 46px; color: #333; }

#fstMessageList .links { text-align: left; width: 110px; }
#fstMessageList .links a { display: block; text-decoration: none; border-bottom: solid 1px #ccc; padding: 2px; }
#fstMessageList img { float: left; padding-right: 8px;}

/* when viewing a message */
.fstMessage td { vertical-align: top; padding: 6px; }

.fstMessage .TrailMessage { border-top: solid 1px #ccc; }

#fstMessage { padding: 3px; }
#fstMessage .ViewMessage { padding: 3px; }
#fstMessage .ViewMessage .MsgContainer { width: 700px; border-bottom: solid 1px #ccc; /*clear: both;*/ }
#fstMessage .ViewMessage .MsgContainer .avatar { float: left; width: 80px; padding: 6px 6px 20px 6px; }
#fstMessage .ViewMessage .MsgContainer .avatar img { width: 50px; }
#fstMessage .ViewMessage .MsgContainer .details { float: left; width: 580px; padding: 6px 6px 20px 6px; }
#fstMessage .ViewMessage .MsgContainer .details .Info { background-color: #E7E7E7; font-size: 12px; padding: 3px; }
#fstMessage .ViewMessage .MsgContainer .details .Info .Subject { font-size: 13px; font-weight: bold; line-height: 20px;}
#fstMessage .ViewMessage .MsgContainer .details .Body { font-size: 12px; padding: 3px; }

/* selected message in the trail */
#fstMessage .SelectedMessage { padding: 3px;}
#fstMessage .SelectedMessage .MsgContainer { width: 700px; border-bottom: solid 1px #ccc; /*clear: both;*/ }
#fstMessage .SelectedMessage .MsgContainer .avatar { float: left; width: 80px; padding: 6px 6px 20px 6px; }
#fstMessage .SelectedMessage .MsgContainer .avatar img { width: 50px; }
#fstMessage .SelectedMessage .MsgContainer .details { float: left; width: 580px; padding: 6px 6px 20px 6px; }
#fstMessage .SelectedMessage .MsgContainer .details .Info { background-color: #4D62A0; font-size: 12px; padding: 3px; font-weight: bold; color: #fff;}
#fstMessage .SelectedMessage .MsgContainer .details .Info .Subject { font-size: 13px; font-weight: bold; line-height: 20px; font-weight: bold;}
#fstMessage .SelectedMessage .MsgContainer .details .Body { font-size: 12px; padding: 3px; font-weight: bold; }


#ShowMessageTrail { clear: both; cursor: pointer; padding: 3px 3px 3px 18px; border: 1px solid #ccc; margin: 3px 0px 10px 0px; }
.TrailLinkPlus { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/bullet_toggle_plus.gif); background-repeat: no-repeat; background-position: left; }
.TrailLinkMinus { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/bullet_toggle_minus.gif); background-repeat: no-repeat; background-position: left; }

.HideTrail { display: none; visibility: hidden; }
.ShowTrail { display: block; visibility: visible; }


/* ------------------------------------------------------------------------------------------- */
/* setup the container for wo columns within the master two column layout*/
/* ------------------------------------------------------------------------------------------- */
.fstInnerTwoColumnContainer { margin: 0px auto; background-color: #fff; color: #333; margin-bottom: 20px; }
.fstInnerLeftColumn { margin-right: 380px; padding: 0;  }
.fstInnerLeftColumn p { margin: 0; }
.fstInnerRightColumn { float: right; width: 370px; margin: 0; padding: 0; }
.fstInnerRightColumn p { margin: 0; }
.fstInnerColumnFooter { padding:0; margin: 0; height: 1px; clear: left;}
.topspace { height: 0; padding: 0; margin: 0; display: block; }

/* ------------------------------------------------------------------------------------------- */
/* User Group Management */
/* ------------------------------------------------------------------------------------------- */
.fstUserGroup { padding: 0px 6px 6px 6px; border: solid 1px #ccc; margin-bottom: 10px;}

#fstSortList { list-style: none; margin: 0; padding: 0; }
#fstSortList li { margin-top: 6px; padding: 4px; background-color: #F7F7F7; border:1px solid #CCC; cursor: move; }
#fstSortList h4 { margin: 0; padding: 0; }


/* ------------------------------------------------------------------------------------------- */
/* Register / Sign In boxes */
/* ------------------------------------------------------------------------------------------- */
#fstRegisterBox p { clear: left; }

.ShortProfileMessage { border: solid 2px #ccc; padding: 6px; margin-top: 30px; }

/* ------------------------------------------------------------------------------------------- */
/* Order Management */
/* ------------------------------------------------------------------------------------------- */

.EComProductList .Product { margin-bottom: 20px; border-top: solid 1px #eee; }
.EComProductList .Product h3 { padding-top: 4px; margin: 0; }
.EComProductList .Product a { margin-right: 12px; }
.EComProductList .Product .Description, .EComProductList .Product .Code { line-height: normal;} 

.EComProductList .Info { border-style: none; border-collapse: collapse; margin-top: 6px; }
.EComProductList .Info td { padding: 1px 6px 1px 6px; text-align: left; border: solid 1px #ccc; }
.EComProductList .Info .Header td  { background-color: #eee; color: #333; }
.EComProductList .Info td.Center { text-align: center; }
.EComProductList .Info td.Right { text-align: right; }

.OrderList { border-style: none; border-collapse: collapse; width: 700px; }
.OrderList td { text-align: left; }
.OrderList .Header td { border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; }
.OrderList .Header .Head { font-weight: bold; padding: 4px 6px 4px 0; }
.OrderList .Header .HeadR { text-align: right; font-weight: bold; padding: 4px 12px 4px 0; }
.OrderList .Header .HeadC { text-align: center; font-weight: bold; padding: 4px 12px 4px 0; }
.OrderList .Item td { height: 22px; vertical-align: top;}
.OrderList .Item .Price { width: 80px; text-align: right; padding: 3px 12px 0 6px; }
.OrderList .Item .Center { text-align: center; }

.OrderLineItems { border-style: none; border-collapse: collapse; width: 600px; }
.OrderLineItems td { text-align: left; }
.OrderLineItems .Header td { border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; }
.OrderLineItems .Header .Head { font-weight: bold; padding: 4px 6px 4px 0; }
.OrderLineItems .Header .HeadR { text-align: right; font-weight: bold; padding: 4px 12px 4px 0; }
.OrderLineItems .Header .HeadC { text-align: center; font-weight: bold; padding: 4px 12px 4px 0; }
.OrderLineItems .Item td { height: 22px; vertical-align: top;}
.OrderLineItems .Item .Name { width: 200px; padding: 3px 12px 0 6px; }
.OrderLineItems .Item .Price { width: 80px; text-align: right; padding: 3px 12px 0 6px; }
.OrderLineItems .Item .Qty { text-align: center; padding: 3px 12px 0 6px; }
.OrderLineItems .Footer td { border-top: solid 1px #ccc; padding-top: 6px; margin-top: 6px; }
.OrderLineItems .FooterEnd td { border-bottom: solid 1px #ccc; padding-bottom: 6px; margin-bottom: 6px; }
.OrderLineItems .Label, .OrderLineItems .Total { text-align: right; padding: 0 12px 0 6px; font-weight: bold; }

/* ------------------------------------------------------------------------------------------- */
/* Change log */
/* ------------------------------------------------------------------------------------------- */
.QueryText { font-weight: bold; font-style: oblique; }

.ChangeLogActionMsg { padding: 0; margin: 3px 0 3px 0; }
.ChangeLogActionMsg p { font-size: 11px; background-color: #FFFFCC; color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px; border: solid 1px #ccc; }

.ChangeLogSearch { margin-bottom: 12px; border-bottom: solid 1px #ddd; }

.ChangeLogEntry { margin-bottom: 24px; border: solid 2px #aaa; padding: 6px; }

.ChangeLogEntry td { vertical-align: middle; }

.ChangeLogEntry .BlockUser { margin-left: 20px;  }
.ChangeLogEntry .BlockUser a { text-decoration: none; padding: 0 3px 0 3px; color: #990000; }
.ChangeLogEntry .BlockUser a:hover { text-decoration: underline; }

.ChangeLogEntry label { color: #aaa; }

.ChangeLogEntry .Title { font-size: 14px; font-weight: bold; margin-bottom: 6px;}
.ChangeLogEntry .Title a { text-decoration: none; }
.ChangeLogEntry .Title a:hover { text-decoration: underline; }

.ChangeLogEntry .ModifyItem { margin-bottom: 12px; margin-top: 10px; clear: left; border-bottom: solid 1px #ddd; }
.ChangeLogEntry .ModifyItem p { margin: 0; padding: 0 0 6px 0; }
.ChangeLogEntry .ModifyItem .Heading { font-weight: bold; font-style: italic; }
.ChangeLogEntry .ModifyItem .Column { float: left; width: 130px; padding: 4px; color: #000099; }
.ChangeLogEntry .ModifyItem .OldValue { float: left; width: 290px; padding: 4px; }
.ChangeLogEntry .ModifyItem .NewValue { float: left; width: 290px; padding: 4px; }
.ChangeLogEntry .ModifyItem .NewValueAdded { float: left; width: 580px; padding: 4px; }

.ChangeLogEntry .Actions .ActionMsg { padding: 1px; margin: 1px; }
.ChangeLogEntry .Actions .ActionMsg p { font-size: 11px; background-color: #FFFFCC; color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px; border: solid 1px #ccc; }

.ChangeLogEntry .Actions { text-align: right; padding: 16px 0 4px 0; margin: 0 0 4px 0; }	
.ChangeLogEntry .Actions a { margin-right: 14px; padding-left: 20px; background-repeat: no-repeat; }
.ChangeLogEntry .Actions a.block { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_block.gif);  }
.ChangeLogEntry .Actions a.edit { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_edit.gif); }
.ChangeLogEntry .Actions a.view { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_view.gif); }
.ChangeLogEntry .Actions a.email { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_email.gif); }
.ChangeLogEntry .Actions a.hidechange { background-image: url(http://www.legaltechbase.com/community/firestartercommon/images/admin/a_hide.gif); }