/* LAYOUT
--------------------------------------------------------------------------- */
.explorer .column-right { padding-top: 18px; }

/* FORMS & USER INTERFACE
--------------------------------------------------------------------------- */
/* *** HELPS *** */
#list_help_remora { margin: -18px 0 0; }

/* LIST
--------------------------------------------------------------------------- */
.container-mask {
  position: absolute;
  top:  0;
  left: 0;
  width:  100%;
  height: 100%;
  
  background: #FFF;
  
  opacity: 0.8;
}

/* *** LIST HEADER *** */
.list-module-header,
.list-module-header a {
  text-decoration: none;
  
  color: #FFF;
}

.list-module-header {
  background-image: url('../../images/ls/background/widget-header-trans.png');
  background-position: center top;
  background-repeat: no-repeat;
  
  position: relative;
  height: 58px;
  /*height: 83px;*/
  padding: 36px 36px 0;
  padding: 36px 24px 0 36px;
  overflow: hidden;
}

#list_image_container {
  text-align: center;
  
  display: block;
  float: left;
  margin-right: 9px;
  
  width:  46px;
  height: 46px;
  line-height: 43px;
}

#list_image {
  vertical-align: middle;
  
  display: inline;
  max-width:  100%;
  max-height: 100%;
}

#list_image[src$="blank.gif"],
#list_image[src$="thumb-46-trans.png"] { width: 46px; }

#list_image[src$="blank.gif"] { background-image: url('../../images/ls/assets/thumb-46-trans.png'); }

.list-module-header input.list-title {
  font-size: 16px;
  
  width: 339px;
  margin-top: 6px;
  padding-top: 7px;
  
  color: #000;
  border-color: #666;
}

.list-module-header input.watermark { color: #999; }

.list-module-header h1.list-title {
  font-size: 16px;
  font-weight: bold;
  
  padding-top: 6px;
}

.list-module-header a.list-author { color: #999; }

.list-module-header a.list-author:hover { color: #FFF; }

.digg-button,
.fb_share_button {
  font-size: 11px;
  text-indent: -200px;
  
  position: absolute;
  top:   6px;
  right: 6px;
  display: block;
  width: 57px;
  height: 18px;
  overflow: hidden;
  
  background-image: url('../../images/ls/icon/digg-badge.gif');
  
  opacity: 0.8;
}

.digg-button:hover,
.fb_share_button:hover { opacity: 1; }

.fb_share_button { background-image: url('../../images/ls/icon/facebook-badge.gif'); }

#digg-button {
  top: 59px;
  right: 36px;
}

#fb_share_button {
  top: 40px;
  right: 36px;
}

#list_topic_container .help-icon {
  top: 52px;
  right: 43px;
}

/* *** LIST STORY *** */
.list-module-story {
  position: relative;
  padding: 0 24px;
  
  background-image: url('../../images/ls/background/widget-body-trans.png');
}

.list-module-story .handle {
  font-size: 9px;
  text-align: right;
  
  position: absolute;
  top:  -24px;
  right: 36px;
  z-index: 100;
  display: block;
  line-height: 24px;
  height:      24px;
  
  color: #999;
}

.list-module-story .handle .show { 
  position: static;
  display: inline;
}

.list-module-story fieldset,
.list-module-story .drawer { padding: 9px 12px; }

.list-module-story fieldset {
  border-bottom: 1px solid;
  
  background: #FFF url('../../images/ls/background/list-story-fieldset.png') repeat-x left top;
  border-color: #CCC;
}

.list-module-story .drawer {
  padding-bottom: 3px;
  
  color: #999;
  background-color: #000;
}

.list-module-story select,
.list-module-story input.text {
  display: block;
  margin: 0;
}

.list-module-story select { margin-bottom: 9px; }

.list-module-story input.text {
  font-size: 12px;
  font-weight: normal;
  
  width: 394px;
}

/* *** LIST TABS *** */
.list-module-tabs,
.list-module-tabs .tab,
.list-module-tabs .tab a {
  line-height: 30px;
  
  height: 30px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.list-module-tabs {
  position: relative;
  padding: 6px 24px 0;
  
  background-image: url('../../images/ls/background/widget-tabs-trans.png');
  background-position: center top;
  background-repeat: no-repeat;
}

.list-module-tabs .tab,
.list-module-tabs .tab a {
  font-size: 12px;
  font-weight: normal;
  
  width: 213px;
  
  color: #CCC;
  background-position: left bottom;
  background-repeat: repeat-x;
}

.list-module-tabs .tab { position: relative; }

.list-module-tabs .tab a {
  line-height: 15px;
  position: absolute;
  z-index: 100;
  
  cursor: pointer;
}

.list-module-tabs .tab a span { line-height: 12px; }

.list-module-tabs .tab a:hover { color: #FFF; }

.list-module-tabs .tab a.state-one,
.list-module-tabs .tab a.tab-overlay,
.list-module-tabs .tab a.state-three,
.list-module-tabs .tab a#tab-active-opinion,
.list-module-tabs .tab a#tab-comparison-opinion.user-opinion,
.list-module-tabs .tab a#tab-comparison-opinion:hover {
  font-size: 15px;
  font-weight: bold;
  
  color: #FFF;
}

.list-module-tabs .tab a.state-one,
.list-module-tabs .tab a.tab-overlay,
.list-module-tabs .tab a.state-three,
.list-module-tabs .tab a#tab-comparison-opinion.user-opinion,
.list-module-tabs .tab a#tab-comparison-opinion:hover {
  height: 48px;
  line-height: 48px;
  background-position: left bottom;
  background-repeat: repeat-x;
}

.list-module-tabs .tab a#tab-active-opinion {
  color: #333;
  background-color: #FFF;
  
  cursor: default;
}

.list-module-tabs .tab a#tab-active-opinion.unsaved-changes {
  color: #FFF;
  background-color: #FAB340;
  background-image: url('../../images/ls/background/widget-tab-active-opinion.png');
}

.list-module-tabs .tab a.state-one,
.list-module-tabs .tab a#tab-active-opinion.state-one {
  background-color: #F2AE40;
  background-image: url('../../images/ls/background/widget-tab-state-one.png');
}

.list-module-tabs .tab a#tab-comparison-opinion:hover,
.list-module-tabs .tab a.tab-overlay {
  background-color: #999;
  background-image: url('../../images/ls/background/widget-tab-state-three.png');
}

.list-module-tabs .tab a.state-three,
.list-module-tabs .tab a#tab-comparison-opinion.user-opinion {
  background-color: #3E9DDA;
  background-image: url('../../images/ls/background/widget-tab-state-two.png');
}

.list-module-tabs .tab a img {
  vertical-align: middle;
  
  width:  30px;
  height: 30px;
  
  background-repeat: no-repeat;
  
  background-image: url('../../images/ls/icon/lock-trans.png');
}

.list-module-tabs .tab a.unsaved-changes img { background-image: url('../../images/ls/icon/lock-open-trans.png'); }

.list-module-tabs .tab a#tab-comparison-opinion:hover img { display: none; }

.list-module-tabs .tab .item-header {
  float: none;
  padding: 6px;
}

.list-module-tabs .tab .help-icon {
  width:  12px;
  height: 12px;
  
  right: 12px;
  top: 7px;
}

.list-module-tabs .tab .editing-text { display: none; }

.list-module-tabs .tab a.unsaved-changes .editing-text { display: inline; }

/* *** LIST SCROLLER *** */
.list-scroller {
  line-height: 18px;
  text-decoration: none;
  
  display: block;
  height: 18px;
  
  background-image: url('../../images/ls/background/widget-body-trans.png');
  background-position: center center;
}

/* TODO: add no-scrollable states to the list scrollers */
#list_scroller_up { background-image: url('../../images/ls/background/widget-scroller-up-trans.png'); }

#list_scroller_down { background-image: url('../../images/ls/background/widget-scroller-down-trans.png'); }

.list-scroller small {
  text-align: right;
  
  display: block;
  margin: 0 36px;
  
  color: #999;
}

.list-scroller span { display: none; }

/* *** LIST FOOTER *** */
.list-module-footer {
  height: 40px;
  padding: 6px 0 30px 30px;
  background-image: url('../../images/ls/background/widget-footer-trans.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* LIST ITEMS
--------------------------------------------------------------------------- */
.list-module .list-items-container,
.list-module .list-items,
.list-module .item-container,
.list-module .item { width: 432px; }

.list-items-container,
.list-items { min-height: 336px; }

.list-items-container,
.list-items,
.item-container { position: relative; }

.list-items-container {
  padding: 0 24px;
  
  background-image: url('../../images/ls/background/widget-body-trans.png');
  background-position: center center;
}

.scrollable .list-items-container,
.scrollable .list-items { height: 336px; }

.edit,
.edit .item { height: 318px; }

.edit .item {
  position: absolute;
  top:  -24px;
  left: -24px;
  z-index: 100;
  padding: 24px;
  padding-right: 0;
  overflow: hidden;
  
  background-image: url('../../images/ls/background/list-item-edit-trans.png');
}

/* *** LIST ITEM HEADER *** */
.item-header,
.item-header .rank,
.item-header .presentation * { cursor: pointer; }

.item-header {
  font-size: 15px;
  font-weight: bold;
  
  position: relative;
  height: 36px;
  padding: 6px 0 6px 12px;
  
  background-image: url('../../images/ls/background/list-item.png');
  color: #999;
}

.item-header .rank {
  text-align: right;
  line-height: 36px;
  
  display: block;
  float: left;
  width: 24px;
  margin: 0 6px;
}

.item-header .delete,
.item-header .drag {
  position: absolute;
  top: 6px;
  display: none;
  height: 36px;
}

.item-header .delete { background-image: url('../../images/ls/background/list-item-delete-trans.png'); }

.item-header .delete:hover { background-image: url('../../images/ls/background/list-item-delete-hover-trans.png'); }

.item-header .drag {
  right: 1px;
  
  background-image: url('../../images/ls/background/list-item-drag.gif');
  
  cursor: move;
}

.item-header .drag:hover { background-position: right; }

.item-header:hover { background-image: url('../../images/ls/background/list-item-hover.png'); }

.item-header:hover .drag { display: block; }

.item-header .done {
  position: absolute;
  top:   11px;
  right: 11px;
  display: none;
  width:  24px;
  height: 24px;
  
  background-image: url('../../images/ls/icon/close-trans.png');
  background-repeat: no-repeat;
  
  cursor: pointer;
  
  opacity: 0.8;
}

.item-header .done:hover { opacity: 1; }

.edit .item-header,
.edit .item-header .rank { cursor: default; }

.edit .item-header .done { cursor: pointer; }

#list_items .edit .item-header { background: transparent; }

.edit .item-header .done { display: block; }

.edit .item-header .drag {
  display: block;
  right: 34px;
}

/* LIST ITEM HEADER IMAGE */
.item-image-container {
  line-height: 34px;
  text-align: center;
  
  display: block;
  float: left;
  width:  36px;
  height: 36px;
  
  overflow: hidden;
}

.item-image-container img {
  vertical-align: middle;
  
  max-width:  100%;
  max-height: 100%;
}

/* LIST ITEM HEADER PRESENTATION */
.item-header .presentation { float: left; }

.item-header .presentation .title,
.item-header .presentation p {
  display: block;
  width: 308px;
  margin-top: 3px;
  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item-header .presentation p {
  font-weight: normal;
  font-size: 12px;
  
  margin-top: 0px;
}

.item-header .presentation .title { color: #333; }

.item-header .presentation .title:only-child { line-height: 30px; }

.item-header:hover .presentation .title { color: #000; }

.edit .item-header .presentation { display: none; }

/* LIST ITEM HEADER EDITOR */
.item-header .editor {
  display: none;
  padding-top: 1px;
}

.item-header .editor .title { 
  float: left;
  width: 264px;
}

.edit .item-header .editor { display: block; }

/* *** LIST ITEM CONTENT *** */
.item-content-container {
  display: none;
  
  padding: 9px 0 0 12px;
}

.item-description-container input {
  font-weight: normal;
  
  display: block;
  width: 394px;
  margin: 0 0 9px 0;
}

.item-content-container .button {
  text-align: left;
  text-indent: 12px;
  
  width: 140px;
  background-position: -105px bottom;
  margin: -6px 0 0;
}

.item-content-container .delete-item {
  text-align: center;
  text-indent: 0;
  
  width: 105px;
  margin: -6px 35px 0 -6px;
  
  background-position: left bottom;
}

.item-content-container .add-content-open { text-indent: 37px; }

.item-content-container .add-content .show { display: inline; }
.item-content-container .add-content .hide { display: none; }
.item-content-container .add-content-open .hide { display: inline; }
.item-content-container .add-content-open .show { display: none; }

.item-content-container .save-item img.btn-icon,
.item-content-container .add-content img.btn-icon,
.item-content-container .add-content-open img.btn-icon {
  top: 10px;
  right: 10px;
  width:  21px;
  height: 21px;
  
  background-repeat: no-repeat;
}

.item-content-container .add-content-open img.btn-icon { right: 108px; }

.item-content-container .save-item img.btn-icon {
  top: 9px;
  background-image: url('../../images/ls/icon/item-save-trans.png');
  background-position: center center;
}

.item-content-container .add-content img.btn-icon,
.item-content-container .add-content-open img.btn-icon {
  background-image: url('../../images/ls/icon/content-add-arrows.gif');
  background-position: right center;
}

.item-content-container .add-content-open img.btn-icon {
  background-position: left center;
}

.edit .item-content-container { display: block; }

/* *** ITEM ATTACHEMENTS *** */
.item-attachments {
  position: relative;
  width: 402px;
  height: 170px;
  margin-bottom: 9px;
  padding: 2px;
  
  border: 1px dotted;
  
  border-color: #CCC;
}

.content .image-position img { width: 120px; }

.list-items li.edit .item .item-attachments { overflow: hidden; }

.content,
.drag-instructions {
  font-size: 11px;
  
  display: block;
  
  background: #FFF;
}

.item-attachments .content { float: left; }

.content,
.content .image-position,
.content .image-position div,
.content .image-position a,
.content .play { width: 122px; }

.content {
  position: relative;
  display: block;
  height: 158px;
  margin: 3px;
  padding: 2px;
  overflow: hidden;
  
  border: 1px solid;
  border-color: #CCC;
  
  cursor: move;
}

.item-attachments .added { cursor: default; }

.content .image-position,
.content .image-position div,
.content .image-position a,
.content .play {
  line-height: 86px;
  text-align: center;
  
  display: block;
  height: 94px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.content .image-position { background: #EEE; }

.content .play {
  position: absolute;
  top: 2px;
  left: 2px;
  display: none;
  
  background-image: url('../../images/ls/icon/content-play-trans.png');
}

.content .play:hover { background-image: url('../../images/ls/icon/content-play-hover-trans.png'); }

.content .add-remove {
  position: absolute;
  top:   7px;
  right: 7px;
  
  display: none;
  width:  21px;
  height: 21px;
  
  background-image: url('../../images/ls/icon/content-remove-trans.png');
}

.content:hover .play,
.content:hover .add-remove { display: block; }

.added .play,
.added:hover .play,
.added .add-remove,
.added:hover .add-remove { display: none; }

.content .image-position img {
  vertical-align: middle;
  
  display: inline;
  /*max-width: 124px;*/
  /*max-height: 92px;*/
  width: 124px;
  margin: 0;
  padding: 0;
  
  border: 1px solid;
  
  border-color: #EEE;
}

.content .details {
  display: block;
  height: 60px;
  margin: 2px;
}

.content .details h2,
.content .details h3,
.content .details p {
  line-height: 12px;
  
  display: block;
  max-height: 24px;
  overflow: hidden;
}

.content .details p { color: #666; }

.content .details h2:only-child,
.content .details h3:only-child,
.content .details p:only-child { max-height: 48px; }

.drag-instructions {
  text-align: center;
  
  float: left;
  width: 132px;
  margin: 67px 3px 0;
  
  color: #CCC;
}

.drag-instructions strong {
  font-size: 12px;
  display: block;
}

.drag-instructions:only-child {
  font-size: 12px;
  float: none;
  width: 50%;
  margin: 67px auto 0;
  
  color: #999;
}

.drag-instructions:only-child strong { font-size: 15px; }

img.content-type-icon {
  float: left;
  width: 24px;
  margin: 3px 3px 0;
  
  background-image: url('../../images/ls/icon/content-type.png');
  background-repeat: no-repeat;
  background-position: left center;
}

.content img.content-type-icon {
  position: absolute;
  top:  3px;
  left: 3px;
}

.youtube img.content-type-icon { background-position: -24px center; }

.flickr img.content-type-icon { background-position: -48px center; }

.alexa img.content-type-icon { background-position: -72px center; }

.yelp img.content-type-icon { background-position: -96px center; }

.amazon img.content-type-icon { background-position: -120px center; }

.g4 img.content-type-icon { background-position: -144px center; }

#content_browser .content img.content-type-icon { display: none; }


/* ------------------------------------------------------------------------ */
#list_items_holding_pen {
  min-height: 0;
  padding-top: 18px;
  
  background-color: transparent;
  background-image: url('../../images/ls/background/holding-pen.png');
  background-repeat: no-repeat;
  background-position: right top;
}

#list_items_holding_pen .item-header .presentation .title,
#list_items_holding_pen .item-header .presentation p { padding-left: 36px; }

#list_items_holding_pen .add-to-list {
  position: absolute;
  top: 6px;
  left: 51px;
  display: block;
  width:  30px;
  height: 36px;
  
  background-color: transparent;
  background-image: url('../../images/ls/icon/item-header-add-to-list.png');
  background-repeat: no-repeat;
  background-position: right top;
  
  cursor: pointer;
}

#list_items_holding_pen .add-to-list:hover { background-position: left top; }

#list_items_holding_pen .rank { display: none; }

#list_items_holding_pen .item-content-container { padding: 8px 7px; }

#list_items_holding_pen .item-attachments {
  width: 414px;
  margin: 0;
  border: none;
}

#list_items_holding_pen .content,
#list_items_holding_pen .content .image-position,
#list_items_holding_pen .content .image-position div,
#list_items_holding_pen .content .image-position a,
#list_items_holding_pen .content .play { width: 126px; }

#list_items_holding_pen .content { cursor: default; }

#list_items_holding_pen .drag-instructions { display: none; }

#list_items_holding_pen .edit,
#list_items_holding_pen .edit .item { height: 237px; }

#list_items_holding_pen .edit .item { background-image: url('../../images/ls/background/list-item-open-trans.png'); }

#list_items_holding_pen .edit .item-header .presentation { display: block; }

#list_items_holding_pen .edit .item-header { background-image: url('../../images/ls/background/list-item-open-header.png'); }

/* *** OPINION OVERLAY *** */
.opinion-items {
  position: absolute;
  z-index: 1000;
  top: 0;
  
  display: block;
  width: 213px;
  max-height: 100%;
  overflow: hidden;
}

.opinion-items .item-header {
  display: block;
  height: 35px;
  width: 201px;
  overflow: hidden;
  margin: 1px 0 0;
  padding: 6px;
  
  background: #CCC;
}

.opinion-items .item-header .presentation,
.opinion-items .item-header .presentation .title { width: 123px; }

.user-opinion-items .item-header { background: #E1EEF7; }

#tab-active-opinion-items { left: 24px; }

#tab-comparison-opinion-items { right: 24px; }

/* *** CONTENT BROWSER *** */
#content_browser_container,
#content_browser {
  position: absolute;
  display: block;
}

#content_browser_container {
  left: -24px;
  top: 161px;
  width: 504px;
  height: 357px;
  overflow: hidden;
}

#content_browser {
  right: 0;
  top:   0;
  
  width: 465px;
  height: 309px;
  padding: 24px;
  
  
  background-image: url('../../images/ls/background/list-item-edit-trans.png');
  background-position: right top;
}

#content_browser .done {
  position: absolute;
  top:   12px;
  right: 12px;
  
  display: block;
  display: none;
  width:  24px;
  height: 24px;
  
  background: transparent url('../../images/ls/icon/close-trans.png') no-repeat center center;
}

#content_browser_search_fs {
  padding-right: 0;
  padding-left:  0;
  
  background: transparent;
}

#content_browser_search_fs * {
  display: block;
  float: left;
}

#content_browser_search_fs label {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  line-height: 36px;
  margin-right: 6px;
}

#content_browser_search_fs input.text { width: 314px; }

#content_browser_search_fs input.zipcode {
  display: none;
  width: 102px;
  margin-left: 3px;
}

.yelp-search #content_browser_search_fs input.refine { width: 195px; }

.yelp-search #content_browser_search_fs input.zipcode { display: block; }

#content_browser_search_fs button {
  width:  30px;
  height: 30px;
  margin: 2px 0 0 3px;
  
  border: none;
  background: url('../../images/ls/icon/go-trans.png');
  
  cursor: pointer;
}

#content_browser_search_fs button span { display: none; }

#content_browser_type_tabs,
#content_browser_type_tabs * {
  font-size: 12px;
  font-weight: normal;
  
  color: #999;
}

#content_browser_type_tabs {
  width: 444px;
  height: 29px;
  margin: 9px 21px;
  margin-left: 0;
  
  border-bottom: 1px solid;
  
  border-color: #CCC;
}

/*#content_browser_type_tabs .tab { margin: 0; }*/

#content_browser_type_tabs a {
  
  /*line-height: 24px;*/
}

#content_browser_type_tabs a img,
#content_browser_type_tabs a span {
  vertical-align: middle;
}

#content_browser_type_tabs a span {
  display: none;
  margin-right: 9px;
}

/*#content_browser_type_tabs a:hover span,*/
#content_browser_type_tabs a.current span { display: inline; }

#content_browser_type_tabs a.current span {
  font-weight: bold;
  
  margin-right: 8px;
  
  color: #000;
}

#content_browser_type_tabs a.current {
  
  text-decoration: none;
  
  height: 29px;
  /*padding: 0 8px 0 29px;*/
  
  border: 1px solid;
  border-bottom: none;
  
  color: #000;
  background-color: #FFF;
  border-color: #CCC;
  
  cursor: default;
}

#content_browser .item-attachments {
  width: 450px;
  padding: 3px;
  
  border: none;
}

#content_browser .content,
#content_browser .content .image-position,
#content_browser .content .image-position div,
#content_browser .content .image-position a,
#content_browser .content .play { width: 134px; }

#content_browser .content .image-position img { /*max-width: 132px;*/ width: 132px; }

#content_browser .content .add-remove { background-image: url('../../images/ls/icon/content-add-trans.png'); }

#content_browser .reuseable-item,
#content_browser .reuseable-item * { cursor: default; }

#content_browser .reuseable-item a,
#content_browser .reuseable-item a * { cursor: pointer; }

#content_browser .reuseable-item {
  width: 207px;
}

#content_browser .reuseable-item .details { height: 36px; }

#content_browser .reuseable-item .details .title,
#content_browser .reuseable-item .details p {
  height: 12px;
  overflow: hidden;
}

#content_browser .reuseable-item .add {
  text-align: left;
  text-indent: 12px;
  
  position: absolute;
  bottom: 0;
  right: -2px;
  
  width: 140px;
  width: 105px;
  margin: 0;
  
  background-position: left bottom;
}

#content_browser .reuseable-item .add img.btn-icon {
  top: 9px;
  right: 10px;
  width:  21px;
  height: 21px;
  
  background-image: url('../../images/ls/icon/content-add-trans.png');
  background-repeat: no-repeat;
  background-position: center center;
}

#content_browser .reuseable-item .other-images-container {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 69px;
}

#content_browser .reuseable-item .other-image-position,
#content_browser .reuseable-item .other-image-position img { width: 100%; }

#content_browser .reuseable-item .other-image-position {
  height: 45px;
  margin-bottom: 4px;
  overflow: hidden;
}

#content_browser .reuseable-item .other-image-position img {
  background: #EEE;
}

#content_browser_no_results {
  font-size: 14px;
  text-align: center;
  
  position: absolute;
  top: 200px;
  display: block;
  width: 442px;
  
  color: #999;
}

#content_browser_pager,
#content_browser_pager .shift-left,
#content_browser_pager .shift-right {
  line-height: 30px;
  
  display: block;
  height: 30px;
}

#content_browser_pager { width: 444px; }

#content_browser_pager a {
  opacity: 0.5;
  cursor: default;
}

#content_browser_pager a.active {
  opacity: 1;
  cursor: pointer;
}

#content_browser_pager .shift-left,
#content_browser_pager .shift-right {
  text-decoration: none;
  
  padding: 0 31px;
  
  color: #999;
  background-image: url('../../images/ls/icon/content-search-pager.gif');
  background-repeat: no-repeat;
}

#content_browser_pager a.active:hover { text-decoration: underline; }

#content_browser_pager .shift-left  {
  float: left;
  padding-right: 0;
  
  background-position: left top;
}

#content_browser_pager .shift-right {
  float: right;
  padding-left: 0;
  
  background-position: right bottom;
}

/* LIST SUPPORT
--------------------------------------------------------------------------- */
/*#suggested_lists li { position: relative; background: red; }*/

#suggested_lists .digg-button { background-image: url('../../images/ls/icon/digg-badge.gif'); }

/* *** SHARE FORM *** */
#share_form_container .holder {
  margin: 6px;
  
  border-color: #CCC;
}

#share_form_container .module-component { border-width: 0; }

#share_form_container .module-header,
#share_form_container .module-footer { border-width: 0 0 1px; }

#share_form_container .module-footer  {
  margin: 0;
  padding: 0;
}

#share_form_container .module-footer .button {
  letter-spacing: -0.1em;
  word-spacing: 0.1em;
  
  float: none;
  margin: 6px auto;
}

/*#share_form_container .module-footer #share_submit img.btn-icon { right: -12px; }*/

#share_form_container #share_address_book {
  margin: -6px 0 0 6px;
  background: #FFF;
}

#share_form_container .tabs,
#share_form_container .tabs * {
  font-size: 12px;
  font-weight: normal;
  
  color: #999;
}

#share_form_container .tabs {
  height: 29px;
  margin-top: 12px;
  
  border-bottom: 1px solid;
  
  border-color: #CCC;
}

#share_form_container .tabs a { padding: 0 12px; }

#share_form_container .tabs a:hover { text-decoration: underline; }

#share_form_container .tabs .current a {
  font-weight: bold;
  text-decoration: none;
  
  height: 29px;
  padding: 0 11px;
  
  border: 1px solid;
  border-bottom: none;
  
  color: #000;
  background: #FFF;
  border-color: #CCC;
  
  cursor: default;
}

#share_form_container .version-selector {
  height: 46px;
  margin-top: 24px;
  padding: 4px 12px;
  
  border-width: 1px 0;
  border-style: solid;
}

#share_form_container .version-selector label {
  display: block;
  margin: -22px 0 8px;
  padding: 0;
}

#share_form_container .version-selector div.version-option,
#share_form_container .version-selector div.version-option * { cursor: pointer; }

#share_form_container .version-selector div,
#share_form_container .version-selector div input,
#share_form_container .version-selector div img,
#share_form_container .version-selector div span {
  float: left;
}

#share_form_container .version-selector div {
  font-weight: bold;
  line-height: 46px;
  text-align: center;
  
  height: 46px;
  padding: 0 18px;
  
  color: #666;
}

#share_form_container .version-selector div.version-option {
  font-weight: normal;
  text-align: left;
  
  /*width: 186px;*/
  height: 46px;
  height: 30px;
  padding: 16px 0 0;
}

#share_form_container .version-selector div input,
#share_form_container .version-selector div img {
  vertical-align: middle;
  
  display: inline;
  margin: 0;
  padding: 0;
}

#share_form_container .version-selector div img,
#share_form_container .version-selector div span {
  margin-top: -16px;
}

#share_form_container .version-selector div img {
  width:  46px;
  height: 46px;
  
  background-repeat: no-repeat;
  background-position: center center;
}

#share_form_container .version-selector div.selected,
#share_form_container .version-selector div.selected * { cursor: default; }

#share_form_container .version-selector div.selected img { background-position: right center; }

#share_form_container .version-selector div.version-option-user img { background-image: url('../../images/ls/icon/version-option-user.png'); }

#share_form_container .version-selector div.version-option-group img { background-image: url('../../images/ls/icon/version-option-group.png'); }

#share_form_container .version-selector div span,
#share_form_container .version-selector div span strong { display: block; }

#share_form_container .version-selector div span {
  font-size: 11px;
  line-height: 12px;
  
  padding-top: 10px;
}

#share_form_container .version-selector div span strong {
  font-size: 12px;
  line-height: 15px;
  
  color: #000;
}

#share_form_container .help-icon {
  top: 30px;
  right: 24px;
}

#share_form_container .version-selector .help-icon {
  top: -18px;
  right: 270px;
}

#address_book_steps .step-title {
  font-weight: normal;
  
  display: none;
  margin: 0 12px 6px;
  
  color: #999;
}

#address_book_get fieldset.module-component { padding: 0 12px; }

#address_book_get fieldset.module-component .button { margin: 6px 0 12px 100px; }

#address_book_get fieldset.webmail-selector .button { margin-bottom: 0; margin-top: 1px; }

#address_book_get legend {
  font-weight: bold;
  
  display: block;
  padding: 6px 0;
}

#address_book_get legend span,
#address_book_get legend small {
  font-weight: normal;
  
  color: #999;
}

#address_book_get fieldset div { padding: 12px 0 6px; }

#address_book_get fieldset div label,
#address_book_get fieldset div input.text,
#address_book_get fieldset div select {
  float: left;
  margin: 0;
}

#address_book_get fieldset div label {
  line-height: 30px;
  
  width: 106px;
}

#address_book_get fieldset div input.text {
  width: 286px;
}

#address_book_get fieldset div.select-source {}

#address_book_get fieldset div.select-source label {
  line-height: 18px;
}

#address_book_get fieldset p { margin-left: 106px; }

#address_book_add .select-container {
  display: block;
  width: 406px;
  margin: 0 12px;
  padding: 0;
  
  
  border: 1px solid #999;
}

#address_book_add #address_book_select_all {
  width: 394px;
  margin-top: 6px;
  padding: 3px 6px;
  
  border-bottom: none;
  
  background: #CCC;
}

#address_book_add ul {
  display: block;
  width: 406px;
  height: 87px;
  overflow: auto;
}

#address_book_add li {
  display: block;
  margin: 0;
  padding: 6px;
  overflow: hidden;
  white-space: nowrap;
  background: #FFF;
}

#address_book_add li.odd { background: #EEE; }

#address_book_add input,
#address_book_add label,
#address_book_add span {
  display: block;
  float: left;
  margin: 0 6px;
}

#address_book_add span {
  font-family: courier, monospace;
  float: right;
}

fieldset.module-component #share_to {
  float: left;
  width: 361px;
}

#share_import-contacts {
  display: block;
  float: left;
  width: 25px;
  height: 28px;
  margin: 7px 0 0;
  padding: 0;
  
  background: url('../../images/ls/background/import-contacts-btn.gif');
}

#share_import-contacts span { display: none; }

#importContacts fieldset.module-component,
#importContacts_results fieldset.module-component {
  border: none;
  padding: 0;
}

#importContacts fieldset.module-component div label,
#importContacts fieldset.module-component div select {
  display: inline;
}

#importContacts fieldset.module-component p.error,
#importContacts fieldset.module-component p.form-error { padding: 0; }

#importContacts fieldset.module-component input.text { width: 324px; }

#importContacts .help-remora {
  margin: -6px 0 0 -18px;
  
  color: #666;
  background-position: 8px 12px;
}

#importContacts .help-remora strong {
  display: block;
  margin: 0 0 6px;
}

#importContacts_results ul {
  width: 336px; 
  height: 200px;
  margin: 6px 6px 0;
  overflow: auto;
  
  border: 1px solid #999;
}

/* *** PUBLISH BTN *** */
#publish_widget_btn_container .help-icon {
  position: relative;
  float: left;
  margin-top: 15px;
}

#publish_widget_btn_container .button { margin-left: 18px; }

/* *** DISCUSSION *** */
#current_user,
#current_user * {
  text-decoration: none;
  
  cursor: default;
}

#current_user { background-image: url('../../images/ls/background/discussion-people-current-user.gif'); }

#current_user .thumbnail-title {
  font-size: 18px;
  line-height: 36px;
}

#current_user .thumbnail-title span {
  font-size: 14px;
  font-weight: normal;
  
  color: #F63;
}

.discussion-module .module-component-item:hover .thumbnail-cluster-small { background: #EEE; }

#discussion_people .thumbnail-text,
#discussion_people .thumbnail-text * { cursor: default; }

#discussion_people .module-component-item:hover .thumbnail-cluster-small {
  background-color: #3E9DDA;
  background-image: url('../../images/ls/background/widget-tab-state-two.png');
}

#discussion_people .module-component-item:hover .thumbnail-cluster-small,
#discussion_people .module-component-item:hover .thumbnail-cluster-small *,
#discussion_people .module-component-item:hover .remora-link { 
  text-decoration: none;
  
  color: #FFF;
}

#discussion_people .module-component-item .remora-link { display: none; }

#discussion_people .module-component-item .remora-link:hover {
  text-decoration: underline;
  
  color: #09F;
}

#discussion_people .module-component-item:hover .remora-link { display: block; }

#discussion_people .module-component-item:hover .remora-link:hover { color: #FFF; }

#discussion_people .help-icon {
  top:   9px;
  right: 9px;
}

#discussion .module-body {
  max-height: 504px;
  overflow: auto;
}

#discussion .module-component-item { border-color: #999; }

#discussion .comment-body {
  font-size: 11px;
  line-height: 1.5em;
  padding: 6px 12px;
  
  border-top: 1px dotted;
  
  color: #333;
  border-color: #DDD;
}

#discussion .module-footer .button {
  float: none;
  margin: -6px auto 6px;
}

#discussion .module-footer textarea { width: 406px; }

/* *** PRODUCTS *** */
#suggested_products .product {
  background-color: transparent;
  background-image: url('../../images/ls/icon/buy-now.gif');
  background-repeat: no-repeat;
  background-position: 384px 12px;
}

/* MODAL WINDOWS
--------------------------------------------------------------------------- */
#next-steps-dialog .button,
#modalbox_wrapper #video_preview_modal .button {
 width: 420px;
 float: none;
 margin: 6px auto;
 
 background-position: right top;
}

#modalbox_wrapper #share_form_container { padding-bottom: 6px; }

#modalbox_wrapper #share_form_container .tabs { margin: 12px; }

#modalbox_wrapper #share_form_container .tabs .current a { background: #EEE; }

#modalbox_wrapper #share_form_container .version-selector {
  margin: 24px 12px 0;
  padding: 0;
}

#modalbox_wrapper #address_book_get legend {
  padding-top: 0;
}

#modalbox_wrapper #share_form_container .help-icon { display: none; }

/* *** NEXT STEPS *** */
#next-steps-dialog { padding-bottom: 1px; }

#next-steps-dialog .module-component { border-style: none; }

#next-steps-dialog .module-header { border-style: solid; }

/* *** VIDEO PREVIEW *** */
#modalbox_wrapper #video_preview_modal { padding: 30px 12px 12px; }

#modalbox_wrapper #video_preview_modal .module-body { text-align: center; }

#modalbox_wrapper #video_preview_modal ~ .close { right: 3px; }

/* *** ITEM CHOOSER *** */
#modalbox_wrapper .item-chooser {
  width: 835px;
  margin-left: -178px;
  background: #CCC;
}

#modalbox_wrapper .item-chooser .module-component { border-color: #FFF;}

#modalbox_wrapper .item-chooser .module-header {
  border: none;
  background: transparent url('../../images/ls/background/item-chooser-header.png') no-repeat top left;
}

#modalbox_wrapper .item-chooser .items-container,
#modalbox_wrapper .item-chooser .preview-container {
  display: block;
  float: left;
}

#modalbox_wrapper .item-chooser .items-container {}

#modalbox_wrapper .item-chooser .items {
  position: relative;
  width: 432px;
  height: 288px;
  overflow: auto;
  
  background: #FFF;
}

#modalbox_wrapper .item-chooser .preview-container {
  text-align: center;
  width: 403px;
  height: 273px;
  padding-top: 15px;
  background: #333;
}

#modalbox_wrapper .item-chooser .preview-container .orphan {
  font-size: 14px;
  
  display: none;
  margin: 90px 36px 0;
  
  color: #FFF;
}

#modalbox_wrapper .item-chooser .preview-container .orphan:only-child { display: block; }

#modalbox_wrapper .item-chooser .item-header {
  position: relative;
  padding-left: 30px;
}

#modalbox_wrapper .item-chooser .item-header:hover { background-image: url('../../images/ls/background/item-chooser-item-header-hover.png'); }

#modalbox_wrapper .item-chooser .item-header .add-to-list,
#modalbox_wrapper .item-chooser .item-header .preview {
  position: absolute;
  top: 6px;
  display: block;
  width:  30px;
  height: 36px;
  
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right top;
  
  cursor: pointer;
}

#modalbox_wrapper .item-chooser .item-header .add-to-list {
  left: 0;
  
  background-image: url('../../images/ls/icon/item-header-add-to-list.png');
}

#modalbox_wrapper .item-chooser .item-header .preview {
  right: 3px;
  
  background-image: url('../../images/ls/icon/item-header-preview.png');
}

#modalbox_wrapper .item-chooser .item-header .add-to-list:hover,
#modalbox_wrapper .item-chooser .item-header:hover .preview { background-position: left top; }

#modalbox_wrapper .item-chooser .item-header .presentation { padding-left: 9px; }

#modalbox_wrapper .item-chooser .item-header .presentation .title,
#modalbox_wrapper .item-chooser .item-header .presentation p { width: 288px; }

#modalbox_wrapper .item-chooser ~ .close { right: -170px; }

/* ------------------------------------------------------------------------ */
body div.DefaultPointyTip div.pointyWrapper  div.top_ul,
body div.DefaultPointyTip div.pointyWrapper  div.top_ur,
body div.DefaultPointyTip div.pointyWrapper  div.bottom_ll,
body div.DefaultPointyTip div.pointyWrapper  div.bottom_lr { background-image: url('../../images/ls/background/help-back-green.png') !important; }

body div.DefaultPointyTip div.pointyWrapper  div.top_ul {
  background-position: top left !important;
  background-repeat: no-repeat !important;
}

body div.DefaultPointyTip div.pointyWrapper  div.top_ur {
  background-position: top right !important;
}

body div.DefaultPointyTip div.pointyWrapper  div.bottom_ll {
  background-position: bottom left no-repeat !important;
  background-repeat: no-repeat !important;
}

body div.DefaultPointyTip div.pointyWrapper  div.bottom_lr { background-position: bottom right !important; }

body div.DefaultPointyTip div.pointyWrapper div.top div.top_ur h1.caption,
body div.DefaultPointyTip div.pointyWrapper div.middle div.body {
  font-family: Arial, sans-serif !important;
  color: #000 !important;
}

body div.DefaultPointyTip div.pointyWrapper div.middle div.body { background: #BDD798 !important; }

body #getStartedTip div.DefaultPointyTip div.pointyWrapper  div.top_ul,
body #getStartedTip div.DefaultPointyTip div.pointyWrapper  div.top_ur,
body #getStartedTip div.DefaultPointyTip div.pointyWrapper  div.bottom_ll,
body #getStartedTip div.DefaultPointyTip div.pointyWrapper  div.bottom_lr { background-image: url('../../images/ls/background/help-back-orange.png') !important; }

body #getStartedTip div.DefaultPointyTip div.pointyWrapper div.top div.top_ur h1.caption {
  font-size: 16px !important;
  
  padding-top: 3px !important;
}

body #getStartedTip div.DefaultPointyTip div.pointyWrapper div.middle div.body {
  font-size: 12px !important;
  line-height: 16px !important;
  
  /*min-height: 94px !important;*/
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  
  background: #FFBF8C !important;
}