/* LAYOUT
--------------------------------------------------------------------------- */
.container-main {
  width: 960px;
  margin: auto;
  padding: 0 18px;
}

/* *** COLUMNS *** */
.column-third,
.column-thirds-two,
.column-quarter,
.column-quarters-three,
.column-half {
  position: relative;
  float: left;
}

.column-third { width: 320px; }

.column-thirds-two { width: 640px; }

.column-quarter { width: 25%; }

.column-quarters-three { width: 75%; }

.column-half { width: 50%; }

/* *** *** */
.right { float: right; }

.left { float: left; }

/* TYPE
--------------------------------------------------------------------------- */
body, input, textarea, button { font: 12px Arial, sans-serif; }

a { color: #F63; /*Orange Links*/ /*color: #09F; Blue Links*/ /*color: #9C3; Green Links*/ }

small { font-size: 10px; }

/* *** COPY BLOCK *** */
.copy-block h1,
.copy-block h2,
.copy-block h3,
.copy-block h4,
.copy-block h5,
.copy-block h6,
.copy-block p {
  line-height: 1.5em;
  
  margin: 12px 24px;
}

/* FORMS & USER INTERFACE
--------------------------------------------------------------------------- */
.error,
.form-error { color: red; }

p.error,
p.form-error { padding: 3px 12px; }

/* *** BUTTONS *** */
input.text,
textarea.text {
  padding: 6px 6px 5px;
  
  border: 1px solid;
  
  border-color: #CCC;
}

input.text {
  font-size: 15px;
  font-weight: bold;
  vertical-align: middle;
  
  color: #999;
}

input.watermark,
textarea.watermark {
  font-style: italic;
  color: #CCC;
}

button,
.button {
  font-size: 14px;
  font-weight: bold;
  
  text-align: center;
  text-decoration: none;
  
  position: relative;
  display: block;
  float: left;
  width: 210px;
  line-height: 40px;
  height:      40px;
  margin:  0;
  padding: 0;
  
  border: none;
  
  color: #666;
  background-color: transparent;
  background-image: url('../../images/ls/background/buttons-trans.png');
  background-repeat: no-repeat;
  background-position: -84px top;
  
  cursor: pointer;
}

button:only-child,
.button:only-child {
  float: none;
  margin: 0 auto;
}

button:hover,
.button:hover { color: #333; }

img.btn-icon {
  position: absolute;
  display: block;
  width:  36px;
  height: 36px;
  
  top: 2px;
  right: 0;
  
  background: transparent url('../../images/ls/icon/button-icons.png');
}

button.button img.btn-icon, x:-moz-any-link { top: -11px; }

.add img.btn-icon { background-position: left -36px; }

.save img.btn-icon { background-position: left -72px; }

.share img.btn-icon { background-position: left -108px; }

.add-address img.btn-icon,
.share-popup img.btn-icon { background-position: left -180px; }

.share,
.add-address {
  text-align: left;
  
  width: 195px;
  padding-left: 15px;
}

.share img.btn-icon,
.add-address img.btn-icon {
  top: -1px;
  right: -3px;
}

.share-popup img.btn-icon {
  top: -1px;
  right: 6px;
}

.comment img.btn-icon {
  right: 6px;
  
  background-position: left -144px;
}

/* *** TOOLTIPS *** */
.tip-container {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  
  z-index: 1000;
}

.tip,
.tip-top,
.tip-bottom {
  display: block;
  float: left;
  height: 30px;
  padding: 3px 0 12px 0;
}

.tip { background-image: url('../../images/ls/background/tip-trans.png'); }

.tip-top {
  width: 16px;
  
  background-image: url('../../images/ls/background/tip-top-trans.png');
}

.tip-bottom {
  width: 22px;
  
  background-image: url('../../images/ls/background/tip-bottom-trans.png');
}

/* *** HELPS *** */
.help-remora {
  font-size: 11px;
  line-height: 12px;
  
  display: block;
  display: none;
  min-height: 12px;
  padding: 12px 24px;
  margin: -24px 0 0;
  
  background-image: url('../../images/ls/icon/info-12-trans.png');
  background-repeat: no-repeat;
  background-position: 7px 12px;
}

/* Help Icon */
.help-icon {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  
  background-image: url('../../images/ls/icon/info-12-trans.png');
  background-repeat: no-repeat;
  background-position: left top;
}

/* PIPED LINKS
--------------------------------------------------------------------------- */
.piped li,
.piped li:before { float: left; }

.piped li:before {
  content: '|';
  
  margin: 0 3px;
}

.piped li:first-child:before { display: none; }

/* PAGERS
--------------------------------------------------------------------------- */
.pager-container { margin: 24px; }

.pager {
  font-size: 12px;
  line-height: 2em;
  
  min-height: 24px;
}

.pager .page-number {
  font-weight:bold;
  
  float:left;
  
  color:#666;
}

.pager ul { float:right; }

.pager ul li,
.pager ul li a.current { color: #CCC; }

.pager ul li {
  display:inline;
  padding: 0 0 0 3px;
}

.pager ul li a.current {
  text-decoration: none;
  
  cursor: default;
}

.pager-results {
  border-width: 1px 0;
  border-style: dotted;
  
  border-color: #CCC;
}

/* THUMBNAILS
--------------------------------------------------------------------------- */
.thumbnail-container,
.thumbnail-container-small,
.thumbnail-container-large {
  text-align: center;
  
  display: block;
}

.thumbnail-container {
  line-height: 33px;
  width:       36px;
  height:      36px;
}

.thumbnail-container-small {
  line-height: 14px;
  width:       18px;
  height:      18px;
}

.thumbnail-container-large {
  line-height: 43px;
  width:       46px;
  height:      46px;
}

.thumbnail-container img,
.thumbnail-container-small img,
.thumbnail-container-large img {
  vertical-align: middle;
  
  display: inline;
  max-width:  100%;
  max-height: 100%;
}

/* *** THUMBNAIL CLUSTERS *** */
.thumbnail-cluster,
.thumbnail-image-container,
.thumbnail-text { height: 36px; }

.thumbnail-cluster,
.thumbnail-cluster-small,
.thumbnail-cluster-large {
  position: relative;
  display: block;
  padding: 6px 12px;
}

a.thumbnail-cluster,
a.thumbnail-cluster-small,
a.thumbnail-cluster-large {
  text-decoration: none;
  color: #000;
}

a.thumbnail-cluster:hover .thumbnail-title,
a.thumbnail-cluster-small:hover .thumbnail-title,
a.thumbnail-cluster-large:hover .thumbnail-title { text-decoration: underline; }

.thumbnail-image-container {
  text-align: center;
  line-height: 34px;
  
  position: absolute;
  top:  6px;
  left: 12px;
  display: block;
  width:  36px;
  height: 36px;
}

html > body .thumbnail-image-container img {
  vertical-align: middle;
  
  max-width:  100%;
  max-height: 100%;
}

.thumbnail-text {
  line-height: 18px;
  
  margin-left: 42px;
  overflow: hidden;
}

.has-remora-link .thumbnail-cluster-small .thumbnail-text { margin-right: 10%; }

html > body .thumbnail-text,
html > body .thumbnail-text * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.thumbnail-title {
  font-size: 14px;
  display: block;
  margin-bottom: -3px;
}

.thumbnail-subtitle { color: #999; }

.thumbnail-cluster-small,
.thumbnail-cluster-small .thumbnail-image-container,
.thumbnail-cluster-small .thumbnail-text { height: 18px; }

.thumbnail-cluster-small .thumbnail-image-container {
  line-height: 17px;
  width: 18px;
}

.thumbnail-cluster-small .thumbnail-text {
  margin-left: 24px;
  padding-top: 0;
}

.thumbnail-cluster-small .thumbnail-title { display: inline; }

.thumbnail-cluster-large,
.thumbnail-cluster-large .thumbnail-image-container,
.thumbnail-cluster-large .thumbnail-text { height: 46px; }

.thumbnail-cluster-large .thumbnail-image-container {
  line-height: 45px;
  width:  46px;
}

.thumbnail-cluster-large .thumbnail-image-container img { min-height: 28px; }

.thumbnail-cluster-large .thumbnail-text { margin-left: 52px; }

.thumbnail-cluster-large .thumbnail-title:only-child { line-height: 36px; }

html > body .thumbnail-cluster-large .thumbnail-text {
  margin-top: 6px;
  height: 37px;
}

html > body .break .thumbnail-text {
  margin-top: 0;
  height: 46px;
}

html > body .break .thumbnail-title {
  white-space: normal;
  line-height: 16px;
  max-height: 32px;
  
  overflow: hidden;
}

/* TABS
--------------------------------------------------------------------------- */
.tabs,
.tabs * { line-height: 30px; }

.tabs li {
  float: left;
  margin-left: 6px;
}

.tabs li:first-child { margin-left: 0; }

.tabs .tab a {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  
  display: block;
}

/* GLOBAL HEADER
--------------------------------------------------------------------------- */
#global_header,
#global_header #global_header_content {
  background-repeat: repeat-x;
  background-position: left bottom;
}

#global_header {
  color: #FFF;
  background-color: #333;
  background-image: url('../../images/ls/background/global-header.png');
}

#global_header_content {
  background-color: #000;
  background-image: url('../../images/ls/background/global-header-content.png');
}

html > body #global_header .container-main {
  background-image: url('../../images/ls/background/global-header-container-main-trans.png');
  background-repeat: repeat-y;
  background-position: center top;
}

#logo_listspinner {
  display: block;
  float: left;
  width: 197px;
  height: 55px;
  
  background-image: url('../../images/ls/assets/logo.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

#logo_listspinner span { display: none; }

#help_toggle_container {
  line-height: 55px;
  text-align: right;
  
  height: 55px;
  margin: 0 24px;
  padding-right: 21px;
  
  color: #999;
  
  background-color: transparent;
  background-image: url('../../images/ls/icon/info.png');
  background-repeat: no-repeat;
  background-position: right center;
}

#global_header #help_toggle_container a { color: #9C3; }

#navigation_main .tab a {
  width: 174px;
  
  color: #FFF;
  
  background-color: #999;
  background-image: url('../../images/ls/background/navigation-main-tab.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}

#navigation_main .tab a:hover {
  background-color: #CCC;
  background-image: url('../../images/ls/background/navigation-main-tab-hover.png');
}

#navigation_main .tab a.current {
  color: #F63;
  
  background: #FFF;
}

#user_blurb {
  line-height: 12px;
  
  float: left;
  margin: 0 18px;
}

/* PAGE CONTENT
--------------------------------------------------------------------------- */
#page_content .container-main {
  position: relative;
  height: 576px;
  margin-bottom: -48px;
  padding-bottom: 72px;
  
  background-image: url('../../images/ls/background/page-content-960.gif');
  background-repeat: no-repeat;
}

html > body #page_content .container-main {
  height: auto;
  min-height: 576px;
}

/* *** BREADCRUMBS *** */
#breadcrumbs {
  font-size: 11px;
  line-height: 23px;
  
  padding: 0 24px;
  
  border-bottom: 1px dotted;
  
  color: #999;
  border-color: #CCC;
}

/* *** PAGE CONTENT HEADER *** */
#page_content_header {
  height: 36px;
  padding-top: 12px;
  
  background: url('../../images/ls/background/page-header.gif') repeat-x left bottom;
  color: #333;
}

#breadcrumbs ~ #page_content_header { padding-top: 0; }

#page_content_header .title {
  font-size: 18px;
  line-height: 36px;
  
  margin: 0 24px;
}

/* PAGE CONTENT HEADER TABS */
#page_content_header .tabs,
#page_content_header .tabs * { line-height: 14px; }

#page_content_header .tabs { margin: 10px 0 0 23px; }

#page_content_header .tab a {
  font-size: 12px;
  font-weight: normal;
  
  min-width: 72px;
  margin: 0;
  padding: 6px 16px 4px;
  
  border: 1px solid;
  border-bottom: none;
  
  
  background: transparent;
  color: #999;
  border-color: #EEE;
}

#page_content_header .tab a:hover,
#page_content_header .tab a.current,
#page_content_header .tab a.selected {
  background: #FFF;
  color: #000;
  border-color: #CCC;
}

#page_content_header .tab a.current,
#page_content_header .tab a.selected {
  padding-bottom: 5px;
  
  cursor: default;
}

/* *** LINK LISTS *** */
.link-list {
  margin: 24px 21px;
}

.link-list li {
  border-top: 1px solid;
  border-color: #EEE;
}

.link-list li:first-child { border: none; }

.link-list li a {
  text-decoration: none;
  
  position: relative;
  display: block;
  padding: 3px;
  
  color: #999;
}

.link-list li a:hover { background: #EEE; }

.link-list li a.selected {
  font-weight: bold;
  
  background: transparent;
  color: #666;
  
  cursor: default;
}

.link-list li a.selected:after {
  content: '»';
  
  font-weight: normal;
  
  position: absolute;
  right: 3px;
  color: #999;
}

.link-list li a.selected:after, x:-moz-any-link { display: none; }

/* GLOBAL FOOTER
--------------------------------------------------------------------------- */
#global_footer,
#global_footer a { color: #CCC; }

#global_footer {
  position: relative;
  min-height: 144px;
  padding: 0;
  
  border-top: 1px dotted;
  
  background: transparent;
  border-color: #DDD;
}

#global_footer #sosumi { text-align: right; }

#global_footer .navigation,
#global_footer #sosumi { padding: 24px; }

/* MODULES
--------------------------------------------------------------------------- */
.module { margin: 24px; }

html > body .module {
  margin-bottom: 6px;
  padding-bottom: 18px;
  
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left bottom;
}

html > body .column-half .module { background-image: url('../../images/ls/background/module-bottom-trans.png'); }

html > body .column-third .module { background-image: url('../../images/ls/background/module-bottom-272-trans.png'); }

.module-component {
  position: relative;
  
  border-bottom: 1px solid;
  
  border-color: #999;
}

.module-header {
  font-size: 14px;
  line-height: 24px;
}

.module-title-sub {
  font-size: 11px;
  margin-top: -9px;
  
  color: #999;
}

ul.module-component .module-component-item {
  position: relative;
  display: block;
  overflow: hidden;
  
  border-top: 1px dotted;
  
  border-color: #CCC;
}

ul.module-component .module-component-item:first-child { border: none; }

ul.module-component .module-component-item .remora-link {
  position: absolute;
  right: 12px;
  bottom: 6px;
  
  color: #09F;
}

ul.module-component .orphan {
  line-height: 18px;
  text-align: center;
  
  display: none;
  padding: 6px 12px;
  
  color: #999;
}

ul.module-component .orphan:only-child { display: block; }

ul.thumbnail-cluster-list,
ul.thumbnail-cluster-list-small,
ul.thumbnail-cluster-list-large { overflow: auto; }

ul.thumbnail-cluster-list { max-height: 146px; }

ul.thumbnail-cluster-list .module-component-item { height: 48px; }

ul.thumbnail-cluster-list-small { max-height: 185px; }

ul.thumbnail-cluster-list-small .module-component-item { height: 30px; }

ul.thumbnail-cluster-list-large { max-height: 176px; }

ul.thumbnail-cluster-list-large .module-component-item { height: 58px; }

/* *** COLLAPSIBLES *** */
.collapsable { position: relative; }

.collapsable .show {
  position: absolute;
  bottom: 6px;
  right: 0;
  
  color: #9C3;
}

.collapsable .show small {
  line-height: 10px;
  
  display: block;
  padding-right: 10px;
  background: url('../../images/ls/icon/show-hide.gif') no-repeat right top;
}

.collapsable .show small.arrow-down {  background-position: right bottom; }

/* *** FORM MODULES *** */
fieldset.module-component { padding: 6px; }

fieldset.module-component p,
fieldset.module-component input.button,
fieldset.module-component input.text,
fieldset.module-component label,
fieldset.module-component textarea {
  display: block;
  max-width: 408px;
  margin: 6px;
}

fieldset.module-component button
fieldset.module-component .button {
  max-width: 420px;
  margin: 6px;
}

fieldset.module-component button:only-child,
fieldset.module-component .button:only-child { margin: 12px auto; }

fieldset.module-component .left { margin: 0; }

fieldset.module-component label {
  font-weight: bold;
  
  color: #666;
}

fieldset.module-component textarea { width: 394px; }

fieldset.module-component input[type="text"],
fieldset.module-component input[type="password"] { width: 392px; }

fieldset.module-component p * {
  display: inline;
  margin: 0;
}

/* *** MODULE COPY BLOCK *** */
.module .copy-block { border: none; }

.module .copy-block h1,
.module .copy-block h2,
.module .copy-block h3,
.module .copy-block h4,
.module .copy-block h5,
.module .copy-block h6,
.module .copy-block p { margin: 12px 0; }

/* MODAL WINDOWS
--------------------------------------------------------------------------- */
#modalbox_wrapper .module,
#modalbox_wrapper .save-share {
  position: relative;
  width: 432px;
  
  background: #EEE;
  
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  
  -webkit-box-shadow: 0 0 12px #000;
}

#modalbox_wrapper .module-header {
  min-height: 24px;
  padding: 8px 0 0;
}

#modalbox_wrapper .module-header .module-title { margin: 0 12px; }

#modalbox_wrapper .module-header .tabs,
#modalbox_wrapper .module-header .tabs * { margin: 0; }

#modalbox_wrapper .module-header .tabs,
#modalbox_wrapper .module-header .tabs a {
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
  
  color: #999;
}

#modalbox_wrapper .module-header .tabs a { padding: 0 12px; }

#modalbox_wrapper .module-header .tabs a:hover,
#modalbox_wrapper .module-header .tabs a.current { color: #000; }

#modalbox_wrapper .module-header .tabs a.current {
  font-weight: bold;
  background: #FFF;
}

#modalbox_wrapper .module-footer { border-bottom: none; }

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

/* *** BOUNCER *** */
#bouncer .module-footer { padding: 0 0 6px; }

#bouncer .module-footer p { margin: 6px 12px; }

#bouncer fieldset {
  width: 420px;
  padding: 6px;
  
  border-bottom: 1px dotted;
  border-color: #CCC;
}

#bouncer fieldset input.text,
#bouncer fieldset label { margin: 6px; }

#bouncer .login-sign-up fieldset input.text,
#bouncer .login-sign-up fieldset label {
  float: left;
  width: 258px;
}

#bouncer .login-sign-up fieldset label {
  line-height: 30px;
  white-space: nowrap;
  
  text-align: right;
  width: 96px;
}

#bouncer fieldset.button-container { border: none; }

#bouncer fieldset.button-container * { margin: 0; }

#bouncer fieldset p {
  line-height: 18px;
  margin: 0;
  padding-left: 128px;
}

#bouncer fieldset p.form-error { padding: 0 24px 0 114px; }

#bouncer .login-sign-up fieldset p input,
#bouncer .login-sign-up fieldset p label {
  display: inline;
  float: none;
  clear: none;
  margin: 0;
}

#bouncer fieldset p label { margin-left: 3px; }

#bouncer #bouncer_password_container fieldset p.form-error { padding: 0 6px; }

/* *** SAVE SHARE *** */
#modalbox_wrapper .save-share {
  font-size: 15px;
  font-weight: bold;
  
  display: block;
  width: 150px;
  margin: 0 auto;
  padding: 24px;
}

/* ------------------------------------------------------------------------ */
.empty-text {
  text-align: center;
  
  display: none;
  
  color: #999;
}

.empty-text:only-child { display: block; }