body { margin:0; padding:0; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;  letter-spacing: 0.02em; color:#333; text-align: center; background: #97BD37;} 
p { margin: 0 0 5px 0; }
ul { margin:0; padding:0; }
a { outline-style:none; }
a:link { color: #333; text-decoration: none; }
a:hover { color: #666;}
a:visited { color: #333; }
form { margin:0; padding: 0; font-size:1em; }

fieldset { margin: 10px 0; padding: 15px 15px; border: 1px solid #999; }
legend { font-weight: 1em; color: #666; margin:0; padding:0 5px; }

/* DARK GREEN: #4E6713  LIGHT GREEN: #97BD37 YELLOW: #FFFF14   LIGHT BACKGROUND: #E3E3C9 */

/* global styles */
.FloatRight {float:right;} .FloatLeft {float:left;} .Clear { clear: both;  } .NoBorder { border:none; } .Warning { color:#1474B0; font-size:1.3em; } .Bold {font-weight: bold; }
.DarkGrey { color:#666; } .LightBlue { color:#0066CC; }
.LinkBorderGrey { border-bottom: 1px dotted #666; padding-bottom: 2px;}
.ClearSpace { clear:both; margin-bottom:8px; }
.ClearTop { clear:both; font-size: 1px; line-height: 1px;  }
.TopBottomSpace { margin: 10px 0; }
.BoldLink { font-weight: bold; font-size:0.9em;}
.ItalicSerif { font-style:italic; font-family:Georgia, Times New Roman, Times, serif; }
.ItalicIntro { font-style:italic; font-family:Georgia, Times New Roman, Times, serif; line-height: 130%; font-size:1.3em; }
.EditLink { font-weight:bold; font-size: 0.85em; color:#666; }
/* default headings ----------------------------------------------- */
h1, h2, h3, h4, h5 h6 { color:#333; font-weight: normal; line-height: 120%; letter-spacing: 0.03em; }

h1 { font-size: 2em; margin-bottom: 5px; color: #000000; }
h2 { font-size: 1.9em; margin: 20px 0 10px 5px; }
h2 span { font-size: 0.7em; color: #666; }
h3 { font-size: 1.6em; margin: 15px 0 10px 0; }
h4 { font-size: 1.45em; margin: 8px 0 0 0;}
h5 { margin: 15px 0 10px 0; border-bottom: 2px solid #D6D6B3; color:#666; padding: 0 0 5px 3px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.08em; text-transform:uppercase;  }
h6 { font-size: 1.2em; margin: 0;  line-height: 120%; color: #4E6713; }
h6 .ReadMore { font-size: 0.8em; }
h7 { font-size: 0.9em; font-weight:bold; color: #999; margin-top:10px; clear:both; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; }


.PopularQuestions  { font-style:italic; font-size: 1.4em; font-weight:normal; font-family:Georgia, Times New Roman, Times, serif; margin: 10px 0 0 10px; }
/* LAYOUT / GRID STYLES ----------------------------------------------- */
#Wrap { margin: 0 auto; width: 940px;  }
#MainColumn {  text-align:left; margin: 0 0 20px 5px; float: left; width: 68%; }
#MainColumn a { text-decoration:none; padding-bottom: 2px; } 
#MainColumn ul {margin-left: 20px; }
#MainColumn ul li { margin: 5px 0 0 0; line-height: 130%;}
#MainColumn p { line-height: 140%; }
#MainColumnInner { padding-left:5px;}

#LeftColumn {float: left; width: 68%; margin:0; padding:0; }
#RightColumn { float: right; width: 30%;  margin:0; padding:0; }
#RightColumn a { text-decoration:none; }

#MainColumnWide { text-align:left; width: 100%; }

#MainColumn a.positive { padding-bottom: 5px;}
#MainColumn a.negative { padding-bottom: 6px;}

#home #MainColumn {width: 65%;}

#SideColumn { margin: 5px 0 0 0; float: right; width: 30%; text-align:left; font-size: 1em; }
#SideColumn h2 { letter-spacing: 0.1em; border-bottom: 1px solid #999; color: #666; font-size: 0.9em; text-transform: uppercase; font-weight:bold; padding: 0 0 5px 0; margin: 15px 0 0 0;} 

#SideColumn h3 { text-align:left; letter-spacing: 0.05em; color: #666; font-size: 1.15em; font-weight:bold; padding: 0; margin: 8px 0 0 0;} 
#SideColumn a {  padding-bottom: 2px; text-decoration: none; color: #666; }
#SideColumn h4 { font-size: 1.5em; margin: 10px 0 0 0; font-weight: normal; color:#4E6713; }

/* Round corner table background */
#TableBack { z-index: 1; background-color: #E3E3C9; font-size: 1.3em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.TablePadding {padding: 40px 20px 10px 15px;}
#TableBack #MainColumn {  text-align:left; margin: 0 0 20px 5px; float: left; width: 70%;}
#TableBack #SideColumn {  width: 25%;}

#LogoPanel { height:99px; width:100%; z-index: 100; position: relative; }
* html #LogoPanel { overflow:visible; z-index: 100; }

#profilesxx #LogoPanelxx { text-align: left; padding-left: 50px; width:100%; z-index: 100; position: inherit; margin-bottom: 0; }
#profiles h1 { font-size: 2.3em; color: #fff; }
#profiles h1 a { color: #fff; text-decoration: none; font-family:Georgia, Times New Roman, Times, serif; }

#Footer { font-size: 1.2em; padding: 0; color: #fff; text-align:left; clear: both; line-height: 1.1em; margin: 8px 12px 0 12px;  border-top: 0px solid #8EA64C; font-family: Arial, Helvetica, san serif; }
#Footer a {text-decoration: none; font-weight: normal; padding-bottom: 1px; color: #ffffcc; font-size: 1em;}
#Footer a:visited, a:active { color:  #ffffcc;}
#Footer a:hover { color: #fff;}

/* HOME STYLES ----------------------------------------- */

/* change background color for home to green */
#home #TableBack { 	background: #E3E3C9 url(/assets/images/home-table-back.gif) repeat-x top left; font-size: 1.3em; padding:0px;   } 
#home .TablePadding {padding: 0px; text-align: left;}

#HomeIntro { font-size: 1.5em; color:#fff; margin: 40px 0 20px 20px; width:550px;  letter-spacing: 0.05em;  font-family: Georgia, Times New Roman, Times, serif; font-style: italic;  }

#HomeTopPanel { margin-top: 10px; color: #fff; background: url(/assets/images/home-back.jpg) repeat-x center bottom; padding: 0 30px 20px 30px; }
#HomeTopPanel a { text-decoration: none; color: #ffff00; }
#HomeTopPanel h2 { color: #fff;  font-size: 2.0em; margin: 10px 0 0 20px }
#HomeShare { margin-left: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #FFFF00; font-size:1.3em; letter-spacing: 0.05em; width: 560px; background: #709520; padding: 10px 20px;   }
#HomeBottomPanel { clear:both; padding: 20px 30px 40px 40px;}
#HomeBottomPanel h5 { color: #4E6713; margin: 5px 0 0 0; border-bottom: 1px solid #709520; padding-bottom: 5px; }

#HomeBottomRight { float:right; width: 50%; }
#HomeBottomRight a { text-decoration: none;}
#HomeBottomLeft { float:left; width: 45%; }

#HomeBulletList {  color: #4E6713; list-style-type: none; margin:0; font-size: 1.15em;  }
#HomeBulletList li { margin: 10px 0 0 0; }

.FeaturedContainer { clear:both; margin-top:10px; }
.FeaturedContainer a { color: #333; }
.FeaturedContainer h3 { font-size: 1.2em; font-weight:bold; margin: 0; }
.FeaturedContainer .Thumbnail { border: 6px solid #D6D6B3; padding: 3px; margin-right:10px;  }

#HomeJoinSidePanel {  float:right; width: 200px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  font-size:1.1em; margin:5px 0 0 0; color:#fff; background-color:#709520; padding: 20px 10px 10px 20px; line-height:140%; }
#HomeSidePanel a {  color: #ffff00; }

#JoinSidePanel {  float:right; width: 200px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  font-size:1.1em; margin:5px 0 0 0; color:#4E6713; background-color: #D6D6B3; padding: 20px 10px 10px 20px; line-height:140%; }
#JoinSidePanel a {  color: #ffffcc; }

.SidePanel {  float:right; width: 205px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  font-size:1.1em; margin:5px 0 0 0; color:#fff; background-color:#D6D6B3; padding: 15px 10px 15px 15px; line-height:120%; }

#ProSidePanel { float:right; width: 220px; font-size:1em; margin:20px 0 0 0; color:#333; background-color:#CCD0AE; padding: 20px 10px 20px 20px; line-height:140%; }
#ProSidePanel h3 { margin:0 0 8px ; font-size:1.05em; color:#333; border:none; font-weight:bold;  }

#ProSignUp { font-size: 1em; margin: 30px 0 0 0; width: 220px; padding: 15px 0 15px 20px; float:right; background-color: #D6D6B3; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  }
#ProSignUp h2 {margin:0; font-size: 1.5em; font-weight:bold; }

.ProImage { width: 350px; padding:5px; float:left; border: 0px solid #D6D6B3; margin-right:20px;}
.ProText { width: 400px; float:left; }
.ProFeatureHeading { font-size:1.8em; color:#333; margin: 25px 0 10px 0; font-weight:normal;   }
.ProNotes { font-size: 1.1em; margin: 15px 0 5px -10px; padding: 10px 15px; background-color: #ffffcc; color: #333; }
.ProNotes span {font-size: 0.8em; }

#ThingsToDo ul { font-size: 1.15em; margin: 10px 150px 0 5px; padding:0;  list-style-type: none; }
#ThingsToDo ul li { padding: 5px 0 0 30px; background: #fff url(/assets/images/inline_thumbs_up.gif) no-repeat left top; }
#ThingsToDo h4 {}

#SystemMessage { background-color: #ffffe5x; padding: 10px 20px; margin: 10px 0 20px 0; }
#HideContainer { text-align: right; }
#SystemMessage a { border-bottom: 1px dotted #666; padding-bottom: 2px; }
#SystemMessage li { margin:0; }

#SystemMessageShare {font-family:Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 1.2em; line-height: 130%; color: #000; padding: 15px 0 0 10px; background:  url(/assets/images/sm-share.gif) no-repeat left top; }
#SystemMessageInvite  {font-family:Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 1.2em; line-height: 130%; color: #000; padding: 15px 0 0 10px; background: url(/assets/images/sm-invite.gif) no-repeat left top; }
#SystemMessageLocation  {font-family:Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 1.2em; line-height: 130%; color: #000; padding: 15px 0 0 10px; background: url(/assets/images/sm-location.gif) no-repeat left top; }
#SystemMessageSettings  {font-family:Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 1.2em; line-height: 130%; color: #000; padding: 15px 0 0 10px; background: url(/assets/images/sm-settings.gif) no-repeat left top; }
#SystemMessageMobile  {font-family:Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 1.2em; line-height: 130%; color: #000; padding: 15px 0 0 10px; background: url(/assets/images/sm-mobile.gif) no-repeat left top; }

#MatchRow { margin-top: 8px; background: url(/assets/images/match-arrows.gif) no-repeat center center; }
#MatchRow h3 { margin:0; padding:0; font-size: 0.9em; font-weight: bold; }
#MatchRow .PostedBy { font-size: 0.9em; margin-bottom: 2px;}
#MatchRow .Thumbnail { border: 3px solid #D6D6B3; padding: 1px; margin: 0 8px 0 0; }
.MatchLeft { float:left; width: 40%; padding: 0; background: #fff; padding: 10px 15px;}
.MatchRight { float:right; width: 40.5%; padding: 0; background: #fff; padding: 10px 15px;}
.MatchBy { width:100%; text-align: center; margin: 10px 0 5px 0; color: #999; font-style: italic; }

.MatchItemRow {clear:both; margin-top:10px; font-size:0.9em; }
.MatchItemBy { margin: 0 0 5px 0; color: #999; font-style: italic; }
.MatchItemRow h3 { margin:0; padding: 10px 0 0 0; font-size: 0.9em; font-weight: bold; }

/* SITE NAVIGATION STYLES ----------------------------------------- */
#TopNavOuter {    font-size: 1.35em; padding-bottom: 5px;  }
#TopNav {  letter-spacing: 0.05em; margin:0; padding: 8px 20px 0px 0; text-align:right; color:#fff;  list-style-type: none; }
#TopNav li { float:right;  font-weight:bold;  }
#TopNav a { color: #ffff00; font-size: 1em; font-weight:bold; text-decoration: none; padding: 1px 12px; border-right: 2px solid #F7F5E2;  }
#TopNav a:hover, #active a { color: #ffff66; }
#TopNavBackButton  { margin: 5px 0 0 20px; padding: 0 25px 0 20px; float:left; width: auto; font-size: 1em; line-height: 24px; font-weight:bold; color: #ffff00; background-image: url(/assets/images/grey_trans.png);  text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

#profiles #TopNavOuter  { background-image: url(/assets/images/grey_trans.png);  }

#ProfileHeaderLeft { float:left; width: 17%; margin: 0 5% 0 0; }
#ProfileHeaderRight { float:left; width: 73%; padding-top: 5px; }
#ProfileHeaderRight h2 { margin:0; }
#ProfileHeaderProLeft { float:left; width: 80%; margin-right: 5%; padding-left:5px; }
#ProfileHeaderProLeft h2 { margin:0; }
#ProfileHeaderProRight { float:left; width: 18%; }

#injectMoreItems a { color: #666; font-weight:bold; font-size: 0.9em; letter-spacing: 0.1em; width:600px; height:30px; line-height:30px; padding: 6px 265px;  background-image: url(/assets/images/green_trans.png);  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-transform: uppercase; text-align:center; }

#injectMoreItems img { margin:4px 0 0 5px; position:absolute; }

#ListNav { margin: 0; font-size:1.1em; letter-spacing: 0.05em; float: left; list-style-type: none;}
#ListNav li { float:left;  }
#ListNav a { margin-right: 10px; float:left; padding: 4px 12px;  background-image: url(/assets/images/green_trans.png); text-decoration: none;  color:#666; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
#ListNav a:visited, a:active { color:#666;}
#ListNav span { line-height: 200%; }
#ListNav a:hover, .select { background-color:#ffff99; }
#ListNav .ChangeLink { padding: 1px 4px; font-size:0.9em; font-weight:normal; line-height: 160%; display:inline; float:none; }
#ListNav #dummy_around_me { font-size:1em; font-weight:bold; padding:3px 8px; margin:0; display:block; float:left; }

#TabMenu { float:left; font-size: 1.1em; height:32px; width: 100%; margin: 0; padding: 0; list-style: none; background: url(/assets/images/tab_line.gif) repeat-x left bottom;}
#TabMenu li { float: left; margin: 0; padding: 0; }
#TabMenu a  { display: block; padding: 3px 10px; text-decoration: none; margin: 0 4px 0 0;  border: 1px solid #999; border-bottom: none; background: #D6D6B3; color: #666; }
#TabMenu a:hover { color: #666; background: #e5e5e5; margin-bottom:0; }
#TabMenu #select a { color: #666; padding: 4px 10px; background: #E3E3C9; margin-bottom:0; }
#TabMenu .firstTab { margin-left: 230px; }

#FilterNav {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #D6D6B3; color:#333; font-size: 1.1em;  padding: 7px 1px 7px 10px; margin-top: 10px;}
.FilterSelect { float:left; margin-right:5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #4E6713; border: 4px solid #CACAA0; padding: 1px 4px; font-size: 0.9em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-color: #CACAA0;  }

.SideNavPanel {  background-image: url(/assets/images/green_trans.png);  font-size: 1.1em; font-weight:bold; line-height: 1.5em; padding: 8px 12px;  margin-top:8px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#profiles .SideNavPanel {  background-image: url(/assets/images/white_trans.png); } 

#SideUser { background: #D6D6B3; color: #4E6713;  line-height: 1.2em; padding: 10px 12px; margin-top:8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.SideNavPanel img { margin-right: 10px; border: 4px solid #CACAA0; padding: 2px;  }
.SideNavPanel p { margin-top: 1px; font-size: 0.85em; line-height: 1.3em; font-weight:normal;}
.SideNavPanel em { color: #666; font-size: 0.9em; font-family: Georgia, Times New Roman, Times, serif; }

#Top { color: #4E6713; background: url(/assets/images/side-top.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Posts { color: #4E6713; background: url(/assets/images/side-posts.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Likes { color: #4E6713; background: url(/assets/images/side-fav.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Matches { color: #4E6713; background: url(/assets/images/side-matches.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Comments { color: #4E6713; background: url(/assets/images/side-comments.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Messages { color: #4E6713; background: url(/assets/images/side-messages.gif) no-repeat left center; padding: 3px 0 0 30px; }
#SideFans { background: #D6D6B3; font-size: 1.1em; font-weight:bold; line-height: 1.6em; padding: 10px 2px 10px 12px; margin-top:8px; }
#Fans { color: #4E6713; background: url(/assets/images/side-users.gif) no-repeat left center; padding: 3px 0 0 30px; }
.SmallPhoto {float:left; margin: 0 3px 3px 0; text-align:left; }
.SmallPhoto img { border: 2px solid #CACAA0; padding:2px; align-left; margin:0;}

#SideBlackboard {background: #333; color: #ffff00; font-size: 0.9em; font-weight:bold; line-height: 1.2em; padding: 8px 12px 20px 12px; margin-top:8px; }
#SideBlackboard p { margin: 6px 0 0 8px;}
#SideBlackboard a { color: #ffff00;}
#Blackboard { color: #ffff00; background: url(/assets/images/side-likes.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Specials { color: #4E6713; background: url(/assets/images/side-special.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Products { color: #4E6713; background: url(/assets/images/side-products.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Places { color: #4E6713; background: url(/assets/images/side-places.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Events { color: #4E6713; background: url(/assets/images/side-events.gif) no-repeat left center; padding: 3px 0 0 30px; }
#Lists { color: #4E6713; background: url(/assets/images/side-lists.gif) no-repeat left center; padding: 3px 0 0 30px; }

#SideEvents p { margin-bottom: 5px; line-height: 110%;  }
#SideEvents span { font-size: 0.85em; color: #ffff00; }
#SideMenus { background: #D6D6B3; color: #fff; font-size: 1.15em; font-weight:bold; line-height: 1.5em; padding: 6px 12px; margin-top:8px; }
#Menus  { color: #4E6713; background: url(/assets/images/side-menus.gif) no-repeat left center; padding: 3px 0 0 30px; }


#SideUserInfo { background: #D6D6B3; color: #4E6713; font-size: 0.9em; line-height: 1.2em; padding: 8px 10px; margin-top:8px; }
#SideUserInfo .UserImageSmall { margin-right: 10px; border: 4px solid #CACAA0; padding: 2px; }
#SideUserInfo .Left { float:left; width: 50px; }
#SideUserInfo .Right { float:right; width: 145px;  }
#SideUserInfo .Right p { margin:0;  }
#SideUserInfo H5 { color: #4E6713; text-transform: none; padding:0; margin: 8px 0 0 0; font-size:1.05em; }

#LocalMapOuter { background: #D6D6B3; color: #4E6713; font-size: 0.9em; line-height: 1.2em; padding: 8px 10px 2px 10px; margin:0 0 10px 0; }
#localMap { height:150px; border: 2px solid #fff; margin-bottom: 5px; }
#SideInviteLink { margin-top:5px; font-size:0.75em; line-height: 1.8em; color: #4E6713; font-weight:bold; background: url(/assets/images/side-invite.gif) no-repeat left center; padding-left: 24px; }
#ViewAll { margin-top:5px; font-size:0.75em; line-height: 1.8em; color: #4E6713; font-weight:bold; background: url(/assets/images/side-view-all.gif) no-repeat left center; padding-left: 19px; }
#ViewAllLarge { margin-top:15px; font-size:0.9em; line-height: 1.8em; color: #4E6713; font-weight:bold; background: url(/assets/images/view-all-large.gif) no-repeat left center; padding: 10px 0 10px 24px; }

#SetLocation { font-size:1.15em; font-weight:bold; line-height: 80%; color: #4E6713; background: url(/assets/images/side-set-location.gif) no-repeat left center; padding: 0 0 0 28px; }

#ViewLargeMap { margin-top:5px; font-size:0.9em; line-height: 1.5em; color: #4E6713; font-weight:bold; background: url(/assets/images/side-view-all.gif) no-repeat left center; padding-left: 24px; }
#SideChangeLocation { margin-top:5px; font-size:0.9em; line-height: 1.5em; color: #4E6713; font-weight:bold; background: url(/assets/images/side-change-location.gif) no-repeat left center; padding-left: 19px;  }

#SidePrivate { margin-bottom:3px; padding-top: 3px; font-size:1em; line-height: 1.4em; color: #4E6713; font-weight:bold; background: url(/assets/images/side-lock.gif) no-repeat left center; padding-left: 19px; }
#SidePublic { margin-bottom:3px; padding-top: 3px; font-size:1em; line-height: 1.4em; color: #4E6713; font-weight:bold; background: url(/assets/images/side-lock-open.gif) no-repeat left center; padding-left: 22px; }


/* ADD / EDIT ITEM STYLES   ( #write_entry = form name )----------------------------------------- */
/*fieldset widths*/
#ItemPanel fieldset { width:509px; margin: 10px 0; padding: 3px 5px; border: 1px solid #999; }
#PriceContainer fieldset fieldset,
/*widths of fields inside fieldsets*/
fieldset .AddItemTextFieldCode { width:497px; margin-top:0; }
#ItemPanel fieldset .AddItemTextField,
#ItemPanel fieldset .AddItemTextFieldCode,
#ItemPanel fieldset .AddItemFormField { width:488px; }

#PriceContainer input[type="text"] { width:275px; }
#PriceContainer label { float:left; width:180px; }
#PriceContainer br { margin-top:17px; clear:both; }

#write_entry legend,
#edit_entry legend { font-weight: 1em; color: #666; margin:0; padding:0 5px; }
#write_entry label,
#edit_entry label { font-weight: 1em; line-height: 110%; margin:0; padding:5px 10px; } 
#write_entry label.error,
#edit_entry label.error { width:500px; }
#write_entry fieldset label.error,
#edit_entry fieldset label.error { margin-left:1px; width:173px; }
#write_entry fieldset .FormField,
#edit_entry fieldset .FormField { margin-bottom: 3px; }

#ItemPanel { background-color: #D6D6B3; padding: 8px 0px 5px 8px;  margin: 5px 0 5px 0; color: #4E6713; text-align:left; }
#ItemPanel a { outline-style:none; }

.AddItemFormField, .AddItemTextFieldCode { border: 2px solid #e5e5e5; padding: 4px 8px; margin-bottom:4px; color:#1C4C71; font-size: 1em; width:500px; }
.AddItemTextField { letter-spacing: 0.02em; margin-top: 5x; border: 2px solid #e5e5e5; color: #1C4C71; font-size: 1.05em;  font-family: Arial, Helvetica, sans-serif;  padding: 4px 8px; width:500px; overflow:hidden; }
.AddItemTextFieldCode { font-size: 1.1em;  font-family: Arial, Helvetica, sans-serif; }

#ShareWidthContainer { font-size: 1em; margin:3px 0 5px 3px;  font-family: Arial, Helvetica, sans-serif; color: #4E6713; font-weight:bold; margin: 5px 0 5px 0;  }
#ShareWidthContainer span { font-size: 1em; margin-top:3px;  font-family: Arial, Helvetica, sans-serif; color: #666; font-weight:normal; }

.AddItemFieldDiv label  { color: #5CA300; font-size: 1em; text-align:right; padding-right: 1em;  font-family: Arial, Helvetica, sans-serif;  }
.AddItemFieldDesc { margin: 2px;  color:#5CA300; line-height: 120%; font-family: Arial, Helvetica, sans-serif;  }

.FormFieldWrite  {border: 1px solid #999; padding: 3px 5px; color:#1C4C71; font-size: 1.05em; }

.AddItemFormFieldShort {border: 2px solid #e5e5e5; padding: 4px 8px; color:#1C4C71; font-size: 1em; width:210px; }
.AddItemFormFieldSmall {border: 2px solid #e5e5e5; padding: 2px 4px; color:#1C4C71; font-size: 0.9em; }
.addProductOption { border: 1px solid #ccc; padding: 1px 4px; margin-top:3px;}
#uploadFile { padding: 1px 4px; margin-top:3px; } 

#MessageContainer { margin-top:5px; }

#AddPhoto { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-photo.gif) no-repeat left center; padding: 5px 0 2px 25px; margin-right: 8px; margin-left:3px; border:none; text-decoration:none; }
#AddLocation { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-place.gif) no-repeat left center; padding: 5px 0 2px 25px; margin-right: 8px; border:none; text-decoration:none; }
#AddLink { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-link.gif) no-repeat left center; padding: 5px 0 5px 25px; margin-right: 8px; border:none; text-decoration:none; }
#AddVideo { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-video.gif) no-repeat left center; padding: 5px 0 2px 25px; margin-right: 8px; border:none; text-decoration:none; }
#AddNotes{ font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-notes.gif) no-repeat left center; padding: 5px 0 2px 18px; margin-right: 8px; border:none; text-decoration:none; }
#AddDate { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-date-time.gif) no-repeat left center; padding: 5px 0 2px 25px; margin-right: 10px; border:none; text-decoration:none; }
#AddFiles { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-file.gif) no-repeat left center; padding: 5px 0 2px 23px; margin-right: 10px; border:none; text-decoration:none; }
#AddPriceOptions { font-size: 1em; font-weight:bold; line-height: 120%; background: url(/assets/images/media-add-price.gif) no-repeat left center; padding: 5px 0 2px 25px; margin-right: 10px; border:none; text-decoration:none; }

/* hide fields because javascript is not ready on first display */
#ExtendedFields, #DateContainer, #LocationContainer, #LinkContainer,
#VideoContainer, #NotesContainer, #ImagesContainer, #DateContainer,
#PriceContainer, #FileContainer, #uploadImageRow, #search_criteria,
#temp_key_container, #LocationPlacesContainer, #endDateContainer { display:none; }

#ItemMediaNav { font-size: 0.9em; margin: 8px 0 5px 0; }
#ItemMediaNav a { color: #666; }
#ShareWithContainer { margin: 5px 0 8px 3px; }

#LocationContainer #locationPlacesButton { margin-left:1px; }
#LocationContainer #locationPlacesButton img { border:0; }
#LocationContainer #locationItemAdd,
#LocationContainer #locationItemEdit,
#LocationContainer #locationPlace { width:473px; }
#LocationContainer #LocationPlacesContainer { margin-top:4px; }

#DateContainer #endDateContainer { margin-top:3px; }
#DateContainer #endDateButton img { border:0; }
#DateContainer div span { display:block; margin:2px 15px 0 0; text-align:right; }
#DateContainer fieldset div { margin-right:3px; }

.firstItem { border-top:0px dashed #CACAA0;}
/* CLEAN UP BELOW ------------------------------------------ */

.SmallLabel { font-size:0.85em;}
.FormFieldView { margin: 0 5em 3px 8em; font-size: 1.6em; color:#4E6713; line-height: 100%; }
#SelectedTags { margin: 5px 5em 3px 14.2em; } 
.LabelHeading { color: #5CA300; font-size: 1em;}
.AddItemLeftDiv { float:left; margin: 0 8px 0 0; padding:0;}

.FormFieldDiv .buttons a, .buttons button { font-size:11px; padding:3px 8px 3px 8px; /* Links */ }
.FormFieldDiv .buttons a, .buttons button { font-size:11px; padding:3px 8px 3px 8px; /* Links */ }

/* ADD / EDIT ITEM STYLES------------------- END ---------------------- */
#WatchVideo { background-color: #f0f0f0; margin:5px 0 12px 0; }
#WatchVideo h4 { margin:0 0 4px 20px;  color: #333; font-size: 1.3em; font-weight:bold; line-height: 110%; }
#WatchVideo p { margin:0 0 0 20px;  }
#AboutSide { background-color: #f0f0f0; margin:5px 0 12px 0; font-size: 1em; }
#AboutSide p { margin:0 0 0 20px; margin-bottom:8px; }
#AboutSide p span { font-size: 1.1em; line-height: 130%; }
#AboutSide p  a { border-bottom: 1px dotted #999; padding-bottom: 2px;}
#AboutSide h4 { margin:0 5px 4px 20px; font-size: 1.15em; font-weight:bold; }
#AboutSide h4 a { border: none; padding-bottom: 2px; line-height: 130%; font-weight:bold; }
#AboutSide h4 span { font-size: 0.9em; font-weight:normal; }
#MobileUpdates { background-color: #f0f0f0; margin:0 0 12px 0; }
#MobileUpdates h4 { margin:0 0 4px 20px; color: #333; font-size: 1.3em; font-weight:bold; line-height: 110%; }
#MobileUpdates p { margin:0 0 4px 20px; }
.SidePanelPadding { padding: 15px 10px 15px 20px; }

/* LIST STYLES */
.ItemList { background-image: url(/assets/images/white_trans.png); line-height: 140%; clear:both; margin-top: 8px; padding: 8px 15px; overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;   }
.ItemList h3 {font-size:1.4em; letter-spacing: 0; font-weight:bold; color: #1474B0; margin:0; line-height: 120%; } 
.ItemList h4 { margin:0; font-size: 1.2em; }
.ItemList h6 { margin:3px 0 2px 0; line-height: 120%;  color: #666; font-size: 0.9em; font-weight:bold; }
.ItemList .Thumbnail { border: 3px solid #EEF1E5; padding: 2px; margin-right:5px; }
.ItemList .ItemBody { font-size: 1.05em; color:#000; margin: 0; line-height: 130%;  }
.ItemList .ItemBodySmall { font-size: 1em; color:#333;  margin: 0; line-height: 140%; }
.ItemList .ItemBody .ReadMore { font-size: 0.95em; }
.ItemList .PostedBy { color:#999; width: 100%; }
.ItemList .PostedBy a { font-size: 1em; color: #666;}
.ItemList .ItemDate { font-weight:bold; }
.ItemList .ItemDate span { font-weight:bold; color: #999;}
.ItemList .ImageContainer { clear:both; margin: 5px 0; width: 100%; }
.ItemList .ImageContainer .Thumbnail {  margin-left: 0; margin-right: 5px; }

.ItemList .ItemLocation { margin: 3px 0 0 3px; color:#333;  font-weight: bold; background: url(/assets/images/icon_location.gif) no-repeat top right; padding: 0 22px 3px 0; }
.ItemList .ImageContainer { float:left; width: 140px; margin-right: 5px; }
.ItemList .ContentContainer { float:left; width: 450px; }
#ItemNotes { padding: 15px 20px; margin: 8px 0 8px -2px; color:#000; background-color: #ffffcc; font-size: 1.1em; clear:both; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }

.ItemFunctions { font-family: Arial, Helvetica, sans-serif;  margin: 5px 0 0 0; padding:0; }
.ItemFunctions a { color:#666; font-size:0.9em; }
.ItemFunctions a:visited, a:active { color:#666;}
.ItemFunctions a:hover { color:#0066CC; }
.CommentsLink { float: left; background: url(/assets/images/list_icon_comment.gif) no-repeat left center; margin-right:12px; color:#666; padding: 3px 2px 3px 24px; border:none; text-decoration:none; }
.AddFavourite { float: left; background: url(/assets/images/list_icon_fav.gif) no-repeat left center; margin-right:12px; padding: 3px 2px 3px 24px; color:#999; border:none; text-decoration:none; }
.RelatedLink {  float: left; background: url(/assets/images/list_icon_matching.gif) no-repeat left center; margin-right:12px; color:#666; padding: 3px 2px 3px 20px; border:none; text-decoration:none; }
.SuggestLink {  float: left; background: url(/assets/images/list_icon_reheat.gif) no-repeat left center; margin-right:10px; color:#666; padding: 3px 2px 3px 19px; border:none; text-decoration:none; }
.NearByLink {  float: left; background: url(/assets/images/list_icon_near_by.gif) no-repeat left center; margin-right:17px; color:#666; padding: 3px 2px 3px 25px; border:none; text-decoration:none; }
.TwitThis {  float: left; background: url(/assets/images/list_icon_twit.gif) no-repeat left center; margin-right:12px; color:#666; padding: 3px 2px 3px 30px; border:none; text-decoration:none; }

#AddCommentForm { background-color:#D6D6B3; font-size: 0.9em; padding: 4px 5px; width:340px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#AddCommentForm label {font-size: 0.9em; margin:3px 0 0 2px; line-height: 140%; }
#AddCommentForm .FormField { border: 1px solid #ccc; font-size: 1em;  font-family: Arial, Helvetica, sans-serif;  padding: 2px 5px; color:#666; letter-spacing: 0.04em; }

.Remove  { background: url(/assets/images/icons/stockholm/mini/trash.gif) no-repeat 5px center; color:#999; margin-left:3px; border:none; padding: 3px 2px 3px 20px; text-decoration:none; }

/* LIST STYLES - END */

/* detail STYLES */
#ItemDetail {}
#ItemDetail h3 {font-size:1.4em; letter-spacing: 0; font-weight:bold; color: #1474B0; margin:0; line-height: 120%; }
#ItemDetail .ItemBody { margin-top: 5px; width: 360px; float:left; font-size: 1.05em; color:#000; margin: 0; line-height: 130%;  }
#ItemDetail .ItemImages {  margin-top: 0px; width: 250px; float:right;  }
#ItemDetail .Thumbnail { border: 6px solid #D6D6B3; padding: 3px; margin-right:5px; }
#ItemDetail .PostedBy { color:#999; width: 100%; }
#ItemDetail h6 { margin:3px 0 2px 0; line-height: 120%;  color: #666; font-size: 0.9em; font-weight:bold; }

/* FORM STYLE ------------------------------------------------- */

.FormHeading { margin: 20px 0 5px 190px; font-size: 1.7em; color: #666; }  
.FormIntro { color: #4E6713; margin: 0 0 0 190px; font-size:1.2em; }

label { color: #666; font-weight:bold; line-height: 180%; }
.FormFieldDiv { border-top: 1px dotted #999; padding: 8px 3px; }
.FormFieldDiv label { width: 160px; float: left; text-align: right; padding: 0 1em;}
.FormFieldDesc { clear:both; margin: 5px 5em 3px 190px; color:#5CA300; line-height: 120%; }
.FormFieldDivRight { margin-left: 180px; padding: 5px 0; }
.FormField {border: 2px solid #D6D6B3; padding: 4px 8px; color:#4E6713; font-size: 1.1em; }
.FormFieldBorder {border: 1px solid #999; border-left: 3px solid #999; padding: 3px 5px; color:#4E6713; font-size: 1em; }
.FormTextField { border: 2px solid #D6D6B3;  font-size: 1.1em; margin: 4px 0 0 0;  font-family: Arial, Helvetica, sans-serif; background-color: #fff;  padding: 5px 8px; color:#4E6713; letter-spacing: 0.04em; }

.FormTextFieldBorder { font-size: 1em; border: 1px solid #999; border-left: 3px solid #999; font-family: Arial, Helvetica, sans-serif;  padding: 2px 5px; color:#4E6713; letter-spacing: 0.04em; }
.FormLegalText { margin-left: 14.5em; font-size: 0.9em;  font-family: Arial, Helvetica, sans-serif; float: left; text-align: left; padding: 0 1em;}
.FormRadioGroup { color:#4E6713; font-size: 1.1em; font-family: Arial, Helvetica, san serif; float:right;  width: 35em;}
.FormRadioItem { float:left; margin-right: 12px; }
.FormRadioQuestion { float:left; margin-right: 10px; color:#1788FF; }
.FormField h4 { font-size: 1.1em; color:#666; }
.GroupDivider { clear:both; border-bottom: 1px dotted #ccc; width: 90%; margin: 5px 0; }

.FormFieldDescProfile { clear:both; margin: 5px 0 0 5px; color:#5CA300; line-height: 120%; }
.FormTextFieldProfile { border: 1px solid #D7E6A5;  font-size: 1em; margin: 4px 0 0 0;  font-family: Arial, Helvetica, sans-serif; background-color: #fff;  padding: 5px 8px; color:#4E6713; letter-spacing: 0.04em; }

.GreyButton {  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; line-height: 140%; background: #e5e5e5 url(/assets/images/grey-button-back.jpg) no-repeat top center; padding: 2px 5px; border: 1px solid #999;}
.GreyButtonWide { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; line-height: 140%;font-size:1.1em; background: #e5e5e5 url(/assets/images/grey-button-back.jpg) no-repeat top center; padding: 4px 88px; border: 1px solid #999;}

.InlineButton { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; line-height: 140%; background: #4E6713; color:#ffff00;  }

.FormDivRight { float:left; width: 370px; }
.FormDivLeft { float:left; margin-right: 10px; width: 175px;  color: #666; text-align: right; font-weight:bold;   }
.FormDivRight .FormFieldDesc { clear:both; margin: 5px 5em 3px 0; color:#5CA300; line-height: 120%; }

.SignUpSteps { margin: 20px 0 20px 70px; font-size:1.35em;  }
.SignUpSteps span { background-color: #ff0000; color: #fff; padding: 4px 8px 4px 10px; margin-right:10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.SignUpHeading { margin: 0 0 40px 70px; color: #4E6713; font-family:Georgia, Times New Roman, Times, serif; }
/* links on write / Att Table item form */

#ListList { font-size: 1.2em; list-style-type: none; margin:30px 0; }
#ListList li { background: url(/assets/images/side-lists.gif) no-repeat left center; padding: 3px 0 3px 35px; }
#ListList li a { border-bottom: 1px dotted #4E6713; color: #4E6713; font-weight: bold;}

#ListList .ListRow { font-size: 1.2em; background: url(/assets/images/user_icon_list.gif) no-repeat left center; padding: 8px 0 5px 35px; border-bottom: 1px solid #ccc; }
#ListList .ListRow span {font-size: 0.8em; }

#FunctionBody #Suggestion { font-size:0.85em; color: #000; padding: 8px 12px; background-color: #ffffcc; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; }
 
#SetLocationInline { background: url(/assets/images/inline_home.gif) no-repeat left -2px; padding-left: 25px; font-size: 1.05em; font-weight: bold; }
#JoinInline { background: url(/assets/images/inline_users.gif) no-repeat left -2px; padding-left: 25px; font-size: 1.05em; font-weight: bold;}
#SignInInline { background: url(/assets/images/inline_lock.gif) no-repeat left -2px; padding-left: 20px; font-size: 1.05em; font-weight: bold;}
#signIn { background: url(/assets/images/lock_white.gif) no-repeat left -2px; padding-left: 20px; margin-left:5px; font-size: 1.05em; font-weight: bold;}
#signInLight {  background: url(/assets/images/lock_white_light.gif) no-repeat left -2px; padding: 5px 0 5px 20px; margin-left:5px; font-size: 1.05em; font-weight: bold;}

#PictureInline   { background: url(/assets/images/inline_home.gif) no-repeat left -2px; padding-left: 25px; font-size: 1.05em; font-weight: bold; }
#BioInline   { background: url(/assets/images/inline_home.gif) no-repeat left -2px; padding-left: 25px; font-size: 1.05em; font-weight: bold; }
#HomeLocationInline  { background: url(/assets/images/inline_home.gif) no-repeat left -2px; padding-left: 25px; font-size: 1.05em; font-weight: bold; }
#MobileInline   { background: url(/assets/images/inline_home.gif) no-repeat left -2px; padding-left: 25px; font-size: 1.05em; font-weight: bold; }


/* Content Defaults */

#TableIntro { font-size: 1.15em; color:#999; }
.Intro { font-size: 1.2em; color: #333; letter-spacing: 0.04em; }
.Intro em { font-size: 0.85em; }
.LargeText { font-size: 1.15em;}
.Notes { background-color: #ffffcc; color: #333; padding: 8px 10px; margin-top: 5px;  }

.Alertxx { font-size: 1.25em; background: #D6D6B3 url(/assets/images/inline_home.gif) no-repeat left top; color: #000; padding: 10px 10px 10px 60px; margin-top: 10px;  }
.AddProduct { font-size: 1.25em; background: url(/assets/images/add-product.gif) no-repeat left top; color: #000; padding: 20px 10px 20px 120px; margin-top: 20px;  }
.AddSpecial { font-size: 1.25em; background: url(/assets/images/add-special.gif) no-repeat left top; color: #000; padding: 20px 10px 20px 100px; margin-top: 20px;  }
.AddEvent { font-size: 1.25em; background: url(/assets/images/add-event.gif) no-repeat left top; color: #000; padding: 20px 10px 20px 120px; margin-top: 20px;  }
.AddPlace { font-size: 1.25em; background: url(/assets/images/add-place.gif) no-repeat left top; color: #000; padding: 10px 10px 20px 120px; margin-top: 20px;  }

/* XXXXXXXXXXXXXXX */

.IntroMessage { color: #333;  padding: 8px 10px; margin-top: 5px; background-color: #ffffcc; font-family:Arial, Helvetica, sans-serif; } 
.SmallIntro { font-size: 1em; line-height: 130%; color: #4E6713; font-family: Arial, Helvetica, sans-serif; }
.IntroLarge { font-size: 1.15em; line-height: 130%; color: #4E6713;  }
.IntroXSmall { font-size: 0.6em; line-height: 120%; color: #4E6713; font-family: Arial, Helvetica, sans-serif; }

.SideIntro { font-size: 0.9em; line-height: 120%; color: #999; font-family: Arial, Helvetica, sans-serif;}
.MediumText { font-size: 1.1em; margin-top:5px}
.LargerText { font-size: 1.3em; margin-top:8px}
.Sig { font-size: 1.2em; font-style:italic; color: #666; }
.FirstPara { font-size: 1.4em; margin-top:8px; font-family: Arial, Helvetica, sans-serif; }
.SmallNote { margin: 3px 8px; font-size: 0.9em; line-height: 120%; color: #999; font-family: Arial, Helvetica, sans-serif;}
.SmallText { font-size: 0.9em; line-height: 120%; color: #999; font-family: Arial, Helvetica, sans-serif;}
.LargeBold { font-size: 1.1em; font-weight: bold; }

.RedNotes { color:#ff0000; margin: 10px 0; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.LargeFirstPara { font-size: 1.5em; line-height: 180%; margin-top: 20px; }
#LargeTextBlock { width: 95%; }
#LargeTextBlock p { font-size: 1.3em; margin-top:12px; line-height: 160%; }
#LargeTextBlock .FirstPara { font-family: Arial, Helvetica, sans-serif; }
.Teaser { font-size: 1.3em; line-height: 110%; color: #4E6713; margin: 10px 0 10px 0; }

.ImageBorder { border: 5px solid #f2f2f2; padding: 3px; }
.WebsiteLink { background: url(/assets/images/weblink.png) no-repeat right top; padding:3px 22px 3px 3px; color:#999; border:0; text-decoration:none; font-weight:normal;}

.Public { font-weight: bold; color: #0084B2; font-family: Arial, Helvetica, sans-serif; } 
.Private { font-weight: bold; color: #ff0000; font-family: Arial, Helvetica, sans-serif; } 

.UserImage { border: 5px solid #CACAA0; padding: 3px; margin: 10px 20px 10px 10px;  }
.UserImageSmall { border: 3px solid #CACAA0; padding: 2px; margin: 0 5px 0 0; float:left; }
.UserScreenName { margin-top:35px; }

.BorderHeading { border-bottom: 2px solid #E3E3BE; padding-bottom: 3px; color: #4E6713; font-style:italic; }


#legal li { margin-top: 5px; }
#legal ol { margin:0; padding-left: 15px;}
#legal h6 { margin-top: 10px; }

.LegalText { font-size: 1em; line-height: 120%; color: #666; font-family: Arial, Helvetica, sans-serif; margin-top: 10px;}

#ReturnMessage { position: absolute; z-index: 200; margin:0 0 0 0; width:100%; color:#FF0000; line-height: 130%; font-weight:bold; font-size:1.3em; padding: 10px 8px; background-color: #ffff99; }
#ReturnMessage ul { margin: 0 auto; width: 900px; padding: 0; text-align: left;}
#ReturnMessage .Alert { background-color: none; color:#FF0000; list-style-image:url(/assets/images/icons/stockholm/alert.gif); margin: 0; padding: 2px 0 3px 0; padding-left: 5px;}
#ReturnMessage .Success { color:#FF0000; list-style-image:url(/assets/images/icons/stockholm/check.gif); margin: 0; padding: 2px 0 3px 0; padding-left: 5px;}

#BodyMessage { background: #ffffcc url(/assets/images/icons/stockholm/alert.gif) no-repeat 10px center; padding: 8px 20px 8px 35px; margin: 10px 0; color:#FF0000; font-size: 1.1em; font-weight: bold; line-height: 180%;}
#BodyMessage h4 { margin:0; font-size: 1.2em;}

#Paging { float:right; width: 30%; color:#999; padding: 5px 0 0 0; font-size: 1.2em; text-align:right; }
#Paging span { color:#999; color: #1474B0; }
#Paging .PreNext { color: #1474B0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; border-bottom: 3px solid #D9F2FA;  }


.FunctionLists { clear:both; padding: 8px 3px 3px 3px; border-bottom: 1px dotted #ccc; }
.FunctionLists .left { font-size: 1em; float:left; width: 75%;  }
.FunctionLists .right { float:right; width: 23%; text-align:right; }
.FunctionLists .posted { color: #999; font-size: 0.9em; font-family:Arial, Helvetica, sans-serif; }
.FunctionLists h4 { font-size: 1.15em; line-height: 120%; margin:0;}

.ItemComments { width:340px; color: #333; line-height: 140%; padding: 8px 10px 2px 10px; margin: 7px 0 0 0; background-color:#e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.CommentsBy { color:#999; padding: 2px 0px 5px 30px; font-family: Arial, Helvetica, sans-serif; font-size:0.9em; }
.CommentsClose { text-align: right; }
.CommentHeading { color: #999; font-size: 1em; border-bottom: 1px solid #e5e5e5; width: 344px;  }


.DividerSolid { clear:both; border-bottom: 1px solid #CACA9D; width: 100%; margin: 5px 0; } ; 
.DividerGrey { clear:both; border-bottom: 2px solid #EEF1E5; width: 100%; margin: 5px 0; } 
.Divider { clear:both; border-bottom: 1px solid #D6D6B3; width: 100%; margin: 8px 0; } 

.TagSmallest {font-size: 1.2em;}
.TagSmall {font-size: 1.3em;}
.TagMedium {font-size: 1.4em;}
.TagLarge {font-size: 1.6em;}
.TagLargest {font-size: 1.8em;}

.ListTags { clear:both; border-bottom: 2px solid #EEF1E5;  border-top: 2px solid #EEF1E5; padding: 5px 10px; }
.ListTags span { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight:bold;}

#CountrySelection { margin-top: 10px; float:right; clear:right; font-style:normal; font-size: 1.2em; text-align:left; color: #999;}
#CountrySelection .FormField { background: #e5e5e5; font-family:Georgia, Times New Roman, Times, serif;  font-size: 0.9em; color: #4E6713; border: 1px solid #ccc; }

#Introduction { padding: 10px 15px;margin-top: 5px; background-color: #E9E8CC; }
.Notice { border: 2px solid #ffff33; padding: 5px 10px; margin-top: 5px; background-colour: #ffffcc; } 
.Notice h4 { color: #ff0000; font-size: 1.2em; margin:0; } 
.Notice h6 { color: #ff0000; font-size: 1em; margin:0; font-weight:normal;} 

/*Validation error-message classes*/
label.error { color:#ff0000; line-height: 110%; width:auto; margin:0 0 5px 14.5em; font-family:Arial, Helvetica, sans-serif; float:none; border:0; font-weight:bold; background-color:#FFFFCC; display:block; text-align:left; padding:5px 8px; }
label.block { display:none; }


/*facebox original styles*/
#facebox .b { background:url(/assets/images/facebox/b.png);}
#facebox .tl { background:url(/assets/images/facebox/tl.png);}
#facebox .tr {background:url(/assets/images/facebox/tr.png);}
#facebox .bl {background:url(/assets/images/facebox/bl.png);}
#facebox .br {background:url(/assets/images/facebox/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 200;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0;padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}
* html #facebox_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
/*facebox custom styles*/
#facebox .content { margin-top:-10px; }
#facebox h5 { font-size:1.3em; margin-top:0; }
#facebox { font-family:Georgia,Times New Roman,Times,serif; font-size:1.1em; color:#666666; }
#facebox label { font-size:1.1em; }
#facebox .uploadedImageThumbnailPanel { font-size: 1.1em; float:left; text-align:left; width:155px; margin-right:11px; }
#facebox .uploadedImageThumbnail { border: 4px solid #e5e5e5; padding: 2px; }
.uploadedImageThumbnailPanel { float:left; text-align:left; width:155px; margin-right:11px; margin-bottom:10px; }
.uploadedImageThumbnail { border: 4px solid #e5e5e5; padding: 2px; }
#uploadImageRow { border-top: 1px solid #e5e5e5; padding: 5px 0 0 5px; }

/*Dialog Box Styles*/
.hiddenDialogBox { display:none; text-align:left; z-index:9999; }
.dialogButton { width:16px; height:16px; border:0; position:absolute; margin:-2px 0 0 5px; cursor:pointer; cursor:hand; } /*leave BOTH cursors*/
.ui-dialog h4 { border-color: #cccccc; color: #999999; font-weight: bold; margin-top: 10px; font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; }

/*Delete Table Thumbnail Image styles*/
.deleteThumbnail { border:0; width:16px; height:16px; float:right; cursor:hand; cursor:pointer; }

/*Add new table item form*/
.closeButton { border:1px solid #999; padding:1px; float:right; cursor:hand; cursor:pointer; margin:-11px -6px 0 0; }
.closeButton:hover { border:1px solid #999999; }
#AddItem label.error { margin-left:0; width:488px; }

.TableStyle  { font-size: 1em; margin: 5px 0 10px 0; text-align:center; width: 100%; clear:both; }
.TableStyle .name { font-weight:bold; font-size:1.2em; color:#387B2B; text-align:left; }
.TableStyle .label { font-weight:bold; color:#999; text-align:right; padding-right: 10px}
.TableStyle .left{ text-align:left; }
.TableStyle th { color:  #999; border-bottom: 3px solid #e5e5e5; }
.TableStyle td { border-bottom: 1px solid #e5e5e5; }
.TableStyle th a { color:  #666; }
.TableStyle tr { border-bottom: 1px solid #ccc; }

#Paging { float:right: width:200px; font-size: 1em; text-align: left; }
#Paging span { font-weight:bold; }
#PreNextx { float: right; }
#Previous , #Next { border: 1px solid #ccc; background-color: #ccc; color: #fff; padding: 2px 5px; margin-left: 10px; text-align:right;}


/*Google Maps Location Suggestion styles*/
#locationSuggestionBox, #location_itemAddSuggestionBox { border:0; width:536px; position:absolute; }
#locationSuggestionBox ul, #location_itemAddSuggestionBox ul { margin:-1px 0 0 0; width:496px; list-style-image:none; background-color:#ffffff; list-style-position:outside; list-style-type:none; border:0; border-left:1px solid #999999; border-right:1px solid #999999; }
#locationSuggestionList li, #locationItemAddSuggestionList li { font-size:95%; width:484px; border-bottom:1px solid #999999; margin:0; padding:0 5px 2px 5px; line-height:100%; font-family:Verdana,Georgia,Times New Roman,Times,serif; }
#locationSuggestionList li:hover, #locationItemAddSuggestionList li:hover { color:#1474B0; cursor:pointer; cursor:hand; }
#locationSuggestionList li:first-child, #locationItemAddSuggestionList li:first-child { border-top:1px solid #999999; }

/*Replacement dialog box styles*/
#popup_container { font-family: Verdana, sans-serif; font-size: 10pt; min-width: 300px; max-width: 600px; background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(/assets/images/alerts/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; }
#popup_content { background: 16px 16px no-repeat; padding: 1em 1.75em; margin: 0em; }
#popup_content.alert, #popup_content.confirm, #popup_content.prompt { background-image: url(/assets/images/alerts/info.gif); }
#popup_message { padding-left: 48px; }
#popup_panel { text-align: center; margin: 1em 0em 0em 1em; }
#popup_prompt { margin: .5em 0em; }

/*Item Add form Tag styles*/
.suggestionBox { position:absolute; margin:0; width:496px; list-style-image:none; list-style-position:outside; list-style-type:none; background-color:#ffffff; border:0; border-left:1px solid #999999; border-right:1px solid #999999; }
.suggestionBox .suggestion { font-size:95%; border-bottom:1px solid #999999; margin:0; padding:0 5px 2px 5px; line-height:100%; font-family:Verdana,Georgia,Times New Roman,Times,serif; }
.suggestionBox .suggestion:hover { color:#1474B0; cursor:pointer; cursor:hand; }

.PopUpItem { position: relative; margin-top: 20px; font-size: 1.3em; margin-left: 10px; padding-left: 25px; background: url(/assets/images/icons/stockholm/check.gif) no-repeat 0 0;}
.homepopup { position: absolute; display: none; background: url(/assets/images/home_bubble_back.gif) no-repeat bottom left;  width: 350px; padding-bottom: 10px;}
.homepopup p { background-color: #97BD37; padding: 15px 20px; line-height: 150%; font-size: 0.9em; color: #fff; }

.rounded div { background:transparent; }
.showMap { color:#999999; font-family:Arial,Helvetica,sans-serif; font-size:1em; }
.showMap:hover { cursor:hand; cursor:pointer; }

/*Autocomplete CSS*/
.ac_results { padding:0px; border:1px solid #999999; border-top:0; background-color:white; overflow:hidden; z-index:99999; }
.ac_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; }
.ac_results li { margin:0px; text-align:left; padding:2px 5px; cursor:hand; cursor:pointer; display:block; font-family:Verdana,Georgia,Times New Roman,Times,serif; font-size:10pt; line-height:16px; overflow:hidden; border-top:1px solid #ECECD9; } /*width: 100%; if width will be 100% horizontal scrollbar will apear when scroll mode will be used || it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox*/
.ac_results li:first-child { border:0; }
.ac_odd { background-color:#ECECD9; }
.ac_over { color:#1474B0; font-weight:bold; }

/*Message CSS*/
/*message_create.cfm*/
#messageFormWrap { width:100%; }
#messageFormWrap .columnLeft { float:left; width:67%; font-size: 1.3em; }
#messageFormWrap .columnRight { float:right; width:33%; font-style:italic; font-size:13pt; text-align:right; }
#messageFormWrap .columnRight #messageBodyDown { display:inline; }
#messageFormWrap .columnRight input { margin-top:-4px; }
#messageArea { text-align:right; }
#messageArea #messageBody { width:100%; }
#messageArea .error { margin:0; margin-bottom:5px; }
hr { color:#ccc; border:0; border-bottom: 1px; border-style:solid; }

/*Color picker CSS*/
.farbtastic { position:relative; }
.farbtastic * { position:absolute; cursor:crosshair; }
.farbtastic, .farbtastic .wheel { width:195px; height:195px; }
.farbtastic .color, .farbtastic .overlay { top:47px; left:47px; width:101px; height:101px; }
.farbtastic .wheel { background:url(/assets/images/colourPicker/wheel.png) no-repeat; width:195px; height:195px; }
.farbtastic .overlay { background:url(/assets/images/colourPicker/mask.png) no-repeat; }
.farbtastic .marker { width:17px; height:17px; margin:-8px 0 0 -8px; overflow:hidden; background:url(/assets/images/colourPicker/marker.png) no-repeat; }

/*Autocomplete CSS*/
.autocomplete-w1 { background:url(/assets/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { font-size: 14px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/*TwitThis CSS*/
#twitThis { position:absolute; z-index: 100; display:none; width:350px; background-color:#fff; border: 8px solid #EBEBD1; font-family:Arial,Helvetica,sans-serif; color:#666; font-size:1.3em; padding:8px 15px; }
#twitThis h1 { font-size: 1.3em; padding:0; margin:0; }
#twitThis #heading { text-align:left; }
#twitThis #form, #twitThis #tweet { text-align:left; margin-top:7px; }
#twitThis #form textarea { width:98%; height:80px; }
#twitThis .tweetLabel { font-weight:bold; font-style:italic; }
.tweetConfirmationMessage, .loggedOutTweetMessage { background-color:#FFFFCC; position:absolute; display:inline; border:2px solid #FFFF33; font-size:1.4em; padding:3px; z-index:9999; }

/*Add/Edit Image Caption CSS*/
.addImageCaptionLink { padding-right:5px; color:#666666; font-size:1em; font-weight:bold; float:right; }
#imageCaptionBox { position:absolute; display:none; width:250px; background-color:#FFFFFF; border:4px solid #EBEBD1; padding:5px; text-align:right; }
#imageCaptionBox textarea { width:98%; height:50px; }
#imageCaptionBox span { font-size:1.4em; cursor:hand; cursor:pointer; }

/*Settings > Account > Business Types*/
#selected_place_types ul { list-style-type:none; margin:0; padding:0; }
#selected_place_types ul li { float:left; padding:4px 8px 4px 8px; border:1px solid #e5e5e5; margin-right:5px; }
#selected_place_types ul li:hover { background-color:#F0F0F0; cursor:default; }
#selected_place_types ul li img:hover { cursor:pointer; }

.ButtonContainerRight { float:right; width:auto; }
/* Link buttons */
.buttons a { font-size:1em; }
.buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0;  background:#4E6713 url(/assets/images/button-back.jpg); 
     letter-spacing: 0.05em; line-height: 1.5em; text-decoration:none; font-weight:bold; 
    color:#565656; cursor:pointer; padding:2px 20px 3px 20px;   /* Links */}
.buttons button{ width:auto; overflow:visible; padding:3px 12px 2px 9px;  /* IE6 */ }
.buttons button[type]{ padding:2px 20px 3px 20px;  font-size:1.05em; /* Firefox */ line-height: 1.5em; /* Safari */ }
*:first-child+html button[type]{ padding:4px 12px 3px 9px; /* IE7 */}
.buttons button img, .buttons a img{  margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

/* SAVE */
button.save, .buttons a.save { color:#4E6713; background: #e5e5e5  url(/assets/images/button-back.jpg); }
.buttons a.save:hover, button.save:hover{ background: #e5e5e5 url(/assets/images/button-back.jpg); border:1px solid #97BD37; color:#336699; }
.buttons a.save:active{ background-color:#97BD37; border:1px solid #97BD37; color:#fff;}

/* DARK */
button.savegreen, .buttons a.savegreen { color:#fff; font-size:1.05em; line-height: 1.5em; padding: 3px 15px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #4E6713;    }
.buttons a.savegreen:hover, button.savegreen:hover{   color:#fff; border: 1px solid #97BD37; background-image: none; background-color: #97BD37;  }
.buttons a.savegreen:active{ background-color:#4E6713; color:#fff; border: 1px solid #4E6713; }

/* DARK */
button.go, .buttons a.go { color:#4E6713; font-size:1em; line-height: 1.3em; background-image: none; background-color: #CACAA0; padding: 2px 8px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #CACAA0;    }
.buttons a.go:hover, button.go:hover{   color:#fff; border: 1px solid #97BD37; background-image: none; background-color: #97BD37;  }
.buttons a.go:active{ background-color:#CACAA0; color:#4E6713; border: 1px solid #CACAA0; }



/* DARK */
button.cancel, .buttons a.cancel { color:#fff; font-size:1.15em; line-height: 1.6em; padding: 2px 20px; border: 1px solid #ccc; background:#ccc;   border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;    }
.buttons a.cancel:hover, button.cancel:hover{ background-color:#97BD37;  color:#fff; border: 1px solid #97BD37; }
.buttons a.cancel:active{ background-color:#ccc; color:#fff; border: 1px solid #ccc; }

/* GREY */
button.grey, .buttons a.grey { color:#333; font-size:1.15em; line-height: 1.6em; padding: 2px 12px; border: 1px solid #ccc; background:#e5e5e5; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #ccc;     }
.buttons a.grey:hover, button.grey:hover{ background-color:#ccc;  color:#333; border: 1px solid #ccc; }
.buttons a.grey:active{ background-color:#ccc; color:#333; border: 1px solid #ccc; }

/* grey-small */
button.grey-small, .buttons a.grey-small { color:#333; font-size:1em; line-height: 1.4em; padding: 2px 10px; border: 1px solid #ccc; background:#e5e5e5 url(/assets/images/btn-back-small-grey.jpg); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #ccc;     }
.buttons a.grey-small:hover, button.grey-small:hover{ background-color:#ccc;  color:#333; border: 1px solid #ccc; }
.buttons a.grey-small:active{ background-color:#ccc; color:#333; border: 1px solid #ccc; }