body {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { font-weight:normal; }

a img{ border:none; }

img.loading {vertical-align: middle;}

/* -- basic tags -- */

ul,
li {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}
.empty-list { padding: 15px; color: #333; text-align: center; }

a {
  color: #185fb2;
}

a:hover {
  background-color: #185fb2;
  color: #fff;
}

h1,
h2,
h3,
h4 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}


#content h2 {
  letter-spacing: -1px;
}


#content h1 {
  letter-spacing: -2px;
  text-align: center;
  margin-bottom: 25px;
}

.clearfix {
  clear: both;
  visibility: hidden;
  font-size: 1px;
  line-height: 1px;
}

/* -- logo -- */

* html #header .logo .logo-right .iefix,
* html #header .logo .logo-left .iefix {  height:100px; display: inline-block; vertical-align: middle; }

* html #header .logo .logo-right .iefix,
* html #header .logo .logo-left .iefix { height:100px; display: inline-block; vertical-align: middle; }


#header .logo .logo-right .logo-img,
#header .logo .logo-left .logo-img {
  height: 100px;
  line-height: 100px;
}

#header .logo .logo-right .logo-img img,
#header .logo .logo-left .logo-img img {
  vertical-align:middle;
}

.logo {
  padding: 10px;
  font-size: 80%;
}

.logo a {
  display: table;
  text-decoration: none;
}

*:first-child+html .logo a { display: inline-block; }
* html .logo a { display: inline-block; }

.logo .logo-bottom .text { margin-top: 0px; margin-bottom: 5px;  text-align: center; }
.logo .logo-bottom .logo-img  { text-align: center; }

.logo .logo-top .text { margin-top: 5px;  text-align: center; }
.logo .logo-top .logo-img  { text-align: center; }

.logo .logo-right .text { float: left; margin-top: 20px; margin-top /**/: 25px; }
.logo .logo-right .logo-img  { float: left;/* margin-left: 5px; */}

.logo .logo-left .text { float: left; margin-top: 20px; margin-top /**/: 25px; }
.logo .logo-left .logo-img  { float: left; /*margin-right: 5px;*/ }

.logo a .text { cursor: pointer;}

.logo .logo-hidden .text { display: none; }

/* padding for logos without an image */
#header .logo .logo-no-img .text {padding-left:15px;padding-bottom:25px;}

*:first-child+html #header .logo .text h1,
*:first-child+html #footer .logo .text h1 { font-size: 210%; }
*:first-child+html #header .logo .text h2,
*:first-child+html #footer .logo .text h2 { font-size: 170%; }
* html #header .logo .text h1,
* html #footer .logo .text h1 { font-size: 210%; }
* html #header .logo .text h2,
* html #footer .logo .text h2 { font-size: 170%; }

/* -- standard menu -- */
.menu-parent {
  position: relative;
}

div.menu {
  position: absolute;
  top: 1.4em;
  width: 200px;
  z-index: 10000;
  border: 1px solid #eee;
  border-right: 2px solid #eee;
  border-bottom: 2px solid #eee;
  background-color: #fafafa;
}

div.menu ul {
  margin: 0px;
  padding: 0px;
  display: block;
  float: none;
}
div.menu ul li {
  display: block;
  margin: 0px;
}

* html div.menu ul li { border-bottom: 1px solid #fafafa; } /* fixes a problem with ie spacing */

div.menu ul li a {
  font-weight: normal;
  display: block;
  padding: 3px 8px 3px 12px;
  padding /**/: 5px 8px 5px 12px;
  
  color: #1471e8;
}

*:first-child+html div.menu ul li a { font-size: 75%; }
* html div.menu ul li a { font-size: 75%; }

div.menu ul li a:hover {
  background-color: #1471e8;
  color: #fff;
}

div.menu li.sep-above {
  border-top: 1px dashed #ddd;
  margin-top: 4px;
  padding-top: 2px;
}

/* -- thrivesmart header -- */
.edit_mode  #ts_header {
  background: #fefce8 url(../images/ts_header/bg_bar_edit.png) repeat-x;
}
#ts_header {
  background: #fff url(../images/ts_header/bg_bar.png) repeat-x;
  border-bottom: 1px solid #eee;
  padding: 2px;
  color: #000;
  font-size: 83%;
}

#ts_header a {
  color: #1471e8;
  font-weight: bold;
  padding: 3px;
}

#ts_header a:hover {
  background-color: #1471e8;
  color: #fff;
}

#ts_header ul.user-controls {
  margin: 0px;
  padding: 0px;
  padding-right: 4px;
  float: right;
  display: block;
}

#ts_header ul.user-controls li {
  margin: 0px;
  padding: 0px;
  margin-left: 15px;
  /* display: inline; causes safari clipping bug */
  display: block;
  float: left;
}

#ts_header ul.user-controls li a {
  padding-top: 0px;
  padding-bottom: 0px;
}
#ts_header a.menu-active { 
  background-color: #1471e8;
  color: #fff;
}


#ts_header .ts_user {
  margin-left: 4px;
}
#ts_header .ts_logout {
  font-size: 90%;
  margin-left: 7px;
}
#ts_header .ts_logout a {
  padding-left:0px;
  padding-right:0px;
}

#ts_header a.faux-menu,
#ts_header a.menu-open { 
  padding-left: 16px;
  border-right /**/: 1px solid transparent; /* fixes safari spacing bug */
  background-position: center left;
  background-repeat: no-repeat;
}
#ts_header li.ts_businesses a.menu-open { background-image: url(../images/ts_header/down-arrow-ie.png); background-image /**/: url(../images/ts_header/down-arrow.png);  }
#ts_header li.ts_settings a.menu-open   { background-image: url(../images/ts_header/settings-ie.png);   background-image /**/: url(../images/ts_header/settings.png);    }
#ts_header li.edit-menu-box a.menu-open { background-image: url(../images/ts_header/edit-ie.png);       background-image /**/: url(../images/ts_header/edit.png);        }
#ts_header li.help a.faux-menu          { background-image: url(../images/ts_header/help-ie.png);       background-image /**/: url(../images/ts_header/help.png);        }
#ts_header li.stop-edit a.faux-menu     { background-image: url(../images/ts_header/stop-edit-ie.png);  background-image /**/: url(../images/ts_header/stop-edit.png);   }

#ts_header div.menu {
  left: 1px;
}

#ts_header div.menu ul {
  margin: 0px;
  padding: 0px;
}

#ts_header div.menu ul li {
  font-size: 95%;
  display: block;
  margin: 0px;
  padding: 0px;
  
  float: none;
}

#ts_header div.menu ul li a {
padding: 5px 8px 5px 12px;
font-weight: normal;
}


#ts_header div.menu li.sep-above {
  margin-top: 4px;
}

/* -- ts footer -- */

#ts_footer {
  text-align: center;
  margin-top: 55px;
  margin-bottom: 10px;
}
#ts_footer .ts-tag {
  padding: 4px 8px 4px 8px;
  border: 1px solid #444;
  background-color: #222;
  color: #aaa;
  
}

#footer .inside #ts_footer .ts-tag a  {
  color: #bbb;
}

#footer #ts_footer .ts-tag a:hover {
  color: #fff;
  background-color: #000;
}
/* -- std icons -- */

.show .delete-record-box,
.close-box,
.cancel-box {
  margin-top: 40px;
}

.show .delete-record-box a.delete-link,
a.close-link,
.cancel-box a {
  padding: 5px 5px 5px 24px;
  text-decoration: none;
  background: transparent url(../images/icn-cnlsqr-20.png) center left no-repeat;
  background /**/: transparent url(../images/icn-cnlcir-20.png) center left no-repeat;
}

.show .delete-record-box{float:right;}
.show .delete-record-box a.delete-link {
  background: transparent url(../images/icn-delsqr-20.png) center left no-repeat;
  background /**/: transparent url(../images/icn-delcir-20.png) center left no-repeat;
}

.show .delete-record-box a.delete-link:hover,
a.close-link:hover,
.cancel-box a:hover {
  color: inherit;
  text-decoration: underline;
}


/* -- groupable index items -- */

.record-group-list {
  padding-bottom: 20px;
}

.groupable-list-item {
  position: relative;
}

.groupable-list-item .record-thumb {
  float: left;
  text-align: center;
  width: 100px;
}


.groupable-list-item .record-name,
.groupable-list-item .record-desc,
.groupable-list-item .record-details {
  margin-left: 112px;
}

.groupable-list-item .record-name {
  margin-top: 5px;
  text-decoration: underline;
  font-size: 130%;
}


/* -- detailable record show -- */

/* -- reset long description styles that have been clobbered globally -- */
.long-description {
  margin-top: 25px;
  margin-bottom: 45px;
  line-height: 160%;
}

.long-description ol,
.long-description ul {margin: 0px;padding: 0.2em 2.8em;}
.long-description ul li { list-style: disc;}
.long-description ol li { list-style: decimal;}
.long-description h2, h3, h4, h5, h6 {font-weight: bold;}
.long-description p {margin: 1em;}

.long-description h1 {padding-top: 1em; padding-bottom: 0.5em;}
.long-description h2,
.long-description h3,
.long-description h4,
.long-description h5,
.long-description h6 {padding-top: 0.6em; padding-bottom: 0.3em;}

.show #content h1 {
  text-align: left;
  margin-bottom: 0px;
}

.show .record-image {
  float: right;
}
.show .record-image img {
  padding-right: 7px;
  padding-bottom: 8px;
  background: transparent url(../images/edit_slideshow/shadow-back.gif) right bottom no-repeat;
  background /**/: transparent url(../images/edit_slideshow/shadow-back.png) right bottom no-repeat;
}

.show .record-image h3 {
  text-align: center;
}

.actions-box { margin-top: 20px; margin-bottom: 20px;}

/* -- payments -- */

.payment-types-box {
  text-align: center;
  margin-left: 25%;
  margin-right: 25%;
}

.payment-types-box h4 {
  text-decoration: underline;
}
.payment-type-group {
  margin-top: 10px; line-height: 45px;
}

.payment-type img.payment-image {
  vertical-align: middle;
}

.payment-type .payment-type-name {
  padding: 9px;
  white-space: nowrap;
}
.payment-notes {
  margin-top: 10px;
}
/* -- basic forms -- */

form {
  margin: 0px;
  padding: 0px;
}

label {
  display: block;
  font-weight: bold;
  font-size: 80%;
  margin-top: 2px;
  margin-bottom: 15px;
}

label .hint {
  font-size: 80%;
  color: #553b21;
  margin-left: 10px;
}

label.inline-label {display:inline;}

.submit {
  text-align: right;
}

.input-default {
  width: 96%; /* tends to fix many problems with ie */
  width /**/: 98%;
  color: #412509;
  padding: 4px;
  border: 1px solid #75a7d9;
  background: #fff url(../images/shd-ul-800-blu.png) no-repeat;
  font-weight: bold;
}

.input-datetime { color: #412509; padding: 4px; border: 1px solid #75a7d9; background: #fff url(../images/shd-ul-800-blu.png) no-repeat; font-weight: bold; }

.input-select {
  padding: 3px;
  border: 1px solid #75a7d9;
  background-color: #d6e5f4;
}

/* Seems like ie ignores select padding, so this makes up for it */
*:first-child+html .input-select { font-size: 1.095em; }
* html .input-select { font-size: 1.095em; }

.input-file {
  padding: 3px;
  border: 1px solid #75a7d9;
  background-color: #d6e5f4;
}
.input-textarea {
  width: 97%;
  width /**/: 99%;
  color: #412509;
  padding: 4px;
  border: 1px solid #75a7d9;
  background: #fff url(../images/shd-ul-800x400-blu.png) no-repeat;
  font-weight: bold;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.inline-edit-submit, 
.input-submit {
  background: #694d33 url(../images/grd-v-25-brn.png) repeat-x;
  color: #fff;
  font-size: 110%;
  padding: 5px;
  border: 3px solid #412509;
  cursor: pointer;
  letter-spacing: -1px;
}
.inline-edit-submit {font-size: 80%; padding:3px; border-width: 1px;letter-spacing: 0px;}

#errorExplanation ul {
  margin: 0px;
  padding: 0px;
}

.fieldWithErrors {
	display: inline;
}

.fieldWithErrors .input-default {
  border: 1px solid #a30101;
  background: #fff url(../images/shd-ul-800-red.png) no-repeat;
}

#errorExplanation {
	border-bottom: 1px dashed #ffc8c8;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

#errorExplanation h2 {
	display: none;
}

#errorExplanation p {
	display: none;
}

#errorExplanation ul li {
  list-style: none;
	color: #c00;
	font-weight: bold;
	font-size: 85%;
}

div.hr hr {
  display: none;
}

div.hr {
  height: 1px;
  border-top: 2px dotted #555;
  margin-top: 7px;
  margin-bottom: 10px;
}

/* -- business footer -- */


#footer .l_insignia {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

#footer .logo a {
  margin-left: auto;
  margin-right: auto;
}

#footer .l_insignia .name {
  font-size: 150%;
  letter-spacing: -1px;
  font-weight:100;
}

#footer .l_insignia .tagline {
  font-size: 90%;
}

/* -- common elements -- */
.edit_mode .notice {
  text-align: center;
  margin-bottom: 25px;
}
.edit_mode .notice .msg {
  padding: 5px 10px 5px 10px;
  background-color: #FFE3AB;
  color: #333;
  font-size: 80%;
}
.attributes h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.attributes .attribute {
  line-height: 1.6em;
}
.attributes .attribute .name {
  float: left;
  width: 180px;
  text-align: right;
  font-weight: bold;
  color: #aaa;
  font-size: 100%;
  line-height: 1.5em;
}

.attributes .attribute .val {
  margin-left: 195px;
  line-height: 1.5em;
}

.intro-p {
  text-align: center;
  font-size: 150%;
  letter-spacing: -1px;
  
}

.intro-p p {
  margin:1em 0 1em 0;
}

/* -- business home page -- */

.home .continue {
  padding: 8px;
  background-color: #FFFFCC;
  text-align: center;
  border: 1px solid #CC9900;
}


.home .continue h4 {
  font-size: 130%;
  margin: 0px;
  padding: 0px;
}


.home .continue h4 a {
  font-weight: bold;
}

/* -- universal locations -- */
.record-location {margin-top:20px;}
.record-location h3 {text-align: center; margin-bottom: 10px;}
.location-box .timezone_cntnr { display: none; }

.location-box .map-directions { /*  float: right;*/ text-align: center; margin-left: 450px; }
.location-box .directions-box { margin-top: 5px; }

.location-box .map-frame-outer { 
  width:400px;
  padding-right: 7px;
  padding-bottom: 8px;
  background: transparent url(../images/edit_slideshow/shadow-back.gif) right bottom no-repeat;
  background /**/: transparent url(../images/edit_slideshow/shadow-back.png) right bottom no-repeat;
}

.location-box .map-frame { width:400px; height:200px; /* causes a float problem with ie */ }
.location-box .no-map { display: none;}

.location-box .location_details {width: 440px; float: left; }
.location-box .location_details h2 { letter-spacing: -1px; }

/* -- locations -- */
.locations .location-box {
  margin-bottom: 45px;
}

.locations .website_cntnr { display: none; }


.locations .hours-box {
  text-align: center;
  font-size: 90%;
}

.locations .hours-box .hours {
  margin-top: 8px;
}
.locations .hours-box .hours h3 {
  text-decoration: underline;
}
.locations .hours_list {
  line-height: 140%;
}
.locations .closed {
  font-style: italic;
}
.locations .note {
  padding: 8px;
  padding-top: 0px;
  text-align: center;
}
.locations .hour_item .label {
  font-weight: bold;
}
/* -- links -- */

.links .link .record-details .record-details-inner { overflow: hidden;}
*:first-child+html .links .link .record-details  { word-wrap: break-word;}
* html .links .link .record-details {word-wrap: break-word;}

/* -- images -- */

.images .image-upload {
  padding: 8px;
  border: 2px solid #aaa;
  float: right;
  background-color: #f9f9f9;
}

.images .image-outer {
  overflow: hidden;
  float: left;
  margin: 8px;
}

.images .image {
  padding: 1px;
  height: 100px;
  border: 2px solid #999;
}

/* -- slideshow -- */

.slideshow-compliment {
  float: left;
  width: 440px;
  width /**/: 450px;
}


.slideshow-box {
  width: 403px;
  margin: 0px 0px 10px 10px;
  margin-left: 455px; /* ie fix for strange width */
  margin-left /**/: 465px;
}

#slideshow {
  width: 400px;
  height: 300px !important;
}

.jdGallery .slideInfoZone h2 {
  font-size: 120%;
}
.jdGallery .slideInfoZone p {
  display: none;
}

/* -- date times -- */
.datetime { width: 100px; border: 2px solid #eee;}
.datetime .month,
.datetime .month-year { text-align:left; color:#fff; font-size: 100%; background-color: #b94044; padding: 4px 6px;}
.datetime .date { text-align: center; font-weight: bold; font-size: 200%;padding: 9px 4px 2px 4px;}
.datetime .time { text-align: center; font-size: 80%; padding: 2px 4px 9px 4px;}
.datetime .time-part {white-space: nowrap; }


.dualtime,
.datetime-box {margin-top: 20px;}

.datetime-box .datetime { margin-left: auto; margin-right: auto; text-align: center;}

.dualtime {width: 275px; margin-left: auto; margin-right: auto; text-align: center;}
.dualtime .time-split {width: 66px; text-align:center; font-size: 200%;float:left;line-height: 310%;}
.dualtime .first-box {float: left; }
.dualtime .second-box {margin-left:170px; }

#add_to_calendar {margin-left:auto;margin-right:auto; width: 10em;}

#add_to_calendar a.menu-link,
#add_to_calendar #add_to_calendar_options a { padding-left: 25px; background-repeat: no-repeat; background-position: 3px center; }

#add_to_calendar a.menu-link,
#add_to_calendar #add_to_calendar_options .cal-google a { background-image: url(../images/calendar_logos/google-cal.png); }
#add_to_calendar #add_to_calendar_options .cal-outlook a { background-image: url(../images/calendar_logos/outlook-cal.png); }
#add_to_calendar #add_to_calendar_options .cal-ical a { background-image: url(../images/calendar_logos/apple-cal.png); }
#add_to_calendar #add_to_calendar_options .cal-yahoo a { background-image: url(../images/calendar_logos/yahoo-cal.png); }
#add_to_calendar #add_to_calendar_options .cal-ics a { background-image: url(../images/calendar_logos/ics-cal.png); }
#add_to_calendar #add_to_calendar_options .cal-help a { background-image: url(../images/calendar_logos/help-cal.png); }

.venue-link { margin-bottom:15px; }

/* -- calendar view -- */
.calendar {width: 100%;}
.calendar td { width:14%; vertical-align: top; font-size: 80%;padding-bottom:12px;}
.calendar td.day {text-align:center;}
.calendar .otherMonth,
.calendar .day-title {text-align:left;font-weight: bold;background-color:#eee;padding:2px 4px;}
.calendar .cal-event {padding: 6px;}
.calendar td.day,
.calendar .otherMonth { border-right:1px solid black; border-bottom:1px solid black; }
.calendar .today {background-color:#f5f4bc;}
.otherMonth { padding-bottom: 25px; opacity:.50; filter: alpha(opacity=50);}
.calendar .dayName th { padding-top: 0.6em; padding-bottom: 0.3em; background-color: #303030; color: white; font-size: 80%; text-decoration: none;}
.calendar .firstCell {border-left: 1px solid black;}
.calendar .prev-month {text-align:left;}
.calendar .next-month {text-align:right;}
.calendar .prev-month a,
.calendar .next-month a {text-decoration: none;}
.calendar .next-month,
.calendar .prev-month {font-weight: bold;padding-bottom: 12px;font-size: 170%;}
.calendar .monthName {padding-bottom: 12px;font-size: 170%; font-weight: normal; letter-spacing:-0.08em;}

/* -- articles -- */

.left-category { width: 49%; float: left; border: 1px solid red;}
.right-category { width: 49%; margin-left: 50%; border: 1px solid blue;}
.columns-dual .groupable-list-item { width: 95%; } /* TODO push the width into themes, just temporary for now */
table.columns-dual td {vertical-align:top; width:50%;}
table.columns-dual {width: 100%; }
#featured_articles h2,
.article-categories h2 {text-align:center;}
#featured_articles h2 {margin-bottom: 24px;}

/* -- toggle content -- */
.toggle-header {margin-top: 15px; margin-bottom: 40px;/* background:transparent url(../images/header_toggle/toggle-bg.gif) repeat-x left center;*/ }
.toggle-header .toggles-box {display:block; float:right; font-size:85%; border: 1px solid #aaa; letter-spacing: -0.01em;background:transparent url(../images/header_toggle/toggle-off.gif) repeat-x left center; border-right: 0px; }
.toggle-header .toggle-item { display:block; float:left; padding:6px 12px; white-space:nowrap; border-right: 1px solid #aaa;}
.toggle-header .toggle-item, 
.toggle-header .toggle-item:visited { font-weight:bold; text-decoration:none; color:#000; text-shadow: #fff 2px 2px 2px; }
.toggle-header .toggle-header-title {/*background-color:#fff; */ float:left; margin:0px; padding-top: 2px; padding-right:10px;}
.toggle-header h1 { font-size:165%; }
.toggle-header h2 { font-size:125%; letter-spacing:-1px;}
.toggle-header .toggle-selected {background:transparent url(../images/header_toggle/toggle-on.gif) repeat-x left center; color:#fff;text-shadow: #000 1px 2px 2px;}
.toggle-header a.toggle-item:hover {background-color:transparent; text-decoration:underline;}
.toggle-header a.toggle-feed-link { background: transparent url(../images/rss.gif) no-repeat 8px center; padding-left: 32px;}
#content .toggle-header h1 { margin-bottom: 0px;letter-spacing:-1px;text-align:left;}


/* -- featured content -- */
.featured-box {margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 20px; }/* the theme should define this width */
.featured-box .featured-content-box { overflow: hidden; } 
.featured-box .featured-content-inner { width: 10000px; }
.featured-content-box .featured-item { float:left; margin-right: 90px; }
.featured-box .groupable-list-item a.record-link { margin-bottom: 0px; }
.featured-control-box a { text-decoration: none; font-size: 90%; margin-right: 4px;}
.featured-pages { font-size: 80%;}
.featured-control-box a.currently-featured { text-decoration: underline; }
.featured-controls { float: right;}


/* -- emails & contacts, & user lists -- */
.emails .emails-nav,
.user-lists .contacts-nav,
.contacts .contacts-nav {width:25%;float:left;}
.emails .emails-content,
.user-lists .contacts-content,
.contacts .contacts-content {width:72%;margin-left:26%;}
.emails .emails-nav h2,
.user-lists .contacts-nav h2,
.contacts .contacts-nav h2 {font-size:100%;margin-bottom:10px; }
.emails .emails-nav ul li,
.user-lists .contacts-nav ul li,
.contacts .contacts-nav ul li {line-height: 150%;}
.emails ul.drafts-enabled li.drafts a,
.emails ul.templates-enabled li.templates a,
.emails ul.queue-enabled li.queue a,
.emails ul.sent-enabled li.sent a,
.contacts ul.index-enabled li.index a,
.contacts ul.admins-enabled li.admins a,
.contacts ul.employees-enabled li.employees a,
.contacts ul.members-enabled li.members a,
.contacts ul.others-enabled li.others a { font-weight: bold; text-decoration:none;}

.contacts .privileges {padding-top:15px;}
.user-lists .contacts-title,
.contacts .contacts-title {margin-bottom:15px}
.user-lists .contact-li,
.contacts .contact-li {padding:5px}
.contacts .contact-roles{font-size:60%}
.user-lists .contact-email,
.contacts .contact-email {padding: 2px 5px;}

/* -- price options -- */
#purchasing_box {padding:20px;}
#purchasing_box .submit {text-align:left; margin-top:8px;}
#purchasing_box .input-submit {font-size:100%; padding:2px; border-width: 1px;}
#purchasing_box .price-option-selection { margin-bottom: 10px;}
#purchasing_box .price-option-selection label { font-size: 95%; }
#purchasing_box h3 { font-weight: normal; font-size: 95%; text-decoration: underline; margin-bottom: 10px;}

/* fixes ie bug */
.featured-box .groupable-list-item { position:static;}

/* -- tooltips for new users -- */

.home #edit-pages-tooltip { top: 1.5em; left: 36%; }
.home #editing-page-tooltip { top: 20.5em; left: 10%; }
.home #explore-tooltip { top: 5.8em; left: 36%; }

.tooltip-box {
  position: absolute;
  z-index:999;
  width: 400px;
}

.tooltip-point {
  height: 13px;
  font-size: 1px;
  line-height: 1px;
}

.tooltip-below .tooltip-point { background: transparent url(../images/help/tooltip-top.png) no-repeat bottom center; }
.tooltip-above .tooltip-point { background: transparent url(../images/help/tooltip-bottom-ie.png) no-repeat top center; background /**/: transparent url(../images/help/tooltip-bottom.png) no-repeat top center; }

.tooltip-content {
  background-color:#feffa6;  
  font-size:70%;
  color: #333;
  text-align: center;
  padding: 4px 0px 4px 0px;
  border: 2px solid #dedf7e;
}
.tooltip-below .tooltip-content {border-top: 0px;}
.tooltip-above .tooltip-content {border-bottom: 0px;}


/* -- floating box on a page where the user is new -- */
#lightbox-overlay {
  position:absolute;
  width:100%;
  height: 100%;
  z-index: 1001;
 	background /**/:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmJgYGgACDAAAI8Ag+R3NvwAAAAASUVORK5CYII=);
  top:0px;
  left:0px;
}

*:first-child+html #lightbox-overlay { background-color:#000; filter:alpha(opacity=60); }
* html #lightbox-overlay { background-color:#000; filter:alpha(opacity=60); }

.unstarted-slideshow {
  overflow:hidden;
}

#page-intro-box { 
  text-align:center; 
  width:500px; 
  position: absolute;
  left: 30%;
  top: 50px;
  background-color:#fefefe;
  border: 5px solid #ddd;
  padding: 10px;
  z-index:1002;
  color:#333;
  font-size: 85%;
  line-height: 1.5em;
}

#page-intro-box h2 {
  text-align: center;
  margin-bottom: 0px;
}

#page-intro-box p { margin: 0px 0px 5px 0px;}

#page-intro-box a {
  color:#333;
}